@kaizen/components 1.8.3 → 1.8.4

package/dist/esm/index.js

@@ -1,6 +1,6 @@
-import { _ as __assign, a as __rest, b as __spreadArray, c as __spreadArrays, d as classNames, e as classnamesExports } from './index-5498ce7a.js';
+import { _ as __assign, a as __rest, g as getDefaultExportFromCjs, b as __spreadArray, c as __spreadArrays, d as classNames, e as getAugmentedNamespace, f as commonjsGlobal, h as classnamesExports } from './index-d2699925.js';
 import * as React from 'react';
-import React__default, { useState, useEffect, PureComponent, useRef, forwardRef, useMemo, useCallback, useContext, useLayoutEffect, createContext } from 'react';
+import React__default, { useState, useEffect, PureComponent, useRef, forwardRef, useMemo, useCallback, useContext, createContext } from 'react';
 import { makeCssVariableDefinitionsMap } from '@kaizen/design-tokens';
 
 var zeroRightClassName = 'right-scroll-bar-position';
@@ -202,12 +202,12 @@ var RemoveScroll = React.forwardRef(function (props, parentRef) {
         onWheelCapture: nothing,
         onTouchMoveCapture: nothing,
     }), callbacks = _a[0], setCallbacks = _a[1];
-    var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container = _b === void 0 ? 'div' : _b, rest = __rest(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]);
+    var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container = _b === void 0 ? 'div' : _b, gapMode = props.gapMode, rest = __rest(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]);
     var SideCar = sideCar;
     var containerRef = useMergeRefs([ref, parentRef]);
     var containerProps = __assign(__assign({}, rest), callbacks);
     return (React.createElement(React.Fragment, null,
-        enabled && (React.createElement(SideCar, { sideCar: effectCar$1, removeScrollBar: removeScrollBar, shards: shards, noIsolation: noIsolation, inert: inert, setCallbacks: setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref })),
+        enabled && (React.createElement(SideCar, { sideCar: effectCar$1, removeScrollBar: removeScrollBar, shards: shards, noIsolation: noIsolation, inert: inert, setCallbacks: setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode: gapMode })),
         forwardProps ? (React.cloneElement(React.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef }))) : (React.createElement(Container, __assign({}, containerProps, { className: className, ref: containerRef }), children))));
 });
 RemoveScroll.defaultProps = {
@@ -235,47 +235,9 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+var propTypes = {exports: {}};
 
-function getAugmentedNamespace(n) {
-  if (n.__esModule) return n;
-  var f = n.default;
-	if (typeof f == "function") {
-		var a = function a () {
-			if (this instanceof a) {
-				var args = [null];
-				args.push.apply(args, arguments);
-				var Ctor = Function.bind.apply(f, args);
-				return new Ctor();
-			}
-			return f.apply(this, arguments);
-		};
-		a.prototype = f.prototype;
-  } else a = {};
-  Object.defineProperty(a, '__esModule', {value: true});
-	Object.keys(n).forEach(function (k) {
-		var d = Object.getOwnPropertyDescriptor(n, k);
-		Object.defineProperty(a, k, d.get ? d : {
-			enumerable: true,
-			get: function () {
-				return n[k];
-			}
-		});
-	});
-	return a;
-}
-
-var propTypesExports = {};
-var propTypes = {
-  get exports(){ return propTypesExports; },
-  set exports(v){ propTypesExports = v; },
-};
-
-var reactIsExports = {};
-var reactIs = {
-  get exports(){ return reactIsExports; },
-  set exports(v){ reactIsExports = v; },
-};
+var reactIs = {exports: {}};
 
 var reactIs_production_min = {};
 
@@ -494,17 +456,15 @@ function requireReactIs_development () {
 var hasRequiredReactIs;
 
 function requireReactIs () {
-	if (hasRequiredReactIs) return reactIsExports;
+	if (hasRequiredReactIs) return reactIs.exports;
 	hasRequiredReactIs = 1;
-	(function (module) {
 
-		if (process.env.NODE_ENV === 'production') {
-		  module.exports = requireReactIs_production_min();
-		} else {
-		  module.exports = requireReactIs_development();
-		}
-} (reactIs));
-	return reactIsExports;
+	if (process.env.NODE_ENV === 'production') {
+	  reactIs.exports = requireReactIs_production_min();
+	} else {
+	  reactIs.exports = requireReactIs_development();
+	}
+	return reactIs.exports;
 }
 
 /*
@@ -1455,6 +1415,9 @@ if (process.env.NODE_ENV !== 'production') {
   propTypes.exports = requireFactoryWithThrowingShims()();
 }
 
+var propTypesExports = propTypes.exports;
+var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
+
 /**
  * defines a focus group
  */
@@ -1489,7 +1452,7 @@ var hiddenGuard = {
 };
 
 process.env.NODE_ENV !== "production" ? {
-  children: propTypesExports.node
+  children: PropTypes.node
 } : {};
 
 var mediumFocus = createMedium({}, function (_ref) {
@@ -1724,20 +1687,20 @@ function deferAction(action) {
 }
 
 process.env.NODE_ENV !== "production" ? {
-  children: propTypesExports.node.isRequired,
-  disabled: propTypesExports.bool,
-  className: propTypesExports.string
+  children: PropTypes.node.isRequired,
+  disabled: PropTypes.bool,
+  className: PropTypes.string
 } : {};
 
 process.env.NODE_ENV !== "production" ? {
-  children: propTypesExports.node.isRequired,
-  disabled: propTypesExports.bool,
-  className: propTypesExports.string
+  children: PropTypes.node.isRequired,
+  disabled: PropTypes.bool,
+  className: PropTypes.string
 } : {};
 
 process.env.NODE_ENV !== "production" ? {
-  children: propTypesExports.node.isRequired,
-  className: propTypesExports.string
+  children: PropTypes.node.isRequired,
+  className: PropTypes.string
 } : {};
 
 var effectCar = createSidecarMedium();
@@ -2722,7 +2685,7 @@ var FocusWatcher = function FocusWatcher() {
 };
 
 process.env.NODE_ENV !== "production" ? {
-  children: propTypesExports.node.isRequired
+  children: PropTypes.node.isRequired
 } : {};
 
 var onWindowBlur = function onWindowBlur() {
@@ -2994,6 +2957,7 @@ var elementCanBeScrolled = function (node, overflow) {
 var elementCouldBeVScrolled = function (node) { return elementCanBeScrolled(node, 'overflowY'); };
 var elementCouldBeHScrolled = function (node) { return elementCanBeScrolled(node, 'overflowX'); };
 var locationCouldBeScrolled = function (axis, node) {
+    var ownerDocument = node.ownerDocument;
     var current = node;
     do {
         // Skip over shadow root
@@ -3008,7 +2972,7 @@ var locationCouldBeScrolled = function (axis, node) {
             }
         }
         current = current.parentNode;
-    } while (current && current !== document.body);
+    } while (current && current !== ownerDocument.body);
     return false;
 };
 var getVScrollVariables = function (_a) {
@@ -3092,7 +3056,7 @@ function RemoveScrollSideCar(props) {
     var touchStartRef = React.useRef([0, 0]);
     var activeAxis = React.useRef();
     var id = React.useState(idCounter++)[0];
-    var Style = React.useState(function () { return styleSingleton(); })[0];
+    var Style = React.useState(styleSingleton)[0];
     var lastProps = React.useRef(props);
     React.useEffect(function () {
         lastProps.current = props;
@@ -3214,7 +3178,7 @@ function RemoveScrollSideCar(props) {
     var removeScrollBar = props.removeScrollBar, inert = props.inert;
     return (React.createElement(React.Fragment, null,
         inert ? React.createElement(Style, { styles: generateStyle(id) }) : null,
-        removeScrollBar ? React.createElement(RemoveScrollBar, { gapMode: "margin" }) : null));
+        removeScrollBar ? React.createElement(RemoveScrollBar, { gapMode: props.gapMode }) : null));
 }
 
 exportSidecar(effectCar$1, RemoveScrollSideCar);
@@ -3542,19 +3506,11 @@ var fromEntries = function fromEntries(entries) {
 
 var useIsomorphicLayoutEffect = typeof window !== 'undefined' && window.document && window.document.createElement ? React.useLayoutEffect : React.useEffect;
 
-var reactDomExports = {};
-var reactDom = {
-  get exports(){ return reactDomExports; },
-  set exports(v){ reactDomExports = v; },
-};
+var reactDom = {exports: {}};
 
 var reactDom_production_min = {};
 
-var schedulerExports = {};
-var scheduler = {
-  get exports(){ return schedulerExports; },
-  set exports(v){ schedulerExports = v; },
-};
+var scheduler = {exports: {}};
 
 var scheduler_production_min = {};
 
@@ -3583,8 +3539,8 @@ function f(a,b){var c=a.length;a.push(b);a:for(;0<c;){var d=c-1>>>1,e=a[d];if(0<
 		exports.unstable_forceFrameRate=function(a){0>a||125<a?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):P=0<a?Math.floor(1E3/a):5;};exports.unstable_getCurrentPriorityLevel=function(){return y};exports.unstable_getFirstCallbackNode=function(){return h(r)};exports.unstable_next=function(a){switch(y){case 1:case 2:case 3:var b=3;break;default:b=y;}var c=y;y=b;try{return a()}finally{y=c;}};exports.unstable_pauseExecution=function(){};
 		exports.unstable_requestPaint=function(){};exports.unstable_runWithPriority=function(a,b){switch(a){case 1:case 2:case 3:case 4:case 5:break;default:a=3;}var c=y;y=a;try{return b()}finally{y=c;}};
 		exports.unstable_scheduleCallback=function(a,b,c){var d=exports.unstable_now();"object"===typeof c&&null!==c?(c=c.delay,c="number"===typeof c&&0<c?d+c:d):c=d;switch(a){case 1:var e=-1;break;case 2:e=250;break;case 5:e=1073741823;break;case 4:e=1E4;break;default:e=5E3;}e=c+e;a={id:u++,callback:b,priorityLevel:a,startTime:c,expirationTime:e,sortIndex:-1};c>d?(a.sortIndex=c,f(t,a),null===h(r)&&a===h(t)&&(B?(E(L),L=-1):B=!0,K(H,c-d))):(a.sortIndex=e,f(r,a),A||z||(A=!0,I(J)));return a};
-		exports.unstable_shouldYield=M;exports.unstable_wrapCallback=function(a){var b=y;return function(){var c=y;y=b;try{return a.apply(this,arguments)}finally{y=c;}}};
-} (scheduler_production_min));
+		exports.unstable_shouldYield=M;exports.unstable_wrapCallback=function(a){var b=y;return function(){var c=y;y=b;try{return a.apply(this,arguments)}finally{y=c;}}}; 
+	} (scheduler_production_min));
 	return scheduler_production_min;
 }
 
@@ -4214,25 +4170,23 @@ function requireScheduler_development () {
 		}
 		        
 		  })();
-		}
-} (scheduler_development));
+		} 
+	} (scheduler_development));
 	return scheduler_development;
 }
 
 var hasRequiredScheduler;
 
 function requireScheduler () {
-	if (hasRequiredScheduler) return schedulerExports;
+	if (hasRequiredScheduler) return scheduler.exports;
 	hasRequiredScheduler = 1;
-	(function (module) {
 
-		if (process.env.NODE_ENV === 'production') {
-		  module.exports = requireScheduler_production_min();
-		} else {
-		  module.exports = requireScheduler_development();
-		}
-} (scheduler));
-	return schedulerExports;
+	if (process.env.NODE_ENV === 'production') {
+	  scheduler.exports = requireScheduler_production_min();
+	} else {
+	  scheduler.exports = requireScheduler_development();
+	}
+	return scheduler.exports;
 }
 
 /**
@@ -34414,45 +34368,44 @@ function requireReactDom_development () {
 	return reactDom_development;
 }
 
-(function (module) {
+function checkDCE() {
+  /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
+  if (
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === 'undefined' ||
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE !== 'function'
+  ) {
+    return;
+  }
+  if (process.env.NODE_ENV !== 'production') {
+    // This branch is unreachable because this function is only called
+    // in production, but the condition is true only in development.
+    // Therefore if the branch is still here, dead code elimination wasn't
+    // properly applied.
+    // Don't change the message. React DevTools relies on it. Also make sure
+    // this message doesn't occur elsewhere in this function, or it will cause
+    // a false positive.
+    throw new Error('^_^');
+  }
+  try {
+    // Verify that the code above has been dead code eliminated (DCE'd).
+    __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE);
+  } catch (err) {
+    // DevTools shouldn't crash React, no matter what.
+    // We should still report in case we break this code.
+    console.error(err);
+  }
+}
 
-	function checkDCE() {
-	  /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
-	  if (
-	    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === 'undefined' ||
-	    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE !== 'function'
-	  ) {
-	    return;
-	  }
-	  if (process.env.NODE_ENV !== 'production') {
-	    // This branch is unreachable because this function is only called
-	    // in production, but the condition is true only in development.
-	    // Therefore if the branch is still here, dead code elimination wasn't
-	    // properly applied.
-	    // Don't change the message. React DevTools relies on it. Also make sure
-	    // this message doesn't occur elsewhere in this function, or it will cause
-	    // a false positive.
-	    throw new Error('^_^');
-	  }
-	  try {
-	    // Verify that the code above has been dead code eliminated (DCE'd).
-	    __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE);
-	  } catch (err) {
-	    // DevTools shouldn't crash React, no matter what.
-	    // We should still report in case we break this code.
-	    console.error(err);
-	  }
-	}
+if (process.env.NODE_ENV === 'production') {
+  // DCE check should happen before ReactDOM bundle executes so that
+  // DevTools can report bad minification during injection.
+  checkDCE();
+  reactDom.exports = requireReactDom_production_min();
+} else {
+  reactDom.exports = requireReactDom_development();
+}
 
-	if (process.env.NODE_ENV === 'production') {
-	  // DCE check should happen before ReactDOM bundle executes so that
-	  // DevTools can report bad minification during injection.
-	  checkDCE();
-	  module.exports = requireReactDom_production_min();
-	} else {
-	  module.exports = requireReactDom_development();
-	}
-} (reactDom));
+var reactDomExports = reactDom.exports;
 
 var top = 'top';
 var bottom = 'bottom';
@@ -36562,6 +36515,8 @@ var reactFastCompare = function isEqual(a, b) {
   }
 };
 
+var isEqual = /*@__PURE__*/getDefaultExportFromCjs(reactFastCompare);
+
 var EMPTY_MODIFIERS$1 = [];
 var usePopper = function usePopper(referenceElement, popperElement, options) {
   if (options === void 0) {
@@ -36625,7 +36580,7 @@ var usePopper = function usePopper(referenceElement, popperElement, options) {
       }])
     };
 
