@magicx-eng/ai-autocomplete-react 0.29.0 → 0.29.1

package/dist/index.mjs

@@ -1710,8 +1710,18 @@ import{buildSubmitResult as on,cellDay as nn,cellIso as rn,DATE_RANGE_META_END a
   gap: var(--aia-grid-gap, 0);
 }
 
-/* Scrollable variant \u2014 capped height with a styled thin scrollbar. Rows pack
-   from the top instead of stretching to fill the container. */
+/* Scrollable variant \u2014 capped height, rows packed from the top instead of
+   stretching to fill the container.
+
+   The scrollbar is hidden in every engine, as the product strip's and the
+   input's already are: the list stays scrollable by wheel, trackpad, touch
+   and keyboard, and the dropdown's "more below" arrow says there is more.
+   Styling it instead (a thin, tinted bar) looked right only in Chrome, whose
+   macOS overlay scrollbar ignores the ::-webkit-scrollbar rules \u2014 Safari drew
+   a permanent bar over the list.
+
+   overscroll-behavior: contain keeps a wheel or trackpad fling that runs past
+   either end of the list from scrolling the page behind the dropdown. */
 .aia-grid[data-scroll] {
   grid-auto-rows: min-content;
   align-content: start;
@@ -1721,18 +1731,11 @@ import{buildSubmitResult as on,cellDay as nn,cellIso as rn,DATE_RANGE_META_END a
      appearance.css for why. */
   max-height: var(--aia-grid-max-height, 120px);
   overflow-y: auto;
-  scrollbar-width: thin;
-  scrollbar-color: var(--aia-scrollbar-thumb, rgba(0, 0, 0, 0.3)) transparent;
+  overscroll-behavior: contain;
+  scrollbar-width: none;
 }
 .aia-grid[data-scroll]::-webkit-scrollbar {
-  width: 6px;
-}
-.aia-grid[data-scroll]::-webkit-scrollbar-track {
-  background: transparent;
-}
-.aia-grid[data-scroll]::-webkit-scrollbar-thumb {
-  background: var(--aia-scrollbar-thumb, rgba(0, 0, 0, 0.3));
-  border-radius: 3px;
+  display: none;
 }
 `,document.head.appendChild(e)}import{jsx as Ca}from"react/jsx-runtime";function bt({min:e="16rem",max:o,gap:t,scroll:n=!1,maxHeight:r,scrollResetKey:i,cols:a,template:l,innerRef:w,className:b,children:v,...C}){let g=ka(null);ya(()=>{if(i===void 0)return;let T=g.current;T&&(T.scrollTop=0)},[i]);let x={"--aia-grid-min":e};return o&&(x["--aia-grid-max"]=o),t&&(x["--aia-grid-gap"]=t),r&&(x["--aia-grid-max-height"]=r),a&&(x.gridTemplateColumns=xa(a)),l&&(x.gridTemplateColumns=l),Ca("div",{ref:T=>{g.current=T,w?.(T)},className:b?`aia-grid ${b}`:"aia-grid","data-scroll":n||void 0,style:x,...C,children:v})}import{formatOptionCount as Pa,OPTION_ENTER_DELAY_VAR as Sa,optionImageSrc as Ia,optionLabel as Ea,sanitizeOptionIconSvg as Ta}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as Aa,useMemo as Ra,useRef as Da,useState as Ze}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-82820da7")){let e=document.createElement("style");e.id="ac-style-82820da7",e.textContent=`.aia-item-d4vpD {
   position: relative;