@ntbjs/react-components 2.0.0-rc.3 → 2.0.0-rc.5

package/cjs/node_modules/react-select/dist/Select-aab027f3.esm.js

@@ -11,7 +11,7 @@ var createSuper = require('../../@babel/runtime/helpers/esm/createSuper.js');
 var toConsumableArray = require('../../@babel/runtime/helpers/esm/toConsumableArray.js');
 require('../../react/index.js');
 var index641ee5b8_esm = require('./index-641ee5b8.esm.js');
-var emotionReact_esm = require('../../@emotion/react/dist/emotion-react.esm.js');
+var emotionReact_browser_esm = require('../../@emotion/react/dist/emotion-react.browser.esm.js');
 var memoizeOne_esm = require('../../memoize-one/dist/memoize-one.esm.js');
 var objectWithoutProperties = require('../../@babel/runtime/helpers/esm/objectWithoutProperties.js');
 var index = require('../../../_virtual/index.js');
@@ -29,7 +29,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
 };
 var A11yText = function A11yText(props) {
-  return emotionReact_esm.createElement("span", _extends["default"]({
+  return emotionReact_browser_esm.createElement("span", _extends["default"]({
     css: _ref
   }, props));
 };
@@ -214,18 +214,18 @@ var LiveRegion = function LiveRegion(props) {
     }
     return guidanceMsg;
   }, [ariaLabel, focusedOption, focusedValue, isMulti, isOptionDisabled, isSearchable, menuIsOpen, messages, selectValue, tabSelectsValue, isInitialFocus]);
-  var ScreenReaderText = emotionReact_esm.createElement(index.react.exports.Fragment, null, emotionReact_esm.createElement("span", {
+  var ScreenReaderText = emotionReact_browser_esm.createElement(index.react.exports.Fragment, null, emotionReact_browser_esm.createElement("span", {
     id: "aria-selection"
-  }, ariaSelected), emotionReact_esm.createElement("span", {
+  }, ariaSelected), emotionReact_browser_esm.createElement("span", {
     id: "aria-focused"
-  }, ariaFocused), emotionReact_esm.createElement("span", {
+  }, ariaFocused), emotionReact_browser_esm.createElement("span", {
     id: "aria-results"
-  }, ariaResults), emotionReact_esm.createElement("span", {
+  }, ariaResults), emotionReact_browser_esm.createElement("span", {
     id: "aria-guidance"
   }, ariaGuidance));
-  return emotionReact_esm.createElement(index.react.exports.Fragment, null, emotionReact_esm.createElement(A11yText$1, {
+  return emotionReact_browser_esm.createElement(index.react.exports.Fragment, null, emotionReact_browser_esm.createElement(A11yText$1, {
     id: id
-  }, isInitialFocus && ScreenReaderText), emotionReact_esm.createElement(A11yText$1, {
+  }, isInitialFocus && ScreenReaderText), emotionReact_browser_esm.createElement(A11yText$1, {
     "aria-live": ariaLive,
     "aria-atomic": "false",
     "aria-relevant": "additions text",
@@ -546,10 +546,10 @@ function DummyInput(_ref) {
     props = objectWithoutProperties["default"](_ref, _excluded);
   // Remove animation props not meant for HTML elements
   var filteredProps = index641ee5b8_esm.r(props, 'onExited', 'in', 'enter', 'exit', 'appear');
-  return emotionReact_esm.createElement("input", _extends["default"]({
+  return emotionReact_browser_esm.createElement("input", _extends["default"]({
     ref: innerRef
   }, filteredProps, {
-    css: /*#__PURE__*/emotionReact_esm.css({
+    css: /*#__PURE__*/emotionReact_browser_esm.css({
       label: 'dummyInput',
       // get rid of any default styles
       background: 0,
@@ -835,7 +835,7 @@ function ScrollManager(_ref) {
     setScrollCaptureTarget(element);
     setScrollLockTarget(element);
   };
-  return emotionReact_esm.createElement(index.react.exports.Fragment, null, lockEnabled && emotionReact_esm.createElement("div", {
+  return emotionReact_browser_esm.createElement(index.react.exports.Fragment, null, lockEnabled && emotionReact_browser_esm.createElement("div", {
     onClick: blurSelectInput,
     css: _ref2$1
   }), children(targetRef));
@@ -854,7 +854,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
 var RequiredInput = function RequiredInput(_ref) {
   var name = _ref.name,
     onFocus = _ref.onFocus;
-  return emotionReact_esm.createElement("input", {
+  return emotionReact_browser_esm.createElement("input", {
     required: true,
     name: name,
     tabIndex: -1,

package/cjs/node_modules/react-select/dist/index-641ee5b8.esm.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var objectSpread2 = require('../../@babel/runtime/helpers/esm/objectSpread2.js');
 var _extends = require('../../@babel/runtime/helpers/esm/extends.js');
-var emotionReact_esm = require('../../@emotion/react/dist/emotion-react.esm.js');
+var emotionReact_browser_esm = require('../../@emotion/react/dist/emotion-react.browser.esm.js');
 var slicedToArray = require('../../@babel/runtime/helpers/esm/slicedToArray.js');
 var objectWithoutProperties = require('../../@babel/runtime/helpers/esm/objectWithoutProperties.js');
 var _typeof = require('../../@babel/runtime/helpers/esm/typeof.js');
@@ -13,7 +13,7 @@ var defineProperty = require('../../@babel/runtime/helpers/esm/defineProperty.js
 require('../../react/index.js');
 require('../../react-dom/index.js');
 var floatingUi_dom = require('../../@floating-ui/dom/dist/floating-ui.dom.mjs.js');
-var useIsomorphicLayoutEffect_esm = require('../../use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js');
+var useIsomorphicLayoutEffect_browser_esm = require('../../use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.browser.esm.js');
 var index = require('../../../_virtual/index.js');
 var index$1 = require('../../../_virtual/index4.js');
 
@@ -516,7 +516,7 @@ var MenuPlacer = function MenuPlacer(props) {
     placement = _useState4[0],
     setPlacement = _useState4[1];
   var controlHeight = theme.spacing.controlHeight;
-  useIsomorphicLayoutEffect_esm["default"](function () {
+  useIsomorphicLayoutEffect_browser_esm["default"](function () {
     var menuEl = ref.current;
     if (!menuEl) return;
 
@@ -548,7 +548,7 @@ var Menu = function Menu(props) {
   var children = props.children,
     innerRef = props.innerRef,
     innerProps = props.innerProps;
-  return emotionReact_esm.createElement("div", _extends["default"]({}, getStyleProps(props, 'menu', {
+  return emotionReact_browser_esm.createElement("div", _extends["default"]({}, getStyleProps(props, 'menu', {
     menu: true
   }), {
     ref: innerRef
@@ -579,7 +579,7 @@ var MenuList = function MenuList(props) {
     innerProps = props.innerProps,
     innerRef = props.innerRef,
     isMulti = props.isMulti;
-  return emotionReact_esm.createElement("div", _extends["default"]({}, getStyleProps(props, 'menuList', {
+  return emotionReact_browser_esm.createElement("div", _extends["default"]({}, getStyleProps(props, 'menuList', {
     'menu-list': true,
     'menu-list--is-multi': isMulti
   }), {
@@ -609,7 +609,7 @@ var NoOptionsMessage = function NoOptionsMessage(_ref6) {
     children = _ref6$children === void 0 ? 'No options' : _ref6$children,
     innerProps = _ref6.innerProps,
     restProps = objectWithoutProperties["default"](_ref6, _excluded$3);
-  return emotionReact_esm.createElement("div", _extends["default"]({}, getStyleProps(objectSpread2["default"](objectSpread2["default"]({}, restProps), {}, {
+  return emotionReact_browser_esm.createElement("div", _extends["default"]({}, getStyleProps(objectSpread2["default"](objectSpread2["default"]({}, restProps), {}, {
     children: children,
     innerProps: innerProps
   }), 'noOptionsMessage', {
@@ -622,7 +622,7 @@ var LoadingMessage = function LoadingMessage(_ref7) {
     children = _ref7$children === void 0 ? 'Loading...' : _ref7$children,
     innerProps = _ref7.innerProps,
     restProps = objectWithoutProperties["default"](_ref7, _excluded2$1);
-  return emotionReact_esm.createElement("div", _extends["default"]({}, getStyleProps(objectSpread2["default"](objectSpread2["default"]({}, restProps), {}, {
+  return emotionReact_browser_esm.createElement("div", _extends["default"]({}, getStyleProps(objectSpread2["default"](objectSpread2["default"]({}, restProps), {}, {
     children: children,
     innerProps: innerProps
   }), 'loadingMessage', {
@@ -681,7 +681,7 @@ var MenuPortal = function MenuPortal(props) {
       });
     }
   }, [controlElement, menuPosition, placement, computedPosition === null || computedPosition === void 0 ? void 0 : computedPosition.offset, computedPosition === null || computedPosition === void 0 ? void 0 : computedPosition.rect.left, computedPosition === null || computedPosition === void 0 ? void 0 : computedPosition.rect.width]);
-  useIsomorphicLayoutEffect_esm["default"](function () {
+  useIsomorphicLayoutEffect_browser_esm["default"](function () {
     updateComputedPosition();
   }, [updateComputedPosition]);
   var runAutoUpdate = index.react.exports.useCallback(function () {
@@ -695,7 +695,7 @@ var MenuPortal = function MenuPortal(props) {
       });
     }
   }, [controlElement, updateComputedPosition]);
-  useIsomorphicLayoutEffect_esm["default"](function () {
+  useIsomorphicLayoutEffect_browser_esm["default"](function () {
     runAutoUpdate();
   }, [runAutoUpdate]);
   var setMenuPortalElement = index.react.exports.useCallback(function (menuPortalElement) {
@@ -707,7 +707,7 @@ var MenuPortal = function MenuPortal(props) {
   if (!appendTo && menuPosition !== 'fixed' || !computedPosition) return null;
 
   // same wrapper element whether fixed or portalled
-  var menuWrapper = emotionReact_esm.createElement("div", _extends["default"]({
+  var menuWrapper = emotionReact_browser_esm.createElement("div", _extends["default"]({
     ref: setMenuPortalElement
   }, getStyleProps(objectSpread2["default"](objectSpread2["default"]({}, props), {}, {
     offset: computedPosition.offset,
@@ -716,7 +716,7 @@ var MenuPortal = function MenuPortal(props) {
   }), 'menuPortal', {
     'menu-portal': true
   }), innerProps), children);
-  return emotionReact_esm.createElement(PortalPlacementContext.Provider, {
+  return emotionReact_browser_esm.createElement(PortalPlacementContext.Provider, {
     value: portalPlacementContext
   }, appendTo ? /*#__PURE__*/index$1.reactDom.exports.createPortal(menuWrapper, appendTo) : menuWrapper);
 };
@@ -741,7 +741,7 @@ var SelectContainer = function SelectContainer(props) {
     innerProps = props.innerProps,
     isDisabled = props.isDisabled,
     isRtl = props.isRtl;
-  return emotionReact_esm.createElement("div", _extends["default"]({}, getStyleProps(props, 'container', {
+  return emotionReact_browser_esm.createElement("div", _extends["default"]({}, getStyleProps(props, 'container', {
     '--is-disabled': isDisabled,
     '--is-rtl': isRtl
   }), innerProps), children);
@@ -773,7 +773,7 @@ var ValueContainer = function ValueContainer(props) {
     innerProps = props.innerProps,
     isMulti = props.isMulti,
     hasValue = props.hasValue;
-  return emotionReact_esm.createElement("div", _extends["default"]({}, getStyleProps(props, 'valueContainer', {
+  return emotionReact_browser_esm.createElement("div", _extends["default"]({}, getStyleProps(props, 'valueContainer', {
     'value-container': true,
     'value-container--is-multi': isMulti,
     'value-container--has-value': hasValue
@@ -795,7 +795,7 @@ var indicatorsContainerCSS = function indicatorsContainerCSS() {
 var IndicatorsContainer = function IndicatorsContainer(props) {
   var children = props.children,
     innerProps = props.innerProps;
-  return emotionReact_esm.createElement("div", _extends["default"]({}, getStyleProps(props, 'indicatorsContainer', {
+  return emotionReact_browser_esm.createElement("div", _extends["default"]({}, getStyleProps(props, 'indicatorsContainer', {
     indicators: true
   }), innerProps), children);
 };
@@ -820,7 +820,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
 var Svg = function Svg(_ref) {
   var size = _ref.size,
     props = objectWithoutProperties["default"](_ref, _excluded$2);
-  return emotionReact_esm.createElement("svg", _extends["default"]({
+  return emotionReact_browser_esm.createElement("svg", _extends["default"]({
     height: size,
     width: size,
     viewBox: "0 0 20 20",
@@ -830,16 +830,16 @@ var Svg = function Svg(_ref) {
   }, props));
 };
 var CrossIcon = function CrossIcon(props) {
-  return emotionReact_esm.createElement(Svg, _extends["default"]({
+  return emotionReact_browser_esm.createElement(Svg, _extends["default"]({
     size: 20
-  }, props), emotionReact_esm.createElement("path", {
+  }, props), emotionReact_browser_esm.createElement("path", {
     d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"
   }));
 };
 var DownChevron = function DownChevron(props) {
-  return emotionReact_esm.createElement(Svg, _extends["default"]({
+  return emotionReact_browser_esm.createElement(Svg, _extends["default"]({
     size: 20
-  }, props), emotionReact_esm.createElement("path", {
+  }, props), emotionReact_browser_esm.createElement("path", {
     d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
   }));
 };
@@ -869,19 +869,19 @@ var dropdownIndicatorCSS = baseCSS;
 var DropdownIndicator = function DropdownIndicator(props) {
   var children = props.children,
     innerProps = props.innerProps;
-  return emotionReact_esm.createElement("div", _extends["default"]({}, getStyleProps(props, 'dropdownIndicator', {
+  return emotionReact_browser_esm.createElement("div", _extends["default"]({}, getStyleProps(props, 'dropdownIndicator', {
     indicator: true,
     'dropdown-indicator': true
-  }), innerProps), children || emotionReact_esm.createElement(DownChevron, null));
+  }), innerProps), children || emotionReact_browser_esm.createElement(DownChevron, null));
 };
 var clearIndicatorCSS = baseCSS;
 var ClearIndicator = function ClearIndicator(props) {
   var children = props.children,
     innerProps = props.innerProps;
-  return emotionReact_esm.createElement("div", _extends["default"]({}, getStyleProps(props, 'clearIndicator', {
+  return emotionReact_browser_esm.createElement("div", _extends["default"]({}, getStyleProps(props, 'clearIndicator', {
     indicator: true,
     'clear-indicator': true
-  }), innerProps), children || emotionReact_esm.createElement(CrossIcon, null));
+  }), innerProps), children || emotionReact_browser_esm.createElement(CrossIcon, null));
 };
 
 // ==============================
@@ -905,7 +905,7 @@ var indicatorSeparatorCSS = function indicatorSeparatorCSS(_ref4, unstyled) {
 };
 var IndicatorSeparator = function IndicatorSeparator(props) {
   var innerProps = props.innerProps;
-  return emotionReact_esm.createElement("span", _extends["default"]({}, innerProps, getStyleProps(props, 'indicatorSeparator', {
+  return emotionReact_browser_esm.createElement("span", _extends["default"]({}, innerProps, getStyleProps(props, 'indicatorSeparator', {
     'indicator-separator': true
   })));
 };
@@ -914,7 +914,7 @@ var IndicatorSeparator = function IndicatorSeparator(props) {
 // Loading
 // ==============================
 
-var loadingDotAnimations = emotionReact_esm.keyframes(_templateObject || (_templateObject = taggedTemplateLiteral["default"](["\n  0%, 80%, 100% { opacity: 0; }\n  40% { opacity: 1; }\n"])));
+var loadingDotAnimations = emotionReact_browser_esm.keyframes(_templateObject || (_templateObject = taggedTemplateLiteral["default"](["\n  0%, 80%, 100% { opacity: 0; }\n  40% { opacity: 1; }\n"])));
 var loadingIndicatorCSS = function loadingIndicatorCSS(_ref5, unstyled) {
   var isFocused = _ref5.isFocused,
     size = _ref5.size,
@@ -939,8 +939,8 @@ var loadingIndicatorCSS = function loadingIndicatorCSS(_ref5, unstyled) {
 var LoadingDot = function LoadingDot(_ref6) {
   var delay = _ref6.delay,
     offset = _ref6.offset;
-  return emotionReact_esm.createElement("span", {
-    css: /*#__PURE__*/emotionReact_esm.css({
+  return emotionReact_browser_esm.createElement("span", {
+    css: /*#__PURE__*/emotionReact_browser_esm.css({
       animation: "".concat(loadingDotAnimations, " 1s ease-in-out ").concat(delay, "ms infinite;"),
       backgroundColor: 'currentColor',
       borderRadius: '1em',
@@ -958,20 +958,20 @@ var LoadingIndicator = function LoadingIndicator(_ref7) {
     _ref7$size = _ref7.size,
     size = _ref7$size === void 0 ? 4 : _ref7$size,
     restProps = objectWithoutProperties["default"](_ref7, _excluded2);
-  return emotionReact_esm.createElement("div", _extends["default"]({}, getStyleProps(objectSpread2["default"](objectSpread2["default"]({}, restProps), {}, {
+  return emotionReact_browser_esm.createElement("div", _extends["default"]({}, getStyleProps(objectSpread2["default"](objectSpread2["default"]({}, restProps), {}, {
     innerProps: innerProps,
     isRtl: isRtl,
     size: size
   }), 'loadingIndicator', {
     indicator: true,
     'loading-indicator': true
-  }), innerProps), emotionReact_esm.createElement(LoadingDot, {
+  }), innerProps), emotionReact_browser_esm.createElement(LoadingDot, {
     delay: 0,
     offset: isRtl
-  }), emotionReact_esm.createElement(LoadingDot, {
+  }), emotionReact_browser_esm.createElement(LoadingDot, {
     delay: 160,
     offset: true
-  }), emotionReact_esm.createElement(LoadingDot, {
+  }), emotionReact_browser_esm.createElement(LoadingDot, {
     delay: 320,
     offset: !isRtl
   }));
@@ -1014,7 +1014,7 @@ var Control = function Control(props) {
     innerRef = props.innerRef,
     innerProps = props.innerProps,
     menuIsOpen = props.menuIsOpen;
-  return emotionReact_esm.createElement("div", _extends["default"]({
+  return emotionReact_browser_esm.createElement("div", _extends["default"]({
     ref: innerRef
   }, getStyleProps(props, 'control', {
     control: true,
@@ -1046,15 +1046,15 @@ var Group = function Group(props) {
     label = props.label,
     theme = props.theme,
     selectProps = props.selectProps;
-  return emotionReact_esm.createElement("div", _extends["default"]({}, getStyleProps(props, 'group', {
+  return emotionReact_browser_esm.createElement("div", _extends["default"]({}, getStyleProps(props, 'group', {
     group: true
-  }), innerProps), emotionReact_esm.createElement(Heading, _extends["default"]({}, headingProps, {
+  }), innerProps), emotionReact_browser_esm.createElement(Heading, _extends["default"]({}, headingProps, {
     selectProps: selectProps,
     theme: theme,
     getStyles: getStyles,
     getClassNames: getClassNames,
     cx: cx
-  }), label), emotionReact_esm.createElement("div", null, children));
+  }), label), emotionReact_browser_esm.createElement("div", null, children));
 };
 var groupHeadingCSS = function groupHeadingCSS(_ref2, unstyled) {
   var _ref2$theme = _ref2.theme,
@@ -1078,7 +1078,7 @@ var GroupHeading = function GroupHeading(props) {
   var _cleanCommonProps = cleanCommonProps(props);
     _cleanCommonProps.data;
     var innerProps = objectWithoutProperties["default"](_cleanCommonProps, _excluded$1);
-  return emotionReact_esm.createElement("div", _extends["default"]({}, getStyleProps(props, 'groupHeading', {
+  return emotionReact_browser_esm.createElement("div", _extends["default"]({}, getStyleProps(props, 'groupHeading', {
     'group-heading': true
   }), innerProps));
 };
@@ -1141,11 +1141,11 @@ var Input = function Input(props) {
     isHidden = _cleanCommonProps.isHidden,
     inputClassName = _cleanCommonProps.inputClassName,
     innerProps = objectWithoutProperties["default"](_cleanCommonProps, _excluded);
-  return emotionReact_esm.createElement("div", _extends["default"]({}, getStyleProps(props, 'input', {
+  return emotionReact_browser_esm.createElement("div", _extends["default"]({}, getStyleProps(props, 'input', {
     'input-container': true
   }), {
     "data-value": value || ''
-  }), emotionReact_esm.createElement("input", _extends["default"]({
+  }), emotionReact_browser_esm.createElement("input", _extends["default"]({
     className: cx({
       input: true
     }, inputClassName),
@@ -1211,16 +1211,16 @@ var multiValueRemoveCSS = function multiValueRemoveCSS(_ref3, unstyled) {
 var MultiValueGeneric = function MultiValueGeneric(_ref4) {
   var children = _ref4.children,
     innerProps = _ref4.innerProps;
-  return emotionReact_esm.createElement("div", innerProps, children);
+  return emotionReact_browser_esm.createElement("div", innerProps, children);
 };
 var MultiValueContainer = MultiValueGeneric;
 var MultiValueLabel = MultiValueGeneric;
 function MultiValueRemove(_ref5) {
   var children = _ref5.children,
     innerProps = _ref5.innerProps;
-  return emotionReact_esm.createElement("div", _extends["default"]({
+  return emotionReact_browser_esm.createElement("div", _extends["default"]({
     role: "button"
-  }, innerProps), children || emotionReact_esm.createElement(CrossIcon, {
+  }, innerProps), children || emotionReact_browser_esm.createElement(CrossIcon, {
     size: 14
   }));
 }
@@ -1235,20 +1235,20 @@ var MultiValue = function MultiValue(props) {
   var Container = components.Container,
     Label = components.Label,
     Remove = components.Remove;
-  return emotionReact_esm.createElement(Container, {
+  return emotionReact_browser_esm.createElement(Container, {
     data: data,
     innerProps: objectSpread2["default"](objectSpread2["default"]({}, getStyleProps(props, 'multiValue', {
       'multi-value': true,
       'multi-value--is-disabled': isDisabled
     })), innerProps),
     selectProps: selectProps
-  }, emotionReact_esm.createElement(Label, {
+  }, emotionReact_browser_esm.createElement(Label, {
     data: data,
     innerProps: objectSpread2["default"]({}, getStyleProps(props, 'multiValueLabel', {
       'multi-value__label': true
     })),
     selectProps: selectProps
-  }, children), emotionReact_esm.createElement(Remove, {
+  }, children), emotionReact_browser_esm.createElement(Remove, {
     data: data,
     innerProps: objectSpread2["default"](objectSpread2["default"]({}, getStyleProps(props, 'multiValueRemove', {
       'multi-value__remove': true
@@ -1292,7 +1292,7 @@ var Option = function Option(props) {
     isSelected = props.isSelected,
     innerRef = props.innerRef,
     innerProps = props.innerProps;
-  return emotionReact_esm.createElement("div", _extends["default"]({}, getStyleProps(props, 'option', {
+  return emotionReact_browser_esm.createElement("div", _extends["default"]({}, getStyleProps(props, 'option', {
     option: true,
     'option--is-disabled': isDisabled,
     'option--is-focused': isFocused,
@@ -1320,7 +1320,7 @@ var placeholderCSS = function placeholderCSS(_ref, unstyled) {
 var Placeholder = function Placeholder(props) {
   var children = props.children,
     innerProps = props.innerProps;
-  return emotionReact_esm.createElement("div", _extends["default"]({}, getStyleProps(props, 'placeholder', {
+  return emotionReact_browser_esm.createElement("div", _extends["default"]({}, getStyleProps(props, 'placeholder', {
     placeholder: true
   }), innerProps), children);
 };
@@ -1348,7 +1348,7 @@ var SingleValue = function SingleValue(props) {
   var children = props.children,
     isDisabled = props.isDisabled,
     innerProps = props.innerProps;
-  return emotionReact_esm.createElement("div", _extends["default"]({}, getStyleProps(props, 'singleValue', {
+  return emotionReact_browser_esm.createElement("div", _extends["default"]({}, getStyleProps(props, 'singleValue', {
     'single-value': true,
     'single-value--is-disabled': isDisabled
   }), innerProps), children);

package/cjs/node_modules/use-isomorphic-layout-effect/dist/{use-isomorphic-layout-effect.esm.js → use-isomorphic-layout-effect.browser.esm.js}

@@ -5,8 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('../../react/index.js');
 var index$1 = require('../../../_virtual/index.js');
 
-var isClient = typeof document !== 'undefined';
-
-var index = isClient ? index$1.react.exports.useLayoutEffect : index$1.react.exports.useEffect;
+var index = index$1.react.exports.useLayoutEffect ;
 
 exports["default"] = index;

package/esm/node_modules/@emotion/cache/dist/{emotion-cache.esm.js → emotion-cache.browser.esm.js}

@@ -1,6 +1,4 @@
 import { StyleSheet } from '../../sheet/dist/emotion-sheet.esm.js';
-import weakMemoize from '../../weak-memoize/dist/emotion-weak-memoize.esm.js';
-import memoize from '../../memoize/dist/emotion-memoize.esm.js';
 import { middleware, rulesheet } from '../../../stylis/src/Middleware.js';
 import { RULESET, KEYFRAMES, DECLARATION, WEBKIT, MS, MOZ } from '../../../stylis/src/Enum.js';
 import { combine, replace, hash, charat, strlen, indexof, match, from } from '../../../stylis/src/Utility.js';
@@ -8,8 +6,6 @@ import { serialize, stringify } from '../../../stylis/src/Serializer.js';
 import { copy, dealloc, alloc, next, token, peek, delimit, slice, position } from '../../../stylis/src/Tokenizer.js';
 import { compile } from '../../../stylis/src/Parser.js';
 
-var isBrowser = typeof document !== 'undefined';
-
 var identifierWithPointTracking = function identifierWithPointTracking(begin, points, index) {
   var previous = 0;
   var character = 0;
@@ -347,17 +343,12 @@ var prefixer = function prefixer(element, index, children, callback) {
   }
 };
 
-var getServerStylisCache = isBrowser ? undefined : weakMemoize(function () {
-  return memoize(function () {
-    return {};
-  });
-});
 var defaultStylisPlugins = [prefixer];
 
 var createCache = function createCache(options) {
   var key = options.key;
 
-  if (isBrowser && key === 'css') {
+  if (key === 'css') {
     var ssrStyles = document.querySelectorAll("style[data-emotion]:not([data-s])"); // get SSRed styles out of the way of React's hydration
     // document.head is a safe place to move them to(though note document.head is not necessarily the last place they will be)
     // note this very very intentionally targets all style elements regardless of the key to ensure
@@ -387,7 +378,7 @@ var createCache = function createCache(options) {
   var container;
   var nodesToHydrate = [];
 
-  if (isBrowser) {
+  {
     container = options.container || document.head;
     Array.prototype.forEach.call( // this means we will ignore elements which don't have a space in them which
     // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
@@ -406,7 +397,7 @@ var createCache = function createCache(options) {
 
   var omnipresentPlugins = [compat, removeLabel];
 
-  if (!getServerStylisCache) {
+  {
     var currentSheet;
     var finalizingPlugins = [stringify, rulesheet(function (rule) {
       currentSheet.insert(rule);
@@ -426,55 +417,6 @@ var createCache = function createCache(options) {
         cache.inserted[serialized.name] = true;
       }
     };
-  } else {
-    var _finalizingPlugins = [stringify];
-
-    var _serializer = middleware(omnipresentPlugins.concat(stylisPlugins, _finalizingPlugins));
-
-    var _stylis = function _stylis(styles) {
-      return serialize(compile(styles), _serializer);
-    };
-
-    var serverStylisCache = getServerStylisCache(stylisPlugins)(key);
-
-    var getRules = function getRules(selector, serialized) {
-      var name = serialized.name;
-
-      if (serverStylisCache[name] === undefined) {
-        serverStylisCache[name] = _stylis(selector ? selector + "{" + serialized.styles + "}" : serialized.styles);
-      }
-
-      return serverStylisCache[name];
-    };
-
-    _insert = function _insert(selector, serialized, sheet, shouldCache) {
-      var name = serialized.name;
-      var rules = getRules(selector, serialized);
-
-      if (cache.compat === undefined) {
-        // in regular mode, we don't set the styles on the inserted cache
-        // since we don't need to and that would be wasting memory
-        // we return them so that they are rendered in a style tag
-        if (shouldCache) {
-          cache.inserted[name] = true;
-        }
-
-        return rules;
-      } else {
-        // in compat mode, we put the styles on the inserted cache so
-        // that emotion-server can pull out the styles
-        // except when we don't want to cache it which was in Global but now
-        // is nowhere but we don't want to do a major right now
-        // and just in case we're going to leave the case here
-        // it's also not affecting client side bundle size
-        // so it's really not a big deal
-        if (shouldCache) {
-          cache.inserted[name] = rules;
-        } else {
-          return rules;
-        }
-      }
-    };
   }
 
   var cache = {

package/esm/node_modules/@emotion/react/dist/{emotion-element-d59e098f.esm.js → emotion-element-f0de968e.browser.esm.js}

@@ -1,14 +1,12 @@
 import '../../../react/index.js';
-import createCache from '../../cache/dist/emotion-cache.esm.js';
-import { getRegisteredStyles, registerStyles, insertStyles } from '../../utils/dist/emotion-utils.esm.js';
+import createCache from '../../cache/dist/emotion-cache.browser.esm.js';
+import { getRegisteredStyles, registerStyles, insertStyles } from '../../utils/dist/emotion-utils.browser.esm.js';
 import { serializeStyles } from '../../serialize/dist/emotion-serialize.esm.js';
-import { useInsertionEffectAlwaysWithSyncFallback } from '../../use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.esm.js';
+import { useInsertionEffectAlwaysWithSyncFallback } from '../../use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.browser.esm.js';
 import { r as react } from '../../../../_virtual/index.js';
 
 var isDevelopment = false;
 
-var isBrowser = typeof document !== 'undefined';
-
 var EmotionCacheContext = /* #__PURE__ */react.exports.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
 // because this module is primarily intended for the browser and node
 // but it's also required in react native and similar environments sometimes
@@ -29,30 +27,6 @@ var withEmotionCache = function withEmotionCache(func) {
   });
 };
 
-if (!isBrowser) {
-  withEmotionCache = function withEmotionCache(func) {
-    return function (props) {
-      var cache = react.exports.useContext(EmotionCacheContext);
-
-      if (cache === null) {
-        // yes, we're potentially creating this on every render
-        // it doesn't actually matter though since it's only on the server
-        // so there will only every be a single render
-        // that could change in the future because of suspense and etc. but for now,
-        // this works and i don't want to optimise for a future thing that we aren't sure about
-        cache = createCache({
-          key: 'css'
-        });
-        return /*#__PURE__*/react.exports.createElement(EmotionCacheContext.Provider, {
-          value: cache
-        }, func(props, cache));
-      } else {
-        return func(props, cache);
-      }
-    };
-  };
-}
-
 var ThemeContext = /* #__PURE__ */react.exports.createContext({});
 
 var hasOwn = {}.hasOwnProperty;
@@ -78,26 +52,10 @@ var Insertion = function Insertion(_ref) {
       serialized = _ref.serialized,
       isStringTag = _ref.isStringTag;
   registerStyles(cache, serialized, isStringTag);
-  var rules = useInsertionEffectAlwaysWithSyncFallback(function () {
+  useInsertionEffectAlwaysWithSyncFallback(function () {
     return insertStyles(cache, serialized, isStringTag);
   });
 
-  if (!isBrowser && rules !== undefined) {
-    var _ref2;
-
-    var serializedNames = serialized.name;
-    var next = serialized.next;
-
-    while (next !== undefined) {
-      serializedNames += ' ' + next.name;
-      next = next.next;
-    }
-
-    return /*#__PURE__*/react.exports.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedNames, _ref2.dangerouslySetInnerHTML = {
-      __html: rules
-    }, _ref2.nonce = cache.sheet.nonce, _ref2));
-  }
-
   return null;
 };
 
@@ -146,4 +104,4 @@ var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
 
 var Emotion$1 = Emotion;
 
-export { Emotion$1 as E, ThemeContext as T, isDevelopment as a, createEmotionProps as c, hasOwn as h, isBrowser as i, withEmotionCache as w };
+export { Emotion$1 as E, ThemeContext as T, createEmotionProps as c, hasOwn as h, isDevelopment as i, withEmotionCache as w };

package/esm/node_modules/@emotion/react/dist/{emotion-react.esm.js → emotion-react.browser.esm.js}

@@ -1,7 +1,7 @@
-import { h as hasOwn, E as Emotion$1, c as createEmotionProps } from './emotion-element-d59e098f.esm.js';
-export { T as ThemeContext, w as withEmotionCache } from './emotion-element-d59e098f.esm.js';
+import { h as hasOwn, E as Emotion$1, c as createEmotionProps } from './emotion-element-f0de968e.browser.esm.js';
+export { T as ThemeContext, w as withEmotionCache } from './emotion-element-f0de968e.browser.esm.js';
 import '../../../react/index.js';
-import '../../use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.esm.js';
+import '../../use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.browser.esm.js';
 import { serializeStyles } from '../../serialize/dist/emotion-serialize.esm.js';
 import '../../../hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js';
 import { r as react } from '../../../../_virtual/index.js';

package/esm/node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/{emotion-use-insertion-effect-with-fallbacks.esm.js → emotion-use-insertion-effect-with-fallbacks.browser.esm.js}

@@ -1,12 +1,10 @@
 import * as index from '../../../react/index.js';
 
-var isBrowser = typeof document !== 'undefined';
-
 var syncFallback = function syncFallback(create) {
   return create();
 };
 
 var useInsertionEffect = index['useInsertion' + 'Effect'] ? index['useInsertion' + 'Effect'] : false;
-var useInsertionEffectAlwaysWithSyncFallback = !isBrowser ? syncFallback : useInsertionEffect || syncFallback;
+var useInsertionEffectAlwaysWithSyncFallback = useInsertionEffect || syncFallback;
 
 export { useInsertionEffectAlwaysWithSyncFallback };