-    if (reactFastCompare(prevOptions.current, newOptions)) {
+    if (isEqual(prevOptions.current, newOptions)) {
       return prevOptions.current || newOptions;
     } else {
       prevOptions.current = newOptions;
@@ -36793,6 +36748,8 @@ if (__DEV__) {
 
 var warning_1 = warning;
 
+var warning$1 = /*@__PURE__*/getDefaultExportFromCjs(warning_1);
+
 function Reference(_ref) {
   var children = _ref.children,
       innerRef = _ref.innerRef;
@@ -36809,7 +36766,7 @@ function Reference(_ref) {
     };
   }, []);
   React.useEffect(function () {
-    warning_1(Boolean(setReferenceNode), '`Reference` should not be used outside of a `Manager` component.');
+    warning$1(Boolean(setReferenceNode), '`Reference` should not be used outside of a `Manager` component.');
   }, [setReferenceNode]);
   return unwrapArray(children)({
     ref: refHandler
@@ -38194,15 +38151,16 @@ function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange
 // being on the page at once, the prefix is set to a random number. SSRProvider
 // will reset this to zero for consistency between server and client, so in the
 // SSR case multiple copies of React Aria is not supported.
-const $704cf1d3b684cc5c$var$defaultContext$1 = {
+const $704cf1d3b684cc5c$var$defaultContext = {
     prefix: String(Math.round(Math.random() * 10000000000)),
-    current: 0
+    current: 0,
+    isSSR: false
 };
-const $704cf1d3b684cc5c$var$SSRContext$1 = /*#__PURE__*/ (React__default).createContext($704cf1d3b684cc5c$var$defaultContext$1);
+const $704cf1d3b684cc5c$var$SSRContext = /*#__PURE__*/ (React__default).createContext($704cf1d3b684cc5c$var$defaultContext);
 let $704cf1d3b684cc5c$var$canUseDOM = Boolean(typeof window !== "undefined" && window.document && window.document.createElement);
 let $704cf1d3b684cc5c$var$componentIds = new WeakMap();
 function $704cf1d3b684cc5c$var$useCounter(isDisabled = false) {
-    let ctx = (useContext)($704cf1d3b684cc5c$var$SSRContext$1);
+    let ctx = (useContext)($704cf1d3b684cc5c$var$SSRContext);
     let ref = (useRef)(null);
     if (ref.current === null && !isDisabled) {
         var _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner;
@@ -38237,13 +38195,17 @@ function $704cf1d3b684cc5c$var$useCounter(isDisabled = false) {
     return ref.current;
 }
 function $704cf1d3b684cc5c$export$619500959fc48b26(defaultId) {
-    let ctx = (useContext)($704cf1d3b684cc5c$var$SSRContext$1);
+    let ctx = (useContext)($704cf1d3b684cc5c$var$SSRContext);
     // If we are rendering in a non-DOM environment, and there's no SSRProvider,
     // provide a warning to hint to the developer to add one.
-    if (ctx === $704cf1d3b684cc5c$var$defaultContext$1 && !$704cf1d3b684cc5c$var$canUseDOM) console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
+    if (ctx === $704cf1d3b684cc5c$var$defaultContext && !$704cf1d3b684cc5c$var$canUseDOM) console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
     let counter = $704cf1d3b684cc5c$var$useCounter(!!defaultId);
     return defaultId || `react-aria${ctx.prefix}-${counter}`;
 }
+function $704cf1d3b684cc5c$export$535bd6ca7f90a273() {
+    let cur = (useContext)($704cf1d3b684cc5c$var$SSRContext);
+    return cur.isSSR;
+}
 
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
@@ -39732,7 +39694,9 @@ function $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props) {
     ]);
     const onSyntheticFocus = ($8a9cb279dc87e130$export$715c682d09d639cc)(onBlur);
     const onFocus = (useCallback)((e)=>{
-        if (e.target === e.currentTarget) {
+        // Double check that document.activeElement actually matches e.target in case a previously chained
+        // focus handler already moved focus somewhere else.
+        if (e.target === e.currentTarget && document.activeElement === e.target) {
             if (onFocusProp) onFocusProp(e);
             if (onFocusChange) onFocusChange(true);
             onSyntheticFocus(e);
@@ -39767,6 +39731,7 @@ function $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props) {
 // See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions
 
 
+
 let $507fabe10e71c6fb$var$currentModality = null;
 let $507fabe10e71c6fb$var$changeHandlers = new Set();
 let $507fabe10e71c6fb$var$hasSetupGlobalListeners = false;
@@ -39883,7 +39848,7 @@ function $507fabe10e71c6fb$export$98e20ec92f614cfe() {
             $507fabe10e71c6fb$var$changeHandlers.delete(handler);
         };
     }, []);
-    return modality;
+    return ($704cf1d3b684cc5c$export$535bd6ca7f90a273)() ? null : modality;
 }
 /**
  * If this is attached to text input component, return if the event is a focus event (Tab/Escape keys pressed) so that
@@ -39944,7 +39909,9 @@ function $9ab94262bd0047c7$export$420e68273165f4ec(props) {
     ]);
     let onSyntheticFocus = ($8a9cb279dc87e130$export$715c682d09d639cc)(onBlur);
     let onFocus = (useCallback)((e)=>{
-        if (!state.current.isFocusWithin) {
+        // Double check that document.activeElement actually matches e.target in case a previously chained
+        // focus handler already moved focus somewhere else.
+        if (!state.current.isFocusWithin && document.activeElement === e.target) {
             if (onFocusWithin) onFocusWithin(e);
             if (onFocusWithinChange) onFocusWithinChange(true);
             state.current.isFocusWithin = true;
@@ -41131,55 +41098,6 @@ function $701a24aa0da5b062$export$ea18c227d4417cc3(props, ref) {
     };
 }
 
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ /*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ // We must avoid a circular dependency with @react-aria/utils, and this useLayoutEffect is
-// guarded by a check that it only runs on the client side.
-// eslint-disable-next-line rulesdir/useLayoutEffectRule
-
-// Default context value to use in case there is no SSRProvider. This is fine for
-// client-only apps. In order to support multiple copies of React Aria potentially
-// being on the page at once, the prefix is set to a random number. SSRProvider
-// will reset this to zero for consistency between server and client, so in the
-// SSR case multiple copies of React Aria is not supported.
-const $704cf1d3b684cc5c$var$defaultContext = {
-    prefix: String(Math.round(Math.random() * 10000000000)),
-    current: 0
-};
-const $704cf1d3b684cc5c$var$SSRContext = /*#__PURE__*/ (React__default).createContext($704cf1d3b684cc5c$var$defaultContext);
-function $704cf1d3b684cc5c$export$535bd6ca7f90a273() {
-    let cur = (useContext)($704cf1d3b684cc5c$var$SSRContext);
-    let isInSSRContext = cur !== $704cf1d3b684cc5c$var$defaultContext;
-    let [isSSR, setIsSSR] = (useState)(isInSSRContext);
-    // If on the client, and the component was initially server rendered,
-    // then schedule a layout effect to update the component after hydration.
-    if (typeof window !== "undefined" && isInSSRContext) // This if statement technically breaks the rules of hooks, but is safe
-    // because the condition never changes after mounting.
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    (useLayoutEffect)(()=>{
-        setIsSSR(false);
-    }, []);
-    return isSSR;
-}
-
 /*
  * Copyright 2022 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -41759,10 +41677,12 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
             // Restore the scroll position to what it was before.
             scrollRef.current.scrollTop = scrollPos.current.top;
             scrollRef.current.scrollLeft = scrollPos.current.left;
+        }
+        if (!isVirtualized && manager.focusedKey != null) {
             // Refocus and scroll the focused item into view if it exists within the scrollable region.
             let element = scrollRef.current.querySelector(`[data-key="${manager.focusedKey}"]`);
             if (element) {
-                // This prevents a flash of focus on the first/last element in the collection
+                // This prevents a flash of focus on the first/last element in the collection, or the collection itself.
                 ($7215afc6de606d6b$export$de79e2c695e052f3)(element);
                 ($2f04cbc44ee30ce0$export$53a0910f038337bd)(scrollRef.current, element);
             }
@@ -41873,9 +41793,9 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
     // Focus the associated DOM node when this item becomes the focusedKey
     (useEffect)(()=>{
         let isFocused = key === manager.focusedKey;
-        if (isFocused && manager.isFocused && !shouldUseVirtualFocus && document.activeElement !== ref.current) {
+        if (isFocused && manager.isFocused && !shouldUseVirtualFocus) {
             if (focus) focus();
-            else ($6a99195332edec8b$export$80f3e147d781571c)(ref.current);
+            else if (document.activeElement !== ref.current) ($6a99195332edec8b$export$80f3e147d781571c)(ref.current);
         }
     // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
@@ -41999,6 +41919,7 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
         }),
         isPressed: isPressed,
         isSelected: manager.isSelected(key),
+        isFocused: manager.isFocused && manager.focusedKey === key,
         isDisabled: isDisabled,
         allowsSelection: allowsSelection,
         hasAction: hasAction
@@ -42043,6 +41964,7 @@ function $880e95eb8b93ba9a$var$isSelectionKey() {
             if (item.type === "item" && !this.disabledKeys.has(key)) return key;
             key = this.collection.getKeyAfter(key);
         }
+        return null;
     }
     getKeyAbove(key) {
         key = this.collection.getKeyBefore(key);
@@ -42051,6 +41973,7 @@ function $880e95eb8b93ba9a$var$isSelectionKey() {
             if (item.type === "item" && !this.disabledKeys.has(key)) return key;
             key = this.collection.getKeyBefore(key);
         }
+        return null;
     }
     getFirstKey() {
         let key = this.collection.getFirstKey();
@@ -42059,6 +41982,7 @@ function $880e95eb8b93ba9a$var$isSelectionKey() {
             if (item.type === "item" && !this.disabledKeys.has(key)) return key;
             key = this.collection.getKeyAfter(key);
         }
+        return null;
     }
     getLastKey() {
         let key = this.collection.getLastKey();
@@ -42067,6 +41991,7 @@ function $880e95eb8b93ba9a$var$isSelectionKey() {
             if (item.type === "item" && !this.disabledKeys.has(key)) return key;
             key = this.collection.getKeyBefore(key);
         }
+        return null;
     }
     getItem(key) {
         return this.ref.current.querySelector(`[data-key="${key}"]`);
@@ -42078,7 +42003,7 @@ function $880e95eb8b93ba9a$var$isSelectionKey() {
         let pageY = Math.max(0, item.offsetTop + item.offsetHeight - menu.offsetHeight);
         while(item && item.offsetTop > pageY){
             key = this.getKeyAbove(key);
-            item = this.getItem(key);
+            item = key == null ? null : this.getItem(key);
         }
         return key;
     }
@@ -42089,7 +42014,7 @@ function $880e95eb8b93ba9a$var$isSelectionKey() {
         let pageY = Math.min(menu.scrollHeight, item.offsetTop - item.offsetHeight + menu.offsetHeight);
         while(item && item.offsetTop < pageY){
             key = this.getKeyBelow(key);
-            item = this.getItem(key);
+            item = key == null ? null : this.getItem(key);
         }
         return key;
     }
@@ -42268,12 +42193,12 @@ const $5c3e21d68f1c4674$var$styles = {
     border: 0,
     clip: "rect(0 0 0 0)",
     clipPath: "inset(50%)",
-    height: 1,
-    margin: "0 -1px -1px 0",
+    height: "1px",
+    margin: "-1px",
     overflow: "hidden",
     padding: 0,
     position: "absolute",
-    width: 1,
+    width: "1px",
     whiteSpace: "nowrap"
 };
 function $5c3e21d68f1c4674$export$a966af930f325cab(props = {}) {
@@ -42458,6 +42383,18 @@ function $628037886ba31236$export$f9d5c8beee7d008d(props, state, ref) {
         }
     };
 }
+// HTML input types that do not cause the software keyboard to appear.
+new Set([
+    "checkbox",
+    "radio",
+    "range",
+    "color",
+    "file",
+    "image",
+    "button",
+    "submit",
+    "reset"
+]);
 
 
 /*
@@ -42731,6 +42668,21 @@ function $86ea4cb521eb2e37$export$2317d149ed6f78c4(props) {
     }));
 }
 
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ // Keeps a ref count of all hidden elements. Added to when hiding an element, and
+// subtracted from when showing it again. When it reaches zero, aria-hidden is removed.
+new WeakMap();
+
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -43040,6 +42992,7 @@ function $7613b1592d41b092$export$6cd28814d92fa9c9(props, factory, context, inva
     let builder = (useMemo)(()=>new ($eb2240fc39a57fa5$export$bf788dd355e3a401)(), []);
     let prev = (useRef)(null);
     return (useMemo)(()=>{
+        if (props.collection) return props.collection;
         let nodes = builder.build(props, context);
         prev.current = factory(nodes, prev.current);
         return prev.current;
@@ -43049,6 +43002,7 @@ function $7613b1592d41b092$export$6cd28814d92fa9c9(props, factory, context, inva
         builder,
         props.children,
         props.items,
+        props.collection,
         context,
         ...invalidators
     ]);
@@ -43065,13 +43019,69 @@ function $7613b1592d41b092$export$6cd28814d92fa9c9(props, factory, context, inva
  * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
- */ const $453cc9f0df89c0a5$var$cache = new WeakMap();
+ */ /*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ function $c5a24bc478652b5f$export$1005530eda016c13(node, collection) {
+    // New API: call collection.getChildren with the node key.
+    if (typeof collection.getChildren === "function") return collection.getChildren(node.key);
+    // Old API: access childNodes directly.
+    return node.childNodes;
+}
+function $c5a24bc478652b5f$export$fbdeaa6a76694f71(iterable) {
+    return $c5a24bc478652b5f$export$5f3398f8733f90e2(iterable, 0);
+}
+function $c5a24bc478652b5f$export$5f3398f8733f90e2(iterable, index) {
+    if (index < 0) return undefined;
+    let i = 0;
+    for (let item of iterable){
+        if (i === index) return item;
+        i++;
+    }
+}
+function $c5a24bc478652b5f$export$8c434b3a7a4dad6(collection, a, b) {
+    // If the two nodes have the same parent, compare their indices.
+    if (a.parentKey === b.parentKey) return a.index - b.index;
+    // Otherwise, collect all of the ancestors from each node, and find the first one that doesn't match starting from the root.
+    let aAncestors = $c5a24bc478652b5f$var$getAncestors(collection, a);
+    let bAncestors = $c5a24bc478652b5f$var$getAncestors(collection, b);
+    let firstNonMatchingAncestor = aAncestors.slice(0, bAncestors.length).findIndex((a, i)=>a !== bAncestors[i]);
+    if (firstNonMatchingAncestor !== -1) {
+        // Compare the indices of two children within the common ancestor.
+        a = aAncestors[firstNonMatchingAncestor];
+        b = bAncestors[firstNonMatchingAncestor];
+        return a.index - b.index;
+    }
+    // 🤷
+    return -1;
+}
+function $c5a24bc478652b5f$var$getAncestors(collection, node) {
+    let parents = [];
+    while((node === null || node === void 0 ? void 0 : node.parentKey) != null){
+        node = collection.getItem(node.parentKey);
+        parents.unshift(node);
+    }
+    return parents;
+}
+
+
+const $453cc9f0df89c0a5$var$cache = new WeakMap();
 function $453cc9f0df89c0a5$export$77d5aafae4e095b2(collection) {
     let count = $453cc9f0df89c0a5$var$cache.get(collection);
     if (count != null) return count;
     count = 0;
-    for (let item of collection)if (item.type === "section") count += $453cc9f0df89c0a5$export$77d5aafae4e095b2(item.childNodes);
-    else count++;
+    let countItems = (items)=>{
+        for (let item of items)if (item.type === "section") countItems(($c5a24bc478652b5f$export$1005530eda016c13)(item, collection));
+        else count++;
+    };
+    countItems(collection);
     $453cc9f0df89c0a5$var$cache.set(collection, count);
     return count;
 }
@@ -43413,12 +43423,27 @@ function $168583247155ddda$export$dc9c12ed27dd1b49(props, state, ref) {
     };
 }
 
+
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at http://www.apache.org/licenses/LICENSE-2.0
- * 
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+new WeakMap();
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
  * Unless required by applicable law or agreed to in writing, software distributed under
  * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
  * OF ANY KIND, either express or implied. See the License for the specific language
@@ -43854,6 +43879,7 @@ function $7af3f5b51489e0b5$var$convertSelection(selection, defaultValue) {
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
+
 class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
     /**
    * The type of selection that is allowed in the collection.
@@ -43936,7 +43962,7 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
         let first = null;
         for (let key of this.state.selectedKeys){
             let item = this.collection.getItem(key);
-            if (!first || (item === null || item === void 0 ? void 0 : item.index) < first.index) first = item;
+            if (!first || item && ($c5a24bc478652b5f$export$8c434b3a7a4dad6)(this.collection, item, first) < 0) first = item;
         }
         return first === null || first === void 0 ? void 0 : first.key;
     }
@@ -43944,7 +43970,7 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
         let last = null;
         for (let key of this.state.selectedKeys){
             let item = this.collection.getItem(key);
-            if (!last || (item === null || item === void 0 ? void 0 : item.index) > last.index) last = item;
+            if (!last || item && ($c5a24bc478652b5f$export$8c434b3a7a4dad6)(this.collection, item, last) > 0) last = item;
         }
         return last === null || last === void 0 ? void 0 : last.key;
     }
@@ -43981,7 +44007,7 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
         let fromItem = this.collection.getItem(from);
         let toItem = this.collection.getItem(to);
         if (fromItem && toItem) {
-            if (fromItem.index <= toItem.index) return this.getKeyRangeInternal(from, to);
+            if (($c5a24bc478652b5f$export$8c434b3a7a4dad6)(this.collection, fromItem, toItem) <= 0) return this.getKeyRangeInternal(from, to);
             return this.getKeyRangeInternal(to, from);
         }
         return [];
@@ -44061,9 +44087,7 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
                     let item = this.collection.getItem(key);
                     if (item.type === "item") keys.push(key);
                     // Add child keys. If cell selection is allowed, then include item children too.
-                    if (item.hasChildNodes && (this.allowsCellSelection || item.type !== "item")) addKeys([
-                        ...item.childNodes
-                    ][0].key);
+                    if (item.hasChildNodes && (this.allowsCellSelection || item.type !== "item")) addKeys(($c5a24bc478652b5f$export$fbdeaa6a76694f71)(($c5a24bc478652b5f$export$1005530eda016c13)(item, this.collection)).key);
                 }
                 key = this.collection.getKeyAfter(key);
             }
@@ -44195,6 +44219,10 @@ class $a02d57049d202695$export$d085fb9e920b5ca7 {
         ];
         return this.getItem(keys[idx]);
     }
+    getChildren(key) {
+        let node = this.keyMap.get(key);
+        return (node === null || node === void 0 ? void 0 : node.childNodes) || [];
+    }
     constructor(nodes){
         (_defineProperty)(this, "keyMap", new Map());
         this.iterable = nodes;
@@ -44515,20 +44543,19 @@ function $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
     let isDisabled = (_props_isDisabled = props.isDisabled) !== null && _props_isDisabled !== void 0 ? _props_isDisabled : state.disabledKeys.has(key);
     var _props_isSelected;
     let isSelected = (_props_isSelected = props.isSelected) !== null && _props_isSelected !== void 0 ? _props_isSelected : state.selectionManager.isSelected(key);
-    let isFocused = state.selectionManager.focusedKey === key;
     var _props_shouldSelectOnPressUp;
-    let shouldSelectOnPressUp = (_props_shouldSelectOnPressUp = props.shouldSelectOnPressUp) !== null && _props_shouldSelectOnPressUp !== void 0 ? _props_shouldSelectOnPressUp : data.shouldSelectOnPressUp;
+    let shouldSelectOnPressUp = (_props_shouldSelectOnPressUp = props.shouldSelectOnPressUp) !== null && _props_shouldSelectOnPressUp !== void 0 ? _props_shouldSelectOnPressUp : data === null || data === void 0 ? void 0 : data.shouldSelectOnPressUp;
     var _props_shouldFocusOnHover;
-    let shouldFocusOnHover = (_props_shouldFocusOnHover = props.shouldFocusOnHover) !== null && _props_shouldFocusOnHover !== void 0 ? _props_shouldFocusOnHover : data.shouldFocusOnHover;
+    let shouldFocusOnHover = (_props_shouldFocusOnHover = props.shouldFocusOnHover) !== null && _props_shouldFocusOnHover !== void 0 ? _props_shouldFocusOnHover : data === null || data === void 0 ? void 0 : data.shouldFocusOnHover;
     var _props_shouldUseVirtualFocus;
-    let shouldUseVirtualFocus = (_props_shouldUseVirtualFocus = props.shouldUseVirtualFocus) !== null && _props_shouldUseVirtualFocus !== void 0 ? _props_shouldUseVirtualFocus : data.shouldUseVirtualFocus;
+    let shouldUseVirtualFocus = (_props_shouldUseVirtualFocus = props.shouldUseVirtualFocus) !== null && _props_shouldUseVirtualFocus !== void 0 ? _props_shouldUseVirtualFocus : data === null || data === void 0 ? void 0 : data.shouldUseVirtualFocus;
     var _props_isVirtualized;
-    let isVirtualized = (_props_isVirtualized = props.isVirtualized) !== null && _props_isVirtualized !== void 0 ? _props_isVirtualized : data.isVirtualized;
+    let isVirtualized = (_props_isVirtualized = props.isVirtualized) !== null && _props_isVirtualized !== void 0 ? _props_isVirtualized : data === null || data === void 0 ? void 0 : data.isVirtualized;
     let labelId = ($bdb11010cef70236$export$b4cc09c592e8fdb8)();
     let descriptionId = ($bdb11010cef70236$export$b4cc09c592e8fdb8)();
     let optionProps = {
         role: "option",
-        "aria-disabled": isDisabled,
+        "aria-disabled": isDisabled || undefined,
         "aria-selected": state.selectionManager.selectionMode !== "none" ? isSelected : undefined
     };
     // Safari with VoiceOver on macOS misreads options with aria-labelledby or aria-label as simply "text".
@@ -44540,10 +44567,12 @@ function $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
         optionProps["aria-describedby"] = descriptionId;
     }
     if (isVirtualized) {
-        optionProps["aria-posinset"] = state.collection.getItem(key).index + 1;
+        var _state_collection_getItem;
+        let index = Number((_state_collection_getItem = state.collection.getItem(key)) === null || _state_collection_getItem === void 0 ? void 0 : _state_collection_getItem.index);
+        optionProps["aria-posinset"] = Number.isNaN(index) ? undefined : index + 1;
         optionProps["aria-setsize"] = ($453cc9f0df89c0a5$export$77d5aafae4e095b2)(state.collection);
     }
-    let { itemProps: itemProps , isPressed: isPressed , hasAction: hasAction , allowsSelection: allowsSelection  } = ($880e95eb8b93ba9a$export$ecf600387e221c37)({
+    let { itemProps: itemProps , isPressed: isPressed , isFocused: isFocused , hasAction: hasAction , allowsSelection: allowsSelection  } = ($880e95eb8b93ba9a$export$ecf600387e221c37)({
         selectionManager: state.selectionManager,
         key: key,
         ref: ref,
@@ -44552,7 +44581,10 @@ function $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
         isVirtualized: isVirtualized,
         shouldUseVirtualFocus: shouldUseVirtualFocus,
         isDisabled: isDisabled,
-        onAction: data.onAction ? ()=>data.onAction(key) : undefined
+        onAction: (data === null || data === void 0 ? void 0 : data.onAction) ? ()=>{
+            var _data_onAction;
+            return data === null || data === void 0 ? void 0 : (_data_onAction = data.onAction) === null || _data_onAction === void 0 ? void 0 : _data_onAction.call(data, key);
+        } : undefined
     });
     let { hoverProps: hoverProps  } = ($6179b936705e76d3$export$ae780daf29e6d456)({
         isDisabled: isDisabled || !shouldFocusOnHover,
@@ -44576,6 +44608,7 @@ function $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
             id: descriptionId
         },
         isFocused: isFocused,
+        isFocusVisible: isFocused && ($507fabe10e71c6fb$export$b9b3dfddab17db27)(),
         isSelected: isSelected,
         isDisabled: isDisabled,
         isPressed: isPressed,