@jobber/components 6.123.0 → 6.123.2

package/dist/Thumbnail-cjs.js

@@ -8,7 +8,7 @@ var Typography = require('./Typography-cjs.js');
 
 var styles$1 = {"content":"b9lhF-BkUnI-","hasName":"BJLJeUxloeQ-","large":"t5IzWH6-Sy0-","fileName":"tj--cPRjQfI-","base":"l2Vxo1qaR8U-","spinning":"LDAOyzklETo-"};
 
-var styles = {"image":"qOmZU-rbNf4-","fadeIn":"zB1aNhsmmqY-","hidden":"_2bihNsPs7w4-","spinning":"ZLMkLuZeH-o-"};
+var styles = {"image":"qOmZU-rbNf4-","hidden":"_2bihNsPs7w4-"};
 
 function InternalThumbnailImage({ file, UNSAFE_className, UNSAFE_style, }) {
     const { name, src } = file;

package/dist/Thumbnail-es.js

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect } from 'react';
 import classnames from 'classnames';
-import { G as Glimmer } from './Glimmer-es.js';
+import { a as Glimmer } from './Glimmer-es.js';
 import { I as Icon } from './Icon-es.js';
 import { T as Typography } from './Typography-es.js';
 
 var styles$1 = {"content":"b9lhF-BkUnI-","hasName":"BJLJeUxloeQ-","large":"t5IzWH6-Sy0-","fileName":"tj--cPRjQfI-","base":"l2Vxo1qaR8U-","spinning":"LDAOyzklETo-"};
 
-var styles = {"image":"qOmZU-rbNf4-","fadeIn":"zB1aNhsmmqY-","hidden":"_2bihNsPs7w4-","spinning":"ZLMkLuZeH-o-"};
+var styles = {"image":"qOmZU-rbNf4-","hidden":"_2bihNsPs7w4-"};
 
 function InternalThumbnailImage({ file, UNSAFE_className, UNSAFE_style, }) {
     const { name, src } = file;

package/dist/Tiles-cjs.js

@@ -4,7 +4,7 @@ var React = require('react');
 var classnames = require('classnames');
 var getMappedAtlantisSpaceToken = require('./getMappedAtlantisSpaceToken-cjs.js');
 
-var styles = {"tiles":"jC1GzRIJp74-","spinning":"Ou05ff3MXU8-"};
+var styles = {"tiles":"jC1GzRIJp74-"};
 
 function Tiles({ children, minSize = "30ch", gap = "base", autoWidth = false, as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, align = "start", }) {
     return (React.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { style: Object.assign({ "--public-tile-min-size": minSize, "--public-tile-space": getMappedAtlantisSpaceToken.getMappedAtlantisSpaceToken(gap), "--public-tiles-width": autoWidth ? "auto" : "100%", "--public-tiles-align": align }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container), className: classnames(styles.tiles, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container) }), children));

package/dist/Tiles-es.js

@@ -2,7 +2,7 @@ import React__default from 'react';
 import classnames from 'classnames';
 import { g as getMappedAtlantisSpaceToken } from './getMappedAtlantisSpaceToken-es.js';
 
-var styles = {"tiles":"jC1GzRIJp74-","spinning":"Ou05ff3MXU8-"};
+var styles = {"tiles":"jC1GzRIJp74-"};
 
 function Tiles({ children, minSize = "30ch", gap = "base", autoWidth = false, as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, align = "start", }) {
     return (React__default.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { style: Object.assign({ "--public-tile-min-size": minSize, "--public-tile-space": getMappedAtlantisSpaceToken(gap), "--public-tiles-width": autoWidth ? "auto" : "100%", "--public-tiles-align": align }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container), className: classnames(styles.tiles, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container) }), children));

package/dist/Tooltip-cjs.js

@@ -7,7 +7,7 @@ var framerMotion = require('framer-motion');
 var jobberHooks = require('@jobber/hooks');
 var floatingUi_reactDom = require('./floating-ui.react-dom-cjs.js');
 
