@easypost/easy-ui 1.0.0-alpha.66 → 1.0.0-alpha.68

package/__chunks__/{useSelectableItem-B8l2VAQ8.mjs → useSelectableItem-BB067hsf.mjs}

@@ -18,17 +18,39 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { useRef, useEffect } from "react";
-import { flushSync } from "react-dom";
-import { $ as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "./FocusScope-Qg8vUhZ_.mjs";
-import { $ as $6a99195332edec8b$export$80f3e147d781571c } from "./focusSafely-BWGCG3W3.mjs";
-import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-DSi85raC.mjs";
+import { d as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, $ as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $8ae05eaa5c114e9c$export$7f54fc3180508a52, c as $bdb11010cef70236$export$f680877a34711e37 } from "./mergeProps-DSi85raC.mjs";
 import { a as $7215afc6de606d6b$export$de79e2c695e052f3 } from "./context-EpOG85wC.mjs";
-import { e as $03deb23ff14920c4$export$4eaf04e54aa8eed6, $ as $f6c31cce2adf654f$export$45712eceda6fad21, a as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, f as $ea8dcbcb9ea1b556$export$95185d699e05d4d7 } from "./usePress-Db4pSZfY.mjs";
+import { e as $03deb23ff14920c4$export$4eaf04e54aa8eed6, $ as $f6c31cce2adf654f$export$45712eceda6fad21, a as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, f as $ea8dcbcb9ea1b556$export$95185d699e05d4d7 } from "./usePress-U7SFXdpv.mjs";
 import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-B0fsKtsf.mjs";
-import { $ as $ef06256079686ba0$export$f8aeda7b10753fa1, a as $2f04cbc44ee30ce0$export$53a0910f038337bd, b as $2f04cbc44ee30ce0$export$c826860796309d1b } from "./scrollIntoView-CZM0k-rp.mjs";
-import { $ as $507fabe10e71c6fb$export$630ff653c5ada6a9 } from "./useFocusVisible-ng1Hn25t.mjs";
+import { $ as $ef06256079686ba0$export$f8aeda7b10753fa1, a as $2f04cbc44ee30ce0$export$53a0910f038337bd, b as $2f04cbc44ee30ce0$export$c826860796309d1b } from "./scrollIntoView-wURtlgJt.mjs";
+import { flushSync } from "react-dom";
+import { $ as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "./FocusScope-Bwm5pVEe.mjs";
+import { $ as $6a99195332edec8b$export$80f3e147d781571c } from "./focusSafely-DByEWahg.mjs";
+import { $ as $507fabe10e71c6fb$export$630ff653c5ada6a9 } from "./useFocusVisible-BWsOm7z5.mjs";
 import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-BZCcafjG.mjs";
-import { f as $c87311424ea30a05$export$e1865c3bedcd822b, c as $c87311424ea30a05$export$9ac100e40613ea10 } from "./isVirtualEvent-BPCuFO54.mjs";
+import { c as $c87311424ea30a05$export$9ac100e40613ea10, h as $c87311424ea30a05$export$e1865c3bedcd822b } from "./isVirtualEvent-B_Z4yzgm.mjs";
+function $ca9b37712f007381$export$72ef708ab07251f1(effect, dependencies) {
+  const isInitialMount = useRef(true);
+  const lastDeps = useRef(null);
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    isInitialMount.current = true;
+    return () => {
+      isInitialMount.current = false;
+    };
+  }, []);
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (isInitialMount.current) isInitialMount.current = false;
+    else if (!lastDeps.current || dependencies.some((dep, i) => !Object.is(dep, lastDeps[i]))) effect();
+    lastDeps.current = dependencies;
+  }, dependencies);
+}
+const $5671b20cf9b562b2$export$447a38995de2c711 = "react-aria-clear-focus";
+const $5671b20cf9b562b2$export$831c820ad60f9d12 = "react-aria-focus";
+const $5671b20cf9b562b2$export$9db568f6321ad9dc = "react-aria-update-activedescendant";
+function $21f1aa98acb08317$export$16792effe837dba3(e) {
+  if ($c87311424ea30a05$export$9ac100e40613ea10()) return e.metaKey;
+  return e.ctrlKey;
+}
 const $8a26561d2877236e$var$DEFAULT_THRESHOLD = 500;
 function $8a26561d2877236e$export$c24ed0104d07eab9(props) {
   let { isDisabled, onLongPressStart, onLongPressEnd, onLongPress, threshold = $8a26561d2877236e$var$DEFAULT_THRESHOLD, accessibilityDescription } = props;
@@ -83,10 +105,6 @@ function $8a26561d2877236e$export$c24ed0104d07eab9(props) {
 function $feb5ffebff200149$export$d3e3bd3e26688c04(e) {
   return $c87311424ea30a05$export$e1865c3bedcd822b() ? e.altKey : e.ctrlKey;
 }
-function $feb5ffebff200149$export$16792effe837dba3(e) {
-  if ($c87311424ea30a05$export$9ac100e40613ea10()) return e.metaKey;
-  return e.ctrlKey;
-}
 const $fb3050f43d946246$var$TYPEAHEAD_DEBOUNCE_WAIT_MS = 1e3;
 function $fb3050f43d946246$export$e32c88dfddc6e1d8(options) {
   let { keyboardDelegate, selectionManager, onTypeSelect } = options;
@@ -200,22 +218,24 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
         break;
       case "Home":
         if (delegate.getFirstKey) {
+          if (manager.focusedKey === null && e.shiftKey) return;
           e.preventDefault();
-          let firstKey = delegate.getFirstKey(manager.focusedKey, $feb5ffebff200149$export$16792effe837dba3(e));
+          let firstKey = delegate.getFirstKey(manager.focusedKey, $21f1aa98acb08317$export$16792effe837dba3(e));
           manager.setFocusedKey(firstKey);
           if (firstKey != null) {
-            if ($feb5ffebff200149$export$16792effe837dba3(e) && e.shiftKey && manager.selectionMode === "multiple") manager.extendSelection(firstKey);
+            if ($21f1aa98acb08317$export$16792effe837dba3(e) && e.shiftKey && manager.selectionMode === "multiple") manager.extendSelection(firstKey);
             else if (selectOnFocus) manager.replaceSelection(firstKey);
           }
         }
         break;
       case "End":
         if (delegate.getLastKey) {
+          if (manager.focusedKey === null && e.shiftKey) return;
           e.preventDefault();
-          let lastKey = delegate.getLastKey(manager.focusedKey, $feb5ffebff200149$export$16792effe837dba3(e));
+          let lastKey = delegate.getLastKey(manager.focusedKey, $21f1aa98acb08317$export$16792effe837dba3(e));
           manager.setFocusedKey(lastKey);
           if (lastKey != null) {
-            if ($feb5ffebff200149$export$16792effe837dba3(e) && e.shiftKey && manager.selectionMode === "multiple") manager.extendSelection(lastKey);
+            if ($21f1aa98acb08317$export$16792effe837dba3(e) && e.shiftKey && manager.selectionMode === "multiple") manager.extendSelection(lastKey);
             else if (selectOnFocus) manager.replaceSelection(lastKey);
           }
         }
@@ -239,7 +259,7 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
         }
         break;
       case "a":
-        if ($feb5ffebff200149$export$16792effe837dba3(e) && manager.selectionMode === "multiple" && disallowSelectAll !== true) {
+        if ($21f1aa98acb08317$export$16792effe837dba3(e) && manager.selectionMode === "multiple" && disallowSelectAll !== true) {
           e.preventDefault();
           manager.selectAll();
         }
@@ -319,6 +339,49 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
   let onBlur = (e) => {
     if (!e.currentTarget.contains(e.relatedTarget)) manager.setFocused(false);
   };
+  let shouldVirtualFocusFirst = useRef(false);
+  $e9faafb641e167db$export$90fc3a17d93f704c(ref, $5671b20cf9b562b2$export$831c820ad60f9d12, !shouldUseVirtualFocus ? void 0 : (e) => {
+    let { detail } = e;
+    e.stopPropagation();
+    manager.setFocused(true);
+    if ((detail === null || detail === void 0 ? void 0 : detail.focusStrategy) === "first") shouldVirtualFocusFirst.current = true;
+  });
+  let updateActiveDescendant = $8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
+    var _delegate_getFirstKey;
+    var _delegate_getFirstKey1;
+    let keyToFocus = (_delegate_getFirstKey1 = (_delegate_getFirstKey = delegate.getFirstKey) === null || _delegate_getFirstKey === void 0 ? void 0 : _delegate_getFirstKey.call(delegate)) !== null && _delegate_getFirstKey1 !== void 0 ? _delegate_getFirstKey1 : null;
+    if (keyToFocus == null) {
+      var _ref_current;
+      (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.dispatchEvent(new CustomEvent($5671b20cf9b562b2$export$9db568f6321ad9dc, {
+        cancelable: true,
+        bubbles: true
+      }));
+      if (manager.collection.size > 0) shouldVirtualFocusFirst.current = false;
+    } else {
+      manager.setFocusedKey(keyToFocus);
+      shouldVirtualFocusFirst.current = false;
+    }
+  });
+  $ca9b37712f007381$export$72ef708ab07251f1(() => {
+    if (shouldVirtualFocusFirst.current) updateActiveDescendant();
+  }, [
+    manager.collection,
+    updateActiveDescendant
+  ]);
+  let resetFocusFirstFlag = $8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
+    if (manager.collection.size > 0) shouldVirtualFocusFirst.current = false;
+  });
+  $ca9b37712f007381$export$72ef708ab07251f1(() => {
+    resetFocusFirstFlag();
+  }, [
+    manager.focusedKey,
+    resetFocusFirstFlag
+  ]);
+  $e9faafb641e167db$export$90fc3a17d93f704c(ref, $5671b20cf9b562b2$export$447a38995de2c711, !shouldUseVirtualFocus ? void 0 : (e) => {
+    e.stopPropagation();
+    manager.setFocused(false);
+    manager.setFocusedKey(null);
+  });
   const autoFocusRef = useRef(autoFocus);
   useEffect(() => {
     if (autoFocusRef.current) {
@@ -378,6 +441,7 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
   if (!disallowTypeAhead) handlers = $3ef42575df84b30b$export$9d1611c77c2fe928(typeSelectProps, handlers);
   let tabIndex = void 0;
   if (!shouldUseVirtualFocus) tabIndex = manager.focusedKey == null ? 0 : -1;
+  else tabIndex = -1;
   return {
     collectionProps: __spreadProps(__spreadValues({}, handlers), {
       tabIndex
@@ -385,8 +449,9 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
   };
 }
 function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
-  let { selectionManager: manager, key, ref, shouldSelectOnPressUp, shouldUseVirtualFocus, focus, isDisabled, onAction, allowsDifferentPressOrigin, linkBehavior = "action" } = options;
+  let { id, selectionManager: manager, key, ref, shouldSelectOnPressUp, shouldUseVirtualFocus, focus, isDisabled, onAction, allowsDifferentPressOrigin, linkBehavior = "action" } = options;
   let router = $ea8dcbcb9ea1b556$export$9a302a45f65d0572();
+  id = $bdb11010cef70236$export$f680877a34711e37(id);
   let onSelect = (e) => {
     if (e.pointerType === "keyboard" && $feb5ffebff200149$export$d3e3bd3e26688c04(e)) manager.toggleSelection(key);
     else {
@@ -403,16 +468,25 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
         if (manager.isSelected(key) && !manager.disallowEmptySelection) manager.toggleSelection(key);
         else manager.replaceSelection(key);
       } else if (e && e.shiftKey) manager.extendSelection(key);
-      else if (manager.selectionBehavior === "toggle" || e && ($feb5ffebff200149$export$16792effe837dba3(e) || e.pointerType === "touch" || e.pointerType === "virtual"))
+      else if (manager.selectionBehavior === "toggle" || e && ($21f1aa98acb08317$export$16792effe837dba3(e) || e.pointerType === "touch" || e.pointerType === "virtual"))
         manager.toggleSelection(key);
       else manager.replaceSelection(key);
     }
   };
   useEffect(() => {
     let isFocused = key === manager.focusedKey;
-    if (isFocused && manager.isFocused && !shouldUseVirtualFocus) {
-      if (focus) focus();
-      else if (document.activeElement !== ref.current && ref.current) $6a99195332edec8b$export$80f3e147d781571c(ref.current);
+    if (isFocused && manager.isFocused) {
+      if (!shouldUseVirtualFocus) {
+        if (focus) focus();
+        else if (document.activeElement !== ref.current && ref.current) $6a99195332edec8b$export$80f3e147d781571c(ref.current);
+      } else {
+        var _ref_current;
+        let updateActiveDescendant = new CustomEvent($5671b20cf9b562b2$export$9db568f6321ad9dc, {
+          cancelable: true,
+          bubbles: true
+        });
+        (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.dispatchEvent(updateActiveDescendant);
+      }
     }
   }, [
     ref,
@@ -466,9 +540,11 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
     };
     else {
       itemPressProps.onPressUp = hasPrimaryAction ? void 0 : (e) => {
-        if (e.pointerType !== "keyboard" && allowsSelection) onSelect(e);
+        if (e.pointerType === "mouse" && allowsSelection) onSelect(e);
+      };
+      itemPressProps.onPress = hasPrimaryAction ? performAction : (e) => {
+        if (e.pointerType !== "keyboard" && e.pointerType !== "mouse" && allowsSelection) onSelect(e);
       };
-      itemPressProps.onPress = hasPrimaryAction ? performAction : void 0;
     }
   } else {
     itemPressProps.onPressStart = (e) => {
@@ -513,7 +589,8 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
     itemProps: $3ef42575df84b30b$export$9d1611c77c2fe928(itemProps, allowsSelection || hasPrimaryAction ? pressProps : {}, longPressEnabled ? longPressProps : {}, {
       onDoubleClick,
       onDragStartCapture,
-      onClick
+      onClick,
+      id
     }),
     isPressed,
     isSelected: manager.isSelected(key),

package/__chunks__/{useSelectableItem-DpEX9QBc.js → useSelectableItem-BEkjpB_K.js}

@@ -19,17 +19,39 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const React = require("react");
-const ReactDOM = require("react-dom");
-const FocusScope = require("./FocusScope-DFE0IeGl.js");
-const focusSafely = require("./focusSafely-BvrXUhlW.js");
 const mergeProps = require("./mergeProps-DniMwM6P.js");
 const context$1 = require("./context-CYcq9Zvo.js");
-const usePress = require("./usePress-DNETV97g.js");
+const usePress = require("./usePress-DTGD4Sub.js");
 const useEvent = require("./useEvent-DY7dR7Mi.js");
-const scrollIntoView = require("./scrollIntoView-DkcUbB3D.js");
-const useFocusVisible = require("./useFocusVisible-PBQuklI8.js");
+const scrollIntoView = require("./scrollIntoView-BN4yt25y.js");
+const ReactDOM = require("react-dom");
+const FocusScope = require("./FocusScope-Djtxzznf.js");
+const focusSafely = require("./focusSafely-wmTq_iKq.js");
+const useFocusVisible = require("./useFocusVisible-CiIrKjuz.js");
 const context = require("./context-D3NeXov7.js");
-const isVirtualEvent = require("./isVirtualEvent-DwoP1rNI.js");
+const isVirtualEvent = require("./isVirtualEvent-C-tB2MCl.js");
+function $ca9b37712f007381$export$72ef708ab07251f1(effect, dependencies) {
+  const isInitialMount = React.useRef(true);
+  const lastDeps = React.useRef(null);
+  mergeProps.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    isInitialMount.current = true;
+    return () => {
+      isInitialMount.current = false;
+    };
+  }, []);
+  mergeProps.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (isInitialMount.current) isInitialMount.current = false;
+    else if (!lastDeps.current || dependencies.some((dep, i) => !Object.is(dep, lastDeps[i]))) effect();
+    lastDeps.current = dependencies;
+  }, dependencies);
+}
+const $5671b20cf9b562b2$export$447a38995de2c711 = "react-aria-clear-focus";
+const $5671b20cf9b562b2$export$831c820ad60f9d12 = "react-aria-focus";
+const $5671b20cf9b562b2$export$9db568f6321ad9dc = "react-aria-update-activedescendant";
+function $21f1aa98acb08317$export$16792effe837dba3(e) {
+  if (isVirtualEvent.$c87311424ea30a05$export$9ac100e40613ea10()) return e.metaKey;
+  return e.ctrlKey;
+}
 const $8a26561d2877236e$var$DEFAULT_THRESHOLD = 500;
 function $8a26561d2877236e$export$c24ed0104d07eab9(props) {
   let { isDisabled, onLongPressStart, onLongPressEnd, onLongPress, threshold = $8a26561d2877236e$var$DEFAULT_THRESHOLD, accessibilityDescription } = props;
@@ -84,10 +106,6 @@ function $8a26561d2877236e$export$c24ed0104d07eab9(props) {
 function $feb5ffebff200149$export$d3e3bd3e26688c04(e) {
   return isVirtualEvent.$c87311424ea30a05$export$e1865c3bedcd822b() ? e.altKey : e.ctrlKey;
 }
-function $feb5ffebff200149$export$16792effe837dba3(e) {
-  if (isVirtualEvent.$c87311424ea30a05$export$9ac100e40613ea10()) return e.metaKey;
-  return e.ctrlKey;
-}
 const $fb3050f43d946246$var$TYPEAHEAD_DEBOUNCE_WAIT_MS = 1e3;
 function $fb3050f43d946246$export$e32c88dfddc6e1d8(options) {
   let { keyboardDelegate, selectionManager, onTypeSelect } = options;
@@ -201,22 +219,24 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
         break;
       case "Home":
         if (delegate.getFirstKey) {
+          if (manager.focusedKey === null && e.shiftKey) return;
           e.preventDefault();
-          let firstKey = delegate.getFirstKey(manager.focusedKey, $feb5ffebff200149$export$16792effe837dba3(e));
+          let firstKey = delegate.getFirstKey(manager.focusedKey, $21f1aa98acb08317$export$16792effe837dba3(e));
           manager.setFocusedKey(firstKey);
           if (firstKey != null) {
-            if ($feb5ffebff200149$export$16792effe837dba3(e) && e.shiftKey && manager.selectionMode === "multiple") manager.extendSelection(firstKey);
+            if ($21f1aa98acb08317$export$16792effe837dba3(e) && e.shiftKey && manager.selectionMode === "multiple") manager.extendSelection(firstKey);
             else if (selectOnFocus) manager.replaceSelection(firstKey);
           }
         }
         break;
       case "End":
         if (delegate.getLastKey) {
+          if (manager.focusedKey === null && e.shiftKey) return;
           e.preventDefault();
-          let lastKey = delegate.getLastKey(manager.focusedKey, $feb5ffebff200149$export$16792effe837dba3(e));
+          let lastKey = delegate.getLastKey(manager.focusedKey, $21f1aa98acb08317$export$16792effe837dba3(e));
           manager.setFocusedKey(lastKey);
           if (lastKey != null) {
-            if ($feb5ffebff200149$export$16792effe837dba3(e) && e.shiftKey && manager.selectionMode === "multiple") manager.extendSelection(lastKey);
+            if ($21f1aa98acb08317$export$16792effe837dba3(e) && e.shiftKey && manager.selectionMode === "multiple") manager.extendSelection(lastKey);
             else if (selectOnFocus) manager.replaceSelection(lastKey);
           }
         }
@@ -240,7 +260,7 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
         }
         break;
       case "a":
-        if ($feb5ffebff200149$export$16792effe837dba3(e) && manager.selectionMode === "multiple" && disallowSelectAll !== true) {
+        if ($21f1aa98acb08317$export$16792effe837dba3(e) && manager.selectionMode === "multiple" && disallowSelectAll !== true) {
           e.preventDefault();
           manager.selectAll();
         }
@@ -320,6 +340,49 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
   let onBlur = (e) => {
     if (!e.currentTarget.contains(e.relatedTarget)) manager.setFocused(false);
   };
+  let shouldVirtualFocusFirst = React.useRef(false);
+  useEvent.$e9faafb641e167db$export$90fc3a17d93f704c(ref, $5671b20cf9b562b2$export$831c820ad60f9d12, !shouldUseVirtualFocus ? void 0 : (e) => {
+    let { detail } = e;
+    e.stopPropagation();
+    manager.setFocused(true);
+    if ((detail === null || detail === void 0 ? void 0 : detail.focusStrategy) === "first") shouldVirtualFocusFirst.current = true;
+  });
+  let updateActiveDescendant = mergeProps.$8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
+    var _delegate_getFirstKey;
+    var _delegate_getFirstKey1;
+    let keyToFocus = (_delegate_getFirstKey1 = (_delegate_getFirstKey = delegate.getFirstKey) === null || _delegate_getFirstKey === void 0 ? void 0 : _delegate_getFirstKey.call(delegate)) !== null && _delegate_getFirstKey1 !== void 0 ? _delegate_getFirstKey1 : null;
+    if (keyToFocus == null) {
+      var _ref_current;
+      (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.dispatchEvent(new CustomEvent($5671b20cf9b562b2$export$9db568f6321ad9dc, {
+        cancelable: true,
+        bubbles: true
+      }));
+      if (manager.collection.size > 0) shouldVirtualFocusFirst.current = false;
+    } else {
+      manager.setFocusedKey(keyToFocus);
+      shouldVirtualFocusFirst.current = false;
+    }
+  });
+  $ca9b37712f007381$export$72ef708ab07251f1(() => {
+    if (shouldVirtualFocusFirst.current) updateActiveDescendant();
+  }, [
+    manager.collection,
+    updateActiveDescendant
+  ]);
+  let resetFocusFirstFlag = mergeProps.$8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
+    if (manager.collection.size > 0) shouldVirtualFocusFirst.current = false;
+  });
+  $ca9b37712f007381$export$72ef708ab07251f1(() => {
+    resetFocusFirstFlag();
+  }, [
+    manager.focusedKey,
+    resetFocusFirstFlag
+  ]);
+  useEvent.$e9faafb641e167db$export$90fc3a17d93f704c(ref, $5671b20cf9b562b2$export$447a38995de2c711, !shouldUseVirtualFocus ? void 0 : (e) => {
+    e.stopPropagation();
+    manager.setFocused(false);
+    manager.setFocusedKey(null);
+  });
   const autoFocusRef = React.useRef(autoFocus);
   React.useEffect(() => {
     if (autoFocusRef.current) {
@@ -379,6 +442,7 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
   if (!disallowTypeAhead) handlers = mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(typeSelectProps, handlers);
   let tabIndex = void 0;
   if (!shouldUseVirtualFocus) tabIndex = manager.focusedKey == null ? 0 : -1;
+  else tabIndex = -1;
   return {
     collectionProps: __spreadProps(__spreadValues({}, handlers), {
       tabIndex
@@ -386,8 +450,9 @@ function $ae20dd8cbca75726$export$d6daf82dcd84e87c(options) {
   };
 }
 function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
-  let { selectionManager: manager, key, ref, shouldSelectOnPressUp, shouldUseVirtualFocus, focus, isDisabled, onAction, allowsDifferentPressOrigin, linkBehavior = "action" } = options;
+  let { id, selectionManager: manager, key, ref, shouldSelectOnPressUp, shouldUseVirtualFocus, focus, isDisabled, onAction, allowsDifferentPressOrigin, linkBehavior = "action" } = options;
   let router = usePress.$ea8dcbcb9ea1b556$export$9a302a45f65d0572();
+  id = mergeProps.$bdb11010cef70236$export$f680877a34711e37(id);
   let onSelect = (e) => {
     if (e.pointerType === "keyboard" && $feb5ffebff200149$export$d3e3bd3e26688c04(e)) manager.toggleSelection(key);
     else {
@@ -404,16 +469,25 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
         if (manager.isSelected(key) && !manager.disallowEmptySelection) manager.toggleSelection(key);
         else manager.replaceSelection(key);
       } else if (e && e.shiftKey) manager.extendSelection(key);
-      else if (manager.selectionBehavior === "toggle" || e && ($feb5ffebff200149$export$16792effe837dba3(e) || e.pointerType === "touch" || e.pointerType === "virtual"))
+      else if (manager.selectionBehavior === "toggle" || e && ($21f1aa98acb08317$export$16792effe837dba3(e) || e.pointerType === "touch" || e.pointerType === "virtual"))
         manager.toggleSelection(key);
       else manager.replaceSelection(key);
     }
   };
   React.useEffect(() => {
     let isFocused = key === manager.focusedKey;
-    if (isFocused && manager.isFocused && !shouldUseVirtualFocus) {
-      if (focus) focus();
-      else if (document.activeElement !== ref.current && ref.current) focusSafely.$6a99195332edec8b$export$80f3e147d781571c(ref.current);
+    if (isFocused && manager.isFocused) {
+      if (!shouldUseVirtualFocus) {
+        if (focus) focus();
+        else if (document.activeElement !== ref.current && ref.current) focusSafely.$6a99195332edec8b$export$80f3e147d781571c(ref.current);
+      } else {
+        var _ref_current;
+        let updateActiveDescendant = new CustomEvent($5671b20cf9b562b2$export$9db568f6321ad9dc, {
+          cancelable: true,
+          bubbles: true
+        });
+        (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.dispatchEvent(updateActiveDescendant);
+      }
     }
   }, [
     ref,
@@ -467,9 +541,11 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
     };
     else {
       itemPressProps.onPressUp = hasPrimaryAction ? void 0 : (e) => {
-        if (e.pointerType !== "keyboard" && allowsSelection) onSelect(e);
+        if (e.pointerType === "mouse" && allowsSelection) onSelect(e);
+      };
+      itemPressProps.onPress = hasPrimaryAction ? performAction : (e) => {
+        if (e.pointerType !== "keyboard" && e.pointerType !== "mouse" && allowsSelection) onSelect(e);
       };
-      itemPressProps.onPress = hasPrimaryAction ? performAction : void 0;
     }
   } else {
     itemPressProps.onPressStart = (e) => {
@@ -514,7 +590,8 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
     itemProps: mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(itemProps, allowsSelection || hasPrimaryAction ? pressProps : {}, longPressEnabled ? longPressProps : {}, {
       onDoubleClick,
       onDragStartCapture,
-      onClick
+      onClick,
+      id
     }),
     isPressed,
     isSelected: manager.isSelected(key),

package/__chunks__/{useSelectableList-DsUuWr0P.mjs → useSelectableList-DDqgQiaE.mjs}

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { c as $c5a24bc478652b5f$export$1005530eda016c13 } from "./SelectionManager-DCO_d3m1.mjs";
-import { a as $ae20dd8cbca75726$export$d6daf82dcd84e87c } from "./useSelectableItem-B8l2VAQ8.mjs";
+import { a as $ae20dd8cbca75726$export$d6daf82dcd84e87c } from "./useSelectableItem-BB067hsf.mjs";
 import { $ as $cc38e7bd3fc7b213$export$2bb74740c4e19def } from "./isScrollable-DwbLAiO0.mjs";
 import { $ as $325a3faab7a68acd$export$a16aca283550c30d } from "./useCollator-B-keb3wA.mjs";
 import { useMemo } from "react";

package/__chunks__/{useSelectableList-CzTJAukw.js → useSelectableList-Dk3TxzYJ.js}

@@ -19,7 +19,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const SelectionManager = require("./SelectionManager-DuX6geJg.js");
-const useSelectableItem = require("./useSelectableItem-DpEX9QBc.js");
+const useSelectableItem = require("./useSelectableItem-BEkjpB_K.js");
 const isScrollable = require("./isScrollable-CE3Xdlg4.js");
 const useCollator = require("./useCollator-DGrSWVh4.js");
 const React = require("react");

package/__chunks__/{useTextField-CErFc3WZ.js → useTextField-DM-ZTn9j.js}

@@ -19,14 +19,14 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const React = require("react");
-const isVirtualEvent = require("./isVirtualEvent-DwoP1rNI.js");
+const isVirtualEvent = require("./isVirtualEvent-C-tB2MCl.js");
 const mergeProps = require("./mergeProps-DniMwM6P.js");
 const filterDOMProps = require("./filterDOMProps-D3iOHP0H.js");
 const useFormReset = require("./useFormReset-Bgj93eR3.js");
 const useControlledState = require("./useControlledState-mnKBd6Uc.js");
 const useField = require("./useField-BJW_bXVD.js");
-const useFocusable = require("./useFocusable-8kJcp2yc.js");
-const useFormValidation = require("./useFormValidation-DYz5WFze.js");
+const useFocusable = require("./useFocusable-BQyiwtXU.js");
+const useFormValidation = require("./useFormValidation-BeqiYVJN.js");
 function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
   let { inputElementType = "input", isDisabled = false, isRequired = false, isReadOnly = false, type = "text", validationBehavior = "aria" } = props;
   let [value, setValue] = useControlledState.$458b0a5536c1a7cf$export$40bfa8c7b0832715(props.value, props.defaultValue || "", props.onChange);
@@ -73,6 +73,7 @@ function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
       "aria-activedescendant": props["aria-activedescendant"],
       "aria-autocomplete": props["aria-autocomplete"],
       "aria-haspopup": props["aria-haspopup"],
+      "aria-controls": props["aria-controls"],
       value,
       onChange: (e) => setValue(e.target.value),
       autoComplete: props.autoComplete,
@@ -82,6 +83,8 @@ function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
       name: props.name,
       placeholder: props.placeholder,
       inputMode: props.inputMode,
+      autoCorrect: props.autoCorrect,
+      spellCheck: props.spellCheck,
       // Clipboard events
       onCopy: props.onCopy,
       onCut: props.onCut,

package/__chunks__/{useTextField-Dd-YTxI4.mjs → useTextField-DmLS2Qbm.mjs}

@@ -18,14 +18,14 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { useEffect } from "react";
-import { a as $431fbd86ca7dc216$export$f21a1ffae260145a } from "./isVirtualEvent-BPCuFO54.mjs";
+import { a as $431fbd86ca7dc216$export$f21a1ffae260145a } from "./isVirtualEvent-B_Z4yzgm.mjs";
 import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-DSi85raC.mjs";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.mjs";
 import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-DA1Lwdha.mjs";
 import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useControlledState-CFWhSD5C.mjs";
 import { $ as $2baaea4c71418dea$export$294aa081a6c6f55d } from "./useField-B6VplZ_n.mjs";
-import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-CNor_Zjt.mjs";
-import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a } from "./useFormValidation-B3euLzzR.mjs";
+import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-DFWO-r50.mjs";
+import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a } from "./useFormValidation-DfzAl9pN.mjs";
 function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
   let { inputElementType = "input", isDisabled = false, isRequired = false, isReadOnly = false, type = "text", validationBehavior = "aria" } = props;
   let [value, setValue] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.value, props.defaultValue || "", props.onChange);
@@ -72,6 +72,7 @@ function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
       "aria-activedescendant": props["aria-activedescendant"],
       "aria-autocomplete": props["aria-autocomplete"],
       "aria-haspopup": props["aria-haspopup"],
+      "aria-controls": props["aria-controls"],
       value,
       onChange: (e) => setValue(e.target.value),
       autoComplete: props.autoComplete,
@@ -81,6 +82,8 @@ function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
       name: props.name,
       placeholder: props.placeholder,
       inputMode: props.inputMode,
+      autoCorrect: props.autoCorrect,
+      spellCheck: props.spellCheck,
       // Clipboard events
       onCopy: props.onCopy,
       onCut: props.onCut,

package/__chunks__/{useToggle-BfpHeO2F.js → useToggle-Cu5EqIJD.js}

@@ -21,8 +21,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const mergeProps = require("./mergeProps-DniMwM6P.js");
 const filterDOMProps = require("./filterDOMProps-D3iOHP0H.js");
 const useFormReset = require("./useFormReset-Bgj93eR3.js");
-const useFocusable = require("./useFocusable-8kJcp2yc.js");
-const usePress = require("./usePress-DNETV97g.js");
+const useFocusable = require("./useFocusable-BQyiwtXU.js");
+const usePress = require("./usePress-DTGD4Sub.js");
 function $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref) {
   let { isDisabled = false, isReadOnly = false, value, name, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, validationState = "valid", isInvalid } = props;
   let onChange = (e) => {

package/__chunks__/{useToggle-BDx-p-Zv.mjs → useToggle-infPUFau.mjs}

@@ -20,8 +20,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-DSi85raC.mjs";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.mjs";
 import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-DA1Lwdha.mjs";
-import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-CNor_Zjt.mjs";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-Db4pSZfY.mjs";
+import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-DFWO-r50.mjs";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-U7SFXdpv.mjs";
 function $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref) {
   let { isDisabled = false, isReadOnly = false, value, name, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, validationState = "valid", isInvalid } = props;
   let onChange = (e) => {

package/__chunks__/{utilities-DpKIaDkW.mjs → utilities-BXDJP7Yh.mjs}

@@ -32,9 +32,9 @@ var __objRest = (source, exclude) => {
 import React__default, { useCallback, useEffect } from "react";
 import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-5f58TiCH.mjs";
 import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-BHXy3Wtu.mjs";
-import { a as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-BC5PXI9q.mjs";
-import { $ as $a11501f3d1d39e6c$export$ea8f71083e90600f, a as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, b as $5e3802645cc19319$export$1c3ebcada18427bf } from "./ariaHideOutside-CxWZQtI1.mjs";
-import { $ as $2a41e45df1593e64$export$d39e1813b3bdd0e1 } from "./useOverlayPosition-dua8TTSS.mjs";
+import { a as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-BM6BpKe-.mjs";
+import { $ as $a11501f3d1d39e6c$export$ea8f71083e90600f, a as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, b as $5e3802645cc19319$export$1c3ebcada18427bf } from "./ariaHideOutside-DzT8L09V.mjs";
+import { $ as $2a41e45df1593e64$export$d39e1813b3bdd0e1 } from "./useOverlayPosition-VlLR-wFE.mjs";
 import { d as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-DSi85raC.mjs";
 import { getComponentToken, pxToRem, getResponsiveValue } from "../utilities/css.mjs";
 var $773d5888b972f1cf$exports = {};
@@ -244,7 +244,7 @@ function $f2f8a6077418541e$export$542a6fd13ac93354(props, state) {
     targetRef: triggerRef,
     overlayRef: popoverRef,
     isOpen: state.isOpen,
-    onClose: isNonModal ? state.close : void 0
+    onClose: isNonModal ? state.close : null
   }));
   $49c51c25361d4cd2$export$ee0f7cc6afcd1c18({
     isDisabled: isNonModal || !state.isOpen

package/__chunks__/{utilities-BDABIMDb.js → utilities-DIZYscJV.js}

@@ -33,9 +33,9 @@ var __objRest = (source, exclude) => {
 const React = require("react");
 const useLabels = require("./useLabels-KmwewLTv.js");
 const useLocalizedStringFormatter = require("./useLocalizedStringFormatter-CaF1VsOH.js");
-const VisuallyHidden = require("./VisuallyHidden-CVfjb1YY.js");
-const ariaHideOutside = require("./ariaHideOutside-B6WqGXJj.js");
-const useOverlayPosition = require("./useOverlayPosition-CMvGmqVL.js");
+const VisuallyHidden = require("./VisuallyHidden-DcUrMWfu.js");
+const ariaHideOutside = require("./ariaHideOutside-DkYn-eBq.js");
+const useOverlayPosition = require("./useOverlayPosition-DJGEWKwM.js");
 const mergeProps = require("./mergeProps-DniMwM6P.js");
 const utilities_css = require("../utilities/css.js");
 var $773d5888b972f1cf$exports = {};
@@ -245,7 +245,7 @@ function $f2f8a6077418541e$export$542a6fd13ac93354(props, state) {
     targetRef: triggerRef,
     overlayRef: popoverRef,
     isOpen: state.isOpen,
-    onClose: isNonModal ? state.close : void 0
+    onClose: isNonModal ? state.close : null
   }));
   ariaHideOutside.$49c51c25361d4cd2$export$ee0f7cc6afcd1c18({
     isDisabled: isNonModal || !state.isOpen