@spothero/ui 22.3.2 → 22.3.5

package/dist/components/Loader/Loader.stories.js

@@ -1,22 +1,34 @@
 "use strict";
 
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
+_Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Overview = exports.InfiniteLoader = exports.FiniteLoader = void 0;
+exports["default"] = exports.Overview = exports.InfiniteLoader = exports.FiniteLoader = void 0;
+var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
 var _createControl = require("storybook/utils/create-control");
 var _Loader = _interopRequireDefault(require("./Loader"));
-var _default = exports.default = {
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _default = exports["default"] = {
   title: 'v2/Loader',
-  component: _Loader.default,
+  component: _Loader["default"],
   parameters: {
     removeBaseHtmlClass: true,
     importBy: 'Loader'
   },
-  argTypes: {
+  argTypes: _objectSpread(_objectSpread({
     color: {
       options: ['primary.default', 'secondary.default', 'white', 'success', 'warning', 'error'],
       control: {
@@ -74,22 +86,22 @@ var _default = exports.default = {
           white: 'White'
         }
       }
-    },
-    ...(0, _createControl.createRangeControl)({
-      name: 'thickness',
-      min: 2,
-      max: 16,
-      step: 2
-    }),
-    ...(0, _createControl.createRangeControl)({
-      name: 'value',
-      min: 1,
-      max: 100
-    })
-  }
+    }
+  }, (0, _createControl.createRangeControl)({
+    name: 'thickness',
+    min: 2,
+    max: 16,
+    step: 2
+  })), (0, _createControl.createRangeControl)({
+    name: 'value',
+    min: 1,
+    max: 100
+  }))
+};
+var Template = function Template(props) {
+  return /*#__PURE__*/_react["default"].createElement(_Loader["default"], props);
 };
