@doist/reactist 15.1.0 → 15.3.0

package/dist/reactist.cjs.development.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
 var React = require('react');
-var React__default = _interopDefault(React);
 var classNames = _interopDefault(require('classnames'));
 var flattenChildren = _interopDefault(require('react-keyed-flatten-children'));
 var tooltip = require('ariakit/tooltip');
@@ -459,7 +458,7 @@ const HIDE_DELAY = 100;
 function useDelayedTooltipState(initialState) {
   const tooltipState = tooltip.useTooltipState(initialState);
   const delay = useDelay();
-  return React__default.useMemo(() => _objectSpread2(_objectSpread2({}, tooltipState), {}, {
+  return React.useMemo(() => _objectSpread2(_objectSpread2({}, tooltipState), {}, {
     show: delay(() => tooltipState.show(), SHOW_DELAY),
     hide: delay(() => tooltipState.hide(), HIDE_DELAY)
   }), [delay, tooltipState]);
@@ -479,7 +478,7 @@ function Tooltip(_ref) {
     placement: position,
     gutter: gapSize
   });
-  const child = React__default.Children.only(children);
+  const child = React.Children.only(children);
 
   if (!content || !child) {
     return child;
@@ -519,7 +518,7 @@ function Tooltip(_ref) {
     child == null ? void 0 : (_child$props = child.props) == null ? void 0 : _child$props.onFocus == null ? void 0 : _child$props.onFocus(event);
   }
 
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(tooltip.TooltipAnchor, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(tooltip.TooltipAnchor, {
     state: state,
     ref: child.ref,
     onFocus: handleFocus
@@ -527,8 +526,8 @@ function Tooltip(_ref) {
     // Let child props override anchor props so user can specify attributes like tabIndex
     // Also, do not apply the child's props to TooltipAnchor as props like `as` can create problems
     // by applying the replacement component/element twice
-    return /*#__PURE__*/React__default.cloneElement(child, _objectSpread2(_objectSpread2({}, anchorProps), child.props));
-  }), state.visible ? /*#__PURE__*/React__default.createElement(tooltip.Tooltip, _objectSpread2(_objectSpread2({}, props), {}, {
+    return /*#__PURE__*/React.cloneElement(child, _objectSpread2(_objectSpread2({}, anchorProps), child.props));
+  }), state.visible ? /*#__PURE__*/React.createElement(tooltip.Tooltip, _objectSpread2(_objectSpread2({}, props), {}, {
     state: state,
     className: classNames('reactist_tooltip', className)
   }), typeof content === 'function' ? content() : content) : null);
@@ -548,15 +547,15 @@ function Tooltip(_ref) {
  */
 
 function useDelay() {
-  const timeoutRef = React__default.useRef();
-  const clearTimeouts = React__default.useCallback(function clearTimeouts() {
+  const timeoutRef = React.useRef();
+  const clearTimeouts = React.useCallback(function clearTimeouts() {
     if (timeoutRef.current != null) {
       clearTimeout(timeoutRef.current);
     }
   }, []); // Runs clearTimeouts when the component is unmounted
 
-  React__default.useEffect(() => clearTimeouts, [clearTimeouts]);
-  return React__default.useCallback(function delay(fn, delay) {
+  React.useEffect(() => clearTimeouts, [clearTimeouts]);
+  return React.useCallback(function delay(fn, delay) {
     return () => {
       clearTimeouts();
       timeoutRef.current = setTimeout(fn, delay);
@@ -829,14 +828,14 @@ function Loading(_ref) {
 
   const numericSize = (_sizeMapping$size = sizeMapping[size]) != null ? _sizeMapping$size : sizeMapping.small;
   const ariaLabel = props['aria-label'] ? props['aria-label'] : !props['aria-labelledby'] ? 'Loading…' : undefined;
-  return /*#__PURE__*/React__default.createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
     "aria-label": ariaLabel,
     className: exceptionallySetClassName,
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     role: "progressbar"
-  }), /*#__PURE__*/React__default.createElement(Spinner, {
+  }), /*#__PURE__*/React.createElement(Spinner, {
     size: numericSize,
     "aria-hidden": true
   }));
@@ -1595,7 +1594,7 @@ function Avatar(_ref) {
     backgroundColor: colorList[emailToIndex(user.email, colorList.length)]
   };
   const sizeClassName = getClassNames(modules_08f3eeac, 'size', avatarSize);
-  return /*#__PURE__*/React__default.createElement(Box, _objectSpread2({
+  return /*#__PURE__*/React.createElement(Box, _objectSpread2({
     className: [className, modules_08f3eeac.avatar, sizeClassName, exceptionallySetClassName],
     style: style
   }, props), userInitials);
@@ -1603,9 +1602,26 @@ function Avatar(_ref) {
 
 Avatar.displayName = 'Avatar';
 
+var modules_33c7c985 = {"badge":"_0b1e00ed","badge-neutral":"dda494a5","badge-positive":"_9260b8b0","badge-color":"_73a14c03"};
+
+const _excluded$n = ["variant", "children"];
+
+function Badge(_ref) {
+  let {
+    variant = 'neutral',
+    children
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded$n);
+
+  const variantClassName = modules_33c7c985["badge-" + variant];
+  return /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, rest), {}, {
+    className: [modules_33c7c985.badge, variantClassName]
+  }), children);
+}
+
 var modules_8f59d13b = {"overlay":"_868392ae","fadein":"_63d7ee15","fitContent":"b8548bf2","container":"_31956461","full":"_1007df83","large":"_10c275aa","medium":"_0ac526b4","small":"_30f38fdb","xlarge":"_54868e8b","expand":"c0bc68bc","buttonContainer":"_6527332a","headerContent":"_4750dc1b"};
 
-const _excluded$n = ["isOpen", "onDismiss", "height", "width", "exceptionallySetClassName", "autoFocus", "children"],
+const _excluded$o = ["isOpen", "onDismiss", "height", "width", "exceptionallySetClassName", "autoFocus", "children"],
       _excluded2$1 = ["children", "button", "withDivider", "exceptionallySetClassName"],
       _excluded3 = ["exceptionallySetClassName", "children"],
       _excluded4 = ["exceptionallySetClassName", "withDivider"],
@@ -1639,7 +1655,7 @@ function Modal(_ref) {
     autoFocus = true,
     children
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$n);
+      props = _objectWithoutProperties(_ref, _excluded$o);
 
   const setVisible = React.useCallback(visible => {
     if (!visible) {
@@ -1883,7 +1899,7 @@ function usePrevious(value) {
 
 var modules_40c67f5b = {"tab":"a1064a3b","track":"_06f1b8a1","tab-neutral":"dabbec7d","tab-themed":"e6f5ae4e","track-neutral":"_43913ce5","track-themed":"_39bdfdde","track-xsmall":"_1c148f4e","track-small":"_2a370df5","track-medium":"_77430437","track-large":"_33db5352","track-xlarge":"_60bf9564","track-xxlarge":"_29a35080"};
 
-const _excluded$o = ["as", "children", "id", "exceptionallySetClassName"],
+const _excluded$p = ["as", "children", "id", "exceptionallySetClassName"],
       _excluded2$2 = ["children", "space"],
       _excluded3$1 = ["children", "id", "as", "render"];
 const TabsContext = /*#__PURE__*/React.createContext(null);
@@ -1933,7 +1949,7 @@ const Tab = /*#__PURE__*/polymorphicComponent(function Tab(_ref, ref) {
     id,
     exceptionallySetClassName
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$o);
+      props = _objectWithoutProperties(_ref, _excluded$p);
 
   const tabContextValue = React.useContext(TabsContext);
 
@@ -2042,12 +2058,12 @@ function TabAwareSlot({
   }) : null;
 }
 
-const _excluded$p = ["type", "variant", "size", "loading", "disabled", "tooltip", "onClick", "children"];
+const _excluded$q = ["type", "variant", "size", "loading", "disabled", "tooltip", "onClick", "children"];
 /**
  * @deprecated
  */
 
-const Button$1 = /*#__PURE__*/React__default.forwardRef(function Button(_ref, ref) {
+const Button$1 = /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
   let {
     type = 'button',
     variant,
@@ -2058,19 +2074,19 @@ const Button$1 = /*#__PURE__*/React__default.forwardRef(function Button(_ref, re
     onClick,
     children
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$p);
+      props = _objectWithoutProperties(_ref, _excluded$q);
 
   const className = classNames('reactist_button', variant ? "reactist_button--" + variant : null, size !== 'default' ? "reactist_button--" + size : null, {
     'reactist_button--loading': loading
   }, props.className);
-  const button = /*#__PURE__*/React__default.createElement("button", _objectSpread2(_objectSpread2({}, props), {}, {
+  const button = /*#__PURE__*/React.createElement("button", _objectSpread2(_objectSpread2({}, props), {}, {
     ref: ref,
     type: type,
     className: className,
     "aria-disabled": disabled || loading,
     onClick: disabled || loading ? undefined : onClick
   }), children);
-  return tooltip ? /*#__PURE__*/React__default.createElement(Tooltip, {
+  return tooltip ? /*#__PURE__*/React.createElement(Tooltip, {
     content: tooltip
   }, button) : button;
 });
@@ -2081,9 +2097,9 @@ Button$1.defaultProps = {
   disabled: false
 };
 
-const _excluded$q = ["children", "onClick", "tooltip", "className"];
+const _excluded$r = ["children", "onClick", "tooltip", "className"];
 
-class Box$1 extends React__default.Component {
+class Box$1 extends React.Component {
   constructor(props, context) {
     super(props, context);
     this._timeout = void 0;
@@ -2170,7 +2186,7 @@ class Box$1 extends React__default.Component {
 
     const _trigger = (_this$props$children = this.props.children) == null ? void 0 : _this$props$children[0];
 
-    return _trigger ? /*#__PURE__*/React__default.cloneElement(_trigger, {
+    return _trigger ? /*#__PURE__*/React.cloneElement(_trigger, {
       onClick: this._toggleShowBody
     }) : undefined;
   } // https://facebook.github.io/react/docs/refs-and-the-dom.html#exposing-dom-refs-to-parent-components
@@ -2200,8 +2216,8 @@ class Box$1 extends React__default.Component {
       bottom: !top
     });
     const body = children == null ? void 0 : children[1];
-    const contentMarkup = typeof body === 'function' ? body(props) : body ? /*#__PURE__*/React__default.cloneElement(body, props) : undefined;
-    return /*#__PURE__*/React__default.createElement("div", {
+    const contentMarkup = typeof body === 'function' ? body(props) : body ? /*#__PURE__*/React.cloneElement(body, props) : undefined;
+    return /*#__PURE__*/React.createElement("div", {
       className: className,
       style: {
         position: 'relative'
@@ -2214,7 +2230,7 @@ class Box$1 extends React__default.Component {
     const {
       top
     } = this.state;
-    return /*#__PURE__*/React__default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       style: {
         display: 'inline-block'
       },
@@ -2227,14 +2243,14 @@ class Box$1 extends React__default.Component {
 
 Box$1.displayName = void 0;
 Box$1.displayName = 'Dropdown.Box';
-const Trigger = /*#__PURE__*/React__default.forwardRef(function Trigger(_ref, ref) {
+const Trigger = /*#__PURE__*/React.forwardRef(function Trigger(_ref, ref) {
   let {
     children,
     onClick,
     tooltip,
     className
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$q);
+      props = _objectWithoutProperties(_ref, _excluded$r);
 
   function handleClick(event) {
     event.preventDefault();
@@ -2242,7 +2258,7 @@ const Trigger = /*#__PURE__*/React__default.forwardRef(function Trigger(_ref, re
     if (onClick) onClick(event);
   }
 
-  return /*#__PURE__*/React__default.createElement(Button$1, _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React.createElement(Button$1, _objectSpread2(_objectSpread2({}, props), {}, {
     className: classNames('trigger', className),
     onClick: handleClick,
     tooltip: tooltip,
@@ -2273,7 +2289,7 @@ function Body({
     style.left = 0;
   }
 
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     ref: setPosition,
     style: style,
     className: "body",
@@ -2304,26 +2320,26 @@ function ColorPicker({
   onChange,
   colorList = COLORS
 }) {
-  return /*#__PURE__*/React__default.createElement(Dropdown.Box, {
+  return /*#__PURE__*/React.createElement(Dropdown.Box, {
     right: true,
     className: "reactist_color_picker"
-  }, /*#__PURE__*/React__default.createElement(Dropdown.Trigger, null, (() => {
+  }, /*#__PURE__*/React.createElement(Dropdown.Trigger, null, (() => {
     const backgroundColor = _getColor(colorList, color);
 
-    return /*#__PURE__*/React__default.createElement("span", {
+    return /*#__PURE__*/React.createElement("span", {
       className: classNames('color_trigger', {
         small
       }),
       style: {
         backgroundColor: _isNamedColor(backgroundColor) ? backgroundColor.color : backgroundColor
       }
-    }, /*#__PURE__*/React__default.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: "color_trigger--inner_ring"
     }));
-  })()), /*#__PURE__*/React__default.createElement(Dropdown.Body, null, /*#__PURE__*/React__default.createElement("div", {
+  })()), /*#__PURE__*/React.createElement(Dropdown.Body, null, /*#__PURE__*/React.createElement("div", {
     className: "color_options"
   }, colorList.reduce((items, currentColor, currentIndex) => {
-    items.push( /*#__PURE__*/React__default.createElement(ColorItem, {
+    items.push( /*#__PURE__*/React.createElement(ColorItem, {
       isActive: color >= colorList.length ? currentIndex === 0 : currentIndex === color,
       key: currentIndex,
       color: _isNamedColor(currentColor) ? currentColor.color : currentColor,
@@ -2344,24 +2360,24 @@ function ColorItem({
   onClick,
   tooltip
 }) {
-  const item = /*#__PURE__*/React__default.createElement("span", {
+  const item = /*#__PURE__*/React.createElement("span", {
     "data-testid": "reactist-color-item",
     className: 'reactist color_item' + (isActive ? ' active' : ''),
     style: {
       backgroundColor: color
     },
     onClick: () => onClick == null ? void 0 : onClick(colorIndex)
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: "color_item--inner_ring"
   }));
-  return tooltip ? /*#__PURE__*/React__default.createElement(Tooltip, {
+  return tooltip ? /*#__PURE__*/React.createElement(Tooltip, {
     content: tooltip
   }, item) : item;
 }
 
 ColorItem.displayName = 'ColorItem';
 
-const _excluded$r = ["children", "className", "translateKey", "isMac"];
+const _excluded$s = ["children", "className", "translateKey", "isMac"];
 // Support for setting up how to translate modifiers globally.
 //
 
@@ -2443,7 +2459,7 @@ function KeyboardShortcut(_ref) {
     translateKey = globalTranslateKey,
     isMac = (_navigator$platform$t = (_navigator$platform = navigator.platform) == null ? void 0 : _navigator$platform.toUpperCase().includes('MAC')) != null ? _navigator$platform$t : false
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$r);
+      props = _objectWithoutProperties(_ref, _excluded$s);
 
   const shortcuts = typeof children === 'string' ? [children] : children;
   return /*#__PURE__*/React.createElement("span", _objectSpread2({
@@ -2634,7 +2650,7 @@ function KeyCapturer(props) {
     }
   }
 
-  return /*#__PURE__*/React__default.cloneElement(children, _objectSpread2({
+  return /*#__PURE__*/React.cloneElement(children, _objectSpread2({
     [eventName]: handleKeyEvent
   }, composingEventHandlers));
 }
@@ -2646,14 +2662,14 @@ function ProgressBar({
 }) {
   const finalClassName = classNames('reactist_progress_bar', className);
   const width = fillPercentage < 0 ? 0 : fillPercentage > 100 ? 100 : fillPercentage;
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: finalClassName
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "inner",
     style: {
       width: width + "%"
     }
-  }), /*#__PURE__*/React__default.createElement(HiddenVisually, null, /*#__PURE__*/React__default.createElement("progress", {
+  }), /*#__PURE__*/React.createElement(HiddenVisually, null, /*#__PURE__*/React.createElement("progress", {
     value: width,
     max: 100,
     "aria-valuetext": ariaValuetext != null ? ariaValuetext : undefined
@@ -2732,7 +2748,7 @@ const TimeUtils = {
 
 const DELAY = 60000;
 
-class Time extends React__default.Component {
+class Time extends React.Component {
   constructor(props) {
     super(props);
     this.refreshInterval = void 0;
@@ -2821,13 +2837,13 @@ class Time extends React__default.Component {
 
     const timeComponent = this._renderTime(this.props.config);
 
-    return /*#__PURE__*/React__default.createElement("time", {
+    return /*#__PURE__*/React.createElement("time", {
       className: className,
       onMouseEnter: event => this._setHovered(true, event),
       onMouseLeave: event => this._setHovered(false, event)
-    }, this.props.tooltipOnHover ? /*#__PURE__*/React__default.createElement(Tooltip, {
+    }, this.props.tooltipOnHover ? /*#__PURE__*/React.createElement(Tooltip, {
       content: this.props.tooltip || this.props.time && TimeUtils.formatTimeLong(this.props.time, this.props.config)
-    }, /*#__PURE__*/React__default.createElement("span", null, timeComponent)) : timeComponent);
+    }, /*#__PURE__*/React.createElement("span", null, timeComponent)) : timeComponent);
   }
 
 }
@@ -2849,17 +2865,17 @@ Time.defaultProps = {
   }
 };
 
-const CloseIcon$1 = () => /*#__PURE__*/React__default.createElement("svg", {
+const CloseIcon$1 = () => /*#__PURE__*/React.createElement("svg", {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24"
-}, /*#__PURE__*/React__default.createElement("path", {
+}, /*#__PURE__*/React.createElement("path", {
   fill: "gray",
   fillRule: "evenodd",
   d: "M11.293 12L5.146 5.854a.5.5 0 1 1 .708-.708L12 11.293l6.146-6.147a.5.5 0 0 1 .708.708L12.707 12l6.147 6.146a.5.5 0 0 1-.708.708L12 12.707l-6.146 6.147a.5.5 0 0 1-.708-.708L11.293 12z"
 }));
 
-const _excluded$s = ["id", "icon", "title", "subtitle", "children", "customCloseButton", "onClick", "onClose", "closeAltText", "className", "aria-live"];
+const _excluded$t = ["id", "icon", "title", "subtitle", "children", "customCloseButton", "onClick", "onClose", "closeAltText", "className", "aria-live"];
 
 function Notification(_ref) {
   let {
@@ -2875,7 +2891,7 @@ function Notification(_ref) {
     className,
     'aria-live': ariaLive = 'polite'
   } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded$s);
+      rest = _objectWithoutProperties(_ref, _excluded$t);
 
   const titleId = title ? id + "-title" : null;
   const titleIdAttribute = titleId ? {
@@ -2897,17 +2913,17 @@ function Notification(_ref) {
   const ariaDescribedBy = subtitleId && !children ? {
     'aria-describedby': subtitleId
   } : null;
-  const notificationContent = /*#__PURE__*/React__default.createElement("div", _objectSpread2({
+  const notificationContent = /*#__PURE__*/React.createElement("div", _objectSpread2({
     className: "reactist-notification__content"
-  }, contentIdAttribute), children != null ? children : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, title ? /*#__PURE__*/React__default.createElement("h3", _objectSpread2({
+  }, contentIdAttribute), children != null ? children : /*#__PURE__*/React.createElement(React.Fragment, null, title ? /*#__PURE__*/React.createElement("h3", _objectSpread2({
     className: "reactist-notification__title"
-  }, titleIdAttribute), title) : null, subtitle ? /*#__PURE__*/React__default.createElement("p", _objectSpread2({
+  }, titleIdAttribute), title) : null, subtitle ? /*#__PURE__*/React.createElement("p", _objectSpread2({
     className: "reactist-notification__subtitle"
   }, subtitleIdAttribute), subtitle) : null));
-  const notificationBody = /*#__PURE__*/React__default.createElement("div", {
+  const notificationBody = /*#__PURE__*/React.createElement("div", {
     className: "reactist-notification__icon-content-group"
   }, icon != null ? icon : null, notificationContent);
-  return /*#__PURE__*/React__default.createElement("div", _objectSpread2(_objectSpread2(_objectSpread2({
+  return /*#__PURE__*/React.createElement("div", _objectSpread2(_objectSpread2(_objectSpread2({
     id: id,
     role: "alert",
     className: classNames('reactist-notification', className, {
@@ -2915,17 +2931,17 @@ function Notification(_ref) {
       'reactist-notification--with-close-button': Boolean(onClose)
     }),
     "aria-live": ariaLive
-  }, ariaLabelledBy), ariaDescribedBy), rest), onClick ? /*#__PURE__*/React__default.createElement("button", {
+  }, ariaLabelledBy), ariaDescribedBy), rest), onClick ? /*#__PURE__*/React.createElement("button", {
     className: "reactist-notification__button",
     onClick: onClick
-  }, notificationBody) : notificationBody, onClose ? /*#__PURE__*/React__default.createElement("button", {
+  }, notificationBody) : notificationBody, onClose ? /*#__PURE__*/React.createElement("button", {
     className: "reactist-notification__close-button",
     onClick: onClose,
     "aria-label": closeAltText
-  }, customCloseButton != null ? customCloseButton : /*#__PURE__*/React__default.createElement(CloseIcon$1, null)) : null);
+  }, customCloseButton != null ? customCloseButton : /*#__PURE__*/React.createElement(CloseIcon$1, null)) : null);
 }
 
-const _excluded$t = ["children", "onItemSelect"],
+const _excluded$u = ["children", "onItemSelect"],
       _excluded2$3 = ["exceptionallySetClassName"],
       _excluded3$2 = ["exceptionallySetClassName"],
       _excluded4$1 = ["value", "children", "onSelect", "hideOnSelect", "onClick", "exceptionallySetClassName", "as"],
@@ -2947,7 +2963,7 @@ function Menu(_ref) {
     children,
     onItemSelect
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$t);
+      props = _objectWithoutProperties(_ref, _excluded$u);
 
   const state = Ariakit.useMenuState(_objectSpread2({
     focusLoop: true,
@@ -3125,16 +3141,16 @@ const MenuGroup = /*#__PURE__*/polymorphicComponent(function MenuGroup(_ref5, re
   }, label) : null, children);
 });
 
-const Input = /*#__PURE__*/React__default.forwardRef((props, ref) => {
+const Input = /*#__PURE__*/React.forwardRef((props, ref) => {
   const className = classNames('reactist_input', props.className);
-  return /*#__PURE__*/React__default.createElement("input", _objectSpread2(_objectSpread2({}, props), {}, {
+  return /*#__PURE__*/React.createElement("input", _objectSpread2(_objectSpread2({}, props), {}, {
     className: className,
     ref: ref
   }));
 });
 Input.displayName = 'Input';
 
-const _excluded$u = ["value", "options", "onChange", "disabled", "className", "defaultValue"];
+const _excluded$v = ["value", "options", "onChange", "disabled", "className", "defaultValue"];
 
 function Select(_ref) {
   let {
@@ -3145,18 +3161,18 @@ function Select(_ref) {
     className = '',
     defaultValue
   } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded$u);
+      otherProps = _objectWithoutProperties(_ref, _excluded$v);
 
   const selectClassName = classNames('reactist_select', {
     disabled
   }, className);
-  return /*#__PURE__*/React__default.createElement("select", _objectSpread2({
+  return /*#__PURE__*/React.createElement("select", _objectSpread2({
     className: selectClassName,
     value: value,
     onChange: event => onChange ? onChange(event.target.value) : undefined,
     disabled: disabled,
     defaultValue: defaultValue
-  }, otherProps), options == null ? void 0 : options.map(option => /*#__PURE__*/React__default.createElement("option", {
+  }, otherProps), options == null ? void 0 : options.map(option => /*#__PURE__*/React.createElement("option", {
     key: option.key || option.value,
     value: option.value,
     disabled: option.disabled
@@ -3171,7 +3187,7 @@ Select.defaultProps = {
 
 var modules_8f59d13b$1 = {"reach-portal":"_37bef8d8","fadein":"_77f9687f","fitContent":"bcc4e0a5","container":"d4832c2d","full":"b0c3b021","large":"_573d6aa5","medium":"_8550d996","small":"_43bb18f5","xlarge":"_57b4159d","overlay":"cb63f300","expand":"e741893e","buttonContainer":"bb1ce281","headerContent":"c5ef989c"};
 
-const _excluded$v = ["isOpen", "onDismiss", "height", "width", "exceptionallySetClassName", "autoFocus", "children"],
+const _excluded$w = ["isOpen", "onDismiss", "height", "width", "exceptionallySetClassName", "autoFocus", "children"],
       _excluded2$4 = ["children", "button", "withDivider", "exceptionallySetClassName"],
       _excluded3$3 = ["exceptionallySetClassName", "children"],
       _excluded4$2 = ["exceptionallySetClassName", "withDivider"],
@@ -3206,7 +3222,7 @@ function DeprecatedModal(_ref) {
     autoFocus = true,
     children
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$v);
+      props = _objectWithoutProperties(_ref, _excluded$w);
 
   const contextValue = React.useMemo(() => ({
     onDismiss,
@@ -3377,6 +3393,7 @@ function DeprecatedModalActions(_ref5) {
 
 exports.Alert = Alert;
 exports.Avatar = Avatar;
+exports.Badge = Badge;
 exports.Box = Box;
 exports.Button = Button;
 exports.ButtonLink = ButtonLink;