@primer/react 38.6.2 → 38.6.3-rc.42b944bf5

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @primer/react
 
+## 38.6.3
+
+### Patch Changes
+
+- [#7354](https://github.com/primer/react/pull/7354) [`efbebdf`](https://github.com/primer/react/commit/efbebdf6589bf454ab78f17c83dc84ce88145e7b) Thanks [@llastflowers](https://github.com/llastflowers)! - update SelectPanel Multi Select Modal story
+
+- [#7337](https://github.com/primer/react/pull/7337) [`de970d6`](https://github.com/primer/react/commit/de970d6682f4e9a3aa5e3c637e0245da2a7a9d84) Thanks [@mattcosta7](https://github.com/mattcosta7)! - perf(Autocomplete): Split context to reduce unnecessary re-renders
+
+  Split AutocompleteContext into separate contexts for static values, setters, and dynamic state.
+  Components now subscribe only to the context slices they need, reducing re-renders.
+
+- [#7342](https://github.com/primer/react/pull/7342) [`a8b42b2`](https://github.com/primer/react/commit/a8b42b2e4cff9575eae8df897e64c1ca67ee180a) Thanks [@mattcosta7](https://github.com/mattcosta7)! - perf(hasInteractiveNodes): Optimize with combined selector and early attribute checks
+
+  - Use combined querySelectorAll selector instead of recursive traversal
+  - Check attribute-based states (disabled, hidden, inert) before getComputedStyle
+  - Only call getComputedStyle when CSS-based visibility check is needed
+
 ## 38.6.2
 
 ### Patch Changes

package/dist/Autocomplete/Autocomplete.d.ts

@@ -15,11 +15,8 @@ declare const _default: React.FC<React.PropsWithChildren<{
     __SLOT__: symbol;
     Context: React.Context<{
         activeDescendantRef: React.MutableRefObject<HTMLElement | null>;
-        autocompleteSuggestion: string;
         id: string;
         inputRef: React.MutableRefObject<HTMLInputElement | null>;
-        inputValue: string;
-        isMenuDirectlyActivated: boolean;
         scrollContainerRef: React.MutableRefObject<HTMLElement | null>;
         selectedItemLength: number;
         setAutocompleteSuggestion: (value: string) => void;

package/dist/Autocomplete/Autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,cAAc,EAAE,gBAAgB,EAAC,MAAM,gBAAgB,CAAA;AAGpE,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AA0CvD,QAAA,MAAM,YAAY,EAAE,gBAAgB,CAAC,KAAK,CAAC,iBAAiB,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC,CA6C1E,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAA;AACnE,YAAY,EAAC,sBAAsB,EAAC,MAAM,qBAAqB,CAAA;AAC/D,YAAY,EAAC,qBAAqB,EAAC,MAAM,oBAAoB,CAAA;AAC7D,YAAY,EAAC,wBAAwB,EAAC,MAAM,uBAAuB,CAAA;;SAlDA,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDzE,wBAME"}
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,cAAc,EAAE,gBAAgB,EAAC,MAAM,gBAAgB,CAAA;AAGpE,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AA0CvD,QAAA,MAAM,YAAY,EAAE,gBAAgB,CAAC,KAAK,CAAC,iBAAiB,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC,CA4E1E,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAA;AACnE,YAAY,EAAC,sBAAsB,EAAC,MAAM,qBAAqB,CAAA;AAC/D,YAAY,EAAC,qBAAqB,EAAC,MAAM,oBAAoB,CAAA;AAC7D,YAAY,EAAC,wBAAwB,EAAC,MAAM,uBAAuB,CAAA;;SAjFA,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkFzE,wBAME"}

package/dist/Autocomplete/Autocomplete.js

@@ -1,6 +1,6 @@
 import { c } from 'react-compiler-runtime';
-import { useRef, useReducer } from 'react';
-import { AutocompleteContext } from './AutocompleteContext.js';
+import { useRef, useReducer, useDeferredValue } from 'react';
+import { AutocompleteContext, AutocompleteDeferredInputContext, AutocompleteInputContext } from './AutocompleteContext.js';
 import AutocompleteInput from './AutocompleteInput.js';
 import AutocompleteMenu from './AutocompleteMenu.js';
 import AutocompleteOverlay from './AutocompleteOverlay.js';
@@ -50,7 +50,7 @@ const reducer = (state, action) => {
   }
 };
 const Autocomplete = t0 => {
-  const $ = c(15);
+  const $ = c(24);
   const {
     children,
     id: idProp
@@ -133,14 +133,11 @@ const Autocomplete = t0 => {
   const setSelectedItemLength = t5;
   const id = useId(idProp);
   let t6;
-  if ($[5] !== autocompleteSuggestion || $[6] !== id || $[7] !== inputValue || $[8] !== isMenuDirectlyActivated || $[9] !== selectedItemLength || $[10] !== showMenu) {
+  if ($[5] !== id || $[6] !== selectedItemLength || $[7] !== showMenu) {
     t6 = {
       activeDescendantRef,
-      autocompleteSuggestion,
       id,
       inputRef,
-      inputValue,
-      isMenuDirectlyActivated,
       scrollContainerRef,
       selectedItemLength,
       setAutocompleteSuggestion,
@@ -150,29 +147,78 @@ const Autocomplete = t0 => {
       setSelectedItemLength,
       showMenu
     };
-    $[5] = autocompleteSuggestion;
-    $[6] = id;
-    $[7] = inputValue;
-    $[8] = isMenuDirectlyActivated;
-    $[9] = selectedItemLength;
-    $[10] = showMenu;
-    $[11] = t6;
+    $[5] = id;
+    $[6] = selectedItemLength;
+    $[7] = showMenu;
+    $[8] = t6;
   } else {
-    t6 = $[11];
+    t6 = $[8];
   }
+  const autocompleteContextValue = t6;
   let t7;
-  if ($[12] !== children || $[13] !== t6) {
-    t7 = /*#__PURE__*/jsx(AutocompleteContext.Provider, {
-      value: t6,
+  if ($[9] !== autocompleteSuggestion || $[10] !== inputValue || $[11] !== isMenuDirectlyActivated) {
+    t7 = {
+      autocompleteSuggestion,
+      inputValue,
+      isMenuDirectlyActivated
+    };
+    $[9] = autocompleteSuggestion;
+    $[10] = inputValue;
+    $[11] = isMenuDirectlyActivated;
+    $[12] = t7;
+  } else {
+    t7 = $[12];
+  }
+  const autocompleteInputContextValue = t7;
+  const deferredInputValue = useDeferredValue(inputValue);
+  let t8;
+  if ($[13] !== deferredInputValue) {
+    t8 = {
+      deferredInputValue
+    };
+    $[13] = deferredInputValue;
+    $[14] = t8;
+  } else {
+    t8 = $[14];
+  }
+  const autocompleteDeferredInputContextValue = t8;
+  let t9;
+  if ($[15] !== autocompleteDeferredInputContextValue || $[16] !== children) {
+    t9 = /*#__PURE__*/jsx(AutocompleteDeferredInputContext.Provider, {
+      value: autocompleteDeferredInputContextValue,
       children: children
     });
-    $[12] = children;
-    $[13] = t6;
-    $[14] = t7;
+    $[15] = autocompleteDeferredInputContextValue;
+    $[16] = children;
+    $[17] = t9;
+  } else {
+    t9 = $[17];
+  }
+  let t10;
+  if ($[18] !== autocompleteInputContextValue || $[19] !== t9) {
+    t10 = /*#__PURE__*/jsx(AutocompleteInputContext.Provider, {
+      value: autocompleteInputContextValue,
+      children: t9
+    });
+    $[18] = autocompleteInputContextValue;
+    $[19] = t9;
+    $[20] = t10;
+  } else {
+    t10 = $[20];
+  }
+  let t11;
+  if ($[21] !== autocompleteContextValue || $[22] !== t10) {
+    t11 = /*#__PURE__*/jsx(AutocompleteContext.Provider, {
+      value: autocompleteContextValue,
+      children: t10
+    });
+    $[21] = autocompleteContextValue;
+    $[22] = t10;
+    $[23] = t11;
   } else {
-    t7 = $[14];
+    t11 = $[23];
   }
-  return t7;
+  return t11;
 };
 var Autocomplete$1 = Object.assign(Autocomplete, {
   __SLOT__: Symbol('Autocomplete'),

package/dist/Autocomplete/AutocompleteContext.d.ts

@@ -1,10 +1,12 @@
+/**
+ * Base context containing refs, stable IDs, menu visibility state, and callbacks.
+ * This context changes when menu opens/closes or selection changes, but NOT on every keystroke.
+ * Consumers like AutocompleteOverlay that don't need input text should use only this context.
+ */
 export declare const AutocompleteContext: import("react").Context<{
     activeDescendantRef: React.MutableRefObject<HTMLElement | null>;
-    autocompleteSuggestion: string;
     id: string;
     inputRef: React.MutableRefObject<HTMLInputElement | null>;
-    inputValue: string;
-    isMenuDirectlyActivated: boolean;
     scrollContainerRef: React.MutableRefObject<HTMLElement | null>;
     selectedItemLength: number;
     setAutocompleteSuggestion: (value: string) => void;
@@ -14,4 +16,22 @@ export declare const AutocompleteContext: import("react").Context<{
     setShowMenu: (value: boolean) => void;
     showMenu: boolean;
 } | null>;
+/**
+ * Input-related state that changes on every keystroke.
+ * Only AutocompleteInput needs this for immediate text display and suggestion highlighting.
+ */
+export declare const AutocompleteInputContext: import("react").Context<{
+    autocompleteSuggestion: string;
+    inputValue: string;
+    isMenuDirectlyActivated: boolean;
+} | null>;
+/**
+ * Deferred input value for expensive operations like filtering.
+ * Uses React's useDeferredValue to allow typing to remain responsive while
+ * filtering large lists at lower priority.
+ * AutocompleteMenu uses this to avoid blocking keystrokes during filtering.
+ */
+export declare const AutocompleteDeferredInputContext: import("react").Context<{
+    deferredInputValue: string;
+} | null>;
 //# sourceMappingURL=AutocompleteContext.d.ts.map

package/dist/Autocomplete/AutocompleteContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteContext.d.ts","sourceRoot":"","sources":["../../src/Autocomplete/AutocompleteContext.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB;yBACT,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC;4BACvC,MAAM;QAE1B,MAAM;cACA,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC;gBAC7C,MAAM;6BACO,OAAO;wBACZ,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC;wBAC1C,MAAM;+BACC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;mBACnC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;gCACV,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;2BAC7B,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;iBACjC,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;cAC3B,OAAO;SACJ,CAAA"}
+{"version":3,"file":"AutocompleteContext.d.ts","sourceRoot":"","sources":["../../src/Autocomplete/AutocompleteContext.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;yBACT,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC;QAE3D,MAAM;cACA,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC;wBACrC,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC;wBAC1C,MAAM;+BACC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;mBACnC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;gCACV,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;2BAC7B,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;iBACjC,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;cAC3B,OAAO;SACJ,CAAA;AAEf;;;GAGG;AACH,eAAO,MAAM,wBAAwB;4BACX,MAAM;gBAClB,MAAM;6BACO,OAAO;SACnB,CAAA;AAEf;;;;;GAKG;AACH,eAAO,MAAM,gCAAgC;wBACvB,MAAM;SACb,CAAA"}

package/dist/Autocomplete/AutocompleteContext.js

@@ -1,5 +1,24 @@
 import { createContext } from 'react';
 
+/**
+ * Base context containing refs, stable IDs, menu visibility state, and callbacks.
+ * This context changes when menu opens/closes or selection changes, but NOT on every keystroke.
+ * Consumers like AutocompleteOverlay that don't need input text should use only this context.
+ */
 const AutocompleteContext = /*#__PURE__*/createContext(null);
 
-export { AutocompleteContext };
+/**
+ * Input-related state that changes on every keystroke.
+ * Only AutocompleteInput needs this for immediate text display and suggestion highlighting.
+ */
+const AutocompleteInputContext = /*#__PURE__*/createContext(null);
+
+/**
+ * Deferred input value for expensive operations like filtering.
+ * Uses React's useDeferredValue to allow typing to remain responsive while
+ * filtering large lists at lower priority.
+ * AutocompleteMenu uses this to avoid blocking keystrokes during filtering.
+ */
+const AutocompleteDeferredInputContext = /*#__PURE__*/createContext(null);
+
+export { AutocompleteContext, AutocompleteDeferredInputContext, AutocompleteInputContext };

package/dist/Autocomplete/AutocompleteInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteInput.d.ts","sourceRoot":"","sources":["../../src/Autocomplete/AutocompleteInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqD,MAAM,OAAO,CAAA;AACzE,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAE/F,OAAO,SAAS,MAAM,cAAc,CAAA;AAEpC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAGlD,KAAK,8BAA8B,GAAG;IAEpC,EAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAA;IAEtD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAID,QAAA,MAAM,iBAAiB,EAiKlB,8BAA8B,CAAC,OAAO,SAAS,EAAE,8BAA8B,CAAC,CAAA;AAIrF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAC7E,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"AutocompleteInput.d.ts","sourceRoot":"","sources":["../../src/Autocomplete/AutocompleteInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqD,MAAM,OAAO,CAAA;AACzE,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAE/F,OAAO,SAAS,MAAM,cAAc,CAAA;AAEpC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAGlD,KAAK,8BAA8B,GAAG;IAEpC,EAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAA;IAEtD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAID,QAAA,MAAM,iBAAiB,EAyJlB,8BAA8B,CAAC,OAAO,SAAS,EAAE,8BAA8B,CAAC,CAAA;AAIrF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAC7E,eAAe,iBAAiB,CAAA"}

package/dist/Autocomplete/AutocompleteInput.js

@@ -1,5 +1,5 @@
 import React, { useContext, useState, useCallback, useEffect } from 'react';
-import { AutocompleteContext } from './AutocompleteContext.js';
+import { AutocompleteContext, AutocompleteInputContext } from './AutocompleteContext.js';
 import { useRefObjectAsForwardedRef } from '../hooks/useRefObjectAsForwardedRef.js';
 import useSafeTimeout from '../hooks/useSafeTimeout.js';
 import { jsx } from 'react/jsx-runtime';
@@ -19,20 +19,23 @@ const AutocompleteInput = /*#__PURE__*/React.forwardRef(({
   ...props
 }, forwardedRef) => {
   const autocompleteContext = useContext(AutocompleteContext);
-  if (autocompleteContext === null) {
+  const inputContext = useContext(AutocompleteInputContext);
+  if (autocompleteContext === null || inputContext === null) {
     throw new Error('AutocompleteContext returned null values');
   }
   const {
     activeDescendantRef,
-    autocompleteSuggestion = '',
     id,
     inputRef,
-    inputValue = '',
-    isMenuDirectlyActivated,
     setInputValue,
     setShowMenu,
     showMenu
   } = autocompleteContext;
+  const {
+    autocompleteSuggestion = '',
+    inputValue = '',
+    isMenuDirectlyActivated
+  } = inputContext;
   useRefObjectAsForwardedRef(forwardedRef, inputRef);
   const [highlightRemainingText, setHighlightRemainingText] = useState(true);
   const {

package/dist/Autocomplete/AutocompleteMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteMenu.d.ts","sourceRoot":"","sources":["../../src/Autocomplete/AutocompleteMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAA;AAK7E,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,eAAe,CAAA;AAGtD,OAAO,KAAK,EAAC,cAAc,EAAE,YAAY,EAAW,MAAM,gBAAgB,CAAA;AAI1E,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AAOrD,KAAK,gBAAgB,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,IAAI,CAAA;AAClD,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,mBAAmB,EAAE,IAAI,CAAC,GAAG;IAE3E,aAAa,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAA;IACrG,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,cAAc,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAA;CACvG,CAAA;AA4BD,KAAK,qBAAqB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,oBAAoB,GAAG;IAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;CAAC,CAAA;AAE3F,MAAM,MAAM,6BAA6B,CAAC,CAAC,SAAS,qBAAqB,IAAI;IAC3E;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG;QACf,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE,UAAU,GAAG,eAAe,CAAC,KAAK,IAAI,CAAA;KACrE,CAAA;IAED;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,GAAG,IAAI,CAAA;IAE/C;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,OAAO,CAAA;IAE1C;;;OAGG;IACH,KAAK,EAAE,CAAC,EAAE,CAAA;IAEV;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IAEH,eAAe,EAAE,MAAM,EAAE,CAAA;IAEzB;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,MAAM,CAAA;IAE5D;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;IAExC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAEtC;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAA;IAEtC;;;;OAIG;IACH,wBAAwB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAErE,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA;AAUD,iBAAS,gBAAgB,CAAC,CAAC,SAAS,qBAAqB,EAAE,KAAK,EAAE,6BAA6B,CAAC,CAAC,CAAC,qBAgRjG;kBAhRQ,gBAAgB;;;;AAoRzB,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAC3E,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"AutocompleteMenu.d.ts","sourceRoot":"","sources":["../../src/Autocomplete/AutocompleteMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAA;AAK7E,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,eAAe,CAAA;AAGtD,OAAO,KAAK,EAAC,cAAc,EAAE,YAAY,EAAW,MAAM,gBAAgB,CAAA;AAI1E,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AAOrD,KAAK,gBAAgB,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,IAAI,CAAA;AAClD,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,mBAAmB,EAAE,IAAI,CAAC,GAAG;IAE3E,aAAa,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAA;IACrG,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,cAAc,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAA;CACvG,CAAA;AA4BD,KAAK,qBAAqB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,oBAAoB,GAAG;IAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;CAAC,CAAA;AAE3F,MAAM,MAAM,6BAA6B,CAAC,CAAC,SAAS,qBAAqB,IAAI;IAC3E;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG;QACf,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE,UAAU,GAAG,eAAe,CAAC,KAAK,IAAI,CAAA;KACrE,CAAA;IAED;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,GAAG,IAAI,CAAA;IAE/C;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,OAAO,CAAA;IAE1C;;;OAGG;IACH,KAAK,EAAE,CAAC,EAAE,CAAA;IAEV;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IAEH,eAAe,EAAE,MAAM,EAAE,CAAA;IAEzB;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,MAAM,CAAA;IAE5D;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;IAExC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAEtC;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAA;IAEtC;;;;OAIG;IACH,wBAAwB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAErE,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA;AAUD,iBAAS,gBAAgB,CAAC,CAAC,SAAS,qBAAqB,EAAE,KAAK,EAAE,6BAA6B,CAAC,CAAC,CAAC,qBAqRjG;kBArRQ,gBAAgB;;;;AAyRzB,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAC3E,eAAe,gBAAgB,CAAA"}

package/dist/Autocomplete/AutocompleteMenu.js

@@ -6,7 +6,7 @@ import { scrollIntoView } from '@primer/behaviors';
 import { ActionList } from '../ActionList/index.js';
 import { useFocusZone } from '../hooks/useFocusZone.js';
 import { useId } from '../hooks/useId.js';
-import { AutocompleteContext } from './AutocompleteContext.js';
+import { AutocompleteContext, AutocompleteDeferredInputContext } from './AutocompleteContext.js';
 import { PlusIcon } from '@primer/octicons-react';
 import VisuallyHidden from '../_VisuallyHidden.js';
 import { isElement } from 'react-is';
@@ -50,14 +50,14 @@ const debounceAnnouncement = debounce(announcement => {
 function AutocompleteMenu(props) {
   const $ = c(78);
   const autocompleteContext = useContext(AutocompleteContext);
-  if (autocompleteContext === null) {
+  const deferredInputContext = useContext(AutocompleteDeferredInputContext);
+  if (autocompleteContext === null || deferredInputContext === null) {
     throw new Error("AutocompleteContext returned null values");
   }
   const {
     activeDescendantRef,
     id,
     inputRef,
-    inputValue: t0,
     scrollContainerRef,
     setAutocompleteSuggestion,
     setShowMenu,
@@ -66,46 +66,48 @@ function AutocompleteMenu(props) {
     setSelectedItemLength,
     showMenu
   } = autocompleteContext;
-  const inputValue = t0 === undefined ? "" : t0;
+  const {
+    deferredInputValue
+  } = deferredInputContext;
   const {
     items,
     selectedItemIds,
     sortOnCloseFn,
-    emptyStateText: t1,
+    emptyStateText: t0,
     addNewItem,
     loading,
-    selectionVariant: t2,
+    selectionVariant: t1,
     filterFn,
     "aria-labelledby": ariaLabelledBy,
     onOpenChange,
     onSelectedChange,
     customScrollContainerRef
   } = props;
-  const emptyStateText = t1 === undefined ? "No selectable options" : t1;
-  const selectionVariant = t2 === undefined ? "single" : t2;
+  const emptyStateText = t0 === undefined ? "No selectable options" : t0;
+  const selectionVariant = t1 === undefined ? "single" : t1;
   const listContainerRef = useRef(null);
-  let t3;
+  let t2;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = [];
-    $[0] = t3;
+    t2 = [];
+    $[0] = t2;
   } else {
-    t3 = $[0];
+    t2 = $[0];
   }
-  const allItemsToRenderRef = useRef(t3);
+  const allItemsToRenderRef = useRef(t2);
   const [highlightedItem, setHighlightedItem] = useState();
-  let t4;
+  let t3;
   if ($[1] !== items) {
-    t4 = items.map(_temp);
+    t3 = items.map(_temp);
     $[1] = items;
-    $[2] = t4;
+    $[2] = t3;
   } else {
-    t4 = $[2];
+    t3 = $[2];
   }
-  const [sortedItemIds, setSortedItemIds] = useState(t4);
+  const [sortedItemIds, setSortedItemIds] = useState(t3);
   const generatedUniqueId = useId(id);
-  let t5;
+  let t4;
   if ($[3] !== (highlightedItem === null || highlightedItem === void 0 ? void 0 : highlightedItem.id) || $[4] !== inputRef || $[5] !== items || $[6] !== onSelectedChange || $[7] !== selectedItemIds || $[8] !== selectionVariant || $[9] !== setAutocompleteSuggestion || $[10] !== setInputValue || $[11] !== setShowMenu) {
-    t5 = items.map(selectableItem => ({
+    t4 = items.map(selectableItem => ({
       ...selectableItem,
       role: "option",
       id: selectableItem.id,
@@ -135,43 +137,43 @@ function AutocompleteMenu(props) {
     $[9] = setAutocompleteSuggestion;
     $[10] = setInputValue;
     $[11] = setShowMenu;
-    $[12] = t5;
+    $[12] = t4;
   } else {
-    t5 = $[12];
+    t4 = $[12];
   }
-  const selectableItems = t5;
-  let t6;
+  const selectableItems = t4;
+  let t5;
   if ($[13] !== sortedItemIds) {
-    t6 = sortedItemIds.reduce(_temp2, {});
+    t5 = sortedItemIds.reduce(_temp2, {});
     $[13] = sortedItemIds;
-    $[14] = t6;
+    $[14] = t5;
   } else {
-    t6 = $[14];
+    t5 = $[14];
   }
-  const itemSortOrderData = t6;
-  let t7;
-  if ($[15] !== filterFn || $[16] !== inputValue || $[17] !== itemSortOrderData || $[18] !== selectableItems) {
-    let t8;
+  const itemSortOrderData = t5;
+  let t6;
+  if ($[15] !== deferredInputValue || $[16] !== filterFn || $[17] !== itemSortOrderData || $[18] !== selectableItems) {
+    let t7;
     if ($[20] !== itemSortOrderData) {
-      t8 = (a, b) => itemSortOrderData[a.id] - itemSortOrderData[b.id];
+      t7 = (a, b) => itemSortOrderData[a.id] - itemSortOrderData[b.id];
       $[20] = itemSortOrderData;
-      $[21] = t8;
+      $[21] = t7;
     } else {
-      t8 = $[21];
+      t7 = $[21];
     }
-    t7 = selectableItems.filter(filterFn ? filterFn : getDefaultItemFilter(inputValue)).sort(t8);
-    $[15] = filterFn;
-    $[16] = inputValue;
+    t6 = selectableItems.filter(filterFn ? filterFn : getDefaultItemFilter(deferredInputValue)).sort(t7);
+    $[15] = deferredInputValue;
+    $[16] = filterFn;
     $[17] = itemSortOrderData;
     $[18] = selectableItems;
-    $[19] = t7;
+    $[19] = t6;
   } else {
-    t7 = $[19];
+    t6 = $[19];
   }
-  const sortedAndFilteredItemsToRender = t7;
-  let t8;
+  const sortedAndFilteredItemsToRender = t6;
+  let t7;
   if ($[22] !== addNewItem || $[23] !== generatedUniqueId || $[24] !== (highlightedItem === null || highlightedItem === void 0 ? void 0 : highlightedItem.id) || $[25] !== selectedItemIds || $[26] !== selectionVariant || $[27] !== setAutocompleteSuggestion || $[28] !== setInputValue) {
-    t8 = addNewItem ? [{
+    t7 = addNewItem ? [{
       ...addNewItem,
       role: "option",
       key: addNewItem.id,
@@ -197,52 +199,52 @@ function AutocompleteMenu(props) {
     $[26] = selectionVariant;
     $[27] = setAutocompleteSuggestion;
     $[28] = setInputValue;
-    $[29] = t8;
+    $[29] = t7;
   } else {
-    t8 = $[29];
+    t7 = $[29];
   }
-  let t9;
-  if ($[30] !== sortedAndFilteredItemsToRender || $[31] !== t8) {
-    t9 = [...sortedAndFilteredItemsToRender, ...t8];
+  let t8;
+  if ($[30] !== sortedAndFilteredItemsToRender || $[31] !== t7) {
+    t8 = [...sortedAndFilteredItemsToRender, ...t7];
     $[30] = sortedAndFilteredItemsToRender;
-    $[31] = t8;
-    $[32] = t9;
+    $[31] = t7;
+    $[32] = t8;
   } else {
-    t9 = $[32];
+    t8 = $[32];
   }
-  const allItemsToRender = t9;
-  let t10;
+  const allItemsToRender = t8;
+  let t9;
   if ($[33] !== allItemsToRender) {
-    t10 = () => {
+    t9 = () => {
       allItemsToRenderRef.current = allItemsToRender;
     };
     $[33] = allItemsToRender;
-    $[34] = t10;
+    $[34] = t9;
   } else {
-    t10 = $[34];
+    t9 = $[34];
   }
-  React.useEffect(t10);
+  React.useEffect(t9);
+  let t10;
   let t11;
-  let t12;
   if ($[35] !== allItemsToRender || $[36] !== emptyStateText) {
-    t11 = () => {
+    t10 = () => {
       if (allItemsToRender.length === 0) {
         debounceAnnouncement(emptyStateText);
       }
     };
-    t12 = [allItemsToRender, emptyStateText];
+    t11 = [allItemsToRender, emptyStateText];
     $[35] = allItemsToRender;
     $[36] = emptyStateText;
-    $[37] = t11;
-    $[38] = t12;
+    $[37] = t10;
+    $[38] = t11;
   } else {
-    t11 = $[37];
-    t12 = $[38];
+    t10 = $[37];
+    t11 = $[38];
   }
-  React.useEffect(t11, t12);
-  let t13;
+  React.useEffect(t10, t11);
+  let t12;
   if ($[39] !== activeDescendantRef || $[40] !== customScrollContainerRef || $[41] !== scrollContainerRef || $[42] !== setIsMenuDirectlyActivated) {
-    t13 = (current, _previous, directlyActivated) => {
+    t12 = (current, _previous, directlyActivated) => {
       activeDescendantRef.current = current || null;
       if (current) {
         const selectedItem = allItemsToRenderRef.current.find(item_1 => {
@@ -264,61 +266,61 @@ function AutocompleteMenu(props) {
     $[40] = customScrollContainerRef;
     $[41] = scrollContainerRef;
     $[42] = setIsMenuDirectlyActivated;
-    $[43] = t13;
+    $[43] = t12;
   } else {
-    t13 = $[43];
+    t12 = $[43];
   }
-  let t14;
-  if ($[44] !== inputRef || $[45] !== t13) {
-    t14 = {
+  let t13;
+  if ($[44] !== inputRef || $[45] !== t12) {
+    t13 = {
       containerRef: listContainerRef,
       focusOutBehavior: "wrap",
       focusableElementFilter: _temp4,
       activeDescendantFocus: inputRef,
-      onActiveDescendantChanged: t13
+      onActiveDescendantChanged: t12
     };
     $[44] = inputRef;
-    $[45] = t13;
-    $[46] = t14;
+    $[45] = t12;
+    $[46] = t13;
   } else {
-    t14 = $[46];
+    t13 = $[46];
   }
-  let t15;
+  let t14;
   if ($[47] !== loading) {
-    t15 = [loading];
+    t14 = [loading];
     $[47] = loading;
-    $[48] = t15;
+    $[48] = t14;
   } else {
-    t15 = $[48];
+    t14 = $[48];
   }
-  useFocusZone(t14, t15);
+  useFocusZone(t13, t14);
+  let t15;
   let t16;
-  let t17;
-  if ($[49] !== highlightedItem || $[50] !== inputValue || $[51] !== selectedItemIds || $[52] !== setAutocompleteSuggestion) {
-    t16 = () => {
+  if ($[49] !== deferredInputValue || $[50] !== highlightedItem || $[51] !== selectedItemIds || $[52] !== setAutocompleteSuggestion) {
+    t15 = () => {
       var _highlightedItem$text;
-      if (highlightedItem !== null && highlightedItem !== void 0 && (_highlightedItem$text = highlightedItem.text) !== null && _highlightedItem$text !== void 0 && _highlightedItem$text.startsWith(inputValue) && !selectedItemIds.includes(highlightedItem.id)) {
+      if (highlightedItem !== null && highlightedItem !== void 0 && (_highlightedItem$text = highlightedItem.text) !== null && _highlightedItem$text !== void 0 && _highlightedItem$text.startsWith(deferredInputValue) && !selectedItemIds.includes(highlightedItem.id)) {
         setAutocompleteSuggestion(highlightedItem.text);
       } else {
         setAutocompleteSuggestion("");
       }
     };
-    t17 = [highlightedItem, inputValue, selectedItemIds, setAutocompleteSuggestion];
-    $[49] = highlightedItem;
-    $[50] = inputValue;
+    t16 = [highlightedItem, deferredInputValue, selectedItemIds, setAutocompleteSuggestion];
+    $[49] = deferredInputValue;
+    $[50] = highlightedItem;
     $[51] = selectedItemIds;
     $[52] = setAutocompleteSuggestion;
-    $[53] = t16;
-    $[54] = t17;
+    $[53] = t15;
+    $[54] = t16;
   } else {
-    t16 = $[53];
-    t17 = $[54];
+    t15 = $[53];
+    t16 = $[54];
   }
-  useEffect(t16, t17);
+  useEffect(t15, t16);
+  let t17;
   let t18;
-  let t19;
   if ($[55] !== onOpenChange || $[56] !== selectedItemIds || $[57] !== showMenu || $[58] !== sortOnCloseFn || $[59] !== sortedItemIds) {
-    t18 = () => {
+    t17 = () => {
       const itemIdSortResult = [...sortedItemIds].sort(sortOnCloseFn ? sortOnCloseFn : getDefaultSortFn(itemId_0 => isItemSelected(itemId_0, selectedItemIds)));
       const sortResultMatchesState = itemIdSortResult.length === sortedItemIds.length && itemIdSortResult.every((element_0, index) => element_0 === sortedItemIds[index]);
       if (showMenu === false && !sortResultMatchesState) {
@@ -326,48 +328,48 @@ function AutocompleteMenu(props) {
       }
       onOpenChange && onOpenChange(Boolean(showMenu));
     };
-    t19 = [showMenu, onOpenChange, selectedItemIds, sortOnCloseFn, sortedItemIds];
+    t18 = [showMenu, onOpenChange, selectedItemIds, sortOnCloseFn, sortedItemIds];
     $[55] = onOpenChange;
     $[56] = selectedItemIds;
     $[57] = showMenu;
     $[58] = sortOnCloseFn;
     $[59] = sortedItemIds;
-    $[60] = t18;
-    $[61] = t19;
+    $[60] = t17;
+    $[61] = t18;
   } else {
-    t18 = $[60];
-    t19 = $[61];
+    t17 = $[60];
+    t18 = $[61];
   }
-  useEffect(t18, t19);
-  let t20;
+  useEffect(t17, t18);
+  let t19;
   if ($[62] !== selectedItemIds.length || $[63] !== setSelectedItemLength) {
-    t20 = () => {
+    t19 = () => {
       if (selectedItemIds.length) {
         setSelectedItemLength(selectedItemIds.length);
       }
     };
     $[62] = selectedItemIds.length;
     $[63] = setSelectedItemLength;
-    $[64] = t20;
+    $[64] = t19;
   } else {
-    t20 = $[64];
+    t19 = $[64];
   }
-  let t21;
+  let t20;
   if ($[65] !== selectedItemIds || $[66] !== setSelectedItemLength) {
-    t21 = [selectedItemIds, setSelectedItemLength];
+    t20 = [selectedItemIds, setSelectedItemLength];
     $[65] = selectedItemIds;
     $[66] = setSelectedItemLength;
-    $[67] = t21;
+    $[67] = t20;
   } else {
-    t21 = $[67];
+    t20 = $[67];
   }
-  useEffect(t20, t21);
+  useEffect(t19, t20);
   if (selectionVariant === "single" && selectedItemIds.length > 1) {
     throw new Error("Autocomplete: selectionVariant \"single\" cannot be used with multiple selected items");
   }
-  let t22;
+  let t21;
   if ($[68] !== allItemsToRender || $[69] !== ariaLabelledBy || $[70] !== emptyStateText || $[71] !== id || $[72] !== loading || $[73] !== selectionVariant) {
-    t22 = loading ? /*#__PURE__*/jsx("div", {
+    t21 = loading ? /*#__PURE__*/jsx("div", {
       className: classes.SpinnerWrapper,
       children: /*#__PURE__*/jsx(Spinner, {})
     }) : /*#__PURE__*/jsx("div", {
@@ -389,23 +391,23 @@ function AutocompleteMenu(props) {
     $[71] = id;
     $[72] = loading;
     $[73] = selectionVariant;
-    $[74] = t22;
+    $[74] = t21;
   } else {
-    t22 = $[74];
+    t21 = $[74];
   }
-  let t23;
-  if ($[75] !== showMenu || $[76] !== t22) {
-    t23 = /*#__PURE__*/jsx(VisuallyHidden, {
+  let t22;
+  if ($[75] !== showMenu || $[76] !== t21) {
+    t22 = /*#__PURE__*/jsx(VisuallyHidden, {
       isVisible: showMenu,
-      children: t22
+      children: t21
     });
     $[75] = showMenu;
-    $[76] = t22;
-    $[77] = t23;
+    $[76] = t21;
+    $[77] = t22;
   } else {
-    t23 = $[77];
+    t22 = $[77];
   }
-  return t23;
+  return t22;
 }
 function _temp5(item_2) {
   const {

package/dist/internal/utils/hasInteractiveNodes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hasInteractiveNodes.d.ts","sourceRoot":"","sources":["../../../src/internal/utils/hasInteractiveNodes.ts"],"names":[],"mappings":"AAwBA;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,EAAE,WAAW,CAAC,EAAE,WAAW,EAAE,WAUxF"}
+{"version":3,"file":"hasInteractiveNodes.d.ts","sourceRoot":"","sources":["../../../src/internal/utils/hasInteractiveNodes.ts"],"names":[],"mappings":"AA2BA;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,EAAE,WAAW,CAAC,EAAE,WAAW,EAAE,WAkBxF"}

package/dist/internal/utils/hasInteractiveNodes.js

@@ -7,6 +7,9 @@ const nonValidSelectors = {
 const interactiveElementsSelectors = [`a[href]`, `button`, 'summary', 'select', 'input:not([type=hidden])', 'textarea', '[tabindex="0"]', `audio[controls]`, `video[controls]`, `[contenteditable]`];
 const interactiveElements = interactiveElementsSelectors.map(selector => `${selector}:not(${Object.values(nonValidSelectors).join('):not(')})`);
 
+// Combined selector for fast querySelector check
+const interactiveSelector = interactiveElements.join(', ');
+
 /**
  * Finds interactive nodes within the passed node.
  * If the node itself is interactive, or children within are, it will return true.
@@ -23,26 +26,29 @@ function hasInteractiveNodes(node, ignoreNodes) {
   // If one does exist, we can abort early.
 
   const nodesToIgnore = [node];
-  const interactiveNodes = findInteractiveChildNodes(node, nodesToIgnore);
-  return Boolean(interactiveNodes);
+
+  // Performance optimization: Use querySelectorAll with combined selector first
+  // This avoids recursive getComputedStyle calls for each node
+  const candidates = node.querySelectorAll(interactiveSelector);
+  for (const candidate of candidates) {
+    if (!nodesToIgnore.includes(candidate) && !isNonValidInteractiveNode(candidate)) {
+      return true;
+    }
+  }
+  return false;
 }
+
+// Note: Only call getComputedStyle when CSS-based checks are insufficient
 function isNonValidInteractiveNode(node) {
-  const nodeStyle = getComputedStyle(node);
+  // Fast path: Check attribute-based states first (no style recalc needed)
   const isNonInteractive = node.matches('[disabled], [hidden], [inert]');
+  if (isNonInteractive) return true;
+
+  // Only call getComputedStyle if attribute checks passed
+  // This is necessary for display:none and visibility:hidden which aren't detectable via attributes
+  const nodeStyle = getComputedStyle(node);
   const isHiddenVisually = nodeStyle.display === 'none' || nodeStyle.visibility === 'hidden';
-  return isNonInteractive || isHiddenVisually;
-}
-function findInteractiveChildNodes(node, ignoreNodes) {
-  if (!node) return;
-  const ignoreSelector = ignoreNodes.find(elem => elem === node);
-  const isNotValidNode = isNonValidInteractiveNode(node);
-  if (node.matches(interactiveElements.join(', ')) && !ignoreSelector && !isNotValidNode) {
-    return node;
-  }
-  for (const child of node.children) {
-    const interactiveNode = findInteractiveChildNodes(child, ignoreNodes);
-    if (interactiveNode) return true;
-  }
+  return isHiddenVisually;
 }
 
 export { hasInteractiveNodes };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@primer/react",
   "type": "module",
-  "version": "38.6.2",
+  "version": "38.6.3-rc.42b944bf5",
   "description": "An implementation of GitHub's Primer Design System using React",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -81,7 +81,7 @@
     "@oddbird/popover-polyfill": "^0.5.2",
     "@primer/behaviors": "^1.9.0",
     "@primer/live-region-element": "^0.7.1",
-    "@primer/octicons-react": "^19.13.0",
+    "@primer/octicons-react": "^19.21.0",
     "@primer/primitives": "10.x || 11.x",
     "clsx": "^2.1.1",
     "color2k": "^2.0.3",
@@ -114,11 +114,11 @@
     "@rollup/plugin-node-resolve": "16.0.3",
     "@rollup/plugin-typescript": "12.3.0",
     "@rollup/plugin-virtual": "3.0.2",
-    "@storybook/addon-a11y": "^10.1.4",
-    "@storybook/addon-docs": "^10.1.4",
-    "@storybook/addon-links": "^10.1.4",
+    "@storybook/addon-a11y": "^10.1.10",
+    "@storybook/addon-docs": "^10.1.10",
+    "@storybook/addon-links": "^10.1.10",
     "@storybook/icons": "^2.0.1",
-    "@storybook/react-vite": "^10.1.4",
+    "@storybook/react-vite": "^10.1.10",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^16.3.0",
@@ -170,9 +170,9 @@
     "react-is": "18.3.1",
     "recast": "0.23.7",
     "rimraf": "5.0.5",
-    "rollup": "4.53.3",
+    "rollup": "4.54.0",
     "rollup-plugin-import-css": "^0.0.0",
-    "storybook": "^10.1.4",
+    "storybook": "^10.1.10",
     "terser": "5.36.0",
     "ts-toolbelt": "9.6.0",
     "tsx": "4.20.3",