-var styles = {"shadowActivator":"sZQ1M6tj8-c-","tooltipWrapper":"_0o-yEgfXmSQ-","tooltip":"Q1YfFqI71cw-","arrow":"ZP3ev-wT-OI-","top":"jlEmO6f6uHg-","bottom":"z9JQ-DR-QYc-","left":"zWATWgq3bS4-","right":"-tDm6lNCCic-","tooltipMessage":"djrmr4mADlA-","hidden":"p92TIli5Sgw-","spinning":"bobYmlUMnuY-"};
+var styles = {"shadowActivator":"sZQ1M6tj8-c-","tooltipWrapper":"_0o-yEgfXmSQ-","tooltip":"Q1YfFqI71cw-","arrow":"ZP3ev-wT-OI-","top":"jlEmO6f6uHg-","bottom":"z9JQ-DR-QYc-","left":"zWATWgq3bS4-","right":"-tDm6lNCCic-","tooltipMessage":"djrmr4mADlA-","hidden":"p92TIli5Sgw-"};
 
 const TOOLTIP_SHIFT_PADDING = 8;
 const TOOLTIP_ARROW_PADDING = 6;

package/dist/Tooltip-es.js

@@ -3,9 +3,9 @@ import classnames from 'classnames';
 import { u as useFloating, F as FloatingPortal } from './floating-ui.react-es.js';
 import { motion } from 'framer-motion';
 import { useSafeLayoutEffect, useIsMounted } from '@jobber/hooks';
-import { s as shift, f as flip, a as arrow, h as hide, b as autoUpdate, l as limitShift } from './floating-ui.react-dom-es.js';
+import { a as autoUpdate, s as shift, f as flip, b as arrow, h as hide, l as limitShift } from './floating-ui.react-dom-es.js';
 
-var styles = {"shadowActivator":"sZQ1M6tj8-c-","tooltipWrapper":"_0o-yEgfXmSQ-","tooltip":"Q1YfFqI71cw-","arrow":"ZP3ev-wT-OI-","top":"jlEmO6f6uHg-","bottom":"z9JQ-DR-QYc-","left":"zWATWgq3bS4-","right":"-tDm6lNCCic-","tooltipMessage":"djrmr4mADlA-","hidden":"p92TIli5Sgw-","spinning":"bobYmlUMnuY-"};
+var styles = {"shadowActivator":"sZQ1M6tj8-c-","tooltipWrapper":"_0o-yEgfXmSQ-","tooltip":"Q1YfFqI71cw-","arrow":"ZP3ev-wT-OI-","top":"jlEmO6f6uHg-","bottom":"z9JQ-DR-QYc-","left":"zWATWgq3bS4-","right":"-tDm6lNCCic-","tooltipMessage":"djrmr4mADlA-","hidden":"p92TIli5Sgw-"};
 
 const TOOLTIP_SHIFT_PADDING = 8;
 const TOOLTIP_ARROW_PADDING = 6;

package/dist/Typography-cjs.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var classnames = require('classnames');
 
-var styles = {"base":"j4h-0Mxa5gk-","spinning":"vNKBQk0oak4-"};
+var styles = {"base":"j4h-0Mxa5gk-"};
 
 var fontSizes = {"extravagant":"_1CXlSTO0w8g-","jumbo":"v5TK2OwNTaI-","largest":"CcGPmsMUVfg-","larger":"ETyC5vbbImA-","large":"ejYSlnHYn2U-","base":"e9lFMke1PNs-","small":"MiITdlbzofc-","smaller":"hs1hcOgrK1s-","spinning":"wbsSTlLw-cA-"};
 
