@spothero/ui 21.6.4-beta.0 → 22.0.0-beta.1

package/dist/components/Popover/styles/popover-content.js

@@ -4,26 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-const popoverContentStyles = _ref => {
-  let {
-    variant
-  } = _ref;
-  return {
-    padding: 4,
-    marginBottom: 0,
-    maxWidth: '20rem',
-    borderRadius: 'base',
-    background: variant === 'dark' ? 'secondary.default' : 'white',
-    boxShadow: '2px 2px 4px 0 rgba(0,45,91,0.1)',
-    color: variant === 'dark' ? 'white' : 'black',
-    borderColor: 'gray.100',
-    borderWidth: '1px',
-    borderStyle: 'solid',
-    '--popper-arrow-shadow-color': t => t.colors.gray['100'],
-    zIndex: 'layer10',
-    _focusVisible: {
-      outline: '3px solid rgba(91, 170, 250, 0.7)'
-    }
-  };
-};
+const popoverContentStyles = ({
+  variant
+}) => ({
+  padding: 4,
+  marginBottom: 0,
+  maxWidth: '20rem',
+  borderRadius: 'base',
+  background: variant === 'dark' ? 'secondary.default' : 'white',
+  boxShadow: '2px 2px 4px 0 rgba(0,45,91,0.1)',
+  color: variant === 'dark' ? 'white' : 'black',
+  borderColor: 'gray.100',
+  borderWidth: '1px',
+  borderStyle: 'solid',
+  '--popper-arrow-shadow-color': t => t.colors.gray['100'],
+  zIndex: 'layer10',
+  _focusVisible: {
+    outline: '3px solid rgba(91, 170, 250, 0.7)'
+  }
+});
 var _default = exports.default = popoverContentStyles;

package/dist/components/Progress/Progress.js

@@ -10,11 +10,10 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@chakra-ui/react");
 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; }
