@tenancy.nz/ui 1.1.8 → 1.2.0

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

@@ -2,60 +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 Grid = require('@mui/material/Grid');
 var FormControl = require('./FormControl.cjs');
 var DateNumberInput = require('./DateNumberInput.cjs');
 var DateInput_styled = require('./DateInput.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('./index_lite-B_XeK-IK.js');
-require('./time.cjs');
-require('./customParseFormat-Bwz3j37R.js');
-require('./array.cjs');
-require('./string.cjs');
-require('@mui/material/useMediaQuery');
-require('./Autocomplete.cjs');
-require('@mui/icons-material/KeyboardArrowDown');
-require('./Autocomplete.styled.cjs');
-require('@mui/material/Autocomplete');
-require('./TextInput.cjs');
-require('@mui/material/InputAdornment');
-require('./TextInput.styled.cjs');
-require('@mui/material/InputBase');
-require('./number.cjs');
-require('./Box.cjs');
-require('@mui/material/Box');
-require('./Select.cjs');
-require('react-uid');
-require('./Select.styled.cjs');
-require('@emotion/styled');
-require('@mui/material/MenuItem');
-require('@mui/material/Select');
-require('./DateNumberInput.styled.cjs');
-require('@mui/material/TextField');
 
 var isLeapYear = function isLeapYear(year) {
   return year % 4 === 0 && (year % 100 !== 0 || year % 400 === 0);
@@ -88,24 +41,24 @@ function DateInput(_ref) {
     _ref$value = _ref.value,
     value = _ref$value === void 0 ? {} : _ref$value;
   var _useState = React.useState(31),
-    _useState2 = _rollupPluginBabelHelpers._slicedToArray(_useState, 2),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     maxDays = _useState2[0],
     setMaxDays = _useState2[1];
   var dayInput = React.useRef(null);
   var monthInput = React.useRef(null);
   var yearInput = React.useRef(null);
   var handleDayChange = function handleDayChange(day2) {
-    onChange(_rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, value), {}, {
+    onChange(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, value), {}, {
       day: day2
     }));
   };
   var handleMonthChange = function handleMonthChange(month2) {
-    onChange(_rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, value), {}, {
+    onChange(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, value), {}, {
       month: month2
     }));
   };
   var handleYearChange = function handleYearChange(year2) {
-    onChange(_rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, value), {}, {
+    onChange(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, value), {}, {
       year: year2
     }));
   };