-const Template = props => /*#__PURE__*/_react.default.createElement(_Loader.default, props);
-const Overview = exports.Overview = Template.bind({});
+var Overview = exports.Overview = (0, _bind["default"])(Template).call(Template, {});
 Overview.args = {
   color: 'success',
   isInfinite: false,
@@ -99,18 +111,14 @@ Overview.args = {
   trackColor: 'gray.medium',
   value: 35
 };
-const FiniteLoader = exports.FiniteLoader = Template.bind({});
-FiniteLoader.argTypes = {
-  ...(0, _disableArgs.default)(['color', 'isInfinite', 'loaderBackgroundColor', 'size', 'thickness', 'trackColor'])
-};
+var FiniteLoader = exports.FiniteLoader = (0, _bind["default"])(Template).call(Template, {});
+FiniteLoader.argTypes = _objectSpread({}, (0, _disableArgs["default"])(['color', 'isInfinite', 'loaderBackgroundColor', 'size', 'thickness', 'trackColor']));
 FiniteLoader.args = {
   isInfinite: false,
   value: 35
 };
-const InfiniteLoader = exports.InfiniteLoader = Template.bind({});
-InfiniteLoader.argTypes = {
-  ...(0, _disableArgs.default)(['color', 'loaderBackgroundColor', 'size', 'thickness', 'trackColor', 'value'])
-};
+var InfiniteLoader = exports.InfiniteLoader = (0, _bind["default"])(Template).call(Template, {});
+InfiniteLoader.argTypes = _objectSpread({}, (0, _disableArgs["default"])(['color', 'loaderBackgroundColor', 'size', 'thickness', 'trackColor', 'value']));
 InfiniteLoader.args = {
   isInfinite: true
 };

package/dist/components/Menu/Menu.js

@@ -1,16 +1,17 @@
 "use strict";
 
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
+_Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@chakra-ui/react");
-const Menu = (0, _react2.forwardRef)((props, ref) => {
-  return /*#__PURE__*/_react.default.createElement(_react2.Menu, (0, _extends2.default)({}, props, {
+var Menu = (0, _react2.forwardRef)(function (props, ref) {
+  return /*#__PURE__*/_react["default"].createElement(_react2.Menu, (0, _extends2["default"])({}, props, {
     ref: ref
   }));
 });
-var _default = exports.default = Menu;
+var _default = exports["default"] = Menu;

package/dist/components/Menu/Menu.stories.js

@@ -1,20 +1,32 @@
 "use strict";
 
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
+_Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Complex = exports.Basic = void 0;
+exports["default"] = exports.Complex = exports.Basic = void 0;
+var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _Menu = _interopRequireDefault(require("./Menu"));
 var _index = require("./index");
 var _disableArgs = _interopRequireDefault(require("storybook/utils/disable-args"));
 var _react2 = require("@chakra-ui/react");
-var _default = exports.default = {
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _default = exports["default"] = {
   title: 'v2/Menu',
   component: {
-    Menu: _Menu.default
+    Menu: _Menu["default"]
   },
   parameters: {
     importedBy: 'Menu',
@@ -30,130 +42,128 @@ var _default = exports.default = {
     }
   }
 };
-const BasicMenuTemplate = props => {
-  return /*#__PURE__*/_react.default.createElement(_Menu.default, props, /*#__PURE__*/_react.default.createElement(_index.MenuButton, null, "MenuItem"), /*#__PURE__*/_react.default.createElement(_index.MenuList, null, /*#__PURE__*/_react.default.createElement(_index.MenuOptionGroup, {
+var BasicMenuTemplate = function BasicMenuTemplate(props) {
+  return /*#__PURE__*/_react["default"].createElement(_Menu["default"], props, /*#__PURE__*/_react["default"].createElement(_index.MenuButton, null, "MenuItem"), /*#__PURE__*/_react["default"].createElement(_index.MenuList, null, /*#__PURE__*/_react["default"].createElement(_index.MenuOptionGroup, {
     title: "Order",
     type: "radio"
-  }, /*#__PURE__*/_react.default.createElement(_index.MenuItemOption, {
+  }, /*#__PURE__*/_react["default"].createElement(_index.MenuItemOption, {
     value: "asc"
-  }, "Ascending"), /*#__PURE__*/_react.default.createElement(_index.MenuItemOption, {
+  }, "Ascending"), /*#__PURE__*/_react["default"].createElement(_index.MenuItemOption, {
     value: "desc"
-  }, "Descending")), /*#__PURE__*/_react.default.createElement(_index.MenuDivider, null), /*#__PURE__*/_react.default.createElement(_index.MenuOptionGroup, {
+  }, "Descending")), /*#__PURE__*/_react["default"].createElement(_index.MenuDivider, null), /*#__PURE__*/_react["default"].createElement(_index.MenuOptionGroup, {
     title: "Country",
     type: "checkbox"
-  }, /*#__PURE__*/_react.default.createElement(_index.MenuItemOption, {
+  }, /*#__PURE__*/_react["default"].createElement(_index.MenuItemOption, {
     value: "email"
-  }, "Email"), /*#__PURE__*/_react.default.createElement(_index.MenuItemOption, {
+  }, "Email"), /*#__PURE__*/_react["default"].createElement(_index.MenuItemOption, {
     value: "phone"
-  }, "Phone"), /*#__PURE__*/_react.default.createElement(_index.MenuItemOption, {
+  }, "Phone"), /*#__PURE__*/_react["default"].createElement(_index.MenuItemOption, {
     value: "country"
-  }, "Country")), /*#__PURE__*/_react.default.createElement(_index.MenuGroup, {
+  }, "Country")), /*#__PURE__*/_react["default"].createElement(_index.MenuGroup, {
     title: "Profile"
-  }, /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, "My Account"), /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, "Payments "))));
+  }, /*#__PURE__*/_react["default"].createElement(_index.MenuItem, null, "My Account"), /*#__PURE__*/_react["default"].createElement(_index.MenuItem, null, "Payments "))));
 };
-const ComplexMenuTemplate = props => {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
+var ComplexMenuTemplate = function ComplexMenuTemplate(props) {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_react2.Text, {
     variant: "body2",
     marginBottom: 8
-  }, "NOTE: This is a fairly contrived example. Chakra's", ' ', /*#__PURE__*/_react.default.createElement(_react2.Text, {
+  }, "NOTE: This is a fairly contrived example. Chakra's", ' ', /*#__PURE__*/_react["default"].createElement(_react2.Text, {
     as: "code"
-  }, '<Menu />'), " (and child components) allow for the building of a complex menu using other components like", ' ', /*#__PURE__*/_react.default.createElement(_react2.Text, {
+  }, '<Menu />'), " (and child components) allow for the building of a complex menu using other components like", ' ', /*#__PURE__*/_react["default"].createElement(_react2.Text, {
     as: "code"
-  }, '<Flex />'), ",", ' ', /*#__PURE__*/_react.default.createElement(_react2.Text, {
+  }, '<Flex />'), ",", ' ', /*#__PURE__*/_react["default"].createElement(_react2.Text, {
     as: "code"
-  }, '<Box />'), ",", ' ', /*#__PURE__*/_react.default.createElement(_react2.Text, {
+  }, '<Box />'), ",", ' ', /*#__PURE__*/_react["default"].createElement(_react2.Text, {
     as: "code"
-  }, '<Text />'), ", etc. The example below is leveraging the ", /*#__PURE__*/_react.default.createElement(_react2.Text, {
+  }, '<Text />'), ", etc. The example below is leveraging the ", /*#__PURE__*/_react["default"].createElement(_react2.Text, {
     as: "code"
-  }, 'full'), " variant to allow for a more complex layout."), /*#__PURE__*/_react.default.createElement(_Menu.default, (0, _extends2.default)({}, props, {
+  }, 'full'), " variant to allow for a more complex layout."), /*#__PURE__*/_react["default"].createElement(_Menu["default"], (0, _extends2["default"])({}, props, {
     placement: "bottom"
-  }), /*#__PURE__*/_react.default.createElement(_index.MenuButton, null, "Menu Button"), /*#__PURE__*/_react.default.createElement(_index.MenuList, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_react2.Flex, {
+  }), /*#__PURE__*/_react["default"].createElement(_index.MenuButton, null, "Menu Button"), /*#__PURE__*/_react["default"].createElement(_index.MenuList, null, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_react2.Flex, {
     gap: 4
-  }, /*#__PURE__*/_react.default.createElement(_react2.Text, {
+  }, /*#__PURE__*/_react["default"].createElement(_react2.Text, {
     fontSize: "sm",
     fontWeight: "semibold"
-  }, "102 S Ada St. Chicago, IL"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
+  }, "102 S Ada St. Chicago, IL"), /*#__PURE__*/_react["default"].createElement(_react2.Text, {
     fontSize: "sm"
-  }, "102 S Ada St. - Self Park Garage")), /*#__PURE__*/_react.default.createElement(_react2.Divider, {
+  }, "102 S Ada St. - Self Park Garage")), /*#__PURE__*/_react["default"].createElement(_react2.Divider, {
     marginY: 4
-  })), /*#__PURE__*/_react.default.createElement(_react2.Flex, {
+  })), /*#__PURE__*/_react["default"].createElement(_react2.Flex, {
     alignItems: "flex-start",
     gap: 2.5
-  }, /*#__PURE__*/_react.default.createElement(_index.MenuGroup, {
+  }, /*#__PURE__*/_react["default"].createElement(_index.MenuGroup, {
     title: "Facility Management",
     paddingX: 3.5
-  }, /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
+  }, /*#__PURE__*/_react["default"].createElement(_index.MenuItem, null, /*#__PURE__*/_react["default"].createElement(_react2.Text, {
     fontSize: "sm"
-  }, "Location Information"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
+  }, "Location Information"), /*#__PURE__*/_react["default"].createElement(_react2.Text, {
     fontSize: "xs",
     fontWeight: "light"
-  }, "Manage the details provided to drivers about a facility")), /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
+  }, "Manage the details provided to drivers about a facility")), /*#__PURE__*/_react["default"].createElement(_index.MenuItem, null, /*#__PURE__*/_react["default"].createElement(_react2.Text, {
     fontSize: "sm"
-  }, "Changelog"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
+  }, "Changelog"), /*#__PURE__*/_react["default"].createElement(_react2.Text, {
     fontSize: "xs",
     fontWeight: "light"
-  }, "Track changes made to your facilities")), /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
+  }, "Track changes made to your facilities")), /*#__PURE__*/_react["default"].createElement(_index.MenuItem, null, /*#__PURE__*/_react["default"].createElement(_react2.Text, {
     fontSize: "sm"
-  }, "Email Recipients"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
+  }, "Email Recipients"), /*#__PURE__*/_react["default"].createElement(_react2.Text, {
     fontSize: "xs",
     fontWeight: "light"
-  }, "View recipients of recurring operational emails"))), /*#__PURE__*/_react.default.createElement(_react2.Box, {
+  }, "View recipients of recurring operational emails"))), /*#__PURE__*/_react["default"].createElement(_react2.Box, {
     height: 80
-  }, /*#__PURE__*/_react.default.createElement(_react2.Divider, {
+  }, /*#__PURE__*/_react["default"].createElement(_react2.Divider, {
     orientation: "vertical"
-  })), /*#__PURE__*/_react.default.createElement(_index.MenuGroup, {
+  })), /*#__PURE__*/_react["default"].createElement(_index.MenuGroup, {
     title: "Events",
     paddingX: 3.5
-  }, /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
+  }, /*#__PURE__*/_react["default"].createElement(_index.MenuItem, null, /*#__PURE__*/_react["default"].createElement(_react2.Text, {
     fontSize: "sm"
-  }, "Event Schedule"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
+  }, "Event Schedule"), /*#__PURE__*/_react["default"].createElement(_react2.Text, {
     fontSize: "xs",
     fontWeight: "light"
-  }, "Manage upcoming event rates and track sales")), /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
+  }, "Manage upcoming event rates and track sales")), /*#__PURE__*/_react["default"].createElement(_index.MenuItem, null, /*#__PURE__*/_react["default"].createElement(_react2.Text, {
     fontSize: "sm"
-  }, "Event Pricing Defaults"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
+  }, "Event Pricing Defaults"), /*#__PURE__*/_react["default"].createElement(_react2.Text, {
     fontSize: "xs",
     fontWeight: "light"
-  }, "Set rate and inventory rules for various types of events"))), /*#__PURE__*/_react.default.createElement(_react2.Box, {
+  }, "Set rate and inventory rules for various types of events"))), /*#__PURE__*/_react["default"].createElement(_react2.Box, {
     height: 80
-  }, /*#__PURE__*/_react.default.createElement(_react2.Divider, {
+  }, /*#__PURE__*/_react["default"].createElement(_react2.Divider, {
     orientation: "vertical"
-  })), /*#__PURE__*/_react.default.createElement(_react2.Box, null, /*#__PURE__*/_react.default.createElement(_index.MenuGroup, {
+  })), /*#__PURE__*/_react["default"].createElement(_react2.Box, null, /*#__PURE__*/_react["default"].createElement(_index.MenuGroup, {
     title: "Monthly",
     paddingX: 3.5
-  }, /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
+  }, /*#__PURE__*/_react["default"].createElement(_index.MenuItem, null, /*#__PURE__*/_react["default"].createElement(_react2.Text, {
     fontSize: "sm"
-  }, "Monthly Rates"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
+  }, "Monthly Rates"), /*#__PURE__*/_react["default"].createElement(_react2.Text, {
     fontSize: "xs",
     fontWeight: "light"
-  }, "Manage upcoming event rates and track sales")), /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
+  }, "Manage upcoming event rates and track sales")), /*#__PURE__*/_react["default"].createElement(_index.MenuItem, null, /*#__PURE__*/_react["default"].createElement(_react2.Text, {
     fontSize: "sm"
-  }, "Monthly Inventory"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
+  }, "Monthly Inventory"), /*#__PURE__*/_react["default"].createElement(_react2.Text, {
     fontSize: "xs",
     fontWeight: "light"
-  }, "Manage total monthly inventory and track utilization"))), /*#__PURE__*/_react.default.createElement(_index.MenuGroup, {
+  }, "Manage total monthly inventory and track utilization"))), /*#__PURE__*/_react["default"].createElement(_index.MenuGroup, {
     title: "Airport",
     paddingX: 3.5
-  }, /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
+  }, /*#__PURE__*/_react["default"].createElement(_index.MenuItem, null, /*#__PURE__*/_react["default"].createElement(_react2.Text, {
     fontSize: "sm"
-  }, "Airport Rates"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
+  }, "Airport Rates"), /*#__PURE__*/_react["default"].createElement(_react2.Text, {
     fontSize: "xs",
     fontWeight: "light"
-  }, "Manage airport rates")), /*#__PURE__*/_react.default.createElement(_index.MenuItem, null, /*#__PURE__*/_react.default.createElement(_react2.Text, {
+  }, "Manage airport rates")), /*#__PURE__*/_react["default"].createElement(_index.MenuItem, null, /*#__PURE__*/_react["default"].createElement(_react2.Text, {
     fontSize: "sm"
-  }, "Airport Inventory"), /*#__PURE__*/_react.default.createElement(_react2.Text, {
+  }, "Airport Inventory"), /*#__PURE__*/_react["default"].createElement(_react2.Text, {
     fontSize: "xs",
     fontWeight: "light"
   }, "Manage total airport inventory and exceptions"))))))));
 };