-const Progress = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    isRounded,
-    ...props
-  } = _ref;
+const Progress = /*#__PURE__*/(0, _react.forwardRef)(({
+  isRounded,
+  ...props
+}, ref) => {
   // Passing `isRounded` in as a prop throws a 'React does not recognize the X prop on a DOM element' error. Passing `isRounded` through `sx` instead, allows for the prop to be utilized by the theme without being set on the DOM element, avoiding the error.
   return /*#__PURE__*/_react.default.createElement(_react2.Progress, (0, _extends2.default)({
     ref: ref,

package/dist/components/Radio/Radio.js

@@ -10,17 +10,16 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@chakra-ui/react");
 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; }
-const Radio = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    defaultChecked,
-    isChecked,
-    isDisabled,
-    value,
-    helperText,
-    children,
-    size = 'md',
-    ...props
-  } = _ref;
+const Radio = /*#__PURE__*/(0, _react.forwardRef)(({
+  defaultChecked,
+  isChecked,
+  isDisabled,
+  value,
+  helperText,
+  children,
+  size = 'md',
+  ...props
+}, ref) => {
   const helperTextSize = size === 'sm' || size === 'md' ? 'xs' : 'sm';
   return /*#__PURE__*/_react.default.createElement(_react2.Radio, (0, _extends2.default)({
     ref: ref,

package/dist/components/Radio/RadioGroup.js

@@ -11,21 +11,20 @@ var _react2 = require("@chakra-ui/react");
 var _FormControl = _interopRequireDefault(require("../FormControl/FormControl"));
 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; }
-const RadioGroup = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    label,
-    errorMessage,
-    defaultValue,
-    isDisabled,
-    isInvalid,
-    isRequired,
-    name,
-    onChange,
-    value,
-    children,
-    direction,
-    ...props
-  } = _ref;
+const RadioGroup = /*#__PURE__*/(0, _react.forwardRef)(({
+  label,
+  errorMessage,
+  defaultValue,
+  isDisabled,
+  isInvalid,
+  isRequired,
+  name,
+  onChange,
+  value,
+  children,
+  direction,
+  ...props
+}, ref) => {
   return /*#__PURE__*/_react.default.createElement(_FormControl.default, {
     isInvalid: isInvalid,
     isDisabled: isDisabled,

package/dist/components/Select/Select.js

@@ -14,17 +14,16 @@ var _Icon = _interopRequireDefault(require("../Icon/Icon"));
 var _FormControl = _interopRequireDefault(require("../FormControl/FormControl"));
 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; }
-const Select = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    label,
-    helperText,
-    errorMessage,
-    isInvalid,
-    isDisabled,
-    isRequired,
-    isOptional,
-    ...props
-  } = _ref;
+const Select = /*#__PURE__*/(0, _react.forwardRef)(({
+  label,
+  helperText,
+  errorMessage,
+  isInvalid,
+  isDisabled,
+  isRequired,
+  isOptional,
+  ...props
+}, ref) => {
   const classes = (0, _classnames.default)({
     'FormElement-contains-error': isInvalid
   });

package/dist/components/SelectionCard/SelectionCard.js

@@ -12,20 +12,19 @@ var _Radio = require("../Radio");
 var _Checkbox = _interopRequireDefault(require("../Checkbox"));
 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; }
-const SelectionCard = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    isChecked,
-    isDisabled,
-    value,
-    helperText,
-    expandableChildren,
-    defaultChecked,
-    isRadio,
-    label,
-    isExpandable,
-    size = 'md',
-    ...props
-  } = _ref;
+const SelectionCard = /*#__PURE__*/(0, _react.forwardRef)(({
+  isChecked,
+  isDisabled,
+  value,
+  helperText,
+  expandableChildren,
+  defaultChecked,
+  isRadio,
+  label,
+  isExpandable,
+  size = 'md',
+  ...props
+}, ref) => {
   const Component = isRadio ? _Radio.Radio : _Checkbox.default;
   const expandableTextSize = size === 'sm' || size === 'md' ? 'xs' : 'sm';
   const hasExpandableContent = isExpandable && isChecked && expandableChildren;

package/dist/components/SelectionCard/SelectionCard.stories.js

@@ -16,10 +16,9 @@ var _default = exports.default = {
     removeBaseHtmlClass: true
   }
 };
-const SelectionCard = _ref => {
-  let {
-    ...props
-  } = _ref;
+const SelectionCard = ({
+  ...props
+}) => {
   return /*#__PURE__*/_react.default.createElement(_SelectionCard.default, (0, _extends2.default)({
     value: "1"
   }, props));

package/dist/components/Spinner/Spinner.js

@@ -11,12 +11,11 @@ var _react2 = require("@chakra-ui/react");
 var _Spinner = require("./Spinner.styles");
 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; }
-const Spinner = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    size,
-    thickness,
-    ...props
-  } = _ref;
+const Spinner = /*#__PURE__*/(0, _react.forwardRef)(({
+  size,
+  thickness,
+  ...props
+}, ref) => {
   const thicknessString = thickness ? `${thickness}px` : _Spinner.thicknesses[size] ? `${_Spinner.thicknesses[size]}px` : '2px';
   return /*#__PURE__*/_react.default.createElement(_react2.Spinner, (0, _extends2.default)({
     ref: ref,

package/dist/components/Spinner/Spinner.stories.js

@@ -19,8 +19,7 @@ var _default = exports.default = {
     importBy: 'Spinner'
   }
 };
-const allColors = Object.entries(_colors.default).reduce((acc, _ref) => {
-  let [colorName, color] = _ref;
+const allColors = Object.entries(_colors.default).reduce((acc, [colorName, color]) => {
   if (typeof color === 'string') {
     acc.push(colorName);
   } else {

package/dist/components/Switch/Switch.js

@@ -12,16 +12,15 @@ var _react2 = require("@chakra-ui/react");
 var _FormControl = _interopRequireDefault(require("../FormControl/FormControl"));
 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; }
-const Switch = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    label,
-    helperText,
-    errorMessage,
-    isInvalid,
-    isDisabled,
-    isRequired,
-    ...props
-  } = _ref;
+const Switch = /*#__PURE__*/(0, _react.forwardRef)(({
+  label,
+  helperText,
+  errorMessage,
+  isInvalid,
+  isDisabled,
+  isRequired,
+  ...props
+}, ref) => {
   const classes = (0, _classnames.default)({
     'FormElement-contains-error': isInvalid
   });

package/dist/components/Table/Table.stories.js

@@ -43,14 +43,13 @@ var _default = exports.default = {
     }
   }
 };
-const TableTemplate = _ref => {
-  let {
-    numberOfColumns,
-    numberOfRows,
-    tableData,
-    tableHeading,
-    variant
-  } = _ref;
+const TableTemplate = ({
+  numberOfColumns,
+  numberOfRows,
+  tableData,
+  tableHeading,
+  variant
+}) => {
   return /*#__PURE__*/_react.default.createElement(_Table.default, {
     variant: variant
   }, /*#__PURE__*/_react.default.createElement(_index.Thead, null, /*#__PURE__*/_react.default.createElement(_index.Tr, null, Array(numberOfColumns).fill(tableHeading).map((heading, index) => /*#__PURE__*/_react.default.createElement(_index.Th, {

package/dist/components/Tabs/Tabs.js

@@ -17,11 +17,10 @@ const sizeMapping = {
   [SIZE_BODY]: 'md',
   [SIZE_HEADING]: 'lg'
 };
-const Tabs = (0, _react2.forwardRef)((_ref, ref) => {
-  let {
-    size,
-    ...props
-  } = _ref;
+const Tabs = (0, _react2.forwardRef)(({
+  size,
+  ...props
+}, ref) => {
   return /*#__PURE__*/_react.default.createElement(_react2.Tabs, (0, _extends2.default)({
     size: sizeMapping[size]
   }, props, (0, _combineSizeWithVariant.default)({

package/dist/components/Tabs/Tabs.stories.js

@@ -22,12 +22,6 @@ var _default = exports.default = {
         type: 'select',
         options: [_Tabs.SIZE_SMALL, _Tabs.SIZE_BODY, _Tabs.SIZE_HEADING]
       }
-    },
-    variant: {
-      control: {
-        type: 'select',
-        options: ['line', 'enclosed']
-      }
     }
   }
 };

package/dist/components/Tabs/combineSizeWithVariant.js

@@ -20,11 +20,10 @@ var _Tabs = require("./Tabs");
  * @returns {Object} An object containing the merged styleProps from the `variant` and the `size` props
  */
 
-const combineSizeWithVariant = _ref => {
-  let {
-    size,
-    variant = 'line'
-  } = _ref;
+const combineSizeWithVariant = ({
+  size,
+  variant = 'line'
+}) => {
   const fontSizeMapping = {
     [_Tabs.SIZE_SMALL]: _typography.fontSizes.xs,
     [_Tabs.SIZE_BODY]: _typography.fontSizes.base,

package/dist/components/Tabs/styles/index.js

@@ -35,34 +35,6 @@ const variants = {
         color: 'black'
       }
     }
-  },
-  enclosed: {
-    tablist: {
-      backgroundColor: 'white',
-      borderRadius: '8px',
-      borederColor: 'gray.200',
-      borderWidth: '1px',
-      paddingY: 1
-    },
-    tab: {
-      borderRadius: '6px',
-      marginX: 1,
-      _selected: {
-        fontWeight: 'semibold',
-        color: 'white',
-        backgroundColor: 'primary.default',
-        _hover: {
-          backgroundColor: 'primary.600'
-        }
-      },
-      _active: {
-        backgroundColor: 'gray.200'
-      },
-      _disabled: {
-        opacity: 0.4,
-        cursor: 'not-allowed'
-      }
-    }
   }
 };
 var _default = exports.default = (0, _merge.default)(_theme.default.components.Tabs, {

package/dist/components/Text/Text.js

@@ -11,12 +11,11 @@ var _react2 = require("@chakra-ui/react");
 var _options = _interopRequireDefault(require("./options"));
 var _Text = require("./Text.styles");
 var _combineAsWithVariant = _interopRequireDefault(require("./combineAsWithVariant"));
-const Text = (0, _react2.forwardRef)((_ref, ref) => {
-  let {
-    as,
-    variant,
-    ...props
-  } = _ref;
+const Text = (0, _react2.forwardRef)(({
+  as,
+  variant,
+  ...props
+}, ref) => {
   return /*#__PURE__*/_react.default.createElement(_react2.Text, (0, _extends2.default)({
     variant: variant,
     as: as

package/dist/components/Text/combineAsWithVariant.js

@@ -36,11 +36,10 @@ const asOptions = Object.freeze({
  * @returns {Object} An object containing the merged styleProps from the `variant` and the `as` props
  */
 
-const combineAsWithVariant = _ref => {
-  let {
-    as,
-    variant
-  } = _ref;
+const combineAsWithVariant = ({
+  as,
+  variant
+}) => {
   const variantFontSizeBase = Number(_Text.variants[`${variant}`].fontSize.base.replace('rem', ''));
   const variantFontSizeDesktop = Number(_Text.variants[`${variant}`].fontSize.desktop.replace('rem', ''));
   let styleProps;

package/dist/components/ThemeProvider/ThemeProvider.js

@@ -14,21 +14,18 @@ var _global = require("../../theme/global");
 var _merge = _interopRequireDefault(require("lodash/merge"));
 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; }
-const ThemeProvider = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    theme,
-    useLegacyOverrides,
-    disableExternalFonts = false,
-    children,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_react2.ChakraProvider, (0, _extends2.default)({}, props, {
-    ref: ref,
-    theme: (0, _merge.default)(_theme.default, theme)
-  }), disableExternalFonts ? null : /*#__PURE__*/_react.default.createElement(_global.Fonts, null), /*#__PURE__*/_react.default.createElement(_global.LegacyOverrides, {
-    useLegacyOverrides: useLegacyOverrides
-  }), children);
-});
+const ThemeProvider = /*#__PURE__*/(0, _react.forwardRef)(({
+  theme,
+  useLegacyOverrides,
+  disableExternalFonts = false,
+  children,
+  ...props
+}, ref) => /*#__PURE__*/_react.default.createElement(_react2.ChakraProvider, (0, _extends2.default)({}, props, {
+  ref: ref,
+  theme: (0, _merge.default)(_theme.default, theme)
+}), disableExternalFonts ? null : /*#__PURE__*/_react.default.createElement(_global.Fonts, null), /*#__PURE__*/_react.default.createElement(_global.LegacyOverrides, {
+  useLegacyOverrides: useLegacyOverrides
+}), children));
 ThemeProvider.propTypes = {
   /** If true, this will use the old `spothero-html` base styles */
   useLegacyOverrides: _propTypes.default.bool,

package/dist/components/ThemeProvider/ThemeProvider.stories.js

@@ -26,10 +26,9 @@ var _default = exports.default = {
     })]
   }
 };
-const Template = (props, _ref) => {
-  let {
-    hasDarkBackground
-  } = _ref;
+const Template = (props, {
+  hasDarkBackground
+}) => {
   const contentTextColor = hasDarkBackground ? 'text.primary.dark' : 'text.primary.light';
   return /*#__PURE__*/_react.default.createElement(_react2.Box, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
     mb: 8,

package/dist/components/index.js

@@ -32,10 +32,8 @@ var _exportNames = {
   Input: true,
   SelectionCard: true,
   Divider: true,
-  Textarea: true,
   Popover: true,
   PopoverAnchor: true,
-  PopoverArrow: true,
   PopoverTrigger: true,
   PopoverContent: true,
   Radio: true,
@@ -44,14 +42,6 @@ var _exportNames = {
   Badge: true,
   ToggleButtonGroup: true,
   CreatableSelect: true,
-  Menu: true,
-  MenuButton: true,
-  MenuList: true,
-  MenuItem: true,
-  MenuItemOption: true,
-  MenuGroup: true,
-  MenuOptionGroup: true,
-  MenuDivider: true,
   Box: true,
   Kbd: true,
   Code: true,
@@ -80,8 +70,6 @@ var _exportNames = {
   useClipboard: true,
   useDisclosure: true,
   useMediaQuery: true,
-  CheckboxGroup: true,
-  useStyleConfig: true,
   BreadcrumbItem: true,
   BreadcrumbLink: true,
   InputLeftAddon: true,
@@ -95,7 +83,7 @@ var _exportNames = {
   usePrefersReducedMotion: true,
   keyframes: true,
   BoxProps: true,
-  BasicTextarea: true
+  Textarea: true
 };
 Object.defineProperty(exports, "Alert", {
   enumerable: true,
@@ -127,12 +115,6 @@ Object.defineProperty(exports, "BasicInput", {
     return _react.Input;
   }
 });
-Object.defineProperty(exports, "BasicTextarea", {
-  enumerable: true,
-  get: function () {
-    return _react.Textarea;
-  }
-});
 Object.defineProperty(exports, "Box", {
   enumerable: true,
   get: function () {
@@ -181,12 +163,6 @@ Object.defineProperty(exports, "Checkbox", {
     return _Checkbox.default;
   }
 });
-Object.defineProperty(exports, "CheckboxGroup", {
-  enumerable: true,
-  get: function () {
-    return _react.CheckboxGroup;
-  }
-});
 Object.defineProperty(exports, "Circle", {
   enumerable: true,
   get: function () {
@@ -349,54 +325,6 @@ Object.defineProperty(exports, "Loader", {
     return _Loader.default;
   }
 });
-Object.defineProperty(exports, "Menu", {
-  enumerable: true,
-  get: function () {
-    return _Menu.default;
-  }
-});
-Object.defineProperty(exports, "MenuButton", {
-  enumerable: true,
-  get: function () {
-    return _Menu.MenuButton;
-  }
-});
-Object.defineProperty(exports, "MenuDivider", {
-  enumerable: true,
-  get: function () {
-    return _Menu.MenuDivider;
-  }
-});
-Object.defineProperty(exports, "MenuGroup", {
-  enumerable: true,
-  get: function () {
-    return _Menu.MenuGroup;
-  }
-});
-Object.defineProperty(exports, "MenuItem", {
-  enumerable: true,
-  get: function () {
-    return _Menu.MenuItem;
-  }
-});
-Object.defineProperty(exports, "MenuItemOption", {
-  enumerable: true,
-  get: function () {
-    return _Menu.MenuItemOption;
-  }
-});
-Object.defineProperty(exports, "MenuList", {
-  enumerable: true,
-  get: function () {
-    return _Menu.MenuList;
-  }
-});
-Object.defineProperty(exports, "MenuOptionGroup", {
-  enumerable: true,
-  get: function () {
-    return _Menu.MenuOptionGroup;
-  }
-});
 Object.defineProperty(exports, "Popover", {
   enumerable: true,
   get: function () {
@@ -409,12 +337,6 @@ Object.defineProperty(exports, "PopoverAnchor", {
     return _Popover.PopoverAnchor;
   }
 });
-Object.defineProperty(exports, "PopoverArrow", {
-  enumerable: true,
-  get: function () {
-    return _Popover.PopoverArrow;
-  }
-});
 Object.defineProperty(exports, "PopoverContent", {
   enumerable: true,
   get: function () {
@@ -544,7 +466,7 @@ Object.defineProperty(exports, "Text", {
 Object.defineProperty(exports, "Textarea", {
   enumerable: true,
   get: function () {
-    return _Textarea.default;
+    return _react.Textarea;
   }
 });
 Object.defineProperty(exports, "ThemeProvider", {
@@ -619,12 +541,6 @@ Object.defineProperty(exports, "usePrefersReducedMotion", {
     return _react.usePrefersReducedMotion;
   }
 });
-Object.defineProperty(exports, "useStyleConfig", {
-  enumerable: true,
-  get: function () {
-    return _react.useStyleConfig;
-  }
-});
 Object.defineProperty(exports, "useTheme", {
   enumerable: true,
   get: function () {
@@ -736,14 +652,12 @@ var _Checkbox = _interopRequireDefault(require("./Checkbox"));
 var _Input = _interopRequireDefault(require("./Input"));
 var _SelectionCard = require("./SelectionCard");
 var _Divider = _interopRequireDefault(require("./Divider/Divider"));
-var _Textarea = _interopRequireDefault(require("./Textarea"));
 var _Popover = require("./Popover");
 var _Radio = require("./Radio");
 var _AutoSuggestSelect = require("./AutoSuggestSelect");
 var _Badge = _interopRequireDefault(require("./Badge/Badge"));
 var _ToggleButtonGroup = _interopRequireDefault(require("./ToggleButtonGroup/ToggleButtonGroup"));
 var _CreatableSelect = require("./CreatableSelect");
-var _Menu = _interopRequireWildcard(require("./Menu"));
 var _react = require("@chakra-ui/react");
 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; }

package/dist/components/styles.js

@@ -70,12 +70,6 @@ Object.defineProperty(exports, "List", {
     return _styles.default;
   }
 });
-Object.defineProperty(exports, "Menu", {
-  enumerable: true,
-  get: function () {
-    return _Menu.default;
-  }
-});
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
   get: function () {
@@ -163,5 +157,4 @@ var _styles10 = _interopRequireDefault(require("./Radio/styles"));
 var _Skeleton = _interopRequireDefault(require("./Skeleton/Skeleton.styles"));
 var _styles11 = _interopRequireDefault(require("./Badge/styles"));
 var _styles12 = _interopRequireDefault(require("./Drawer/styles"));
-var _Progress = _interopRequireDefault(require("./Progress/Progress.styles"));
-var _Menu = _interopRequireDefault(require("./Menu/Menu.styles"));
+var _Progress = _interopRequireDefault(require("./Progress/Progress.styles"));