@magicx-eng/ai-autocomplete-vanilla 0.30.0 → 0.31.1

package/README.md

@@ -856,7 +856,7 @@ Override these on the container element. The variables are declared with `:where
 | `--aia-footer-gap` | `12px` | `12px` | Breathing room above the dropdown footer (badge / keyboard hints), additive to the dropdown's 8px section gap. |
 | `--aia-footer-chip-bg` | `--aia-surface` at 65% | `--aia-surface` at 65% | Fill behind the footer's keyboard hint and AI-Autocomplete badge. The option list scrolls under the footer, so this keeps both legible over the row passing behind them. `transparent` on the glass surface. |
 | `--aia-dropdown-bg` | — | — | Optional bg color the dropdown's "glass" rim shadow tints toward. Set this to the page background behind the dropdown so the bottom-corner glow blends seamlessly. |
-| `--aia-scrollbar-thumb` | `rgba(0, 0, 0, 0.3)` | `rgba(0, 0, 0, 0.3)` | Color of the option list's scrollbar thumb (Firefox + WebKit). |
+| `--aia-scrollbar-thumb` | `rgba(0, 0, 0, 0.3)` | `rgba(0, 0, 0, 0.3)` | No longer used: the option list hides its scrollbar in every browser. Kept so existing overrides don't break. |
 | `--aia-streak-rgb` | `99, 102, 241` | `255, 255, 255` | Comma-separated RGB triplet tinting the datepicker's pressed cell, and its selected cell when `--aia-date-selected-bg` is unset. The today ring uses `--aia-date-today-ring`, not this. |
 | `--aia-product-card-width` | `116px` | `116px` | Width of a product card in the strip. The media tile is square, so this also sets its height. |
 | `--aia-product-gap` | `8px` | `8px` | Gap between product cards. |

package/dist/index.d.mts

@@ -1167,6 +1167,13 @@ declare class AIAutocomplete {
     handleCaretAfterInput(offset: number | null): void;
     handleCaretMove(offset: number | null): void;
     setActiveDropdownIndex(index: number): void;
+    /**
+     * The pointer left option `index`: clear the highlight if it is still on
+     * that option. A hover highlight that outlived the hover made Enter pick an
+     * option the pointer was no longer on instead of submitting the search. A
+     * highlight the keyboard has since moved elsewhere is left alone.
+     */
+    clearHighlight(index: number): void;
     /**
      * Announce a product selection. The rendered cards call this on activation;
      * headless consumers rendering their own strip call it themselves.

package/dist/index.d.ts

@@ -1167,6 +1167,13 @@ declare class AIAutocomplete {
     handleCaretAfterInput(offset: number | null): void;
     handleCaretMove(offset: number | null): void;
     setActiveDropdownIndex(index: number): void;
+    /**
+     * The pointer left option `index`: clear the highlight if it is still on
+     * that option. A hover highlight that outlived the hover made Enter pick an
+     * option the pointer was no longer on instead of submitting the search. A
+     * highlight the keyboard has since moved elsewhere is left alone.
+     */
+    clearHighlight(index: number): void;
     /**
      * Announce a product selection. The rendered cards call this on activation;
      * headless consumers rendering their own strip call it themselves.