@@ -207,63 +160,63 @@ DateInput.propTypes = {
   /**
    * Function to handle input change
    */
-  onChange: index.PropTypes.func.isRequired,
+  onChange: PropTypes.func.isRequired,
   /**
    * Function to handle input change
    */
-  value: index.PropTypes.shape({
-    day: index.PropTypes.oneOfType([index.PropTypes.string, index.PropTypes.number]),
-    month: index.PropTypes.oneOfType([index.PropTypes.string, index.PropTypes.number]),
-    year: index.PropTypes.oneOfType([index.PropTypes.string, index.PropTypes.number])
+  value: PropTypes.shape({
+    day: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    month: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    year: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
   }),
   /**
    * If `true`, the label, input and helper text should be displayed in a disabled state.
    */
-  disabled: index.PropTypes.bool,
+  disabled: 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 error message to display if showError === true
    */
-  errorMessage: index.PropTypes.string,
+  errorMessage: PropTypes.string,
   /**
    * Minimun year
    */
-  minYear: index.PropTypes.oneOfType([index.PropTypes.string, index.PropTypes.number]),
+  minYear: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * Maximum Year
    */
-  maxYear: index.PropTypes.oneOfType([index.PropTypes.string, index.PropTypes.number]),
+  maxYear: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * If `true`, the component will take up the full width of its container.
    */
-  fullWidth: index.PropTypes.bool,
+  fullWidth: PropTypes.bool,
   /**
    * The helper text content.
    */
-  helperText: index.PropTypes.node,
+  helperText: PropTypes.node,
   /**
    * Placed the helper text above or below the input.
    */
-  helperTextPlacement: index.PropTypes.oneOf(["above", "below"]),
+  helperTextPlacement: PropTypes.oneOf(["above", "below"]),
   /**
    * The label content.
    */
-  label: index.PropTypes.node,
+  label: PropTypes.node,
   /**
    * The input name.
    */
-  name: index.PropTypes.string.isRequired,
+  name: PropTypes.string.isRequired,
   /**
    * If `true`, the label will indicate that the input is required.
    */
-  required: index.PropTypes.bool,
+  required: PropTypes.bool,
   /**
    * Make button edges rounded or square
    */
-  edges: index.PropTypes.oneOf(["normal", "rounded", "sharp"])
+  edges: PropTypes.oneOf(["normal", "rounded", "sharp"])
 };
 
 exports.default = DateInput;

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

@@ -2,57 +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 index = require('./index-BIkEtimw.js');
+var PropTypes = require('prop-types');
 var framerMotion = require('framer-motion');
 var useMediaQuery = require('@mui/material/useMediaQuery');
 var Autocomplete = require('./Autocomplete.cjs');
 var Select = require('./Select.cjs');
 var DateNumberInput_styled = require('./DateNumberInput.styled.cjs');
-require('./_commonjsHelpers-CFO10eej.js');
-require('react-is');
-require('@mui/icons-material/KeyboardArrowDown');
-require('./FormControl.cjs');
-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('./index_lite-B_XeK-IK.js');
-require('./time.cjs');
-require('./customParseFormat-Bwz3j37R.js');
-require('./array.cjs');
-require('./string.cjs');
-require('./Autocomplete.styled.cjs');
-require('@mui/material/Autocomplete');
-require('./TextInput.cjs');
-require('@mui/material/InputAdornment');
-require('./TextInput.styled.cjs');
-require('@mui/material/InputBase');
-require('./number.cjs');
-require('./Box.cjs');
-require('@mui/material/Box');
-require('react-uid');
-require('./Select.styled.cjs');
-require('@emotion/styled');
-require('@mui/material/MenuItem');
-require('@mui/material/Select');
-require('@mui/material/TextField');
 
 var _excluded = ["inputRef", "leadingZero", "max", "min", "name", "onChange", "placeholder", "required", "reverse", "value"];
 function DateNumberInput(_ref) {
@@ -72,13 +29,13 @@ function DateNumberInput(_ref) {
     reverse = _ref$reverse === void 0 ? false : _ref$reverse,
     _ref$value = _ref.value,
     value = _ref$value === void 0 ? "" : _ref$value,
-    rest = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState(false),
-    _useState2 = _rollupPluginBabelHelpers._slicedToArray(_useState, 2),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     error = _useState2[0],
     setError = _useState2[1];
   var _useState3 = React.useState(null),
-    _useState4 = _rollupPluginBabelHelpers._slicedToArray(_useState3, 2),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
     selected = _useState4[0],
     setSelected = _useState4[1];
   var controls = framerMotion.useAnimation();
@@ -170,7 +127,7 @@ function DateNumberInput(_ref) {
   return /* @__PURE__ */React.createElement(DateNumberInput_styled.StyledWrapper, {
     animate: controls,
     error: error
-  }, isNotMobile ? /* @__PURE__ */React.createElement(Autocomplete.default, _rollupPluginBabelHelpers._objectSpread2({
+  }, isNotMobile ? /* @__PURE__ */React.createElement(Autocomplete.default, _rollupPluginBabelHelpers.objectSpread2({
     fullWidth: true,
     autoHighlight: true,
     autoSelect: true,
@@ -180,7 +137,7 @@ function DateNumberInput(_ref) {
     options: [{
       value: "",
       label: ""
-    }].concat(_rollupPluginBabelHelpers._toConsumableArray(options)),
+    }].concat(_rollupPluginBabelHelpers.toConsumableArray(options)),
     disableClearable: true,
     name: name,
     required: required,
@@ -189,7 +146,7 @@ function DateNumberInput(_ref) {
       return option.label ? option.label : "";
     },
     renderInput: function renderInput(params) {
-      return /* @__PURE__ */React.createElement(DateNumberInput_styled.StyledTextField, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, params), {}, {
+      return /* @__PURE__ */React.createElement(DateNumberInput_styled.StyledTextField, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, params), {}, {
         value: value,
         placeholder: placeholder,
         name: name,
@@ -198,12 +155,12 @@ function DateNumberInput(_ref) {
         onKeyDown: handleKeyDown,
         inputRef: inputRef,
         required: required,
-        inputProps: _rollupPluginBabelHelpers._objectSpread2({
+        inputProps: _rollupPluginBabelHelpers.objectSpread2({
           autoComplete: "off"
         }, params.inputProps)
       }));
     }
-  }, rest)) : /* @__PURE__ */React.createElement(Select.default, _rollupPluginBabelHelpers._objectSpread2({
+  }, rest)) : /* @__PURE__ */React.createElement(Select.default, _rollupPluginBabelHelpers.objectSpread2({
     fullWidth: true,
     value: !Number.isNaN(value) ? value : null,
     required: required,
@@ -212,25 +169,25 @@ function DateNumberInput(_ref) {
     options: [{
       value: "",
       label: placeholder
-    }].concat(_rollupPluginBabelHelpers._toConsumableArray(options)),
+    }].concat(_rollupPluginBabelHelpers.toConsumableArray(options)),
     inputRef: inputRef,
     name: name,
     native: true
   }, rest)));
 }
 DateNumberInput.propTypes = {
-  inputRef: index.PropTypes.oneOfType([index.PropTypes.func, index.PropTypes.shape({
-    current: index.PropTypes.instanceOf(Element)
+  inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: PropTypes.instanceOf(Element)
   })]).isRequired,
-  leadingZero: index.PropTypes.bool,
-  max: index.PropTypes.number.isRequired,
-  min: index.PropTypes.number,
-  name: index.PropTypes.string.isRequired,
-  reverse: index.PropTypes.bool,
-  onChange: index.PropTypes.func.isRequired,
-  placeholder: index.PropTypes.string,
-  required: index.PropTypes.bool,
-  value: index.PropTypes.oneOfType([index.PropTypes.string, index.PropTypes.number])
+  leadingZero: PropTypes.bool,
+  max: PropTypes.number.isRequired,
+  min: PropTypes.number,
+  name: PropTypes.string.isRequired,
+  reverse: PropTypes.bool,
+  onChange: PropTypes.func.isRequired,
+  placeholder: PropTypes.string,
+  required: PropTypes.bool,
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
 exports.default = DateNumberInput;

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

@@ -2,55 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
 var Autocomplete = require('./Autocomplete.cjs');
 var FormControl = require('./FormControl.cjs');
 var Grid = require('./Grid.cjs');
 var Text = require('./Text.cjs');
 var DateSelect_styled = require('./DateSelect.styled.cjs');
-require('./date.cjs');
-var dateSelect = require('./dateSelect2.cjs');
-var boolean = require('./boolean.cjs');
-require('./index_lite-B_XeK-IK.js');
-require('./time.cjs');
-var customParseFormat = require('./customParseFormat-Bwz3j37R.js');
-require('./index-BIkEtimw.js');
-require('./_commonjsHelpers-CFO10eej.js');
-require('react-is');
-require('@mui/icons-material/KeyboardArrowDown');
-require('./Autocomplete.styled.cjs');
-require('@mui/material/Autocomplete');
-require('@mui/material/styles');
-require('./TextInput.cjs');
-require('@mui/material/InputAdornment');
-require('./FormLabel.cjs');
-require('./FormLabel.styled.cjs');
-require('@emotion/react');
-require('@mui/material/FormLabel');
-require('./object.cjs');
-require('./TextInput.styled.cjs');
-require('@mui/material/InputBase');
-require('./number.cjs');
-require('./Box.cjs');
-require('@mui/material/Box');
-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('@mui/material/Alert');
-require('@mui/material/AlertTitle');
-require('./FormControl.styled.cjs');
-require('@mui/material/FormControl');
-require('./array.cjs');
-require('./string.cjs');
-require('@mui/material/GridLegacy');
-require('@mui/material/Typography');
+require('../utils/helpers/date.cjs');
+var dateSelect = require('../utils/helpers/dateSelect.cjs');
+var dayjs = require('dayjs');
+var boolean = require('../utils/helpers/boolean.cjs');
 
 var _excluded = ["disabled", "fromFormat", "name", "onChange", "required", "size", "toFormat", "value", "variant", "yearRange", "selectProps"];
 var prepareValue = function prepareValue(value, max, pad) {
@@ -87,21 +49,21 @@ function DateSelect(_ref) {
     yearRange = _ref$yearRange === void 0 ? "-5:5" : _ref$yearRange,
     _ref$selectProps = _ref.selectProps,
     selectProps = _ref$selectProps === void 0 ? {} : _ref$selectProps,
-    rest = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState(null),
-    _useState2 = _rollupPluginBabelHelpers._slicedToArray(_useState, 2),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     day = _useState2[0],
     setDay = _useState2[1];
   var _useState3 = React.useState(null),
-    _useState4 = _rollupPluginBabelHelpers._slicedToArray(_useState3, 2),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
     month = _useState4[0],
     setMonth = _useState4[1];
   var _useState5 = React.useState(null),
-    _useState6 = _rollupPluginBabelHelpers._slicedToArray(_useState5, 2),
+    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
     year = _useState6[0],
     setYear = _useState6[1];
   React.useEffect(function () {
-    var parsed = customParseFormat.dayjs(value, fromFormat);
+    var parsed = dayjs(value, fromFormat);
     if (parsed.isValid()) {
       setDay(parsed.format("DD"));
       setMonth(parsed.format("MM"));
@@ -112,7 +74,7 @@ function DateSelect(_ref) {
     var y = _ref2.y,
       m = _ref2.m,
       d = _ref2.d;
-    var values = _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({
+    var values = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
       year: year,
       month: month,
       day: day
@@ -130,7 +92,7 @@ function DateSelect(_ref) {
       return !!v;
     });
     if (filtered.length === 3) {
-      var parsed = customParseFormat.dayjs(filtered.join("-"), "YYYY-MM-DD");
+      var parsed = dayjs(filtered.join("-"), "YYYY-MM-DD");
       if (boolean.isFunction(onChange)) {
         onChange(!parsed.isValid() ? "" : parsed.format(toFormat));
       }
@@ -138,7 +100,7 @@ function DateSelect(_ref) {
       onChange("");
     }
   };
-  var ddProps = _rollupPluginBabelHelpers._objectSpread2({
+  var ddProps = _rollupPluginBabelHelpers.objectSpread2({
     disabled: disabled,
     noOptionsText: "",
     fullWidth: true,
@@ -157,7 +119,7 @@ function DateSelect(_ref) {
     color: "inherit",
     variant: "body1"
   }, "/"));
-  return /* @__PURE__ */React.createElement(FormControl.default, _rollupPluginBabelHelpers._objectSpread2({
+  return /* @__PURE__ */React.createElement(FormControl.default, _rollupPluginBabelHelpers.objectSpread2({
     fullWidth: true
   }, rest), /* @__PURE__ */React.createElement(DateSelect_styled.default, null, /* @__PURE__ */React.createElement(Grid.default, {
     container: true,
@@ -175,7 +137,7 @@ function DateSelect(_ref) {
         sm: 80
       }
     }
-  }, /* @__PURE__ */React.createElement(Autocomplete.default, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, ddProps), {}, {
+  }, /* @__PURE__ */React.createElement(Autocomplete.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, ddProps), {}, {
     name: "".concat(name, "_day"),
     options: dateSelect.dayOptions(),
     placeholder: "DD",
@@ -202,7 +164,7 @@ function DateSelect(_ref) {
         sm: 80
       }
     }
-  }, /* @__PURE__ */React.createElement(Autocomplete.default, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, ddProps), {}, {
+  }, /* @__PURE__ */React.createElement(Autocomplete.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, ddProps), {}, {
     name: "".concat(name, "_month"),
     options: dateSelect.monthOptions(),
     onInputChange: function onInputChange(_, val) {
@@ -228,7 +190,7 @@ function DateSelect(_ref) {
         sm: 110
       }
     }
-  }, /* @__PURE__ */React.createElement(Autocomplete.default, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, ddProps), {}, {
+  }, /* @__PURE__ */React.createElement(Autocomplete.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, ddProps), {}, {
     name: "".concat(name, "_year"),
     options: dateSelect.yearOptions(yearRange),
     onInputChange: function onInputChange(_, val) {

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

@@ -2,11 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
-require('react');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var styles = require('@mui/material/styles');
 
 var _templateObject;
-var StyledDateSelect = styles.styled("div")(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  width: 100%;\n"])));
+var StyledDateSelect = styles.styled("div")(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  width: 100%;\n"])));
 
 exports.default = StyledDateSelect;

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

@@ -2,13 +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 index = require('./index-BIkEtimw.js');
+var PropTypes = require('prop-types');
 var Divider_styled = require('./Divider.styled.cjs');
-require('./_commonjsHelpers-CFO10eej.js');
-require('react-is');
-require('styled-components');
 
 function Divider(_ref) {
   var _ref$as = _ref.as,
@@ -36,7 +33,7 @@ function Divider(_ref) {
     orientation: orientation,
     variant: variant
   };
-  return /* @__PURE__ */React.createElement(Divider_styled.StyledDivider, _rollupPluginBabelHelpers._objectSpread2({
+  return /* @__PURE__ */React.createElement(Divider_styled.StyledDivider, _rollupPluginBabelHelpers.objectSpread2({
     className: classes
   }, props));
 }
@@ -44,35 +41,35 @@ Divider.propTypes = {
   /**
    * The element used for the root node.
    */
-  as: index.PropTypes.oneOf(["div", "hr", "li", "p", "span"]),
+  as: PropTypes.oneOf(["div", "hr", "li", "p", "span"]),
   /**
    * Extend the classes to creates extra styles of the component.
    */
-  classes: index.PropTypes.string,
+  classes: PropTypes.string,
   /**
    * Defines the color of line
    */
-  color: index.PropTypes.oneOf(["default", "inherit"]),
+  color: PropTypes.oneOf(["default", "inherit"]),
   /**
    * If `true`, compact vertical margin will be used
    */
-  dense: index.PropTypes.bool,
+  dense: PropTypes.bool,
   /**
    * If `true`, compact vertical margin will be used
    */
-  flexItem: index.PropTypes.bool,
+  flexItem: PropTypes.bool,
   /**
    * If `true`, vertical margin will be removed.
    */
-  disableGutter: index.PropTypes.bool,
+  disableGutter: PropTypes.bool,
   /**
    * Defines the color of line
    */
-  orientation: index.PropTypes.oneOf(["horizontal", "vertical"]),
+  orientation: PropTypes.oneOf(["horizontal", "vertical"]),
   /**
    * Defines the style of line
    */
-  variant: index.PropTypes.oneOf(["solid", "dotted", "dashed"])
+  variant: PropTypes.oneOf(["solid", "dotted", "dashed"])
 };
 
 exports.default = Divider;

package/dist/cjs/components/Divider.styled.cjs

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