@tenancy.nz/ui 1.1.7 → 1.1.9

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

@@ -0,0 +1,68 @@
+'use strict';
+
+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');
+
+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;

package/dist/cjs/{Text.cjs → components/Text.cjs}

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
 var Typography = require('@mui/material/Typography');
 
@@ -23,22 +23,22 @@ function Text(_ref) {
     paragraph = _ref$paragraph === void 0 ? false : _ref$paragraph,
     _ref$sx = _ref.sx,
     sx = _ref$sx === void 0 ? {} : _ref$sx,
-    others = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
+    others = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var component = paragraph ? "p" : as;
   var inlineComponents = ["span", "small", "strong"];
-  var textStyles = _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({
+  var textStyles = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
     fontWeight: weight
   }, italic && {
     fontStyle: "italic"
   }), transform && {
     textTransform: transform
   });
-  var styles = _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({
+  var styles = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
     display: inlineComponents.includes(component) ? "inline-block" : display
   }, textStyles), paragraph && {
     my: "8px"
   }), sx);
-  return /* @__PURE__ */React.createElement(Typography, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({
+  return /* @__PURE__ */React.createElement(Typography, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
     component: component
   }, others), {}, {
     sx: styles

package/dist/cjs/{TextInput.cjs → components/TextInput.cjs}

@@ -2,43 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
 var InputAdornment = require('@mui/material/InputAdornment');
 var FormControl = require('./FormControl.cjs');
 var FormLabel = require('./FormLabel.cjs');
 var TextInput_styled = require('./TextInput.styled.cjs');
-var number = require('./number.cjs');
+var number = require('../utils/helpers/number.cjs');
 var Box = require('./Box.cjs');
-require('framer-motion');
-require('@mui/material/FormHelperText');
-require('./StatusMessage.cjs');
-require('./Alert.cjs');
-require('@mui/icons-material/CheckCircleOutlineOutlined');
-require('@mui/icons-material/ErrorOutlineOutlined');
-require('@mui/icons-material/InfoOutlined');
-require('@mui/icons-material/WarningAmberOutlined');
-require('./Alert.styled.cjs');
-require('@emotion/react');
-require('@mui/material/Alert');
-require('@mui/material/AlertTitle');
-require('@mui/material/styles');
-require('./object.cjs');
-require('./boolean.cjs');
-require('./FormControl.styled.cjs');
-require('@mui/material/FormControl');
-require('./index_lite-B_XeK-IK.js');
-require('./time.cjs');
-require('./customParseFormat-Bwz3j37R.js');
-require('./_commonjsHelpers-CFO10eej.js');
-require('./array.cjs');
-require('./string.cjs');
-require('./FormLabel.styled.cjs');
-require('@mui/material/FormLabel');
-require('@mui/material/InputBase');
-require('./index-BIkEtimw.js');
-require('react-is');
-require('@mui/material/Box');
 
 var _excluded = ["autoComplete", "autoFocus", "color", "disabled", "edges", "endAdornment", "errorMessage", "fullWidth", "helperText", "id", "inputRef", "inputProps", "label", "maxLength", "minLength", "message", "multiline", "name", "placeholder", "required", "showCounter", "showError", "size", "startAdornment", "readOnly", "type"];
 var typeMap = {
@@ -96,12 +67,12 @@ var TextInput = /*#__PURE__*/React.forwardRef(function TextInput2(_ref, ref) {
     readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? "text" : _ref$type,
-    rest = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState(rest.value ? rest.value.length : 0),
-    _useState2 = _rollupPluginBabelHelpers._slicedToArray(_useState, 2),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     noOfChars = _useState2[0],
     setNoOfChars = _useState2[1];
-  var inputAttrs = _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({
+  var inputAttrs = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
     minLength: minLength
   }, type === "number" && {
     inputMode: "decimal"
@@ -114,7 +85,7 @@ var TextInput = /*#__PURE__*/React.forwardRef(function TextInput2(_ref, ref) {
     multiline: multiline,
     rows: 3.4
   };
-  var props = _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({
+  var props = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
     autoComplete: autoComplete,
     autoFocus: autoFocus,
     color: showError ? "error" : color,
@@ -183,7 +154,7 @@ var TextInput = /*#__PURE__*/React.forwardRef(function TextInput2(_ref, ref) {
     required: required,
     size: size,
     ref: ref
-  }, /* @__PURE__ */React.createElement(TextInput_styled.default, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, props), {}, {
+  }, /* @__PURE__ */React.createElement(TextInput_styled.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
     error: true
   }, showCounter && {
     onKeyUp: handleChange

package/dist/cjs/components/TextInput.styled.cjs

@@ -0,0 +1,84 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
+var react = require('@emotion/react');
+var styles = require('@mui/material/styles');
+var InputBase = require('@mui/material/InputBase');
+var object = require('../utils/helpers/object.cjs');
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
+var colorStyles = function colorStyles(_ref) {
+  var color = _ref.color,
+    theme = _ref.theme;
+  return react.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n\n  ", "\n"])), color === "default" && react.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    border: 1px solid ", ";\n  "])), object.getObjectProp(theme, "vars.palette.grey.400")), color !== "default" && react.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    border: 1px solid ", ";\n    background-color: ", ";\n  "])), object.getObjectProp(theme, "vars.palette.".concat(color, ".main")), object.getObjectProp(theme, "vars.palette.".concat(color, ".light"))));
+};
+var disabledStyles = function disabledStyles(_ref2) {
+  var theme = _ref2.theme;
+  return react.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  border-color: ", ";\n  color: ", ";\n  background-color: ", ";\n"])), object.getObjectProp(theme, "vars.palette.grey.200"), object.getObjectProp(theme, "vars.palette.grey.600"), object.getObjectProp(theme, "vars.palette.grey.200"));
+};
+var edgesStyles = function edgesStyles(_ref3) {
+  var edges = _ref3.edges,
+    theme = _ref3.theme;
+  return react.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n  ", "\n    ", "\n"])), edges === "smooth" && react.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    border-radius: ", ";\n  "])), object.getObjectProp(theme, "vars.shape.borderRadius")), edges === "sharp" && react.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    border-radius: 0px;\n  "]))), edges === "rounded" && react.css(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    border-radius: 9999px;\n  "]))));
+};
+var focusStyles = function focusStyles(_ref4) {
+  var theme = _ref4.theme,
+    color = _ref4.color;
+  return react.css(_templateObject9 || (_templateObject9 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n  ", "\n\n  > input:focus::placeholder {\n    opacity: 0;\n  }\n"])), color === "default" && react.css(_templateObject0 || (_templateObject0 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    &:focus-within {\n      box-shadow: 0px 0px 6px 0px\n        ", ";\n      border-color: ", ";\n    }\n  "])), object.getObjectProp(theme, "vars.palette.info.main"), object.getObjectProp(theme, "vars.palette.info.main")), color !== "default" && react.css(_templateObject1 || (_templateObject1 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    &:focus-within {\n      box-shadow: 0px 0px 6px 0px\n        ", ";\n    }\n  "])), object.getObjectProp(theme, "vars.palette.".concat(color, ".main"))));
+};
+var hoverStyles = react.css(_templateObject10 || (_templateObject10 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  &:hover {\n    border-color: #1f1c4f;\n  }\n"])));
+var placeholderStyles = function placeholderStyles(_ref5) {
+  var theme = _ref5.theme;
+  return react.css(_templateObject11 || (_templateObject11 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  > input::placeholder {\n    color: ", ";\n    opacity: 1;\n    transition: none;\n  }\n"])), object.getObjectProp(theme, "vars.palette.grey.600"));
+};
+var readOnlyStyles = function readOnlyStyles(_ref6) {
+  var theme = _ref6.theme;
+  return react.css(_templateObject12 || (_templateObject12 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  background-color: ", ";\n"])), object.getObjectProp(theme, "vars.palette.background.muted"));
+};
+var sizeStyles = function sizeStyles(_ref7) {
+  var size = _ref7.size,
+    multiline = _ref7.multiline,
+    theme = _ref7.theme;
+  return react.css(_templateObject13 || (_templateObject13 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n  ", "\n  ", "\n"])), size === "small" && react.css(_templateObject14 || (_templateObject14 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    height: 36px;\n    padding: 8px 12px;\n    font-size: calc(", "px - 2px);\n  "])), object.getObjectProp(theme, "typography.fontSize")), size === "medium" && react.css(_templateObject15 || (_templateObject15 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    height: 48px;\n    padding: 12px 16px;\n    font-size: ", "px;\n  "])), object.getObjectProp(theme, "typography.fontSize")), multiline && react.css(_templateObject16 || (_templateObject16 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    height: auto;\n    min-height: 78px;\n  "]))));
+};
+var StyledTextInput = styles.styled(InputBase)(_templateObject17 || (_templateObject17 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref8) {
+  var color = _ref8.color,
+    disabled = _ref8.disabled,
+    edges = _ref8.edges,
+    multiline = _ref8.multiline,
+    readOnly = _ref8.readOnly,
+    size = _ref8.size,
+    theme = _ref8.theme;
+  return react.css(_templateObject18 || (_templateObject18 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    && {\n      background-color: #fff;\n      font-weight: 400;\n      transition: none;\n      color: ", ";\n\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n\n      > input {\n        padding: 0;\n        border: 0px;\n        margin: 0px;\n        box-shadow: none;\n        height: 1.4375em;\n        font: inherit;\n        font-size: inherit;\n        line-height: inherit;\n        color: currentColor;\n        box-sizing: content-box;\n        background: none;\n        -webkit-tap-highlight-color: transparent;\n        display: block;\n        min-width: 0px;\n        width: 100%;\n      }\n    }\n  "])), object.getObjectProp(theme, "vars.palette.text.primary"), colorStyles({
+    color: color,
+    theme: theme
+  }), edgesStyles({
+    edges: edges,
+    theme: theme
+  }), !disabled && !readOnly && hoverStyles, !disabled && !readOnly && focusStyles({
+    theme: theme,
+    color: color
+  }), !disabled && readOnly && readOnlyStyles({
+    theme: theme
+  }), disabled && disabledStyles({
+    theme: theme
+  }), placeholderStyles({
+    theme: theme
+  }), sizeStyles({
+    size: size,
+    multiline: multiline,
+    theme: theme
+  }));
+});
+
+exports.colorStyles = colorStyles;
+exports.default = StyledTextInput;
+exports.disabledStyles = disabledStyles;
+exports.edgesStyles = edgesStyles;
+exports.focusStyles = focusStyles;
+exports.hoverStyles = hoverStyles;
+exports.placeholderStyles = placeholderStyles;
+exports.readOnlyStyles = readOnlyStyles;
+exports.sizeStyles = sizeStyles;

package/dist/cjs/{ThemeProvider.cjs → components/ThemeProvider.cjs}

@@ -2,24 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
-var index = require('./index-BIkEtimw.js');
+var PropTypes = require('prop-types');
 var react = require('@emotion/react');
 var styled = require('styled-components');
 var styles = require('@mui/material/styles');
 var CssBaseline = require('@mui/material/CssBaseline');
-var index$1 = require('./index3.cjs');
-require('./_commonjsHelpers-CFO10eej.js');
-require('react-is');
+var index = require('../theme/index.cjs');
 
 var _excluded = ["theme", "children"];
 function ThemeProvider(_ref) {
   var _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? {} : _ref$theme,
     children = _ref.children,
-    rest = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
-  var mergedTheme = styles.createTheme(_rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, index$1.default), theme), {}, {
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var mergedTheme = styles.createTheme(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, index.default), theme), {}, {
     cssVariables: {
       cssVarPrefix: "tn"
     }
@@ -28,25 +26,25 @@ function ThemeProvider(_ref) {
     theme: mergedTheme
   }, /* @__PURE__ */React.createElement(react.ThemeProvider, {
     theme: mergedTheme
-  }, /* @__PURE__ */React.createElement(styles.ThemeProvider, _rollupPluginBabelHelpers._objectSpread2({
+  }, /* @__PURE__ */React.createElement(styles.ThemeProvider, _rollupPluginBabelHelpers.objectSpread2({
     theme: mergedTheme
   }, rest), /* @__PURE__ */React.createElement(CssBaseline, null), children))));
 }
 ThemeProvider.propTypes = {
-  theme: index.PropTypes.shape({
-    breakpoints: index.PropTypes.object,
-    mixins: index.PropTypes.object,
-    overrides: index.PropTypes.object,
-    palette: index.PropTypes.object,
-    props: index.PropTypes.object,
-    shadows: index.PropTypes.array,
-    typography: index.PropTypes.object,
-    spacing: index.PropTypes.func,
-    shape: index.PropTypes.object,
-    transitions: index.PropTypes.object,
-    zIndex: index.PropTypes.object
+  theme: PropTypes.shape({
+    breakpoints: PropTypes.object,
+    mixins: PropTypes.object,
+    overrides: PropTypes.object,
+    palette: PropTypes.object,
+    props: PropTypes.object,
+    shadows: PropTypes.array,
+    typography: PropTypes.object,
+    spacing: PropTypes.func,
+    shape: PropTypes.object,
+    transitions: PropTypes.object,
+    zIndex: PropTypes.object
   }),
-  children: index.PropTypes.any.isRequired
+  children: PropTypes.any.isRequired
 };
 
 exports.default = ThemeProvider;

package/dist/cjs/{TimeInput.cjs → components/TimeInput.cjs}

@@ -2,48 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
-var index = require('./index-BIkEtimw.js');
+var PropTypes = require('prop-types');
 var FormControl = require('./FormControl.cjs');
 var Select = require('./Select.cjs');
-require('./index_lite-B_XeK-IK.js');
-var time = require('./time.cjs');
 var TimeInput_styled = require('./TimeInput.styled.cjs');
-require('./_commonjsHelpers-CFO10eej.js');
-require('react-is');
-require('framer-motion');
-require('@mui/material/FormHelperText');
-require('./FormLabel.cjs');
-require('./FormLabel.styled.cjs');
-require('@mui/material/styles');
-require('@emotion/react');
-require('@mui/material/FormLabel');
-require('./object.cjs');
-require('./boolean.cjs');
-require('./StatusMessage.cjs');
-require('./Alert.cjs');
-require('@mui/icons-material/CheckCircleOutlineOutlined');
-require('@mui/icons-material/ErrorOutlineOutlined');
-require('@mui/icons-material/InfoOutlined');
-require('@mui/icons-material/WarningAmberOutlined');
-require('./Alert.styled.cjs');
-require('@mui/material/Alert');
-require('@mui/material/AlertTitle');
-require('./FormControl.styled.cjs');
-require('@mui/material/FormControl');
-require('react-uid');
-require('@mui/icons-material/KeyboardArrowDown');
-require('./Select.styled.cjs');
-require('@emotion/styled');
-require('@mui/material/MenuItem');
-require('@mui/material/Select');
-require('./TextInput.styled.cjs');
-require('@mui/material/InputBase');
-require('./customParseFormat-Bwz3j37R.js');
-require('./array.cjs');
-require('./string.cjs');
-require('@mui/material/Box');
+var time = require('../utils/helpers/time.cjs');
 
 var _excluded = ["disabled", "disableFirstOption", "errorMessage", "fullWidth", "fromFormat", "helperText", "helperTextPlacement", "label", "minutesIncrementStep", "onChange", "name", "required", "showError", "size", "toFormat", "value"];
 function TimeInput(_ref) {
@@ -77,14 +42,14 @@ function TimeInput(_ref) {
     toFormat = _ref$toFormat === void 0 ? "HH:mm:ss" : _ref$toFormat,
     _ref$value = _ref.value,
     value = _ref$value === void 0 ? "" : _ref$value,
-    rest = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var inputRef = React.useRef();
   var _useState = React.useState({
       hour: "",
       minute: "",
       meridian: ""
     }),
-    _useState2 = _rollupPluginBabelHelpers._slicedToArray(_useState, 2),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     values = _useState2[0],
     setValues = _useState2[1];
   React.useEffect(function () {
@@ -101,7 +66,7 @@ function TimeInput(_ref) {
   var meridianOptions = time.getMeridianOptions(disableFirstOption);
   var minuteOptions = time.getMinuteOptions(0, minutesIncrementStep === 5 ? 55 : 59, minutesIncrementStep, disableFirstOption);
   var handleChange = function handleChange(e, type) {
-    var newValues = _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, values), {}, _rollupPluginBabelHelpers._defineProperty({}, type, e.target.value));
+    var newValues = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, values), {}, _rollupPluginBabelHelpers.defineProperty({}, type, e.target.value));
     var dateObj = time.parseTimeStrByFormat("".concat(newValues.hour, ":").concat(newValues.minute).concat(newValues.meridian), "hh:mma");
     var dateStr = dateObj.format(toFormat);
     var newValue = dateStr === "Invalid Date" ? "" : dateStr;
@@ -191,68 +156,68 @@ TimeInput.propTypes = {
   /**
    * If `true`, the input will be not be intractive.
    */
-  disabled: index.PropTypes.bool,
+  disabled: PropTypes.bool,
   /**
    * If `true`, will disable the first option in each select box.
    */
-  disableFirstOption: index.PropTypes.bool,
+  disableFirstOption: PropTypes.bool,
   /**
    * The error message to display if showError === true
    */
-  errorMessage: index.PropTypes.string,
+  errorMessage: PropTypes.string,
   /**
    * If `true`, the component will take up the full width of its container.
    */
-  fullWidth: index.PropTypes.bool,
+  fullWidth: PropTypes.bool,
   /**
    * The time format in which `value` is provided.
    */
-  fromFormat: index.PropTypes.string,
+  fromFormat: PropTypes.string,
   /**
    * The helper text content.
    */
-  helperText: index.PropTypes.node,
+  helperText: PropTypes.node,
   /**
    * Placement of the helper text above or below the input.
    */
-  helperTextPlacement: index.PropTypes.oneOf(["above", "below"]),
+  helperTextPlacement: PropTypes.oneOf(["above", "below"]),
   /**
    * The increment value used to create minutes list.
    */
-  minutesIncrementStep: index.PropTypes.oneOf([1, 5]),
+  minutesIncrementStep: PropTypes.oneOf([1, 5]),
   /**
    * Function to handle input change
    */
-  onChange: index.PropTypes.func.isRequired,
+  onChange: PropTypes.func.isRequired,
   /**
    * Text to describe the field.
    */
-  label: index.PropTypes.node,
+  label: PropTypes.node,
   /**
    * HTML `name` attribute of the field.
    */
-  name: index.PropTypes.string.isRequired,
+  name: PropTypes.string.isRequired,
   /**
    *
    */
-  required: index.PropTypes.bool,
+  required: PropTypes.bool,
   /**
    * Whether or not to display an error message (if there is a message to display).
    */
-  showError: index.PropTypes.bool,
+  showError: PropTypes.bool,
   /**
    * The size of the input.
    */
-  size: index.PropTypes.oneOf(["medium", "small"]),
+  size: PropTypes.oneOf(["medium", "small"]),
   /**
    * The time format in which new `value` will be returned after selection.
    * @see https://day.js.org/docs/en/display/format#list-of-all-available-formats
    */
-  toFormat: index.PropTypes.string,
+  toFormat: PropTypes.string,
   /**
    * The value of the `input` element, required for a controlled component.
    */
-  value: index.PropTypes.string
+  value: PropTypes.string
 };
 
 exports.default = TimeInput;

package/dist/cjs/{Tooltip.cjs → components/Tooltip.cjs}

@@ -2,18 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
 var Box = require('./Box.cjs');
 var Tooltip_styled = require('./Tooltip.styled.cjs');
-require('./index-BIkEtimw.js');
-require('./_commonjsHelpers-CFO10eej.js');
-require('react-is');
-require('@mui/material/Box');
-require('@mui/material/styles');
-require('@mui/material/Tooltip');
-require('./object.cjs');
-require('./boolean.cjs');
 
 var _excluded = ["children", "boxProps", "arrow", "enterDelay", "enterNextDelay", "enterTouchDelay", "followCursor", "id", "leaveDelay", "leaveTouchDelay", "placement"];
 function Tooltip(_ref) {
@@ -38,9 +30,9 @@ function Tooltip(_ref) {
     leaveTouchDelay = _ref$leaveTouchDelay === void 0 ? 1500 : _ref$leaveTouchDelay,
     _ref$placement = _ref.placement,
     placement = _ref$placement === void 0 ? "top" : _ref$placement,
-    others = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
+    others = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var className = others.className;
-  var rest = _rollupPluginBabelHelpers._objectSpread2({
+  var rest = _rollupPluginBabelHelpers.objectSpread2({
     arrow: arrow,
     enterDelay: enterDelay,
     enterNextDelay: enterNextDelay,
@@ -51,7 +43,7 @@ function Tooltip(_ref) {
     leaveTouchDelay: leaveTouchDelay,
     placement: placement
   }, others);
-  return /* @__PURE__ */React.createElement(Tooltip_styled.default, _rollupPluginBabelHelpers._objectSpread2({
+  return /* @__PURE__ */React.createElement(Tooltip_styled.default, _rollupPluginBabelHelpers.objectSpread2({
     classes: {
       popper: className
     }

package/dist/cjs/{Tooltip.styled.cjs → components/Tooltip.styled.cjs}

@@ -2,14 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var styles = require('@mui/material/styles');
 var Tooltip = require('@mui/material/Tooltip');
-var object = require('./object.cjs');
-require('./boolean.cjs');
+var object = require('../utils/helpers/object.cjs');
 
 var _templateObject;
-var StyledTooltip = styles.styled(Tooltip)(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+var StyledTooltip = styles.styled(Tooltip)(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
   var theme = _ref.theme;
   return "\n    & .".concat(Tooltip.tooltipClasses.tooltip, " {\n      padding: ").concat(theme.spacing(3), ";\n      background-color: ").concat(object.getObjectProp(theme, "vars.palette.secondary.main"), ";\n      color: ").concat(object.getObjectProp(theme, "vars.palette.secondary.contrastText"), ";\n      border: none;\n      font-size: 14px;\n      font-weight: 400;\n    }\n\n    && .").concat(Tooltip.tooltipClasses.arrow, " {\n      color: ").concat(object.getObjectProp(theme, "vars.palette.secondary.main"), ";\n\n\n      &:before {\n        border-radius: ").concat(theme.shape.borderRadius, "px;\n      }\n    }\n\n    && .").concat(Tooltip.tooltipClasses.tooltipPlacementTop, " .").concat(Tooltip.tooltipClasses.arrow, " {\n      margin-bottom: -1.08em;\n      width: 2em;\n      height: 1.2em;\n    }\n    && .").concat(Tooltip.tooltipClasses.tooltipPlacementBottom, " .").concat(Tooltip.tooltipClasses.arrow, " {\n      margin-top: -1.08em;\n      width: 2em;\n      height: 1.2em;\n    }\n\n    && .").concat(Tooltip.tooltipClasses.tooltipPlacementLeft, " .").concat(Tooltip.tooltipClasses.arrow, " {\n      margin-right: -1.08em;\n      width: 1.2em;\n      height: 2em;\n    }\n\n    && .").concat(Tooltip.tooltipClasses.tooltipPlacementRight, " .").concat(Tooltip.tooltipClasses.arrow, " {\n      margin-left: -1.08em;\n      width: 1.2em;\n      height: 2em;\n    }\n");
 });

package/dist/cjs/components/Truncate.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var PropTypes = require('prop-types');
+var string = require('../utils/helpers/string.cjs');
+
+function Truncate(_ref) {
+  var children = _ref.children,
+    limit = _ref.limit;
+  var truncatedStr = string.stripTags(children).slice(0, limit).trim();
+  if (children.length > truncatedStr.length) {
+    return "".concat(truncatedStr, "...");
+  }
+  return truncatedStr;
+}
+Truncate.propTypes = {
+  children: PropTypes.string.isRequired,
+  limit: PropTypes.number.isRequired
+};
+
+exports.default = Truncate;