@tenancy.nz/ui 1.0.8 → 1.0.9

package/dist/cjs/{packages/ui/src/components/Tabs.cjs → Tabs.cjs}

@@ -1,12 +1,15 @@
-"use strict";
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.cjs');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
 var React = require('react');
-var index = require('../../../../_virtual/index.cjs');
+var index = require('./index-BIkEtimw.js');
 var Tabs_styled = require('./Tabs.styled.cjs');
+require('./_commonjsHelpers-CFO10eej.js');
+require('react-is');
+require('styled-components');
+require('@mui/material/Tabs');
 
 var _excluded = ["action", "activecolor", "children", "value"];
 function Tabs(_ref) {
@@ -16,8 +19,8 @@ function Tabs(_ref) {
     children = _ref.children,
     _ref$value = _ref.value,
     value = _ref$value === void 0 ? false : _ref$value,
-    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /* @__PURE__ */React.createElement(Tabs_styled.StyledTabs, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
+    rest = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */React.createElement(Tabs_styled.StyledTabs, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, rest), {}, {
     action: action,
     value: value,
     activecolor: activecolor,
@@ -28,25 +31,25 @@ Tabs.propTypes = {
   /**
    * Color to highlight selected tab
    */
-  activecolor: index.default.oneOf(["default", "primary", "primaryAlt", "secondary", "secondaryAlt", "tertiary", "info", "inherit"]).isRequired,
+  activecolor: index.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()`
    * and `updateScrollButtons()`
    */
-  action: index.default.func,
+  action: index.PropTypes.func,
   /**
    * The content of the component.
    */
-  children: index.default.node.isRequired,
+  children: index.PropTypes.node.isRequired,
   /**
    * Callback fired when the value changes.
    */
-  onChange: index.default.func.isRequired,
+  onChange: index.PropTypes.func.isRequired,
   /**
    * The value of the currently selected Tab. If `false` no tab will be selected
    */
-  value: index.default.any
+  value: index.PropTypes.any
 };
 
 exports.default = Tabs;

package/dist/cjs/Tabs.styled.cjs

@@ -0,0 +1,17 @@
+'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/{packages/ui/src/components/Tag.cjs → Tag.cjs}

@@ -1,11 +1,14 @@
-"use strict";
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.cjs');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
 var React = require('react');
 var Tag_styled = require('./Tag.styled.cjs');
+require('@emotion/react');
+require('@emotion/styled');
+require('./object.cjs');
+require('./boolean.cjs');
 
 var _excluded = ["endIcon", "label", "startIcon", "color", "edges", "size", "variant"];
 function Tag(_ref) {
@@ -22,8 +25,8 @@ function Tag(_ref) {
     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__ */React.createElement(Tag_styled.default, _rollupPluginBabelHelpers.objectSpread2({
+    others = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */React.createElement(Tag_styled.default, _rollupPluginBabelHelpers._objectSpread2({
     color: color,
     edges: edges,
     variant: variant,

package/dist/cjs/Tag.styled.cjs

@@ -0,0 +1,69 @@
+'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;

package/dist/cjs/{packages/ui/src/components/Text.cjs → Text.cjs}

@@ -1,9 +1,8 @@
-"use strict";
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.cjs');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
 var React = require('react');
 var Typography = require('@mui/material/Typography');
 
@@ -24,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/{packages/ui/src/components/TextInput.cjs → TextInput.cjs}

@@ -1,16 +1,44 @@
-"use strict";
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.cjs');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
 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('../utils/helpers/number.cjs');
+var number = require('./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 = {
@@ -68,12 +96,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"
@@ -86,7 +114,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,
@@ -155,7 +183,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/TextInput.styled.cjs

@@ -0,0 +1,85 @@
+'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 InputBase = require('@mui/material/InputBase');
+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, _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    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    }\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/{packages/ui/src/components/ThemeProvider.cjs → ThemeProvider.cjs}

@@ -1,24 +1,25 @@
-"use strict";
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.cjs');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
 var React = require('react');
-var index = require('../../../../_virtual/index.cjs');
+var index = require('./index-BIkEtimw.js');
 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('../theme/index.cjs');
+var index$1 = require('./index3.cjs');
+require('./_commonjsHelpers-CFO10eej.js');
+require('react-is');
 
 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$1.default), theme), {}, {
     cssVariables: {
       cssVarPrefix: "tn"
     }
@@ -27,25 +28,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.default.shape({
-    breakpoints: index.default.object,
-    mixins: index.default.object,
-    overrides: index.default.object,
-    palette: index.default.object,
-    props: index.default.object,
-    shadows: index.default.array,
-    typography: index.default.object,
-    spacing: index.default.func,
-    shape: index.default.object,
-    transitions: index.default.object,
-    zIndex: index.default.object
+  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
   }),
-  children: index.default.any.isRequired
+  children: index.PropTypes.any.isRequired
 };
 
 exports.default = ThemeProvider;

package/dist/cjs/{packages/ui/src/components/TimeInput.cjs → TimeInput.cjs}

@@ -1,16 +1,49 @@
-"use strict";
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.cjs');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
 var React = require('react');
-var index = require('../../../../_virtual/index.cjs');
+var index = require('./index-BIkEtimw.js');
 var FormControl = require('./FormControl.cjs');
 var Select = require('./Select.cjs');
-require('../../../../node_modules/.pnpm/mime@4.0.7/node_modules/mime/dist/src/index_lite.cjs');
-var time = require('../utils/helpers/time.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 _excluded = ["disabled", "disableFirstOption", "errorMessage", "fullWidth", "fromFormat", "helperText", "helperTextPlacement", "label", "minutesIncrementStep", "onChange", "name", "required", "showError", "size", "toFormat", "value"];
 function TimeInput(_ref) {
@@ -44,14 +77,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 () {
@@ -68,7 +101,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;
@@ -158,68 +191,68 @@ TimeInput.propTypes = {
   /**
    * If `true`, the input will be not be intractive.
    */
-  disabled: index.default.bool,
+  disabled: index.PropTypes.bool,
   /**
    * If `true`, will disable the first option in each select box.
    */
-  disableFirstOption: index.default.bool,
+  disableFirstOption: index.PropTypes.bool,
   /**
    * The error message to display if showError === true
    */
-  errorMessage: index.default.string,
+  errorMessage: index.PropTypes.string,
   /**
    * If `true`, the component will take up the full width of its container.
    */
-  fullWidth: index.default.bool,
+  fullWidth: index.PropTypes.bool,
   /**
    * The time format in which `value` is provided.
    */
-  fromFormat: index.default.string,
+  fromFormat: index.PropTypes.string,
   /**
    * The helper text content.
    */
-  helperText: index.default.node,
+  helperText: index.PropTypes.node,
   /**
    * Placement of the helper text above or below the input.
    */
-  helperTextPlacement: index.default.oneOf(["above", "below"]),
+  helperTextPlacement: index.PropTypes.oneOf(["above", "below"]),
   /**
    * The increment value used to create minutes list.
    */
-  minutesIncrementStep: index.default.oneOf([1, 5]),
+  minutesIncrementStep: index.PropTypes.oneOf([1, 5]),
   /**
    * Function to handle input change
    */
-  onChange: index.default.func.isRequired,
+  onChange: index.PropTypes.func.isRequired,
   /**
    * Text to describe the field.
    */
-  label: index.default.node,
+  label: index.PropTypes.node,
   /**
    * HTML `name` attribute of the field.
    */
-  name: index.default.string.isRequired,
+  name: index.PropTypes.string.isRequired,
   /**
    *
    */
-  required: index.default.bool,
+  required: index.PropTypes.bool,
   /**
    * Whether or not to display an error message (if there is a message to display).
    */
-  showError: index.default.bool,
+  showError: index.PropTypes.bool,
   /**
    * The size of the input.
    */
-  size: index.default.oneOf(["medium", "small"]),
+  size: index.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.default.string,
+  toFormat: index.PropTypes.string,
   /**
    * The value of the `input` element, required for a controlled component.
    */
-  value: index.default.string
+  value: index.PropTypes.string
 };
 
 exports.default = TimeInput;

package/dist/cjs/{packages/ui/src/components/TimeInput.styled.cjs → TimeInput.styled.cjs}

@@ -1,4 +1,3 @@
-"use strict";
 'use strict';
 
 var styles = require('@mui/material/styles');