-const Basic = exports.Basic = BasicMenuTemplate.bind({});
+var Basic = exports.Basic = (0, _bind["default"])(BasicMenuTemplate).call(BasicMenuTemplate, {});
 Basic.args = {
   variant: 'basic'
 };
-const Complex = exports.Complex = ComplexMenuTemplate.bind({});
-Complex.argTypes = {
-  ...(0, _disableArgs.default)(['variant'])
-};
+var Complex = exports.Complex = (0, _bind["default"])(ComplexMenuTemplate).call(ComplexMenuTemplate, {});
+Complex.argTypes = _objectSpread({}, (0, _disableArgs["default"])(['variant']));
 Complex.args = {
   variant: 'full'
 };

package/dist/components/Menu/Menu.styles.js

@@ -1,13 +1,14 @@
 "use strict";
 
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
+_Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _merge = _interopRequireDefault(require("lodash/merge"));
 var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
-const baseStyle = {
+var baseStyle = {
   button: {
     px: 8,
     py: 3,
@@ -70,7 +71,7 @@ const baseStyle = {
     borderColor: 'gray.200'
   }
 };
-const variants = {
+var variants = {
   basic: {
     button: {
       bg: 'primary.default',
@@ -167,7 +168,7 @@ const variants = {
     }
   }
 };
-var _default = exports.default = (0, _merge.default)(_theme.default.components.Menu, {
-  baseStyle,
-  variants
+var _default = exports["default"] = (0, _merge["default"])(_theme["default"].components.Menu, {
+  baseStyle: baseStyle,
+  variants: variants
 });

package/dist/components/Menu/index.js

@@ -1,55 +1,56 @@
 "use strict";
 
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
+_Object$defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "MenuButton", {
+_Object$defineProperty(exports, "MenuButton", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _react.MenuButton;
   }
 });
-Object.defineProperty(exports, "MenuDivider", {
+_Object$defineProperty(exports, "MenuDivider", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _react.MenuDivider;
   }
 });
-Object.defineProperty(exports, "MenuGroup", {
+_Object$defineProperty(exports, "MenuGroup", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _react.MenuGroup;
   }
 });
-Object.defineProperty(exports, "MenuItem", {
+_Object$defineProperty(exports, "MenuItem", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _react.MenuItem;
   }
 });
-Object.defineProperty(exports, "MenuItemOption", {
+_Object$defineProperty(exports, "MenuItemOption", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _react.MenuItemOption;
   }
 });
-Object.defineProperty(exports, "MenuList", {
+_Object$defineProperty(exports, "MenuList", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _react.MenuList;
   }
 });
-Object.defineProperty(exports, "MenuOptionGroup", {
+_Object$defineProperty(exports, "MenuOptionGroup", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _react.MenuOptionGroup;
   }
 });
-Object.defineProperty(exports, "default", {
+_Object$defineProperty(exports, "default", {
   enumerable: true,
-  get: function () {
-    return _Menu.default;
+  get: function get() {
+    return _Menu["default"];
   }
 });
 var _Menu = _interopRequireDefault(require("./Menu"));

package/dist/components/Modal/Modal.js

@@ -1,16 +1,20 @@
 "use strict";
 
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
+_Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@chakra-ui/react");
 var _header = _interopRequireDefault(require("./styles/header"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? _Object$getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? _Object$defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 /**
  * @param {boolean} isMobile - Whether or not the Modal is opened in a mobile viewport
  * @param {boolean} isOpen - Whether or not the Modal is open
@@ -24,19 +28,19 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @param {React.ReactNode} [hideCloseButton] - Whether or not to show the close button
  * @returns {React.ReactElement} - The Modal component
  */
-const Modal = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  const {
-    children,
-    isMobile,
-    hideCloseButton,
-    hasHeader,
-    contentStyling = {},
-    overlayProps = {}
-  } = props;
-  return /*#__PURE__*/_react.default.createElement(_react2.Modal, (0, _extends2.default)({
+var Modal = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var children = props.children,
+    isMobile = props.isMobile,
+    hideCloseButton = props.hideCloseButton,
+    hasHeader = props.hasHeader,
+    _props$contentStyling = props.contentStyling,
+    contentStyling = _props$contentStyling === void 0 ? {} : _props$contentStyling,
+    _props$overlayProps = props.overlayProps,
+    overlayProps = _props$overlayProps === void 0 ? {} : _props$overlayProps;
+  return /*#__PURE__*/_react["default"].createElement(_react2.Modal, (0, _extends2["default"])({
     motionPreset: isMobile ? 'slideInBottom' : 'scale'
   }, props, {
     ref: ref
-  }), /*#__PURE__*/_react.default.createElement(_react2.ModalOverlay, overlayProps), /*#__PURE__*/_react.default.createElement(_react2.ModalContent, contentStyling, !hasHeader ? /*#__PURE__*/_react.default.createElement(_react2.Box, (0, _header.default)(props)) : null, hideCloseButton ? null : /*#__PURE__*/_react.default.createElement(_react2.ModalCloseButton, null), children));
+  }), /*#__PURE__*/_react["default"].createElement(_react2.ModalOverlay, overlayProps), /*#__PURE__*/_react["default"].createElement(_react2.ModalContent, contentStyling, !hasHeader ? /*#__PURE__*/_react["default"].createElement(_react2.Box, (0, _header["default"])(props)) : null, hideCloseButton ? null : /*#__PURE__*/_react["default"].createElement(_react2.ModalCloseButton, null), children));
 });
-var _default = exports.default = Modal;
+var _default = exports["default"] = Modal;