@@ -15,13 +15,13 @@ var textColors = {"blue":"xNqFL54SrGc-","grey":"_9XmiMJWBidk-","greyBlueDark":"Y
 
 var emphasis = {"italic":"ws2Y0LqNNfk-","highlight":"kw63z71hYYU-","spinning":"ki-I8aPAhmA-"};
 
-var truncate = {"textTruncate":"bvnCrlndVHs-","spinning":"kdOkoNCczRo-"};
+var truncate = {"textTruncate":"bvnCrlndVHs-"};
 
 var alignment = {"start":"r5lyOVfBlMI-","center":"w1MIwv35jXA-","end":"oOJPwUQFllQ-","spinning":"geH1XNdqO8M-"};
 
 var fontFamilies = {"base":"V9SSKxs15xE-","display":"dvw7zxC9s9g-","spinning":"NBpK9JnmLJ4-"};
 
-var underlineStyles = {"basicUnderline":"qp8E5e4q-so-","spinning":"F-Ybr7sJi6Q-"};
+var underlineStyles = {"basicUnderline":"qp8E5e4q-so-"};
 
 function Typography({ id, children, element: Tag = "p", size, align, fontWeight = "regular", textCase, textColor, emphasisType, numberOfLines, fontFamily, underline, UNSAFE_className, UNSAFE_style, }) {
     const shouldTruncateText = numberOfLines && numberOfLines > 0;

package/dist/Typography-es.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import classnames from 'classnames';
 
-var styles = {"base":"j4h-0Mxa5gk-","spinning":"vNKBQk0oak4-"};
+var styles = {"base":"j4h-0Mxa5gk-"};
 
 var fontSizes = {"extravagant":"_1CXlSTO0w8g-","jumbo":"v5TK2OwNTaI-","largest":"CcGPmsMUVfg-","larger":"ETyC5vbbImA-","large":"ejYSlnHYn2U-","base":"e9lFMke1PNs-","small":"MiITdlbzofc-","smaller":"hs1hcOgrK1s-","spinning":"wbsSTlLw-cA-"};
 
@@ -13,13 +13,13 @@ var textColors = {"blue":"xNqFL54SrGc-","grey":"_9XmiMJWBidk-","greyBlueDark":"Y
 
 var emphasis = {"italic":"ws2Y0LqNNfk-","highlight":"kw63z71hYYU-","spinning":"ki-I8aPAhmA-"};
 
-var truncate = {"textTruncate":"bvnCrlndVHs-","spinning":"kdOkoNCczRo-"};
+var truncate = {"textTruncate":"bvnCrlndVHs-"};
 
 var alignment = {"start":"r5lyOVfBlMI-","center":"w1MIwv35jXA-","end":"oOJPwUQFllQ-","spinning":"geH1XNdqO8M-"};
 
 var fontFamilies = {"base":"V9SSKxs15xE-","display":"dvw7zxC9s9g-","spinning":"NBpK9JnmLJ4-"};
 
-var underlineStyles = {"basicUnderline":"qp8E5e4q-so-","spinning":"F-Ybr7sJi6Q-"};
+var underlineStyles = {"basicUnderline":"qp8E5e4q-so-"};
 
 function Typography({ id, children, element: Tag = "p", size, align, fontWeight = "regular", textCase, textColor, emphasisType, numberOfLines, fontFamily, underline, UNSAFE_className, UNSAFE_style, }) {
     const shouldTruncateText = numberOfLines && numberOfLines > 0;

package/dist/_baseEach-cjs.js

@@ -36,7 +36,7 @@ var _setCacheAdd = setCacheAdd$1;
  * @name has
  * @memberOf SetCache
  * @param {*} value The value to search for.
- * @returns {number} Returns `true` if `value` is found, else `false`.
+ * @returns {boolean} Returns `true` if `value` is found, else `false`.
  */
 
 function setCacheHas$1(value) {

package/dist/_baseEach-es.js

@@ -1,8 +1,8 @@
 import { g as _MapCache, d as _Uint8Array, e as eq_1, c as _Stack, a as _isIndex, i as identity_1 } from './identity-es.js';
 import { b as _Symbol, i as isObjectLike_1, a as isObject_1 } from './isObjectLike-es.js';
 import { e as _getAllKeys, k as keys_1, b as _baseGet, f as _castPath, g as _toKey, h as _isKey } from './_getAllKeys-es.js';
-import { a as _getTag } from './_getTag-es.js';
-import { c as isBufferExports, d as isTypedArray_1, a as isArray_1, i as isArguments_1, m as isLength_1, b as isArrayLike_1 } from './isTypedArray-es.js';
+import { _ as _getTag } from './_getTag-es.js';
+import { b as isBufferExports, c as isTypedArray_1, a as isArray_1, m as isLength_1, d as isArguments_1, i as isArrayLike_1 } from './isTypedArray-es.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-es.js';
 import { _ as _baseFor } from './_baseFor-es.js';
 
@@ -34,7 +34,7 @@ var _setCacheAdd = setCacheAdd$1;
  * @name has
  * @memberOf SetCache
  * @param {*} value The value to search for.
- * @returns {number} Returns `true` if `value` is found, else `false`.
+ * @returns {boolean} Returns `true` if `value` is found, else `false`.
  */
 
 function setCacheHas$1(value) {
@@ -729,14 +729,14 @@ var baseGet$1 = _baseGet;
  * _.get(object, 'a.b.c', 'default');
  * // => 'default'
  */
-function get$1(object, path, defaultValue) {
+function get$2(object, path, defaultValue) {
   var result = object == null ? undefined : baseGet$1(object, path);
   return result === undefined ? defaultValue : result;
 }
 
-var get_1 = get$1;
+var get_1 = get$2;
 
-var get$2 = /*@__PURE__*/getDefaultExportFromCjs(get_1);
+var get$1 = /*@__PURE__*/getDefaultExportFromCjs(get_1);
 
 /**
  * The base implementation of `_.hasIn` without support for deep paths.
@@ -1025,4 +1025,4 @@ var baseEach = createBaseEach(baseForOwn);
 
 var _baseEach = baseEach;
 
-export { _baseEach as _, _baseIteratee as a, get$2 as g };
+export { _baseEach as _, _baseIteratee as a, get$1 as g };

package/dist/_baseFlatten-es.js

@@ -1,6 +1,6 @@
 import { _ as _arrayPush } from './_getAllKeys-es.js';
 import { b as _Symbol } from './isObjectLike-es.js';
-import { i as isArguments_1, a as isArray_1 } from './isTypedArray-es.js';
+import { a as isArray_1, d as isArguments_1 } from './isTypedArray-es.js';
 
 var Symbol = _Symbol,
     isArguments = isArguments_1,

package/dist/_getAllKeys-cjs.js

@@ -215,9 +215,6 @@ var Symbol = isObjectLike._Symbol,
     isArray$2 = isTypedArray.isArray_1,
     isSymbol$1 = isSymbol$3.isSymbol_1;
 
-/** Used as references for various `Number` constants. */
-var INFINITY$1 = 1 / 0;
-
 /** Used to convert symbols to primitives and strings. */
 var symbolProto = Symbol ? Symbol.prototype : undefined,
     symbolToString = symbolProto ? symbolProto.toString : undefined;
@@ -243,7 +240,7 @@ function baseToString$1(value) {
     return symbolToString ? symbolToString.call(value) : '';
   }
   var result = (value + '');
-  return (result == '0' && (1 / value) == -INFINITY$1) ? '-0' : result;
+  return (result == '0' && (1 / value) == -Infinity) ? '-0' : result;
 }
 
 var _baseToString = baseToString$1;
@@ -301,9 +298,6 @@ var _castPath = castPath$1;
 
 var isSymbol = isSymbol$3.isSymbol_1;
 
-/** Used as references for various `Number` constants. */
-var INFINITY = 1 / 0;
-
 /**
  * Converts `value` to a string key if it's not a string or symbol.
  *
@@ -316,7 +310,7 @@ function toKey$1(value) {
     return value;
   }
   var result = (value + '');
-  return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;
+  return (result == '0' && (1 / value) == -Infinity) ? '-0' : result;
 }
 
 var _toKey = toKey$1;

package/dist/_getAllKeys-es.js

@@ -1,8 +1,8 @@
-import { a as isArray_1, b as isArrayLike_1 } from './isTypedArray-es.js';
+import { a as isArray_1, i as isArrayLike_1 } from './isTypedArray-es.js';
 import { i as isSymbol_1 } from './isSymbol-es.js';
 import { g as _MapCache, f as _arrayLikeKeys } from './identity-es.js';
 import { b as _Symbol } from './isObjectLike-es.js';
-import { _ as _baseKeys } from './_getTag-es.js';
+import { a as _baseKeys } from './_getTag-es.js';
 
 /**
  * Appends the elements of `values` to `array`.
@@ -213,9 +213,6 @@ var Symbol = _Symbol,
     isArray$2 = isArray_1,
     isSymbol$1 = isSymbol_1;
 
-/** Used as references for various `Number` constants. */
-var INFINITY$1 = 1 / 0;
-
 /** Used to convert symbols to primitives and strings. */
 var symbolProto = Symbol ? Symbol.prototype : undefined,
     symbolToString = symbolProto ? symbolProto.toString : undefined;
@@ -241,7 +238,7 @@ function baseToString$1(value) {
     return symbolToString ? symbolToString.call(value) : '';
   }
   var result = (value + '');
-  return (result == '0' && (1 / value) == -INFINITY$1) ? '-0' : result;
+  return (result == '0' && (1 / value) == -Infinity) ? '-0' : result;
 }
 
 var _baseToString = baseToString$1;
@@ -299,9 +296,6 @@ var _castPath = castPath$1;
 
 var isSymbol = isSymbol_1;
 
-/** Used as references for various `Number` constants. */
-var INFINITY = 1 / 0;
-
 /**
  * Converts `value` to a string key if it's not a string or symbol.
  *
@@ -314,7 +308,7 @@ function toKey$1(value) {
     return value;
   }
   var result = (value + '');
-  return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;
+  return (result == '0' && (1 / value) == -Infinity) ? '-0' : result;
 }
 
 var _toKey = toKey$1;

package/dist/_getTag-es.js

@@ -130,4 +130,4 @@ if ((DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag) ||
 
 var _getTag = getTag;
 
-export { _baseKeys as _, _getTag as a };
+export { _getTag as _, _baseKeys as a };

package/dist/_isIterateeCall-es.js

@@ -1,6 +1,6 @@
-import { i as identity_1, e as eq_1, a as _isIndex } from './identity-es.js';
-import { _ as _overRest, a as _setToString } from './_setToString-es.js';
-import { b as isArrayLike_1 } from './isTypedArray-es.js';
+import { i as identity_1, a as _isIndex, e as eq_1 } from './identity-es.js';
+import { _ as _setToString, a as _overRest } from './_setToString-es.js';
+import { i as isArrayLike_1 } from './isTypedArray-es.js';
 import { a as isObject_1 } from './isObjectLike-es.js';
 
 var identity = identity_1,

package/dist/_setToString-es.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, i as identity_1 } from './identity-es.js';
+import { i as identity_1, _ as _defineProperty } from './identity-es.js';
 
 /**
  * A faster alternative to `Function#apply`, this function invokes `func`
@@ -165,4 +165,4 @@ var setToString = shortOut(baseSetToString);
 
 var _setToString = setToString;
 
-export { _overRest as _, _setToString as a };
+export { _setToString as _, _overRest as a };

package/dist/debounce-es.js

@@ -197,7 +197,7 @@ var nativeMax = Math.max,
  * // Cancel the trailing debounced invocation.
  * jQuery(window).on('popstate', debounced.cancel);
  */
-function debounce(func, wait, options) {
+function debounce$1(func, wait, options) {
   var lastArgs,
       lastThis,
       maxWait,
@@ -322,8 +322,8 @@ function debounce(func, wait, options) {
   return debounced;
 }
 
-var debounce_1 = debounce;
+var debounce_1 = debounce$1;
 
-var debounce$1 = /*@__PURE__*/getDefaultExportFromCjs(debounce_1);
+var debounce = /*@__PURE__*/getDefaultExportFromCjs(debounce_1);
 
-export { debounce$1 as a, debounce_1 as d };
+export { debounce as a, debounce_1 as d };

package/dist/floating-ui.react-cjs.js

@@ -886,7 +886,12 @@ let uncontrolledElementsSet = /*#__PURE__*/new WeakSet();
 let markerMap = {};
 let lockCount$1 = 0;
 const supportsInert = () => typeof HTMLElement !== 'undefined' && 'inert' in HTMLElement.prototype;
-const unwrapHost = node => node && (node.host || unwrapHost(node.parentNode));
+function unwrapHost(node) {
+  if (!node) {
+    return null;
+  }
+  return index_esm.isShadowRoot(node) ? node.host : unwrapHost(node.parentNode);
+}
 const correctElements = (parent, targets) => targets.map(target => {
   if (parent.contains(target)) {
     return target;
@@ -1027,6 +1032,12 @@ const FocusGuard = /*#__PURE__*/React__namespace.forwardRef(function FocusGuard(
   });
 });
 
+const HIDDEN_OWNER_STYLES = {
+  clipPath: 'inset(50%)',
+  position: 'fixed',
+  top: 0,
+  left: 0
+};
 const PortalContext = /*#__PURE__*/React__namespace.createContext(null);
 const attr = /*#__PURE__*/createAttribute('portal');
 /**
@@ -1185,7 +1196,7 @@ function FloatingPortal(props) {
       }
     }), shouldRenderGuards && portalNode && /*#__PURE__*/jsxRuntime.jsx("span", {
       "aria-owns": portalNode.id,
-      style: HIDDEN_STYLES
+      style: HIDDEN_OWNER_STYLES
     }), portalNode && /*#__PURE__*/ReactDOM__namespace.createPortal(children, portalNode), shouldRenderGuards && portalNode && /*#__PURE__*/jsxRuntime.jsx(FocusGuard, {
       "data-type": "outside",
       ref: afterOutsideRef,
@@ -1221,20 +1232,24 @@ function useLiteMergeRefs(refs) {
 const LIST_LIMIT = 20;
 let previouslyFocusedElements = [];
 function clearDisconnectedPreviouslyFocusedElements() {
-  previouslyFocusedElements = previouslyFocusedElements.filter(el => el.isConnected);
+  previouslyFocusedElements = previouslyFocusedElements.filter(elementRef => {
+    var _elementRef$deref;
+    return (_elementRef$deref = elementRef.deref()) == null ? void 0 : _elementRef$deref.isConnected;
+  });
 }
 function addPreviouslyFocusedElement(element) {
   clearDisconnectedPreviouslyFocusedElements();
   if (element && index_esm.getNodeName(element) !== 'body') {
-    previouslyFocusedElements.push(element);
+    previouslyFocusedElements.push(new WeakRef(element));
     if (previouslyFocusedElements.length > LIST_LIMIT) {
-      previouslyFocusedElements = previouslyFocusedElements.slice(-20);
+      previouslyFocusedElements = previouslyFocusedElements.slice(-LIST_LIMIT);
     }
   }
 }
 function getPreviouslyFocusedElement() {
   clearDisconnectedPreviouslyFocusedElements();
-  return previouslyFocusedElements[previouslyFocusedElements.length - 1];
+  const elementRef = previouslyFocusedElements[previouslyFocusedElements.length - 1];
+  return elementRef == null ? void 0 : elementRef.deref();
 }
 function getFirstTabbableElement(container) {
   const tabbableOptions = getTabbableOptions();
@@ -2166,18 +2181,22 @@ function useDismiss(context, props) {
       })
     })
   }), [closeOnEscapeKeyDown, onOpenChange, referencePress, referencePressEvent]);
-  const floating = React__namespace.useMemo(() => ({
-    onKeyDown: closeOnEscapeKeyDown,
-    onMouseDown() {
-      endedOrStartedInsideRef.current = true;
-    },
-    onMouseUp() {
+  const floating = React__namespace.useMemo(() => {
+    function setMouseDownOrUpInside(event) {
+      if (event.button !== 0) {
+        return;
+      }
       endedOrStartedInsideRef.current = true;
-    },
-    [captureHandlerKeys[outsidePressEvent]]: () => {
-      dataRef.current.insideReactTree = true;
     }
-  }), [closeOnEscapeKeyDown, outsidePressEvent, dataRef]);
+    return {
+      onKeyDown: closeOnEscapeKeyDown,
+      onMouseDown: setMouseDownOrUpInside,
+      onMouseUp: setMouseDownOrUpInside,
+      [captureHandlerKeys[outsidePressEvent]]: () => {
+        dataRef.current.insideReactTree = true;
+      }
+    };
+  }, [closeOnEscapeKeyDown, outsidePressEvent, dataRef]);
   return React__namespace.useMemo(() => enabled ? {
     reference,
     floating

package/dist/floating-ui.react-dom-es.js

@@ -1,4 +1,4 @@
-import { n as evaluate, o as getSide, p as getSideAxis, q as getOppositePlacement, r as getExpandedPlacements, s as getOppositeAxisPlacements, u as getAlignmentSides, v as getAlignment, w as min, x as max, y as getAlignmentAxis, z as getPaddingObject, A as rectToClientRect, B as clamp, C as getAxisLength, D as sides, E as getOppositeAxis, F as placements, G as getOppositeAlignmentPlacement, g as getOverflowAncestors, b as isElement, H as createCoords, I as getWindow, J as getFrameElement, l as getComputedStyle$1, K as getDocumentElement, a as isHTMLElement, L as round, m as isWebKit, f as floor, M as isTopLayer, d as getNodeName, N as isOverflowElement, O as getNodeScroll, k as getParentNode, j as isLastTraversableNode, P as isTableElement, Q as isContainingBlock, R as getContainingBlock } from './index.esm-es.js';
+import { n as getSideAxis, o as getAlignmentAxis, p as getSide, q as getAlignment, r as evaluate, s as getPaddingObject, u as rectToClientRect, v as getOppositePlacement, w as getExpandedPlacements, x as getOppositeAxisPlacements, y as getAlignmentSides, z as min, A as max, B as getAxisLength, C as clamp, D as getOppositeAxis, E as sides, F as placements, G as getOppositeAlignmentPlacement, g as getOverflowAncestors, b as isElement, H as getDocumentElement, I as createCoords, J as getWindow, K as getFrameElement, m as getComputedStyle$1, a as isHTMLElement, L as round, M as isTopLayer, l as getParentNode, k as isLastTraversableNode, N as isTableElement, O as isContainingBlock, P as getContainingBlock, d as getNodeName, Q as isOverflowElement, R as getNodeScroll, f as floor, j as isWebKit } from './index.esm-es.js';
 import * as React from 'react';
 import { useLayoutEffect } from 'react';
 import * as ReactDOM from 'react-dom';
@@ -2069,4 +2069,4 @@ const arrow = (options, deps) => {
   };
 };
 
-export { arrow as a, autoUpdate as b, autoPlacement as c, size as d, flip as f, hide as h, limitShift as l, offset as o, shift as s, useFloating as u };
+export { autoUpdate as a, arrow as b, autoPlacement as c, size as d, flip as f, hide as h, limitShift as l, offset as o, shift as s, useFloating as u };

package/dist/floating-ui.react-es.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { useLayoutEffect } from 'react';
-import { i as isShadowRoot, a as isHTMLElement, t as tabbable, f as floor, b as isElement, g as getOverflowAncestors, c as isNode, d as getNodeName, e as isTabbable, h as focusable, j as isLastTraversableNode, k as getParentNode, l as getComputedStyle, m as isWebKit } from './index.esm-es.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { i as isShadowRoot, t as tabbable, a as isHTMLElement, f as floor, b as isElement, g as getOverflowAncestors, c as isNode, d as getNodeName, e as isTabbable, h as focusable, j as isWebKit, k as isLastTraversableNode, l as getParentNode, m as getComputedStyle } from './index.esm-es.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
 import { u as useFloating$1 } from './floating-ui.react-dom-es.js';
 
@@ -865,7 +865,12 @@ let uncontrolledElementsSet = /*#__PURE__*/new WeakSet();
 let markerMap = {};
 let lockCount$1 = 0;
 const supportsInert = () => typeof HTMLElement !== 'undefined' && 'inert' in HTMLElement.prototype;
-const unwrapHost = node => node && (node.host || unwrapHost(node.parentNode));
+function unwrapHost(node) {
+  if (!node) {
+    return null;
+  }
+  return isShadowRoot(node) ? node.host : unwrapHost(node.parentNode);
+}
 const correctElements = (parent, targets) => targets.map(target => {
   if (parent.contains(target)) {
     return target;
@@ -1006,6 +1011,12 @@ const FocusGuard = /*#__PURE__*/React.forwardRef(function FocusGuard(props, ref)
   });
 });
 
+const HIDDEN_OWNER_STYLES = {
+  clipPath: 'inset(50%)',
+  position: 'fixed',
+  top: 0,
+  left: 0
+};
 const PortalContext = /*#__PURE__*/React.createContext(null);
 const attr = /*#__PURE__*/createAttribute('portal');
 /**
@@ -1164,7 +1175,7 @@ function FloatingPortal(props) {
       }
     }), shouldRenderGuards && portalNode && /*#__PURE__*/jsx("span", {
       "aria-owns": portalNode.id,
-      style: HIDDEN_STYLES
+      style: HIDDEN_OWNER_STYLES
     }), portalNode && /*#__PURE__*/ReactDOM.createPortal(children, portalNode), shouldRenderGuards && portalNode && /*#__PURE__*/jsx(FocusGuard, {
       "data-type": "outside",
       ref: afterOutsideRef,
@@ -1200,20 +1211,24 @@ function useLiteMergeRefs(refs) {
 const LIST_LIMIT = 20;
 let previouslyFocusedElements = [];
 function clearDisconnectedPreviouslyFocusedElements() {
-  previouslyFocusedElements = previouslyFocusedElements.filter(el => el.isConnected);
+  previouslyFocusedElements = previouslyFocusedElements.filter(elementRef => {
+    var _elementRef$deref;
+    return (_elementRef$deref = elementRef.deref()) == null ? void 0 : _elementRef$deref.isConnected;
+  });
 }
 function addPreviouslyFocusedElement(element) {
   clearDisconnectedPreviouslyFocusedElements();
   if (element && getNodeName(element) !== 'body') {
-    previouslyFocusedElements.push(element);
+    previouslyFocusedElements.push(new WeakRef(element));
     if (previouslyFocusedElements.length > LIST_LIMIT) {
-      previouslyFocusedElements = previouslyFocusedElements.slice(-20);
+      previouslyFocusedElements = previouslyFocusedElements.slice(-LIST_LIMIT);
     }
   }
 }
 function getPreviouslyFocusedElement() {
   clearDisconnectedPreviouslyFocusedElements();
-  return previouslyFocusedElements[previouslyFocusedElements.length - 1];
+  const elementRef = previouslyFocusedElements[previouslyFocusedElements.length - 1];
+  return elementRef == null ? void 0 : elementRef.deref();
 }
 function getFirstTabbableElement(container) {
   const tabbableOptions = getTabbableOptions();
@@ -2145,18 +2160,22 @@ function useDismiss(context, props) {
       })
     })
   }), [closeOnEscapeKeyDown, onOpenChange, referencePress, referencePressEvent]);
-  const floating = React.useMemo(() => ({
-    onKeyDown: closeOnEscapeKeyDown,
-    onMouseDown() {
-      endedOrStartedInsideRef.current = true;
-    },
-    onMouseUp() {
+  const floating = React.useMemo(() => {
+    function setMouseDownOrUpInside(event) {
+      if (event.button !== 0) {
+        return;
+      }
       endedOrStartedInsideRef.current = true;
-    },
-    [captureHandlerKeys[outsidePressEvent]]: () => {
-      dataRef.current.insideReactTree = true;
     }
-  }), [closeOnEscapeKeyDown, outsidePressEvent, dataRef]);
+    return {
+      onKeyDown: closeOnEscapeKeyDown,
+      onMouseDown: setMouseDownOrUpInside,
+      onMouseUp: setMouseDownOrUpInside,
+      [captureHandlerKeys[outsidePressEvent]]: () => {
+        dataRef.current.insideReactTree = true;
+      }
+    };
+  }, [closeOnEscapeKeyDown, outsidePressEvent, dataRef]);
   return React.useMemo(() => enabled ? {
     reference,
     floating

package/dist/identity-es.js

@@ -1,4 +1,4 @@
-import { f as _getNative, g as _Map, i as isArguments_1, c as isBufferExports, d as isTypedArray_1, a as isArray_1 } from './isTypedArray-es.js';
+import { f as _getNative, g as _Map, d as isArguments_1, b as isBufferExports, c as isTypedArray_1, a as isArray_1 } from './isTypedArray-es.js';
 import { c as _root } from './isObjectLike-es.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-es.js';
 
@@ -798,12 +798,12 @@ var _arrayLikeKeys = arrayLikeKeys;
  * // => true
  */
 
-function identity(value) {
+function identity$1(value) {
   return value;
 }
 
-var identity_1 = identity;
+var identity_1 = identity$1;
 
-var identity$1 = /*@__PURE__*/getDefaultExportFromCjs(identity_1);
+var identity = /*@__PURE__*/getDefaultExportFromCjs(identity_1);
 
-export { _defineProperty as _, _isIndex as a, identity$1 as b, _Stack as c, _Uint8Array as d, eq_1 as e, _arrayLikeKeys as f, _MapCache as g, identity_1 as i };
+export { _defineProperty as _, _isIndex as a, identity as b, _Stack as c, _Uint8Array as d, eq_1 as e, _arrayLikeKeys as f, _MapCache as g, identity_1 as i };

package/dist/index-cjs.js

@@ -62,7 +62,7 @@ function requireUseSyncExternalStoreShim_production () {
 	    var nextValue = latestGetSnapshot();
 	    return !objectIs(inst, nextValue);
 	  } catch (error) {
-	    return !0;
+	    return true;
 	  }
 	}
 	function useSyncExternalStore$1(subscribe, getSnapshot) {
@@ -104,7 +104,7 @@ function requireUseSyncExternalStoreShim_development () {
 	    function useSyncExternalStore$2(subscribe, getSnapshot) {
 	      didWarnOld18Alpha ||
 	        void 0 === React$1.startTransition ||
-	        ((didWarnOld18Alpha = !0),
+	        ((didWarnOld18Alpha = true),
 	        console.error(
 	          "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
 	        ));
@@ -115,7 +115,7 @@ function requireUseSyncExternalStoreShim_development () {
 	          (console.error(
 	            "The result of getSnapshot should be cached to avoid an infinite loop"
 	          ),
-	          (didWarnUncachedGetSnapshot = !0));
+	          (didWarnUncachedGetSnapshot = true));
 	      }
 	      cachedValue = useState({
 	        inst: { value: value, getSnapshot: getSnapshot }
@@ -149,7 +149,7 @@ function requireUseSyncExternalStoreShim_development () {
 	        var nextValue = latestGetSnapshot();
 	        return !objectIs(inst, nextValue);
 	      } catch (error) {
-	        return !0;
+	        return true;
 	      }
 	    }
 	    function useSyncExternalStore$1(subscribe, getSnapshot) {
@@ -165,8 +165,8 @@ function requireUseSyncExternalStoreShim_development () {
 	      useEffect = React$1.useEffect,
 	      useLayoutEffect = React$1.useLayoutEffect,
 	      useDebugValue = React$1.useDebugValue,
-	      didWarnOld18Alpha = !1,
-	      didWarnUncachedGetSnapshot = !1,
+	      didWarnOld18Alpha = false,
+	      didWarnUncachedGetSnapshot = false,
 	      shim =
 	        "undefined" === typeof window ||
 	        "undefined" === typeof window.document ||