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

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

@@ -1,12 +1,14 @@
 import '../../../react/index.js';
-import createCache from '../../cache/dist/emotion-cache.browser.esm.js';
-import { getRegisteredStyles, registerStyles, insertStyles } from '../../utils/dist/emotion-utils.browser.esm.js';
+import createCache from '../../cache/dist/emotion-cache.esm.js';
+import { getRegisteredStyles, registerStyles, insertStyles } from '../../utils/dist/emotion-utils.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.browser.esm.js';
+import { useInsertionEffectAlwaysWithSyncFallback } from '../../use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.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
@@ -27,6 +29,30 @@ 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;
@@ -52,10 +78,26 @@ var Insertion = function Insertion(_ref) {
       serialized = _ref.serialized,
       isStringTag = _ref.isStringTag;
   registerStyles(cache, serialized, isStringTag);
-  useInsertionEffectAlwaysWithSyncFallback(function () {
+  var rules = 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;
 };
 
@@ -104,4 +146,4 @@ var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
 
 var Emotion$1 = Emotion;
 
-export { Emotion$1 as E, ThemeContext as T, createEmotionProps as c, hasOwn as h, isDevelopment as i, withEmotionCache as w };
+export { Emotion$1 as E, ThemeContext as T, isDevelopment as a, createEmotionProps as c, hasOwn as h, isBrowser as i, withEmotionCache as w };

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

@@ -1,7 +1,7 @@
-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 { 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 '../../../react/index.js';
-import '../../use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.browser.esm.js';
+import '../../use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.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.browser.esm.js → emotion-use-insertion-effect-with-fallbacks.esm.js}

@@ -1,10 +1,12 @@
 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 = useInsertionEffect || syncFallback;
+var useInsertionEffectAlwaysWithSyncFallback = !isBrowser ? syncFallback : useInsertionEffect || syncFallback;
 
 export { useInsertionEffectAlwaysWithSyncFallback };

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

@@ -1,4 +1,4 @@
-var isBrowser = true;
+var isBrowser = typeof document !== 'undefined';
 
 function getRegisteredStyles(registered, registeredStyles, classNames) {
   var rawClassName = '';
@@ -23,7 +23,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;
   }
 };
@@ -32,13 +32,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/esm/node_modules/@emotion/weak-memoize/dist/emotion-weak-memoize.esm.js

@@ -0,0 +1,16 @@
+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;
+  };
+};
+
+export { weakMemoize as default };

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

@@ -322,16 +322,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 !== 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 => 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,
@@ -577,6 +583,8 @@ const inline = function (options) {
   };
 };
 
+const originSides = /*#__PURE__*/new Set(['left', 'top']);
+
 // For type backwards-compatibility, the `OffsetOptions` type was also
 // Derivable.
 
@@ -590,7 +598,7 @@ async function convertValueToCoords(state, options) {
   const side = getSide(placement);
   const alignment = getAlignment(placement);
   const isVertical = 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 = evaluate(options, state);
 
@@ -790,7 +798,7 @@ const limitShift = function (options) {
       if (checkCrossAxis) {
         var _middlewareData$offse, _middlewareData$offse2;
         const len = mainAxis === 'y' ? 'width' : 'height';
-        const isOriginSide = ['top', 'left'].includes(getSide(placement));
+        const isOriginSide = originSides.has(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/esm/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs.js

@@ -1,10 +1,10 @@
 import { offset, autoPlacement, shift, flip, size, hide, arrow, inline, limitShift } from '../../core/dist/floating-ui.core.mjs.js';
 import { createCoords, rectToClientRect, round, floor, max, min } from '../../utils/dist/floating-ui.utils.mjs.js';
-import { getOverflowAncestors, isElement, getWindow, getFrameElement, getComputedStyle, getDocumentElement, isHTMLElement, isWebKit } from '../../utils/dist/floating-ui.utils.dom.mjs.js';
+import { getOverflowAncestors, isElement, getWindow, getFrameElement, getComputedStyle as getComputedStyle$1, getDocumentElement, isHTMLElement, isWebKit } from '../../utils/dist/floating-ui.utils.dom.mjs.js';
 export { getOverflowAncestors } from '../../utils/dist/floating-ui.utils.dom.mjs.js';
 
 function getCssDimensions(element) {
-  const css = getComputedStyle(element);
+  const css = getComputedStyle$1(element);
   // In testing environments, the `width` and `height` properties are empty
   // strings for SVG elements, returning NaN. Fallback to `0` in this case.
   let width = parseFloat(css.width) || 0;
@@ -109,7 +109,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
     while (currentIFrame && offsetParent && offsetWin !== currentWin) {
       const iframeScale = getScale(currentIFrame);
       const iframeRect = currentIFrame.getBoundingClientRect();
-      const css = getComputedStyle(currentIFrame);
+      const css = getComputedStyle$1(currentIFrame);
       const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
       const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
       x *= iframeScale.x;
@@ -213,7 +213,7 @@ function observeMove(element, onMove) {
         // Handle <iframe>s
         root: root.ownerDocument
       });
-    } catch (e) {
+    } catch (_e) {
       io = new IntersectionObserver(handleObserve, options);
     }
     io.observe(element);

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

@@ -42,6 +42,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,
@@ -49,14 +50,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/esm/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs.js

@@ -42,8 +42,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));
@@ -68,19 +69,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/esm/node_modules/@restart/hooks/{esm → lib}/useMergedRefs.js

@@ -1,20 +1,20 @@
 import '../../../react/index.js';
 import { r as react } from '../../../../_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.
  *
@@ -31,11 +31,8 @@ function mergeRefs(refA, refB) {
  * @param refB A Callback or mutable Ref
  * @category refs
  */
-
 function useMergedRefs(refA, refB) {
-  return react.exports.useMemo(function () {
-    return mergeRefs(refA, refB);
-  }, [refA, refB]);
+  return react.exports.useMemo(() => mergeRefs(refA, refB), [refA, refB]);
 }
 
 export { useMergedRefs as default, mergeRefs };

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

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