@ntbjs/react-components 2.0.0-rc.11 → 2.0.0-rc.13

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

@@ -3,6 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var emotionSheet_esm = require('../../sheet/dist/emotion-sheet.esm.js');
+var emotionWeakMemoize_esm = require('../../weak-memoize/dist/emotion-weak-memoize.esm.js');
+var emotionMemoize_esm = require('../../memoize/dist/emotion-memoize.esm.js');
 var Middleware = require('../../../stylis/src/Middleware.js');
 var Enum = require('../../../stylis/src/Enum.js');
 var Utility = require('../../../stylis/src/Utility.js');
@@ -10,6 +12,8 @@ var Serializer = require('../../../stylis/src/Serializer.js');
 var Tokenizer = require('../../../stylis/src/Tokenizer.js');
 var Parser = require('../../../stylis/src/Parser.js');
 
+var isBrowser = typeof document !== 'undefined';
+
 var identifierWithPointTracking = function identifierWithPointTracking(begin, points, index) {
   var previous = 0;
   var character = 0;
@@ -347,12 +351,17 @@ var prefixer = function prefixer(element, index, children, callback) {
   }
 };
 
+var getServerStylisCache = isBrowser ? undefined : emotionWeakMemoize_esm["default"](function () {
+  return emotionMemoize_esm["default"](function () {
+    return {};
+  });
+});
 var defaultStylisPlugins = [prefixer];
 
 var createCache = function createCache(options) {
   var key = options.key;
 
-  if (key === 'css') {
+  if (isBrowser && 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
@@ -382,7 +391,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
@@ -401,7 +410,7 @@ var createCache = function createCache(options) {
 
   var omnipresentPlugins = [compat, removeLabel];
 
-  {
+  if (!getServerStylisCache) {
     var currentSheet;
     var finalizingPlugins = [Serializer.stringify, Middleware.rulesheet(function (rule) {
       currentSheet.insert(rule);
@@ -421,6 +430,55 @@ var createCache = function createCache(options) {
         cache.inserted[serialized.name] = true;
       }
     };
+  } else {
+    var _finalizingPlugins = [Serializer.stringify];
+
+    var _serializer = Middleware.middleware(omnipresentPlugins.concat(stylisPlugins, _finalizingPlugins));
+
+    var _stylis = function _stylis(styles) {
+      return Serializer.serialize(Parser.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/cjs/node_modules/@emotion/react/dist/{emotion-element-f0de968e.browser.esm.js → emotion-element-d59e098f.esm.js}

@@ -3,27 +3,29 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../../react/index.js');
-var emotionCache_browser_esm = require('../../cache/dist/emotion-cache.browser.esm.js');
-var emotionUtils_browser_esm = require('../../utils/dist/emotion-utils.browser.esm.js');
+var emotionCache_esm = require('../../cache/dist/emotion-cache.esm.js');
+var emotionUtils_esm = require('../../utils/dist/emotion-utils.esm.js');
 var emotionSerialize_esm = require('../../serialize/dist/emotion-serialize.esm.js');
-var emotionUseInsertionEffectWithFallbacks_browser_esm = require('../../use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.browser.esm.js');
+var emotionUseInsertionEffectWithFallbacks_esm = require('../../use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.esm.js');
 var index = require('../../../../_virtual/index.js');
 
 var isDevelopment = false;
 
+var isBrowser = typeof document !== 'undefined';
+
 var EmotionCacheContext = /* #__PURE__ */index.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
 // and we could have a special build just for that
 // but this is much easier and the native packages
 // might use a different theme context in the future anyway
-typeof HTMLElement !== 'undefined' ? /* #__PURE__ */emotionCache_browser_esm["default"]({
+typeof HTMLElement !== 'undefined' ? /* #__PURE__ */emotionCache_esm["default"]({
   key: 'css'
 }) : null);
 
 EmotionCacheContext.Provider;
 
-var withEmotionCache = function withEmotionCache(func) {
+exports.w = function withEmotionCache(func) {
   return /*#__PURE__*/index.react.exports.forwardRef(function (props, ref) {
     // the cache will never be null in the browser
     var cache = index.react.exports.useContext(EmotionCacheContext);
@@ -31,6 +33,30 @@ var withEmotionCache = function withEmotionCache(func) {
   });
 };
 
+if (!isBrowser) {
+  exports.w = function withEmotionCache(func) {
+    return function (props) {
+      var cache = index.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 = emotionCache_esm["default"]({
+          key: 'css'
+        });
+        return /*#__PURE__*/index.react.exports.createElement(EmotionCacheContext.Provider, {
+          value: cache
+        }, func(props, cache));
+      } else {
+        return func(props, cache);
+      }
+    };
+  };
+}
+
 var ThemeContext = /* #__PURE__ */index.react.exports.createContext({});
 
 var hasOwn = {}.hasOwnProperty;
@@ -55,15 +81,31 @@ var Insertion = function Insertion(_ref) {
   var cache = _ref.cache,
       serialized = _ref.serialized,
       isStringTag = _ref.isStringTag;
-  emotionUtils_browser_esm.registerStyles(cache, serialized, isStringTag);
-  emotionUseInsertionEffectWithFallbacks_browser_esm.useInsertionEffectAlwaysWithSyncFallback(function () {
-    return emotionUtils_browser_esm.insertStyles(cache, serialized, isStringTag);
+  emotionUtils_esm.registerStyles(cache, serialized, isStringTag);
+  var rules = emotionUseInsertionEffectWithFallbacks_esm.useInsertionEffectAlwaysWithSyncFallback(function () {
+    return emotionUtils_esm.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__*/index.react.exports.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedNames, _ref2.dangerouslySetInnerHTML = {
+      __html: rules
+    }, _ref2.nonce = cache.sheet.nonce, _ref2));
+  }
+
   return null;
 };
 
-var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
+var Emotion = /* #__PURE__ */exports.w(function (props, cache, ref) {
   var cssProp = props.css; // so that using `css` from `emotion` and passing the result to the css prop works
   // not passing the registered cache to serializeStyles because it would
   // make certain babel optimisations not possible
@@ -77,7 +119,7 @@ var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
   var className = '';
 
   if (typeof props.className === 'string') {
-    className = emotionUtils_browser_esm.getRegisteredStyles(cache.registered, registeredStyles, props.className);
+    className = emotionUtils_esm.getRegisteredStyles(cache.registered, registeredStyles, props.className);
   } else if (props.className != null) {
     className = props.className + " ";
   }
@@ -110,7 +152,7 @@ var Emotion$1 = Emotion;
 
 exports.E = Emotion$1;
 exports.T = ThemeContext;
+exports.a = isDevelopment;
 exports.c = createEmotionProps;
 exports.h = hasOwn;
-exports.i = isDevelopment;
-exports.w = withEmotionCache;
+exports.i = isBrowser;

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var emotionElementF0de968e_browser_esm = require('./emotion-element-f0de968e.browser.esm.js');
+var emotionElementD59e098f_esm = require('./emotion-element-d59e098f.esm.js');
 require('../../../react/index.js');
-require('../../use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.browser.esm.js');
+require('../../use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.esm.js');
 var emotionSerialize_esm = require('../../serialize/dist/emotion-serialize.esm.js');
 require('../../../hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js');
 var index = require('../../../../_virtual/index.js');
@@ -13,14 +13,14 @@ exports.jsx = function jsx(type, props) {
   // eslint-disable-next-line prefer-rest-params
   var args = arguments;
 
-  if (props == null || !emotionElementF0de968e_browser_esm.h.call(props, 'css')) {
+  if (props == null || !emotionElementD59e098f_esm.h.call(props, 'css')) {
     return index.react.exports.createElement.apply(undefined, args);
   }
 
   var argsLength = args.length;
   var createElementArgArray = new Array(argsLength);
-  createElementArgArray[0] = emotionElementF0de968e_browser_esm.E;
-  createElementArgArray[1] = emotionElementF0de968e_browser_esm.c(type, props);
+  createElementArgArray[0] = emotionElementD59e098f_esm.E;
+  createElementArgArray[1] = emotionElementD59e098f_esm.c(type, props);
 
   for (var i = 2; i < argsLength; i++) {
     createElementArgArray[i] = args[i];
@@ -56,8 +56,11 @@ function keyframes() {
   };
 }
 
-exports.ThemeContext = emotionElementF0de968e_browser_esm.T;
-exports.withEmotionCache = emotionElementF0de968e_browser_esm.w;
+exports.ThemeContext = emotionElementD59e098f_esm.T;
+Object.defineProperty(exports, 'withEmotionCache', {
+  enumerable: true,
+  get: function () { return emotionElementD59e098f_esm.w; }
+});
 exports.createElement = exports.jsx;
 exports.css = css;
 exports.keyframes = keyframes;

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

@@ -4,11 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var index = require('../../../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 = useInsertionEffect || syncFallback;
+var useInsertionEffectAlwaysWithSyncFallback = !isBrowser ? syncFallback : useInsertionEffect || syncFallback;
 
 exports.useInsertionEffectAlwaysWithSyncFallback = useInsertionEffectAlwaysWithSyncFallback;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var isBrowser = true;
+var isBrowser = typeof document !== 'undefined';
 
 function getRegisteredStyles(registered, registeredStyles, classNames) {
   var rawClassName = '';
@@ -27,7 +27,7 @@ var registerStyles = function registerStyles(cache, serialized, isStringTag) {
   // in node since emotion-server relies on whether a style is in
   // the registered cache to know whether a style is global or not
   // also, note that this check will be dead code eliminated in the browser
-  isBrowser === false ) && cache.registered[className] === undefined) {
+  isBrowser === false && cache.compat !== undefined) && cache.registered[className] === undefined) {
     cache.registered[className] = serialized.styles;
   }
 };
@@ -36,13 +36,22 @@ var insertStyles = function insertStyles(cache, serialized, isStringTag) {
   var className = cache.key + "-" + serialized.name;
 
   if (cache.inserted[serialized.name] === undefined) {
+    var stylesForSSR = '';
     var current = serialized;
 
     do {
-      cache.insert(serialized === current ? "." + className : '', current, cache.sheet, true);
+      var maybeStyles = cache.insert(serialized === current ? "." + className : '', current, cache.sheet, true);
+
+      if (!isBrowser && maybeStyles !== undefined) {
+        stylesForSSR += maybeStyles;
+      }
 
       current = current.next;
     } while (current !== undefined);
+
+    if (!isBrowser && stylesForSSR.length !== 0) {
+      return stylesForSSR;
+    }
   }
 };
 

package/cjs/node_modules/@emotion/weak-memoize/dist/emotion-weak-memoize.esm.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var weakMemoize = function weakMemoize(func) {
+  var cache = new WeakMap();
+  return function (arg) {
+    if (cache.has(arg)) {
+      // Use non-null assertion because we just checked that the cache `has` it
+      // This allows us to remove `undefined` from the return value
+      return cache.get(arg);
+    }
+
+    var ret = func(arg);
+    cache.set(arg, ret);
+    return ret;
+  };
+};
+
+exports["default"] = weakMemoize;

package/cjs/node_modules/@floating-ui/core/dist/floating-ui.core.mjs.js

@@ -325,16 +325,22 @@ const flip = function (options) {
         const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
         const nextPlacement = placements[nextIndex];
         if (nextPlacement) {
-          // Try next placement and re-run the lifecycle.
-          return {
-            data: {
-              index: nextIndex,
-              overflows: overflowsData
-            },
-            reset: {
-              placement: nextPlacement
-            }
-          };
+          const ignoreCrossAxisOverflow = checkCrossAxis === 'alignment' ? initialSideAxis !== floatingUi_utils.getSideAxis(nextPlacement) : false;
+          if (!ignoreCrossAxisOverflow ||
+          // We leave the current main axis only if every placement on that axis
+          // overflows the main axis.
+          overflowsData.every(d => floatingUi_utils.getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : true)) {
+            // Try next placement and re-run the lifecycle.
+            return {
+              data: {
+                index: nextIndex,
+                overflows: overflowsData
+              },
+              reset: {
+                placement: nextPlacement
+              }
+            };
+          }
         }
 
         // First, find the candidates that fit on the mainAxis side of overflow,
@@ -580,6 +586,8 @@ const inline = function (options) {
   };
 };
 
+const originSides = /*#__PURE__*/new Set(['left', 'top']);
+
 // For type backwards-compatibility, the `OffsetOptions` type was also
 // Derivable.
 
@@ -593,7 +601,7 @@ async function convertValueToCoords(state, options) {
   const side = floatingUi_utils.getSide(placement);
   const alignment = floatingUi_utils.getAlignment(placement);
   const isVertical = floatingUi_utils.getSideAxis(placement) === 'y';
-  const mainAxisMulti = ['left', 'top'].includes(side) ? -1 : 1;
+  const mainAxisMulti = originSides.has(side) ? -1 : 1;
   const crossAxisMulti = rtl && isVertical ? -1 : 1;
   const rawValue = floatingUi_utils.evaluate(options, state);
 
@@ -793,7 +801,7 @@ const limitShift = function (options) {
       if (checkCrossAxis) {
         var _middlewareData$offse, _middlewareData$offse2;
         const len = mainAxis === 'y' ? 'width' : 'height';
-        const isOriginSide = ['top', 'left'].includes(floatingUi_utils.getSide(placement));
+        const isOriginSide = originSides.has(floatingUi_utils.getSide(placement));
         const limitMin = rects.reference[crossAxis] - rects.floating[len] + (isOriginSide ? ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse[crossAxis]) || 0 : 0) + (isOriginSide ? 0 : computedOffset.crossAxis);
         const limitMax = rects.reference[crossAxis] + rects.reference[len] + (isOriginSide ? 0 : ((_middlewareData$offse2 = middlewareData.offset) == null ? void 0 : _middlewareData$offse2[crossAxis]) || 0) - (isOriginSide ? computedOffset.crossAxis : 0);
         if (crossAxisCoord < limitMin) {

package/cjs/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs.js

@@ -216,7 +216,7 @@ function observeMove(element, onMove) {
         // Handle <iframe>s
         root: root.ownerDocument
       });
-    } catch (e) {
+    } catch (_e) {
       io = new IntersectionObserver(handleObserve, options);
     }
     io.observe(element);

package/cjs/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs.js

@@ -46,6 +46,7 @@ function isShadowRoot(value) {
   }
   return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
 }
+const invalidOverflowDisplayValues = /*#__PURE__*/new Set(['inline', 'contents']);
 function isOverflowElement(element) {
   const {
     overflow,
@@ -53,14 +54,15 @@ function isOverflowElement(element) {
     overflowY,
     display
   } = getComputedStyle(element);
-  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !['inline', 'contents'].includes(display);
+  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !invalidOverflowDisplayValues.has(display);
 }
 function isWebKit() {
   if (typeof CSS === 'undefined' || !CSS.supports) return false;
   return CSS.supports('-webkit-backdrop-filter', 'none');
 }
+const lastTraversableNodeNames = /*#__PURE__*/new Set(['html', 'body', '#document']);
 function isLastTraversableNode(node) {
-  return ['html', 'body', '#document'].includes(getNodeName(node));
+  return lastTraversableNodeNames.has(getNodeName(node));
 }
 function getComputedStyle(element) {
   return getWindow(element).getComputedStyle(element);

package/cjs/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs.js

@@ -46,8 +46,9 @@ function getOppositeAxis(axis) {
 function getAxisLength(axis) {
   return axis === 'y' ? 'height' : 'width';
 }
+const yAxisSides = /*#__PURE__*/new Set(['top', 'bottom']);
 function getSideAxis(placement) {
-  return ['top', 'bottom'].includes(getSide(placement)) ? 'y' : 'x';
+  return yAxisSides.has(getSide(placement)) ? 'y' : 'x';
 }
 function getAlignmentAxis(placement) {
   return getOppositeAxis(getSideAxis(placement));
@@ -72,19 +73,19 @@ function getExpandedPlacements(placement) {
 function getOppositeAlignmentPlacement(placement) {
   return placement.replace(/start|end/g, alignment => oppositeAlignmentMap[alignment]);
 }
+const lrPlacement = ['left', 'right'];
+const rlPlacement = ['right', 'left'];
+const tbPlacement = ['top', 'bottom'];
+const btPlacement = ['bottom', 'top'];
 function getSideList(side, isStart, rtl) {
-  const lr = ['left', 'right'];
-  const rl = ['right', 'left'];
-  const tb = ['top', 'bottom'];
-  const bt = ['bottom', 'top'];
   switch (side) {
     case 'top':
     case 'bottom':
-      if (rtl) return isStart ? rl : lr;
-      return isStart ? lr : rl;
+      if (rtl) return isStart ? rlPlacement : lrPlacement;
+      return isStart ? lrPlacement : rlPlacement;
     case 'left':
     case 'right':
-      return isStart ? tb : bt;
+      return isStart ? tbPlacement : btPlacement;
     default:
       return [];
   }

package/cjs/node_modules/@restart/hooks/{esm → lib}/useMergedRefs.js

@@ -5,20 +5,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('../../../react/index.js');
 var index = require('../../../../_virtual/index.js');
 
-var toFnRef = function toFnRef(ref) {
-  return !ref || typeof ref === 'function' ? ref : function (value) {
+function toFnRef(ref) {
+  return !ref || typeof ref === 'function' ? ref : value => {
     ref.current = value;
   };
-};
-
+}
 function mergeRefs(refA, refB) {
-  var a = toFnRef(refA);
-  var b = toFnRef(refB);
-  return function (value) {
+  const a = toFnRef(refA);
+  const b = toFnRef(refB);
+  return value => {
     if (a) a(value);
     if (b) b(value);
   };
 }
+
 /**
  * Create and returns a single callback ref composed from two other Refs.
  *
@@ -35,11 +35,8 @@ function mergeRefs(refA, refB) {
  * @param refB A Callback or mutable Ref
  * @category refs
  */
-
 function useMergedRefs(refA, refB) {
-  return index.react.exports.useMemo(function () {
-    return mergeRefs(refA, refB);
-  }, [refA, refB]);
+  return index.react.exports.useMemo(() => mergeRefs(refA, refB), [refA, refB]);
 }
 
 exports["default"] = useMergedRefs;

package/cjs/node_modules/@restart/hooks/{esm → lib}/useUpdateEffect.js

@@ -25,15 +25,13 @@ var index = require('../../../../_virtual/index.js');
  *
  * @category effects
  */
-
 function useUpdateEffect(fn, deps) {
-  var isFirst = index.react.exports.useRef(true);
-  index.react.exports.useEffect(function () {
+  const isFirst = index.react.exports.useRef(true);
+  index.react.exports.useEffect(() => {
     if (isFirst.current) {
       isFirst.current = false;
       return;
     }
-
     return fn();
   }, deps);
 }