@primer/react 38.6.3-rc.f8f5fddc3 → 38.7.0-rc.b626e5d83

package/CHANGELOG.md

@@ -1,11 +1,58 @@
 # @primer/react
 
-## 38.6.3
+## 38.7.0
+
+### Minor Changes
+
+- [#7293](https://github.com/primer/react/pull/7293) [`d418509`](https://github.com/primer/react/commit/d418509884c6eb725e08c818f494e5e15495d4a1) Thanks [@lindseywild](https://github.com/lindseywild)! - Adds character counts to TextInput and TextArea components
 
 ### 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
 
+- [#7426](https://github.com/primer/react/pull/7426) [`094be60`](https://github.com/primer/react/commit/094be609691f481bfc3c3c4eeae092e38f27167c) Thanks [@kelsey-myers](https://github.com/kelsey-myers)! - Add focusPrependedElements prop to useFocusZone, FilteredActionList, and SelectPanel
+
+- [#7349](https://github.com/primer/react/pull/7349) [`713d5a5`](https://github.com/primer/react/commit/713d5a5c5616e005cf8e939f33f8526210d3d634) Thanks [@mattcosta7](https://github.com/mattcosta7)! - PageLayout: Optimize drag/resize performance with inline styles and new optimizations
+
+  **Refactored:**
+
+  - Use direct attribute selectors (`.Pane[data-dragging='true']`) instead of descendant selectors for CSS containment (O(1) vs O(n) selector matching)
+  - Extract optimization utilities to `paneUtils.ts`
+  - Apply drag handle visual feedback via inline styles and CSS variables
+
+  **Added:**
+
+  - `content-visibility: auto` during drag/resize to skip off-screen content rendering
+  - rAF throttle for drag updates (one update per frame, latest position wins)
+  - Containment during window resize (parity with drag)
+
+  These changes improve style recalculation performance on large DOMs (100k+ nodes) by eliminating descendant selector traversal.
+
+- [#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.
+
+- [#7325](https://github.com/primer/react/pull/7325) [`cc7e10e`](https://github.com/primer/react/commit/cc7e10e7c0bee7ef9694ca94928446f704ada552) Thanks [@mattcosta7](https://github.com/mattcosta7)! - perf(BaseStyles): Remove expensive :has([data-color-mode]) selectors
+
+  Remove `:has([data-color-mode])` selectors that scanned the entire DOM on every style recalculation.
+  Input color-scheme is already handled by global selectors in the codebase.
+
+- [#7329](https://github.com/primer/react/pull/7329) [`501a41f`](https://github.com/primer/react/commit/501a41fc44e5c0edfca69af022676e0d26e1a1a0) Thanks [@mattcosta7](https://github.com/mattcosta7)! - perf(Dialog): Add feature flag for CSS :has() selector performance optimization
+
+  - Add `primer_react_css_has_selector_perf` feature flag (default: false)
+  - When flag is OFF: uses legacy `body:has(.Dialog.DisableScroll)` selector
+  - When flag is ON: uses optimized direct `body[data-dialog-scroll-disabled]` data attribute with ref counting
+  - Enables gradual rollout and easy rollback of performance optimization
+
+- [#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
+
+- [#7399](https://github.com/primer/react/pull/7399) [`06c8320`](https://github.com/primer/react/commit/06c83203cd3f200b337aa34618174934317494e2) Thanks [@TylerJDev](https://github.com/TylerJDev)! - ToggleSwitch: Adds `overflow: hidden` to `.StatusTextItem` when hidden
+
 ## 38.6.2
 
 ### Patch Changes

package/dist/ActionBar/ActionBar.d.ts

@@ -84,6 +84,10 @@ export type ActionBarMenuProps = {
      * If 'none' is provided, no icon will be shown in the overflow menu.
      */
     overflowIcon?: ActionBarIconButtonProps['icon'] | 'none';
+    /**
+     * Target element to return focus to when the menu is closed.
+     */
+    returnFocusRef?: React.RefObject<HTMLElement>;
 } & IconButtonProps;
 export declare const ActionBar: React.FC<React.PropsWithChildren<ActionBarProps>>;
 export declare const ActionBarIconButton: React.ForwardRefExoticComponent<ActionBarIconButtonProps & React.RefAttributes<unknown>>;
@@ -101,6 +105,10 @@ export declare const ActionBarMenu: React.ForwardRefExoticComponent<{
      * If 'none' is provided, no icon will be shown in the overflow menu.
      */
     overflowIcon?: ActionBarIconButtonProps["icon"] | "none";
+    /**
+     * Target element to return focus to when the menu is closed.
+     */
+    returnFocusRef?: React.RefObject<HTMLElement>;
 } & {
     'aria-label': string;
     'aria-labelledby'?: undefined;

package/dist/ActionBar/ActionBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.d.ts","sourceRoot":"","sources":["../../src/ActionBar/ActionBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyD,MAAM,OAAO,CAAA;AAE7E,OAAO,EAAa,KAAK,mBAAmB,EAAC,MAAM,eAAe,CAAA;AAOlE,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,WAAW,CAAA;AAoD9C,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAExC,KAAK,SAAS,GACV;IACE,wDAAwD;IACxD,YAAY,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;IAChD,iBAAiB,CAAC,EAAE,SAAS,CAAA;CAC9B,GACD;IACE,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB;;OAEG;IACH,iBAAiB,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAA;CAC3D,CAAA;AAEL,KAAK,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAA;AAEpC,MAAM,MAAM,cAAc,GAAG;IAC3B;;;SAGK;IACL,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX,gCAAgC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB;;;SAGK;IACL,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,GAAG,CAAC,EAAE,QAAQ,CAAA;CACf,GAAG,SAAS,CAAA;AAEb,MAAM,MAAM,wBAAwB,GAAG;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAC,GAAG,eAAe,CAAA;AAE7E,MAAM,MAAM,sBAAsB,GAC9B,CAAC;IACC;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,wBAAwB,CAAC,MAAM,CAAC,CAAA;IAChD;;OAEG;IACH,cAAc,CAAC,EAAE,wBAAwB,CAAC,MAAM,CAAC,GAAG,MAAM,CAAA;IAC1D;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAA;IACzC;;;OAGG;IACH,KAAK,CAAC,EAAE,sBAAsB,EAAE,CAAA;CACjC,GAAG,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC,GACzC;IACE,IAAI,EAAE,SAAS,CAAA;CAChB,CAAA;AAEL,MAAM,MAAM,kBAAkB,GAAG;IAC/B,2CAA2C;IAC3C,YAAY,EAAE,MAAM,CAAA;IACpB,+BAA+B;IAC/B,IAAI,EAAE,wBAAwB,CAAC,MAAM,CAAC,CAAA;IACtC,KAAK,EAAE,sBAAsB,EAAE,CAAA;IAC/B;;;OAGG;IACH,YAAY,CAAC,EAAE,wBAAwB,CAAC,MAAM,CAAC,GAAG,MAAM,CAAA;CACzD,GAAG,eAAe,CAAA;AAgInB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAgNvE,CAAA;AAED,eAAO,MAAM,mBAAmB,0FAqD/B,CAAA;AAMD,eAAO,MAAM,cAAc;;iCA6BzB,CAAA;AAEF,eAAO,MAAM,aAAa;IAtbxB,2CAA2C;kBAC7B,MAAM;IACpB,+BAA+B;UACzB,wBAAwB,CAAC,MAAM,CAAC;WAC/B,sBAAsB,EAAE;IAC/B;;;OAGG;mBACY,wBAAwB,CAAC,MAAM,CAAC,GAAG,MAAM;;;;;;;;;;;wGAydzD,CAAA;AAED,eAAO,MAAM,eAAe,gCAoB3B,CAAA"}
+{"version":3,"file":"ActionBar.d.ts","sourceRoot":"","sources":["../../src/ActionBar/ActionBar.tsx"],"names":[],"mappings":"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"}

package/dist/ActionBar/ActionBar.js

@@ -373,7 +373,8 @@ const ActionBar = props => {
               const menuItems = menuItem.items;
               const {
                 icon: Icon_0,
-                label: label_0
+                label: label_0,
+                returnFocusRef
               } = menuItem;
               return /*#__PURE__*/jsxs(ActionMenu, {
                 children: [/*#__PURE__*/jsx(ActionMenu.Anchor, {
@@ -383,6 +384,9 @@ const ActionBar = props => {
                     }) : null, label_0]
                   })
                 }), /*#__PURE__*/jsx(ActionMenu.Overlay, {
+                  ...(returnFocusRef && {
+                    returnFocusRef
+                  }),
                   children: /*#__PURE__*/jsx(ActionList, {
                     children: menuItems.map(_temp3)
                   })
@@ -691,18 +695,20 @@ const ActionBarGroup = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
   return t5;
 });
 const ActionBarMenu = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
-  const $ = c(35);
+  const $ = c(42);
   let ariaLabel;
   let icon;
   let items;
   let overflowIcon;
   let props;
+  let returnFocusRef;
   if ($[0] !== t0) {
     ({
       "aria-label": ariaLabel,
       icon,
       overflowIcon,
       items,
+      returnFocusRef,
       ...props
     } = t0);
     $[0] = t0;
@@ -711,12 +717,14 @@ const ActionBarMenu = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
     $[3] = items;
     $[4] = overflowIcon;
     $[5] = props;
+    $[6] = returnFocusRef;
   } else {
     ariaLabel = $[1];
     icon = $[2];
     items = $[3];
     overflowIcon = $[4];
     props = $[5];
+    returnFocusRef = $[6];
   }
   const backupRef = useRef(null);
   const ref = forwardedRef !== null && forwardedRef !== void 0 ? forwardedRef : backupRef;
@@ -729,7 +737,7 @@ const ActionBarMenu = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
   const [menuOpen, setMenuOpen] = useState(false);
   const widthRef = useRef();
   let t1;
-  if ($[6] !== ariaLabel || $[7] !== icon || $[8] !== id || $[9] !== items || $[10] !== overflowIcon || $[11] !== ref || $[12] !== registerChild || $[13] !== unregisterChild) {
+  if ($[7] !== ariaLabel || $[8] !== icon || $[9] !== id || $[10] !== items || $[11] !== overflowIcon || $[12] !== ref || $[13] !== registerChild || $[14] !== returnFocusRef || $[15] !== unregisterChild) {
     t1 = () => {
       var _ref$current3;
       const width = (_ref$current3 = ref.current) === null || _ref$current3 === void 0 ? void 0 : _ref$current3.getBoundingClientRect().width;
@@ -744,43 +752,45 @@ const ActionBarMenu = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
         width: widthRef.current,
         label: ariaLabel,
         icon: overflowIcon ? overflowIcon : icon,
+        returnFocusRef,
         items
       });
       return () => {
         unregisterChild(id);
       };
     };
-    $[6] = ariaLabel;
-    $[7] = icon;
-    $[8] = id;
-    $[9] = items;
-    $[10] = overflowIcon;
-    $[11] = ref;
-    $[12] = registerChild;
-    $[13] = unregisterChild;
-    $[14] = t1;
-  } else {
-    t1 = $[14];
+    $[7] = ariaLabel;
+    $[8] = icon;
+    $[9] = id;
+    $[10] = items;
+    $[11] = overflowIcon;
+    $[12] = ref;
+    $[13] = registerChild;
+    $[14] = returnFocusRef;
+    $[15] = unregisterChild;
+    $[16] = t1;
+  } else {
+    t1 = $[16];
   }
   let t2;
-  if ($[15] !== ariaLabel || $[16] !== icon || $[17] !== items || $[18] !== overflowIcon || $[19] !== registerChild || $[20] !== unregisterChild) {
+  if ($[17] !== ariaLabel || $[18] !== icon || $[19] !== items || $[20] !== overflowIcon || $[21] !== registerChild || $[22] !== unregisterChild) {
     t2 = [registerChild, unregisterChild, ariaLabel, overflowIcon, icon, items];
-    $[15] = ariaLabel;
-    $[16] = icon;
-    $[17] = items;
-    $[18] = overflowIcon;
-    $[19] = registerChild;
-    $[20] = unregisterChild;
-    $[21] = t2;
+    $[17] = ariaLabel;
+    $[18] = icon;
+    $[19] = items;
+    $[20] = overflowIcon;
+    $[21] = registerChild;
+    $[22] = unregisterChild;
+    $[23] = t2;
   } else {
-    t2 = $[21];
+    t2 = $[23];
   }
   useIsomorphicLayoutEffect(t1, t2);
   if (!isVisibleChild(id)) {
     return null;
   }
   let t3;
-  if ($[22] !== ariaLabel || $[23] !== icon || $[24] !== props) {
+  if ($[24] !== ariaLabel || $[25] !== icon || $[26] !== props) {
     t3 = /*#__PURE__*/jsx(ActionMenu.Anchor, {
       children: /*#__PURE__*/jsx(IconButton, {
         variant: "invisible",
@@ -789,50 +799,70 @@ const ActionBarMenu = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
         ...props
       })
     });
-    $[22] = ariaLabel;
-    $[23] = icon;
-    $[24] = props;
-    $[25] = t3;
+    $[24] = ariaLabel;
+    $[25] = icon;
+    $[26] = props;
+    $[27] = t3;
   } else {
-    t3 = $[25];
+    t3 = $[27];
   }
   let t4;
-  if ($[26] !== items) {
-    t4 = items.map(_temp4);
-    $[26] = items;
-    $[27] = t4;
+  if ($[28] !== returnFocusRef) {
+    t4 = returnFocusRef && {
+      returnFocusRef
+    };
+    $[28] = returnFocusRef;
+    $[29] = t4;
   } else {
-    t4 = $[27];
+    t4 = $[29];
   }
   let t5;
-  if ($[28] !== t4) {
-    t5 = /*#__PURE__*/jsx(ActionMenu.Overlay, {
-      children: /*#__PURE__*/jsx(ActionList, {
-        children: t4
-      })
-    });
-    $[28] = t4;
-    $[29] = t5;
+  if ($[30] !== items) {
+    t5 = items.map(_temp4);
+    $[30] = items;
+    $[31] = t5;
   } else {
-    t5 = $[29];
+    t5 = $[31];
   }
   let t6;
-  if ($[30] !== menuOpen || $[31] !== ref || $[32] !== t3 || $[33] !== t5) {
-    t6 = /*#__PURE__*/jsxs(ActionMenu, {
+  if ($[32] !== t5) {
+    t6 = /*#__PURE__*/jsx(ActionList, {
+      children: t5
+    });
+    $[32] = t5;
+    $[33] = t6;
+  } else {
+    t6 = $[33];
+  }
+  let t7;
+  if ($[34] !== t4 || $[35] !== t6) {
+    t7 = /*#__PURE__*/jsx(ActionMenu.Overlay, {
+      ...t4,
+      children: t6
+    });
+    $[34] = t4;
+    $[35] = t6;
+    $[36] = t7;
+  } else {
+    t7 = $[36];
+  }
+  let t8;
+  if ($[37] !== menuOpen || $[38] !== ref || $[39] !== t3 || $[40] !== t7) {
+    t8 = /*#__PURE__*/jsxs(ActionMenu, {
       anchorRef: ref,
       open: menuOpen,
       onOpenChange: setMenuOpen,
-      children: [t3, t5]
+      children: [t3, t7]
     });
-    $[30] = menuOpen;
-    $[31] = ref;
-    $[32] = t3;
-    $[33] = t5;
-    $[34] = t6;
+    $[37] = menuOpen;
+    $[38] = ref;
+    $[39] = t3;
+    $[40] = t7;
+    $[41] = t8;
   } else {
-    t6 = $[34];
+    t8 = $[41];
   }
-  return t6;
+  return t8;
 });
 const VerticalDivider = () => {
   const $ = c(8);

package/dist/ActionBar/index.d.ts

@@ -10,6 +10,7 @@ declare const ActionBar: import("react").FC<import("react").PropsWithChildren<im
         icon: import("./ActionBar").ActionBarIconButtonProps["icon"];
         items: import("./ActionBar").ActionBarMenuItemProps[];
         overflowIcon?: import("./ActionBar").ActionBarIconButtonProps["icon"] | "none";
+        returnFocusRef?: React.RefObject<HTMLElement>;
     } & {
         'aria-label': string;
         'aria-labelledby'?: undefined;

package/dist/ActionBar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ActionBar/index.ts"],"names":[],"mappings":"AACA,YAAY,EAAC,cAAc,EAAE,kBAAkB,EAAE,sBAAsB,EAAC,MAAM,aAAa,CAAA;AAE3F,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;CAKb,CAAA;AAEF,eAAe,SAAS,CAAA;AACxB,OAAO,EAAC,SAAS,EAAC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ActionBar/index.ts"],"names":[],"mappings":"AACA,YAAY,EAAC,cAAc,EAAE,kBAAkB,EAAE,sBAAsB,EAAC,MAAM,aAAa,CAAA;AAE3F,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;CAKb,CAAA;AAEF,eAAe,SAAS,CAAA;AACxB,OAAO,EAAC,SAAS,EAAC,CAAA"}

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"}