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

package/README.md

@@ -819,7 +819,7 @@ Override on the container (via `className`). The variables are declared with `:w
 | `--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

@@ -407,6 +407,13 @@ interface AIAutocompleteDropdownProps {
     activeIndex: number;
     onSelect: (option: SuggestionOption) => void;
     onHighlight: (index: number) => void;
+    /**
+     * The pointer left option `index`. Clear the highlight if it is still on
+     * that option (the hook wires the core's `clearHighlight`): a hover
+     * highlight that outlived the hover made Enter pick an option the pointer
+     * was no longer on instead of submitting the search.
+     */
+    onUnhighlight?: (index: number) => void;
     isOpen: boolean;
     id: string;
     className?: string;
@@ -527,7 +534,7 @@ interface AIAutocompleteDropdownProps {
 
 declare const AIAutocomplete: react.ForwardRefExoticComponent<AIAutocompleteProps & react.RefAttributes<AIAutocompleteHandle>>;
 
-declare function AIAutocompleteDropdown({ suggestions, activeIndex, onSelect, onHighlight, isOpen, id, className, pills, onPillClick, showPills, onSkip, showSkipButton, showOptionIcons, showOptionImages, showOptionCounts, skipDisabled, activeSelected, isLoading, skeletonExiting, isInputEmpty, products, onProductSelect, onProductFocusChange, productsLayout, productImageFallback, formatType, dateView, selectedDateIso, selectedDateRange, dateRangeStart, onPreviousMonth, onNextMonth, optionsPosition, mode, }: AIAutocompleteDropdownProps): react_jsx_runtime.JSX.Element;
+declare function AIAutocompleteDropdown({ suggestions, activeIndex, onSelect, onHighlight, onUnhighlight, isOpen, id, className, pills, onPillClick, showPills, onSkip, showSkipButton, showOptionIcons, showOptionImages, showOptionCounts, skipDisabled, activeSelected, isLoading, skeletonExiting, isInputEmpty, products, onProductSelect, onProductFocusChange, productsLayout, productImageFallback, formatType, dateView, selectedDateIso, selectedDateRange, dateRangeStart, onPreviousMonth, onNextMonth, optionsPosition, mode, }: AIAutocompleteDropdownProps): react_jsx_runtime.JSX.Element;
 
 declare function useAIAutocomplete({ onSubmit, onResult, onError, optionOverrides, maskCompletedText, apiConfig, additionalContext, columns, dropdownTrigger, optionsPosition, closeDropdownOnBlur, showNonTappableOptions, showOptionIcons, showOptionImages, showOptionCounts, showSkipButton, showProducts, productImageFallback, onFocus, onBlur, value: controlledValue, completedParams: controlledParams, onChange: onChangeProp, onParamsChange, products, onProductSelect, source, setCursor, }: UseAIAutocompleteOptions): UseAIAutocompleteReturn;
 

package/dist/index.d.ts

@@ -407,6 +407,13 @@ interface AIAutocompleteDropdownProps {
     activeIndex: number;
     onSelect: (option: SuggestionOption) => void;
     onHighlight: (index: number) => void;
+    /**
+     * The pointer left option `index`. Clear the highlight if it is still on
+     * that option (the hook wires the core's `clearHighlight`): a hover
+     * highlight that outlived the hover made Enter pick an option the pointer
+     * was no longer on instead of submitting the search.
+     */
+    onUnhighlight?: (index: number) => void;
     isOpen: boolean;
     id: string;
     className?: string;
@@ -527,7 +534,7 @@ interface AIAutocompleteDropdownProps {
 
 declare const AIAutocomplete: react.ForwardRefExoticComponent<AIAutocompleteProps & react.RefAttributes<AIAutocompleteHandle>>;
 
-declare function AIAutocompleteDropdown({ suggestions, activeIndex, onSelect, onHighlight, isOpen, id, className, pills, onPillClick, showPills, onSkip, showSkipButton, showOptionIcons, showOptionImages, showOptionCounts, skipDisabled, activeSelected, isLoading, skeletonExiting, isInputEmpty, products, onProductSelect, onProductFocusChange, productsLayout, productImageFallback, formatType, dateView, selectedDateIso, selectedDateRange, dateRangeStart, onPreviousMonth, onNextMonth, optionsPosition, mode, }: AIAutocompleteDropdownProps): react_jsx_runtime.JSX.Element;
+declare function AIAutocompleteDropdown({ suggestions, activeIndex, onSelect, onHighlight, onUnhighlight, isOpen, id, className, pills, onPillClick, showPills, onSkip, showSkipButton, showOptionIcons, showOptionImages, showOptionCounts, skipDisabled, activeSelected, isLoading, skeletonExiting, isInputEmpty, products, onProductSelect, onProductFocusChange, productsLayout, productImageFallback, formatType, dateView, selectedDateIso, selectedDateRange, dateRangeStart, onPreviousMonth, onNextMonth, optionsPosition, mode, }: AIAutocompleteDropdownProps): react_jsx_runtime.JSX.Element;
 
 declare function useAIAutocomplete({ onSubmit, onResult, onError, optionOverrides, maskCompletedText, apiConfig, additionalContext, columns, dropdownTrigger, optionsPosition, closeDropdownOnBlur, showNonTappableOptions, showOptionIcons, showOptionImages, showOptionCounts, showSkipButton, showProducts, productImageFallback, onFocus, onBlur, value: controlledValue, completedParams: controlledParams, onChange: onChangeProp, onParamsChange, products, onProductSelect, source, setCursor, }: UseAIAutocompleteOptions): UseAIAutocompleteReturn;
 

package/dist/index.js

@@ -1,4 +1,4 @@
-"use strict";var rt=Object.defineProperty;var Xt=Object.getOwnPropertyDescriptor;var Jt=Object.getOwnPropertyNames;var ea=Object.prototype.hasOwnProperty;var ta=(e,i)=>{for(var a in i)rt(e,a,{get:i[a],enumerable:!0})},aa=(e,i,a,r)=>{if(i&&typeof i=="object"||typeof i=="function")for(let n of Jt(i))!ea.call(e,n)&&n!==a&&rt(e,n,{get:()=>i[n],enumerable:!(r=Xt(i,n))||r.enumerable});return e};var ia=e=>aa(rt({},"__esModule",{value:!0}),e);var ba={};ta(ba,{AIAutocomplete:()=>Ht,AIAutocompleteDropdown:()=>Je,DATE_RANGE_META_END:()=>s.DATE_RANGE_META_END,DATE_RANGE_META_START:()=>s.DATE_RANGE_META_START,DEFAULT_OPTION_COUNT_UNIT:()=>s.DEFAULT_OPTION_COUNT_UNIT,PRODUCT_PATH_PREFIX:()=>s.PRODUCT_PATH_PREFIX,WEEKDAY_LABELS:()=>s.WEEKDAY_LABELS,buildSubmitResult:()=>s.buildSubmitResult,cellDay:()=>s.cellDay,cellIso:()=>s.cellIso,dateCellMarks:()=>s.dateCellMarks,formatDate:()=>s.formatDate,formatDateRange:()=>s.formatDateRange,formatOptionCount:()=>s.formatOptionCount,isoDate:()=>s.isoDate,monthLabel:()=>s.monthLabel,optionCountLabel:()=>s.optionCountLabel,optionHasImage:()=>s.optionHasImage,optionImageSrc:()=>s.optionImageSrc,optionLabel:()=>s.optionLabel,parseDate:()=>s.parseDate,parseLooseDate:()=>s.parseLooseDate,parseLooseDateRange:()=>s.parseLooseDateRange,productFromMatchedItem:()=>s.productFromMatchedItem,productsFromCustomFields:()=>s.productsFromCustomFields,sanitizeOptionIconSvg:()=>s.sanitizeOptionIconSvg,selectedRangeFor:()=>s.selectedRangeFor,useAIAutocomplete:()=>tt,visibleDateRange:()=>s.visibleDateRange,withSkippedParams:()=>s.withSkippedParams});module.exports=ia(ba);var s=require("@magicx-eng/ai-autocomplete-vanilla");var z=require("react");if(typeof document<"u"&&!document.getElementById("ac-style-67791514")){let e=document.createElement("style");e.id="ac-style-67791514",e.textContent=`.aia-container-KKjFU {
+"use strict";var rt=Object.defineProperty;var Xt=Object.getOwnPropertyDescriptor;var Jt=Object.getOwnPropertyNames;var ea=Object.prototype.hasOwnProperty;var ta=(e,a)=>{for(var t in a)rt(e,t,{get:a[t],enumerable:!0})},aa=(e,a,t,n)=>{if(a&&typeof a=="object"||typeof a=="function")for(let i of Jt(a))!ea.call(e,i)&&i!==t&&rt(e,i,{get:()=>a[i],enumerable:!(n=Xt(a,i))||n.enumerable});return e};var ia=e=>aa(rt({},"__esModule",{value:!0}),e);var ba={};ta(ba,{AIAutocomplete:()=>Ht,AIAutocompleteDropdown:()=>Je,DATE_RANGE_META_END:()=>s.DATE_RANGE_META_END,DATE_RANGE_META_START:()=>s.DATE_RANGE_META_START,DEFAULT_OPTION_COUNT_UNIT:()=>s.DEFAULT_OPTION_COUNT_UNIT,PRODUCT_PATH_PREFIX:()=>s.PRODUCT_PATH_PREFIX,WEEKDAY_LABELS:()=>s.WEEKDAY_LABELS,buildSubmitResult:()=>s.buildSubmitResult,cellDay:()=>s.cellDay,cellIso:()=>s.cellIso,dateCellMarks:()=>s.dateCellMarks,formatDate:()=>s.formatDate,formatDateRange:()=>s.formatDateRange,formatOptionCount:()=>s.formatOptionCount,isoDate:()=>s.isoDate,monthLabel:()=>s.monthLabel,optionCountLabel:()=>s.optionCountLabel,optionHasImage:()=>s.optionHasImage,optionImageSrc:()=>s.optionImageSrc,optionLabel:()=>s.optionLabel,parseDate:()=>s.parseDate,parseLooseDate:()=>s.parseLooseDate,parseLooseDateRange:()=>s.parseLooseDateRange,productFromMatchedItem:()=>s.productFromMatchedItem,productsFromCustomFields:()=>s.productsFromCustomFields,sanitizeOptionIconSvg:()=>s.sanitizeOptionIconSvg,selectedRangeFor:()=>s.selectedRangeFor,useAIAutocomplete:()=>tt,visibleDateRange:()=>s.visibleDateRange,withSkippedParams:()=>s.withSkippedParams});module.exports=ia(ba);var s=require("@magicx-eng/ai-autocomplete-vanilla");var B=require("react");if(typeof document<"u"&&!document.getElementById("ac-style-67791514")){let e=document.createElement("style");e.id="ac-style-67791514",e.textContent=`.aia-container-KKjFU {
   position: relative;
   /* Inherits the host page's font by default. Consumers can pin a specific
      font on the library via \`--aia-font-family: 'Custom Font'\` without
@@ -262,7 +262,7 @@
     opacity: 0;
   }
 }
-`,document.head.appendChild(e)}var Le={container:"aia-container-KKjFU",inputWrapper:"aia-inputWrapper-FLq1b",editorArea:"aia-editorArea-7rBWq",input:"aia-input-IW-P-",pillListContainer:"aia-pillListContainer-h92IA",submitSlot:"aia-submitSlot-GhuCM",aiaPillReveal:"aia-aiaPillReveal-wf05b"};var Be=require("@magicx-eng/ai-autocomplete-vanilla"),$=require("react");if(typeof document<"u"&&!document.getElementById("ac-style-0ae03977")){let e=document.createElement("style");e.id="ac-style-0ae03977",e.textContent=`/*
+`,document.head.appendChild(e)}var Me={container:"aia-container-KKjFU",inputWrapper:"aia-inputWrapper-FLq1b",editorArea:"aia-editorArea-7rBWq",input:"aia-input-IW-P-",pillListContainer:"aia-pillListContainer-h92IA",submitSlot:"aia-submitSlot-GhuCM",aiaPillReveal:"aia-aiaPillReveal-wf05b"};var He=require("@magicx-eng/ai-autocomplete-vanilla"),ee=require("react");if(typeof document<"u"&&!document.getElementById("ac-style-0ae03977")){let e=document.createElement("style");e.id="ac-style-0ae03977",e.textContent=`/*
  * Built-in appearance defaults \u2014 zero specificity via :where().
  * Consumer CSS always wins without !important.
  *
@@ -1041,7 +1041,7 @@
     opacity: 0.25;
   }
 }
-`,document.head.appendChild(e)}var xe={dropdown:"aia-dropdown-yz2KC",visible:"aia-visible-QCoXj",scrollArrow:"aia-scrollArrow-uUzV0","magicx-aia-scroll-arrow-bob":"aia-magicx-aia-scroll-arrow-bob-z-HXC",pillBar:"aia-pillBar-pwTXe",pillScroll:"aia-pillScroll-Tpzus",skip:"aia-skip-7-olS",skeletonBars:"aia-skeletonBars-HVr9C",skeletonBarsIn:"aia-skeletonBarsIn-BdPrL",skeletonBarsOut:"aia-skeletonBarsOut-TqKeD",skeletonBar:"aia-skeletonBar-O3xIx",aiaSkeletonPulse:"aia-aiaSkeletonPulse-G8W7q"};var M=require("@magicx-eng/ai-autocomplete-vanilla"),vt=require("react");if(typeof document<"u"&&!document.getElementById("ac-style-f687bd03")){let e=document.createElement("style");e.id="ac-style-f687bd03",e.textContent=`/* --- Datepicker (replaces the options grid for date suggestions) ---
+`,document.head.appendChild(e)}var we={dropdown:"aia-dropdown-yz2KC",visible:"aia-visible-QCoXj",scrollArrow:"aia-scrollArrow-uUzV0","magicx-aia-scroll-arrow-bob":"aia-magicx-aia-scroll-arrow-bob-z-HXC",pillBar:"aia-pillBar-pwTXe",pillScroll:"aia-pillScroll-Tpzus",skip:"aia-skip-7-olS",skeletonBars:"aia-skeletonBars-HVr9C",skeletonBarsIn:"aia-skeletonBarsIn-BdPrL",skeletonBarsOut:"aia-skeletonBarsOut-TqKeD",skeletonBar:"aia-skeletonBar-O3xIx",aiaSkeletonPulse:"aia-aiaSkeletonPulse-G8W7q"};var N=require("@magicx-eng/ai-autocomplete-vanilla"),vt=require("react");if(typeof document<"u"&&!document.getElementById("ac-style-f687bd03")){let e=document.createElement("style");e.id="ac-style-f687bd03",e.textContent=`/* --- Datepicker (replaces the options grid for date suggestions) ---
 
    One of three hand-maintained copies (vanilla styles.css, this file, Angular's
    date-grid.component.css). Only the class-naming layer differs \u2014 the
@@ -1204,7 +1204,7 @@
   opacity: 0.8;
   background: rgba(var(--aia-streak-rgb, 255, 255, 255), 0.06);
 }
-`,document.head.appendChild(e)}var D={datepicker:"aia-datepicker-6RrTs",header:"aia-header-z4LRk",month:"aia-month-urB2T",nav:"aia-nav-ap4AN",weekdays:"aia-weekdays-3EA3q",grid:"aia-grid-mQCgw",weekday:"aia-weekday-3lF4B",cell:"aia-cell-59k0y",number:"aia-number-aoT01",day:"aia-day-cB3u9",blank:"aia-blank-ivgRC",past:"aia-past-CEZsj",highlighted:"aia-highlighted-YIdtK",today:"aia-today-iI3ME",inRange:"aia-inRange-r9S2q",selected:"aia-selected-28KDn",pressed:"aia-pressed-bEyyN"};var W=require("react/jsx-runtime"),oa=["sunday","monday","tuesday","wednesday","thursday","friday","saturday"];function wt({options:e,activeIndex:i,listboxId:a,view:r,selection:n,onSelect:t,onHighlight:l,onPreviousMonth:d,onNextMonth:w}){let x=(0,M.isoDate)(new Date),v=(0,M.visibleDateRange)({pendingStart:n.rangeStart,highlightedIso:(0,M.cellIso)(e[i]),selected:n.selectedRange});return(0,W.jsxs)("div",{className:D.datepicker,"data-aia-datepicker":"",children:[(0,W.jsxs)("div",{className:D.header,children:[(0,W.jsx)("button",{type:"button",tabIndex:-1,className:D.nav,"data-aia-date-prev":"","aria-label":"Previous month",onMouseDown:m=>m.preventDefault(),onClick:d,children:"\u2039"}),(0,W.jsx)("span",{className:D.month,"data-aia-date-month":"","aria-live":"polite",children:(0,M.monthLabel)(r)}),(0,W.jsx)("button",{type:"button",tabIndex:-1,className:D.nav,"data-aia-date-next":"","aria-label":"Next month",onMouseDown:m=>m.preventDefault(),onClick:w,children:"\u203A"})]}),(0,W.jsx)("div",{className:D.weekdays,"aria-hidden":"true",children:M.WEEKDAY_LABELS.map((m,k)=>(0,W.jsx)("span",{className:D.weekday,children:m},oa[k]))}),(0,W.jsx)("div",{className:D.grid,"data-aia-date-grid":"",children:e.map((m,k)=>(0,W.jsx)(na,{option:m,id:`${a}-option-${k}`,index:k,isHighlighted:k===i&&m.is_tappable,isToday:(0,M.cellIso)(m)===x,isPast:(0,M.cellIso)(m)!=null&&(0,M.cellIso)(m)<x,marks:(0,M.dateCellMarks)((0,M.cellIso)(m),{selectedIso:n.selectedIso,range:v}),onSelect:t,onHighlight:l},(0,M.cellIso)(m)??`pad-${k}`))})]})}function na({option:e,id:i,index:a,isHighlighted:r,isToday:n,isPast:t,marks:l,onSelect:d,onHighlight:w}){let[x,v]=(0,vt.useState)(!1),m=(0,M.cellDay)(e);if(m==null)return(0,W.jsx)("div",{id:i,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-hidden":"true","aria-selected":!1,tabIndex:-1,className:`${D.cell} ${D.blank}`});let k=()=>{v(!0),d(e),setTimeout(()=>v(!1),170)},T=[D.cell,D.day,t?D.past:"",r?D.highlighted:"",n?D.today:"",l.inRange?D.inRange:"",l.selected?D.selected:"",x?D.pressed:""].filter(Boolean).join(" ");return(0,W.jsx)("div",{id:i,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-selected":r,"aria-label":e.text,tabIndex:0,className:T,onClick:k,onKeyDown:y=>{(y.key==="Enter"||y.key===" ")&&(y.preventDefault(),k())},onMouseEnter:()=>w(a),children:(0,W.jsx)("span",{className:D.number,children:m})})}var ze=require("@magicx-eng/ai-autocomplete-vanilla"),Ze=require("react");if(typeof document<"u"&&!document.getElementById("ac-style-5259a217")){let e=document.createElement("style");e.id="ac-style-5259a217",e.textContent=`.aia-cluster {
+`,document.head.appendChild(e)}var z={datepicker:"aia-datepicker-6RrTs",header:"aia-header-z4LRk",month:"aia-month-urB2T",nav:"aia-nav-ap4AN",weekdays:"aia-weekdays-3EA3q",grid:"aia-grid-mQCgw",weekday:"aia-weekday-3lF4B",cell:"aia-cell-59k0y",number:"aia-number-aoT01",day:"aia-day-cB3u9",blank:"aia-blank-ivgRC",past:"aia-past-CEZsj",highlighted:"aia-highlighted-YIdtK",today:"aia-today-iI3ME",inRange:"aia-inRange-r9S2q",selected:"aia-selected-28KDn",pressed:"aia-pressed-bEyyN"};var U=require("react/jsx-runtime"),oa=["sunday","monday","tuesday","wednesday","thursday","friday","saturday"];function wt({options:e,activeIndex:a,listboxId:t,view:n,selection:i,onSelect:r,onHighlight:o,onUnhighlight:d,onPreviousMonth:x,onNextMonth:v}){let w=(0,N.isoDate)(new Date),S=(0,N.visibleDateRange)({pendingStart:i.rangeStart,highlightedIso:(0,N.cellIso)(e[a]),selected:i.selectedRange});return(0,U.jsxs)("div",{className:z.datepicker,"data-aia-datepicker":"",children:[(0,U.jsxs)("div",{className:z.header,children:[(0,U.jsx)("button",{type:"button",tabIndex:-1,className:z.nav,"data-aia-date-prev":"","aria-label":"Previous month",onMouseDown:f=>f.preventDefault(),onClick:x,children:"\u2039"}),(0,U.jsx)("span",{className:z.month,"data-aia-date-month":"","aria-live":"polite",children:(0,N.monthLabel)(n)}),(0,U.jsx)("button",{type:"button",tabIndex:-1,className:z.nav,"data-aia-date-next":"","aria-label":"Next month",onMouseDown:f=>f.preventDefault(),onClick:v,children:"\u203A"})]}),(0,U.jsx)("div",{className:z.weekdays,"aria-hidden":"true",children:N.WEEKDAY_LABELS.map((f,y)=>(0,U.jsx)("span",{className:z.weekday,children:f},oa[y]))}),(0,U.jsx)("div",{className:z.grid,"data-aia-date-grid":"",children:e.map((f,y)=>(0,U.jsx)(na,{option:f,id:`${t}-option-${y}`,index:y,isHighlighted:y===a&&f.is_tappable,isToday:(0,N.cellIso)(f)===w,isPast:(0,N.cellIso)(f)!=null&&(0,N.cellIso)(f)<w,marks:(0,N.dateCellMarks)((0,N.cellIso)(f),{selectedIso:i.selectedIso,range:S}),onSelect:r,onHighlight:o,onUnhighlight:d},(0,N.cellIso)(f)??`pad-${y}`))})]})}function na({option:e,id:a,index:t,isHighlighted:n,isToday:i,isPast:r,marks:o,onSelect:d,onHighlight:x,onUnhighlight:v}){let[w,S]=(0,vt.useState)(!1),f=(0,N.cellDay)(e);if(f==null)return(0,U.jsx)("div",{id:a,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-hidden":"true","aria-selected":!1,tabIndex:-1,className:`${z.cell} ${z.blank}`});let y=()=>{S(!0),d(e),setTimeout(()=>S(!1),170)},D=[z.cell,z.day,r?z.past:"",n?z.highlighted:"",i?z.today:"",o.inRange?z.inRange:"",o.selected?z.selected:"",w?z.pressed:""].filter(Boolean).join(" ");return(0,U.jsx)("div",{id:a,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-selected":n,"aria-label":e.text,tabIndex:0,className:D,onClick:y,onKeyDown:T=>{(T.key==="Enter"||T.key===" ")&&(T.preventDefault(),y())},onMouseEnter:()=>x(t),onMouseLeave:v?()=>v(t):void 0,children:(0,U.jsx)("span",{className:z.number,children:f})})}var Ne=require("@magicx-eng/ai-autocomplete-vanilla"),Ze=require("react");if(typeof document<"u"&&!document.getElementById("ac-style-5259a217")){let e=document.createElement("style");e.id="ac-style-5259a217",e.textContent=`.aia-cluster {
   display: flex;
   flex-wrap: wrap;
   gap: var(--aia-cluster-gap, 0.5rem);
@@ -1244,7 +1244,7 @@
 .aia-cluster[data-justify="around"] {
   justify-content: space-around;
 }
-`,document.head.appendChild(e)}var st=require("react/jsx-runtime");function We({gap:e,align:i="center",justify:a="start",noWrap:r=!1,inline:n=!1,className:t,children:l,...d}){let w=e?{"--aia-cluster-gap":e}:void 0,x={className:t?`aia-cluster ${t}`:"aia-cluster","data-align":i,"data-justify":a,"data-nowrap":r||void 0,"data-inline":n||void 0,style:w,...d};return n?(0,st.jsx)("span",{...x,children:l}):(0,st.jsx)("div",{...x,children:l})}if(typeof document<"u"&&!document.getElementById("ac-style-56b0c577")){let e=document.createElement("style");e.id="ac-style-56b0c577",e.textContent=`/* The footer adds its own 8px horizontal inset so it stays clear of the
+`,document.head.appendChild(e)}var st=require("react/jsx-runtime");function We({gap:e,align:a="center",justify:t="start",noWrap:n=!1,inline:i=!1,className:r,children:o,...d}){let x=e?{"--aia-cluster-gap":e}:void 0,v={className:r?`aia-cluster ${r}`:"aia-cluster","data-align":a,"data-justify":t,"data-nowrap":n||void 0,"data-inline":i||void 0,style:x,...d};return i?(0,st.jsx)("span",{...v,children:o}):(0,st.jsx)("div",{...v,children:o})}if(typeof document<"u"&&!document.getElementById("ac-style-56b0c577")){let e=document.createElement("style");e.id="ac-style-56b0c577",e.textContent=`/* The footer adds its own 8px horizontal inset so it stays clear of the
    dropdown's rounded edges. The top inset (--aia-footer-gap) adds breathing
    room above the hint/branding row so the footer doesn't butt against the last
    option row \u2014 additive to the dropdown's 8px section gap. */
@@ -1286,7 +1286,6 @@
   gap: 2px;
   text-decoration: none;
   cursor: pointer;
-  transition: opacity 150ms ease-out;
 }
 
 /* The two content groups carry a solid surface fill so the keyboard hint and
@@ -1321,7 +1320,17 @@
   gap: 4px;
 }
 
-.aia-brandLink-r4f3R:hover {
+/* Hover dims the brand's text and badge rather than the link itself: the
+   link's opacity is pinned inline so a stylesheet can't fade the attribution
+   out (vanilla guardAttribution.ts), and its pill fill is the dropdown's own
+   surface, so dimming it never showed anyway. */
+.aia-brand-Al-lR,
+.aia-badge-Fk9vg {
+  transition: opacity 150ms ease-out;
+}
+
+.aia-brandLink-r4f3R:hover .aia-brand-Al-lR,
+.aia-brandLink-r4f3R:hover .aia-badge-Fk9vg {
   opacity: 0.7;
 }
 
@@ -1378,7 +1387,7 @@
     justify-content: flex-end;
   }
 }
-`,document.head.appendChild(e)}var ye={footer:"aia-footer-qQQ7x",hintGroup:"aia-hintGroup-ZzbPf",brandLink:"aia-brandLink-r4f3R",key:"aia-key-Bz1H-",hint:"aia-hint-GKEOH",brand:"aia-brand-Al-lR",badge:"aia-badge-Fk9vg",row:"aia-row-BgZ6Q"};var re=require("react/jsx-runtime");function xt({isOptionHighlighted:e=!1,isInputEmpty:i=!1}){let{key:a,hint:r}=(0,ze.getFooterHint)(e,i),[n,t]=(0,Ze.useState)(ze.ATTRIBUTION_URL);return(0,Ze.useEffect)(()=>{t((0,ze.buildAttributionUrl)())},[]),(0,re.jsx)("footer",{className:ye.footer,"data-aia-footer":"",children:(0,re.jsxs)(We,{justify:"between",noWrap:!0,className:ye.row,children:[(0,re.jsxs)(We,{gap:"5px",className:ye.hintGroup,children:[(0,re.jsx)("kbd",{className:ye.key,children:a}),(0,re.jsx)("span",{className:ye.hint,children:r})]}),(0,re.jsxs)("a",{className:ye.brandLink,href:n,target:"_blank",rel:"noopener noreferrer",children:[(0,re.jsx)("span",{className:ye.brand,children:"AI"}),(0,re.jsx)("span",{className:ye.badge,children:"Autocomplete"})]})]})})}if(typeof document<"u"&&!document.getElementById("ac-style-199d0432")){let e=document.createElement("style");e.id="ac-style-199d0432",e.textContent=`/* ParamPill (Figma "ParamPill") \u2014 unfilled suggestion pill: transparent fill,
+`,document.head.appendChild(e)}var xe={footer:"aia-footer-qQQ7x",hintGroup:"aia-hintGroup-ZzbPf",brandLink:"aia-brandLink-r4f3R",brand:"aia-brand-Al-lR",badge:"aia-badge-Fk9vg",key:"aia-key-Bz1H-",hint:"aia-hint-GKEOH",row:"aia-row-BgZ6Q"};var re=require("react/jsx-runtime");function xt({isOptionHighlighted:e=!1,isInputEmpty:a=!1}){let{key:t,hint:n}=(0,Ne.getFooterHint)(e,a),[i,r]=(0,Ze.useState)(Ne.ATTRIBUTION_URL);return(0,Ze.useEffect)(()=>{r((0,Ne.buildAttributionUrl)())},[]),(0,re.jsx)("footer",{className:xe.footer,"data-aia-footer":"",children:(0,re.jsxs)(We,{justify:"between",noWrap:!0,className:xe.row,children:[(0,re.jsxs)(We,{gap:"5px",className:xe.hintGroup,children:[(0,re.jsx)("kbd",{className:xe.key,children:t}),(0,re.jsx)("span",{className:xe.hint,children:n})]}),(0,re.jsxs)("a",{className:xe.brandLink,href:i,target:"_blank",rel:"noopener noreferrer",children:[(0,re.jsx)("span",{className:xe.brand,children:"AI"}),(0,re.jsx)("span",{className:xe.badge,children:"Autocomplete"})]})]})})}if(typeof document<"u"&&!document.getElementById("ac-style-199d0432")){let e=document.createElement("style");e.id="ac-style-199d0432",e.textContent=`/* ParamPill (Figma "ParamPill") \u2014 unfilled suggestion pill: transparent fill,
    no outline. ~28px via 6px padding + 14px text + the 1px border (border-box).
    The border is kept as a 1px transparent line so the box stays the same size
    as it was when the outline was dashed. */
@@ -1454,7 +1463,7 @@
     opacity: 0;
   }
 }
-`,document.head.appendChild(e)}var Re={pill:"aia-pill-6Ga7S",fadeIn:"aia-fadeIn-Ux4eQ",rounded:"aia-rounded-y7xA9",skeleton:"aia-skeleton-57P0T",skeletonIn:"aia-skeletonIn-54kMv",skeletonPulse:"aia-skeletonPulse-xGcUy",skeletonOut:"aia-skeletonOut-1sJ-r"};var kt=require("react/jsx-runtime"),lt={selected:1,first:.7,next:.4,last:.2};function yt({label:e,state:i,rounded:a,loading:r,onClick:n}){let t=[Re.pill,a?Re.rounded:"",r?Re.skeleton:""].filter(Boolean).join(" ");return(0,kt.jsx)("button",{type:"button","data-aia-pill":"","data-aia-loading":r?"":void 0,tabIndex:-1,contentEditable:!1,suppressContentEditableWarning:!0,className:t,style:{opacity:lt[i]},onMouseDown:l=>l.preventDefault(),onClick:r?void 0:n,disabled:r,children:e})}if(typeof document<"u"&&!document.getElementById("ac-style-0fcb7940")){let e=document.createElement("style");e.id="ac-style-0fcb7940",e.textContent=`.aia-list-qvLqO {
+`,document.head.appendChild(e)}var Re={pill:"aia-pill-6Ga7S",fadeIn:"aia-fadeIn-Ux4eQ",rounded:"aia-rounded-y7xA9",skeleton:"aia-skeleton-57P0T",skeletonIn:"aia-skeletonIn-54kMv",skeletonPulse:"aia-skeletonPulse-xGcUy",skeletonOut:"aia-skeletonOut-1sJ-r"};var kt=require("react/jsx-runtime"),lt={selected:1,first:.7,next:.4,last:.2};function yt({label:e,state:a,rounded:t,loading:n,onClick:i}){let r=[Re.pill,t?Re.rounded:"",n?Re.skeleton:""].filter(Boolean).join(" ");return(0,kt.jsx)("button",{type:"button","data-aia-pill":"","data-aia-loading":n?"":void 0,tabIndex:-1,contentEditable:!1,suppressContentEditableWarning:!0,className:r,style:{opacity:lt[a]},onMouseDown:o=>o.preventDefault(),onClick:n?void 0:i,disabled:n,children:e})}if(typeof document<"u"&&!document.getElementById("ac-style-0fcb7940")){let e=document.createElement("style");e.id="ac-style-0fcb7940",e.textContent=`.aia-list-qvLqO {
   position: relative;
   z-index: 1;
   pointer-events: auto;
@@ -1464,7 +1473,7 @@
   align-items: center;
   vertical-align: middle;
 }
-`,document.head.appendChild(e)}var dt={list:"aia-list-qvLqO"};var _e=require("react/jsx-runtime"),ra=[125,69];function Ct(e){return e===0?"first":e===1?"next":"last"}function $e({pills:e,activePillIndex:i,onSelectPill:a,activeSelected:r,rounded:n,loading:t}){return t&&e.length===0?(0,_e.jsx)("span",{className:dt.list,"data-aia-pill-list-loading":"",children:ra.map((l,d)=>(0,_e.jsx)("span",{"data-aia-pill-skeleton":"",className:`${Re.pill} ${n?Re.rounded:""} ${Re.skeleton}`,style:{width:l,opacity:lt[Ct(d)]}},`skel-${l}`))}):(0,_e.jsx)("span",{className:dt.list,"data-aia-pill-list-loading":t?"":void 0,children:e.map((l,d)=>{let w=!!r&&d===i;return(0,_e.jsx)(yt,{label:l.text,state:w?"selected":Ct(d),selected:w,rounded:n,loading:t,onClick:()=>a(d)},`${l.type}-${l.text}`)})})}var Ve=require("@magicx-eng/ai-autocomplete-vanilla"),Ne=require("react");if(typeof document<"u"&&!document.getElementById("ac-style-fef1688d")){let e=document.createElement("style");e.id="ac-style-fef1688d",e.textContent=`/* Product strip \u2014 the React counterpart of the vanilla core's strip rules
+`,document.head.appendChild(e)}var dt={list:"aia-list-qvLqO"};var _e=require("react/jsx-runtime"),ra=[125,69];function Ct(e){return e===0?"first":e===1?"next":"last"}function $e({pills:e,activePillIndex:a,onSelectPill:t,activeSelected:n,rounded:i,loading:r}){return r&&e.length===0?(0,_e.jsx)("span",{className:dt.list,"data-aia-pill-list-loading":"",children:ra.map((o,d)=>(0,_e.jsx)("span",{"data-aia-pill-skeleton":"",className:`${Re.pill} ${i?Re.rounded:""} ${Re.skeleton}`,style:{width:o,opacity:lt[Ct(d)]}},`skel-${o}`))}):(0,_e.jsx)("span",{className:dt.list,"data-aia-pill-list-loading":r?"":void 0,children:e.map((o,d)=>{let x=!!n&&d===a;return(0,_e.jsx)(yt,{label:o.text,state:x?"selected":Ct(d),selected:x,rounded:i,loading:r,onClick:()=>t(d)},`${o.type}-${o.text}`)})})}var Ve=require("@magicx-eng/ai-autocomplete-vanilla"),Be=require("react");if(typeof document<"u"&&!document.getElementById("ac-style-fef1688d")){let e=document.createElement("style");e.id="ac-style-fef1688d",e.textContent=`/* Product strip \u2014 the React counterpart of the vanilla core's strip rules
    (packages/vanilla/src/styles.css). Same tokens, same defaults, so a consumer
    theming one package sees the same result in the other.
 
@@ -1692,7 +1701,7 @@
 .aia-section-Hugfg[data-aia-products-layout="list"] .aia-body-ly032 {
   flex: 1 1 auto;
 }
-`,document.head.appendChild(e)}var Z={section:"aia-section-Hugfg",label:"aia-label-nuc93",row:"aia-row-WDVBX",card:"aia-card-JBGYT",media:"aia-media-RrbGe",image:"aia-image-5pNL7",body:"aia-body-ly032",vendor:"aia-vendor-Gvu7G",title:"aia-title-gCNmq",price:"aia-price-gULcE"};var _=require("react/jsx-runtime");function Pt({products:e,listboxId:i,onSelect:a,onFocusChange:r,focusable:n=!0,layout:t="row",imageFallback:l="image"}){let d=e.length>0,w=(0,Ne.useRef)(null);if((0,Ne.useEffect)(()=>{let v=w.current;if(!(!d||!v))return(0,Ve.attachProductRowWheel)(v)},[d]),!d)return null;let x=`${i}-products-label`;return(0,_.jsxs)("section",{className:Z.section,"data-aia-products":"","data-aia-products-layout":t,role:"group","aria-labelledby":x,children:[(0,_.jsx)("div",{className:Z.label,id:x,"data-aia-products-label":"",children:"Products"}),(0,_.jsx)("div",{ref:w,className:Z.row,"data-aia-products-row":"",children:e.map((v,m)=>(0,_.jsx)(sa,{product:v,id:`${i}-product-${m}`,onSelect:a,onFocusChange:r,focusable:n,imageFallback:l},v.id))})]})}function sa({product:e,id:i,onSelect:a,onFocusChange:r,focusable:n,imageFallback:t}){let l=d=>{d.metaKey||d.ctrlKey||d.shiftKey||d.altKey||d.button!==0||(d.preventDefault(),a(e))};return(0,_.jsxs)("a",{id:i,className:Z.card,"data-aia-product":"",role:"option","aria-selected":!1,href:e.url,tabIndex:n?0:-1,onClick:l,onKeyDown:d=>{d.key!=="Enter"&&d.key!==" "||(d.preventDefault(),a(e))},onFocus:()=>r?.(!0),onBlur:d=>{d.relatedTarget?.closest("[data-aia-dropdown]")||r?.(!1)},children:[(0,_.jsx)(la,{src:e.imageUrl?.trim(),title:e.title,fallback:t},e.imageUrl?.trim()??""),(0,_.jsxs)("span",{className:Z.body,children:[e.vendor?(0,_.jsx)("span",{className:Z.vendor,children:e.vendor}):null,(0,_.jsx)("span",{className:Z.title,children:e.title}),e.price?(0,_.jsx)("span",{className:Z.price,children:e.price}):null]})]})}function la({src:e,title:i,fallback:a}){let[r,n]=(0,Ne.useState)(!1),t=!!e&&!r,l=!t&&a==="initial";return(0,_.jsxs)("span",{className:Z.media,"aria-hidden":"true","data-aia-product-placeholder":!t&&!l?"":void 0,"data-aia-product-initial":l?"":void 0,children:[t?(0,_.jsx)("img",{className:Z.image,src:e,alt:"",loading:"lazy",decoding:"async",onError:()=>n(!0)}):null,l?(0,Ve.productInitial)(i):null]})}var G=require("@magicx-eng/ai-autocomplete-vanilla"),ce=require("react");var St=require("@magicx-eng/ai-autocomplete-vanilla"),Xe=require("react");if(typeof document<"u"&&!document.getElementById("ac-style-948e58da")){let e=document.createElement("style");e.id="ac-style-948e58da",e.textContent=`.aia-grid {
+`,document.head.appendChild(e)}var J={section:"aia-section-Hugfg",label:"aia-label-nuc93",row:"aia-row-WDVBX",card:"aia-card-JBGYT",media:"aia-media-RrbGe",image:"aia-image-5pNL7",body:"aia-body-ly032",vendor:"aia-vendor-Gvu7G",title:"aia-title-gCNmq",price:"aia-price-gULcE"};var Q=require("react/jsx-runtime");function Pt({products:e,listboxId:a,onSelect:t,onFocusChange:n,focusable:i=!0,layout:r="row",imageFallback:o="image"}){let d=e.length>0,x=(0,Be.useRef)(null);if((0,Be.useEffect)(()=>{let w=x.current;if(!(!d||!w))return(0,Ve.attachProductRowWheel)(w)},[d]),!d)return null;let v=`${a}-products-label`;return(0,Q.jsxs)("section",{className:J.section,"data-aia-products":"","data-aia-products-layout":r,role:"group","aria-labelledby":v,children:[(0,Q.jsx)("div",{className:J.label,id:v,"data-aia-products-label":"",children:"Products"}),(0,Q.jsx)("div",{ref:x,className:J.row,"data-aia-products-row":"",children:e.map((w,S)=>(0,Q.jsx)(sa,{product:w,id:`${a}-product-${S}`,onSelect:t,onFocusChange:n,focusable:i,imageFallback:o},w.id))})]})}function sa({product:e,id:a,onSelect:t,onFocusChange:n,focusable:i,imageFallback:r}){let o=d=>{d.metaKey||d.ctrlKey||d.shiftKey||d.altKey||d.button!==0||(d.preventDefault(),t(e))};return(0,Q.jsxs)("a",{id:a,className:J.card,"data-aia-product":"",role:"option","aria-selected":!1,href:e.url,tabIndex:i?0:-1,onClick:o,onKeyDown:d=>{d.key!=="Enter"&&d.key!==" "||(d.preventDefault(),t(e))},onFocus:()=>n?.(!0),onBlur:d=>{d.relatedTarget?.closest("[data-aia-dropdown]")||n?.(!1)},children:[(0,Q.jsx)(la,{src:e.imageUrl?.trim(),title:e.title,fallback:r},e.imageUrl?.trim()??""),(0,Q.jsxs)("span",{className:J.body,children:[e.vendor?(0,Q.jsx)("span",{className:J.vendor,children:e.vendor}):null,(0,Q.jsx)("span",{className:J.title,children:e.title}),e.price?(0,Q.jsx)("span",{className:J.price,children:e.price}):null]})]})}function la({src:e,title:a,fallback:t}){let[n,i]=(0,Be.useState)(!1),r=!!e&&!n,o=!r&&t==="initial";return(0,Q.jsxs)("span",{className:J.media,"aria-hidden":"true","data-aia-product-placeholder":!r&&!o?"":void 0,"data-aia-product-initial":o?"":void 0,children:[r?(0,Q.jsx)("img",{className:J.image,src:e,alt:"",loading:"lazy",decoding:"async",onError:()=>i(!0)}):null,o?(0,Ve.productInitial)(a):null]})}var W=require("@magicx-eng/ai-autocomplete-vanilla"),ce=require("react");var St=require("@magicx-eng/ai-autocomplete-vanilla"),Xe=require("react");if(typeof document<"u"&&!document.getElementById("ac-style-948e58da")){let e=document.createElement("style");e.id="ac-style-948e58da",e.textContent=`.aia-grid {
   display: grid;
   grid-template-columns: repeat(
       auto-fit,
@@ -1701,8 +1710,18 @@
   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;
@@ -1712,20 +1731,13 @@
      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)}var Et=require("react/jsx-runtime");function It({min:e="16rem",max:i,gap:a,scroll:r=!1,maxHeight:n,scrollResetKey:t,cols:l,template:d,innerRef:w,className:x,children:v,...m}){let k=(0,Xe.useRef)(null);(0,Xe.useLayoutEffect)(()=>{if(t===void 0)return;let y=k.current;y&&(y.scrollTop=0)},[t]);let T={"--aia-grid-min":e};return i&&(T["--aia-grid-max"]=i),a&&(T["--aia-grid-gap"]=a),n&&(T["--aia-grid-max-height"]=n),l&&(T.gridTemplateColumns=(0,St.optionsGridTemplateColumns)(l)),d&&(T.gridTemplateColumns=d),(0,Et.jsx)("div",{ref:y=>{k.current=y,w?.(y)},className:x?`aia-grid ${x}`:"aia-grid","data-scroll":r||void 0,style:T,...m,children:v})}var de=require("@magicx-eng/ai-autocomplete-vanilla"),le=require("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 {
+`,document.head.appendChild(e)}var Et=require("react/jsx-runtime");function It({min:e="16rem",max:a,gap:t,scroll:n=!1,maxHeight:i,scrollResetKey:r,cols:o,template:d,innerRef:x,className:v,children:w,...S}){let f=(0,Xe.useRef)(null);(0,Xe.useLayoutEffect)(()=>{if(r===void 0)return;let D=f.current;D&&(D.scrollTop=0)},[r]);let y={"--aia-grid-min":e};return a&&(y["--aia-grid-max"]=a),t&&(y["--aia-grid-gap"]=t),i&&(y["--aia-grid-max-height"]=i),o&&(y.gridTemplateColumns=(0,St.optionsGridTemplateColumns)(o)),d&&(y.gridTemplateColumns=d),(0,Et.jsx)("div",{ref:D=>{f.current=D,x?.(D)},className:v?`aia-grid ${v}`:"aia-grid","data-scroll":n||void 0,style:y,...S,children:w})}var de=require("@magicx-eng/ai-autocomplete-vanilla"),le=require("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;
   /* Clip, not visible: the entrance rise below runs on the inner content,
      and a transformed box extends its scroll container's scrollable area.
@@ -2044,12 +2056,13 @@
 }
 
 /* A row without a picture, in a grid where other rows have one, lines up
-   with them: it becomes the same centred flex row, its icon sits centred in a
-   tile-sized box, and a row with no icon either is indented by the tile and
-   its gap, so every option's text starts at the same x. Grids with no
-   pictures keep the inline icon and hanging indent above. The text is left
-   to size itself: letting it grow here would out-rank the loading-bar rule
-   that makes a skeleton bar hug its text. */
+   with them: it becomes the same centred flex row, and its icon sits centred
+   in a tile-sized box, so an icon row's text starts where a picture row's
+   does. A row with neither a picture nor an icon is not indented to match:
+   its text sits flush left, as it would in a grid with no pictures. Grids
+   with no pictures keep the inline icon and hanging indent above. The text
+   is left to size itself: letting it grow here would out-rank the
+   loading-bar rule that makes a skeleton bar hug its text. */
 [data-aia-group]:has(.aia-image-YZAbO) .aia-content-T-Qba:not(:has(.aia-image-YZAbO)) {
   display: flex;
   flex: 1 1 auto;
@@ -2069,10 +2082,6 @@
   margin-right: 0;
 }
 
-[data-aia-group]:has(.aia-image-YZAbO) .aia-content-T-Qba:not(:has(.aia-image-YZAbO)):not(:has(.aia-icon-Qw938)) {
-  padding-left: calc(var(--aia-option-image-size, 40px) + var(--aia-option-image-gap, 12px));
-}
-
 @keyframes aia-skeletonPulse-plvdD {
   0%,
   100% {
@@ -2115,7 +2124,7 @@
     opacity: 0;
   }
 }
-`,document.head.appendChild(e)}var U={item:"aia-item-d4vpD",content:"aia-content-T-Qba",riseIn:"aia-riseIn-etXZT",fadeIn:"aia-fadeIn-I8u35",tappable:"aia-tappable-70KcX",nonTappable:"aia-nonTappable-xSZM-",highlighted:"aia-highlighted-Hb0SU",tag:"aia-tag-e3Fwe",pressed:"aia-pressed-98o-r",pressCompress:"aia-pressCompress-ICV3q",scrollHint:"aia-scrollHint-xKXPt",skeletonPulse:"aia-skeletonPulse-plvdD",text:"aia-text-yqoh9",skeletonBarIn:"aia-skeletonBarIn-ZlEM0",icon:"aia-icon-Qw938",count:"aia-count-IpYbQ",image:"aia-image-YZAbO",skeletonOut:"aia-skeletonOut-x6NRd"};var se=require("react/jsx-runtime");function Tt({option:e,isHighlighted:i,onSelect:a,onHighlight:r,id:n,loading:t,showIcon:l=!0,showImage:d=!0,showCount:w=!0,scrollHint:x,enterDelayMs:v=0}){let[m]=(0,le.useState)(v),[k,T]=(0,le.useState)(!1),y=d?(0,de.optionImageSrc)(e.image_url):null,[q,H]=(0,le.useState)(null),A=(0,le.useMemo)(()=>!y&&l&&e.icon_svg?(0,de.sanitizeOptionIconSvg)(e.icon_svg):null,[y,l,e.icon_svg]),O=w?(0,de.formatOptionCount)(e.item_count):null,F=(0,le.useRef)(void 0);(0,le.useEffect)(()=>()=>clearTimeout(F.current),[]);let N=()=>{t||!e.is_tappable||k||(T(!0),a(e),clearTimeout(F.current),F.current=setTimeout(()=>T(!1),170))},L=[U.item,i&&!t?U.highlighted:"",e.is_tappable?U.tappable:U.nonTappable,k?U.pressed:"",x?U.scrollHint:""].filter(Boolean).join(" ");return(0,se.jsx)("div",{id:n,role:"option","data-aia-option":"","data-aia-loading":t?"":void 0,"data-aia-icon":A&&e.icon?e.icon:void 0,"data-aia-image":y?"":void 0,"data-aia-item-count":O!==null?e.item_count:void 0,"aria-selected":i,className:L,style:{[de.OPTION_ENTER_DELAY_VAR]:`${m}ms`},tabIndex:t||!e.is_tappable?-1:0,onClick:N,onKeyDown:S=>{!t&&e.is_tappable&&(S.key==="Enter"||S.key===" ")&&(S.preventDefault(),N())},onMouseEnter:!t&&e.is_tappable?r:void 0,children:(0,se.jsxs)("span",{className:U.content,children:[y&&(0,se.jsx)("span",{className:`${U.image} magicx-aia-option-image`,"aria-hidden":"true",children:(0,se.jsx)("img",{src:y,alt:"",loading:"lazy",decoding:"async",referrerPolicy:"no-referrer",draggable:!1,hidden:q===y,onError:()=>H(y)})}),A&&(0,se.jsx)("span",{className:`${U.icon} magicx-aia-option-icon`,"aria-hidden":"true",dangerouslySetInnerHTML:{__html:A}}),(0,se.jsx)("span",{className:U.text,children:(0,de.optionLabel)(e)}),e.tag&&(0,se.jsx)("span",{className:U.tag,children:e.tag}),O!==null&&(0,se.jsx)("span",{className:`${U.count} magicx-aia-option-count`,children:O})]})})}var ct=require("react/jsx-runtime");function da(){let[e,i]=(0,ce.useState)(G.isOptionsGridMobileViewport);return(0,ce.useEffect)(()=>{if(typeof window>"u"||!window.matchMedia)return;let a=window.matchMedia(G.OPTIONS_GRID_MOBILE_QUERY),r=()=>i(a.matches);return r(),a.addEventListener("change",r),()=>a.removeEventListener("change",r)},[]),e}function At({options:e,activeIndex:i,onSelect:a,onHighlight:r,listboxId:n,loading:t,groupKey:l="",optionsPosition:d="below",showIcons:w=!0,showImages:x=!0,showCounts:v=!0}){let m=da(),k=(0,ce.useRef)(null),[T,y]=(0,ce.useState)(null),q=(0,ce.useRef)(null);(0,ce.useLayoutEffect)(()=>{if(t&&(0,G.sameOptionRows)(q.current,e))return;q.current=t?null:e;let A=k.current,F=A&&!t&&(0,G.needsOptionsGridMeasurement)(e.length,m)?(0,G.measureOptionsGrid)(A):null;y(F?(0,G.planOptionsGrid)(e.length,m,F.rowWidths,F.gridWidth):null)},[e,m,t]);let H=T??(0,G.planOptionsGrid)(e.length,m,null,null);return(0,ct.jsx)(It,{min:"250px",max:"1fr",gap:"0",scroll:!0,scrollResetKey:l,template:H.template,maxHeight:H.maxHeight,innerRef:A=>{k.current=A},"data-aia-group":l,children:e.map((A,O)=>(0,ct.jsx)(Tt,{option:A,isHighlighted:O===i,onSelect:a,onHighlight:()=>r(O),id:`${n}-option-${O}`,loading:t,showIcon:w,showImage:x,showCount:v,scrollHint:!t&&H.scrollHintIndices.includes(O),enterDelayMs:t?0:(0,G.optionEnterDelayMs)(O,H.cols,e.length,d)},`${l}\0${A.text}`))})}if(typeof document<"u"&&!document.getElementById("ac-style-8414cd5f")){let e=document.createElement("style");e.id="ac-style-8414cd5f",e.textContent=`.aia-stack {
+`,document.head.appendChild(e)}var j={item:"aia-item-d4vpD",content:"aia-content-T-Qba",riseIn:"aia-riseIn-etXZT",fadeIn:"aia-fadeIn-I8u35",tappable:"aia-tappable-70KcX",nonTappable:"aia-nonTappable-xSZM-",highlighted:"aia-highlighted-Hb0SU",tag:"aia-tag-e3Fwe",pressed:"aia-pressed-98o-r",pressCompress:"aia-pressCompress-ICV3q",scrollHint:"aia-scrollHint-xKXPt",skeletonPulse:"aia-skeletonPulse-plvdD",text:"aia-text-yqoh9",skeletonBarIn:"aia-skeletonBarIn-ZlEM0",icon:"aia-icon-Qw938",count:"aia-count-IpYbQ",image:"aia-image-YZAbO",skeletonOut:"aia-skeletonOut-x6NRd"};var se=require("react/jsx-runtime");function Tt({option:e,isHighlighted:a,onSelect:t,onHighlight:n,onUnhighlight:i,id:r,loading:o,showIcon:d=!0,showImage:x=!0,showCount:v=!0,scrollHint:w,enterDelayMs:S=0}){let[f]=(0,le.useState)(S),[y,D]=(0,le.useState)(!1),T=x?(0,de.optionImageSrc)(e.image_url):null,[K,G]=(0,le.useState)(null),A=(0,le.useMemo)(()=>!T&&d&&e.icon_svg?(0,de.sanitizeOptionIconSvg)(e.icon_svg):null,[T,d,e.icon_svg]),O=v?(0,de.formatOptionCount)(e.item_count):null,L=(0,le.useRef)(void 0);(0,le.useEffect)(()=>()=>clearTimeout(L.current),[]);let R=()=>{o||!e.is_tappable||y||(D(!0),t(e),clearTimeout(L.current),L.current=setTimeout(()=>D(!1),170))},E=[j.item,a&&!o?j.highlighted:"",e.is_tappable?j.tappable:j.nonTappable,y?j.pressed:"",w?j.scrollHint:""].filter(Boolean).join(" ");return(0,se.jsx)("div",{id:r,role:"option","data-aia-option":"","data-aia-loading":o?"":void 0,"data-aia-icon":A&&e.icon?e.icon:void 0,"data-aia-image":T?"":void 0,"data-aia-item-count":O!==null?e.item_count:void 0,"aria-selected":a,className:E,style:{[de.OPTION_ENTER_DELAY_VAR]:`${f}ms`},tabIndex:o||!e.is_tappable?-1:0,onClick:R,onKeyDown:_=>{!o&&e.is_tappable&&(_.key==="Enter"||_.key===" ")&&(_.preventDefault(),R())},onMouseEnter:!o&&e.is_tappable?n:void 0,onMouseLeave:i,children:(0,se.jsxs)("span",{className:j.content,children:[T&&(0,se.jsx)("span",{className:`${j.image} magicx-aia-option-image`,"aria-hidden":"true",children:(0,se.jsx)("img",{src:T,alt:"",loading:"lazy",decoding:"async",referrerPolicy:"no-referrer",draggable:!1,hidden:K===T,onError:()=>G(T)})}),A&&(0,se.jsx)("span",{className:`${j.icon} magicx-aia-option-icon`,"aria-hidden":"true",dangerouslySetInnerHTML:{__html:A}}),(0,se.jsx)("span",{className:j.text,children:(0,de.optionLabel)(e)}),e.tag&&(0,se.jsx)("span",{className:j.tag,children:e.tag}),O!==null&&(0,se.jsx)("span",{className:`${j.count} magicx-aia-option-count`,children:O})]})})}var ct=require("react/jsx-runtime");function da(){let[e,a]=(0,ce.useState)(W.isOptionsGridMobileViewport);return(0,ce.useEffect)(()=>{if(typeof window>"u"||!window.matchMedia)return;let t=window.matchMedia(W.OPTIONS_GRID_MOBILE_QUERY),n=()=>a(t.matches);return n(),t.addEventListener("change",n),()=>t.removeEventListener("change",n)},[]),e}function At({options:e,activeIndex:a,onSelect:t,onHighlight:n,onUnhighlight:i,listboxId:r,loading:o,groupKey:d="",optionsPosition:x="below",showIcons:v=!0,showImages:w=!0,showCounts:S=!0}){let f=da(),y=(0,ce.useRef)(null),[D,T]=(0,ce.useState)(null),K=(0,ce.useRef)(null);(0,ce.useLayoutEffect)(()=>{if(o&&(0,W.sameOptionRows)(K.current,e))return;K.current=o?null:e;let A=y.current,L=A&&!o&&(0,W.needsOptionsGridMeasurement)(e.length,f)?(0,W.measureOptionsGrid)(A):null;T(L?(0,W.planOptionsGrid)(e.length,f,L.rowWidths,L.gridWidth):null)},[e,f,o]);let G=D??(0,W.planOptionsGrid)(e.length,f,null,null);return(0,ct.jsx)(It,{min:"250px",max:"1fr",gap:"0",scroll:!0,scrollResetKey:d,template:G.template,maxHeight:G.maxHeight,innerRef:A=>{y.current=A},"data-aia-group":d,children:e.map((A,O)=>(0,ct.jsx)(Tt,{option:A,isHighlighted:O===a,onSelect:t,onHighlight:()=>n(O),onUnhighlight:i?()=>i(O):void 0,id:`${r}-option-${O}`,loading:o,showIcon:v,showImage:w,showCount:S,scrollHint:!o&&G.scrollHintIndices.includes(O),enterDelayMs:o?0:(0,W.optionEnterDelayMs)(O,G.cols,e.length,x)},`${d}\0${A.text}`))})}if(typeof document<"u"&&!document.getElementById("ac-style-8414cd5f")){let e=document.createElement("style");e.id="ac-style-8414cd5f",e.textContent=`.aia-stack {
   display: flex;
   flex-direction: column;
   gap: var(--aia-stack-space, 0.5rem);
@@ -2130,7 +2139,7 @@
   align-items: end;
 }
 /* data-align="stretch" is the flex default \u2014 no rule needed. */
-`,document.head.appendChild(e)}var Ot=require("react/jsx-runtime");function Rt({space:e,align:i="stretch",className:a,children:r,...n}){let t=e?{"--aia-stack-space":e}:void 0;return(0,Ot.jsx)("div",{className:a?`aia-stack ${a}`:"aia-stack","data-align":i,style:t,...n,children:r})}var K=require("react/jsx-runtime"),ca=[159,119,164],pa=()=>{},Dt=()=>{};function ha(e){let i=()=>typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(prefers-color-scheme: dark)").matches,[a,r]=(0,$.useState)(i);if((0,$.useEffect)(()=>{if(e!=="auto"||typeof window>"u"||typeof window.matchMedia!="function")return;let n=window.matchMedia("(prefers-color-scheme: dark)"),t=()=>r(n.matches);return n.addEventListener("change",t),()=>n.removeEventListener("change",t)},[e]),e!==void 0)return e==="auto"?a?"dark":"light":e}function ua(e,i){let a=(0,$.useRef)(null);(0,$.useEffect)(()=>{let r=e.current,n=i.current;if(!r||!n)return;let t=r.querySelector(".aia-grid[data-scroll]");if(a.current&&a.current.grid!==t&&(a.current.controller.destroy(),a.current=null),t&&!a.current){a.current={grid:t,controller:(0,Be.attachScrollArrow)({dropdown:r,grid:t,button:n})};return}a.current?.controller.update()}),(0,$.useEffect)(()=>()=>{a.current?.controller.destroy(),a.current=null},[])}function Je({suggestions:e,activeIndex:i,onSelect:a,onHighlight:r,isOpen:n,id:t,className:l,pills:d,onPillClick:w,showPills:x=!0,onSkip:v,showSkipButton:m=!0,showOptionIcons:k=!0,showOptionImages:T=!0,showOptionCounts:y=!0,skipDisabled:q=!1,activeSelected:H=!1,isLoading:A=!1,skeletonExiting:O=!1,isInputEmpty:F=!1,products:N,onProductSelect:L,onProductFocusChange:S,productsLayout:X="row",productImageFallback:ke="image",formatType:pe="options",dateView:Ce=null,selectedDateIso:he=null,selectedDateRange:h=null,dateRangeStart:Oe=null,onPreviousMonth:Pe,onNextMonth:Se,optionsPosition:ue="below",mode:Ie}){let me=ha(Ie),J=me!==void 0,ee=(0,$.useRef)(null),ge=(0,$.useRef)(null);ua(ee,ge);let fe=e[0]?.options??[],be=!!(d&&d.length>0&&w),c=!!(N&&N.length>0),p=n&&(fe.length>0||x&&be||A||c),b={suggestions:e,activeIndex:i,pills:d,showPills:x,showSkipButton:m,showOptionIcons:k,showOptionImages:T,showOptionCounts:y,skipDisabled:q,activeSelected:H,isLoading:A,skeletonExiting:O,isInputEmpty:F,products:N,formatType:pe,dateView:Ce,selectedDateIso:he,selectedDateRange:h,dateRangeStart:Oe},C=(0,$.useRef)(b);p&&(C.current=b);let o=p?b:C.current,E=o.suggestions[0],g=E?.options??[],te=o.activeIndex>=0&&!!g[o.activeIndex]?.is_tappable,ae=!!(o.pills&&o.pills.length>0&&w),ve=o.showPills&&ae,u=o.showPills&&!ae&&o.isLoading,Ee=ve||u,Te=ae&&o.showSkipButton&&!o.isInputEmpty&&!!v,ie=o.pills?.[0]?.text,De=(0,Be.isCalendarFormat)(o.formatType)&&o.dateView!=null,we=g.length>0&&!De,Me=g.length>0&&De&&!o.isLoading,oe=o.isLoading&&!we&&!Me,ne=o.products??[];return(0,K.jsxs)("div",{ref:ee,id:t,role:"listbox","data-aia-dropdown":"","data-options-position":ue,"data-mode":me,"data-aia-loading":o.isLoading?"":void 0,"data-aia-skeleton-exiting":o.skeletonExiting?"":void 0,"data-aia-has-products":ne.length>0?"":void 0,className:`${J?"magicx-aia ":""}${xe.dropdown} ${p?xe.visible:""} ${l??""}`,onMouseDown:Y=>Y.preventDefault(),children:[(0,K.jsxs)(Rt,{space:"8px",children:[(Ee||Te)&&(0,K.jsxs)(We,{noWrap:!0,className:xe.pillBar,"data-aia-pillbar":"",children:[Ee&&(0,K.jsx)("span",{className:xe.pillScroll,"data-aia-pill-scroll":"",children:(0,K.jsx)($e,{pills:o.pills??[],activePillIndex:0,activeSelected:o.activeSelected,onSelectPill:w??(()=>{}),rounded:!0,loading:o.isLoading})}),Te&&(0,K.jsx)("button",{type:"button",tabIndex:-1,className:xe.skip,"data-aia-skip":"",disabled:o.isLoading||o.skipDisabled,"aria-label":ie?`Skip ${ie}`:"Skip",onClick:v,children:"skip"})]}),we&&(0,K.jsx)(At,{options:g,activeIndex:o.activeIndex,onSelect:a,onHighlight:r,listboxId:t,loading:o.isLoading,groupKey:E?`${E.type} ${E.text}`:"",optionsPosition:ue,showIcons:o.showOptionIcons,showImages:o.showOptionImages,showCounts:o.showOptionCounts}),Me&&o.dateView&&(0,K.jsx)(wt,{options:g,activeIndex:o.activeIndex,listboxId:t,view:o.dateView,selection:{selectedIso:o.selectedDateIso??null,selectedRange:o.selectedDateRange??null,rangeStart:o.dateRangeStart??null},onSelect:a,onHighlight:r,onPreviousMonth:Pe??Dt,onNextMonth:Se??Dt}),oe&&(0,K.jsx)("div",{className:xe.skeletonBars,"data-aia-skeleton-bars":"",children:ca.map(Y=>(0,K.jsx)("span",{className:xe.skeletonBar,style:{width:Y}},`bar-${Y}`))}),(0,K.jsx)(Pt,{products:ne,listboxId:t,onSelect:L??pa,onFocusChange:S,focusable:p,layout:X,imageFallback:ke}),(0,K.jsx)(xt,{isOptionHighlighted:te,isInputEmpty:o.isInputEmpty})]}),(0,K.jsx)("button",{ref:ge,type:"button",tabIndex:-1,className:xe.scrollArrow,"data-aia-scroll-arrow":"","aria-label":Be.SCROLL_ARROW_LABEL,"aria-hidden":"true",children:(0,K.jsx)("svg",{viewBox:"0 0 16 16",width:"18",height:"18",fill:"none",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:(0,K.jsx)("path",{d:"M4 6.5 8 10.5l4-4"})})})]})}var Fe=require("@magicx-eng/ai-autocomplete-vanilla");if(typeof document<"u"&&!document.getElementById("ac-style-fdee06e6")){let e=document.createElement("style");e.id="ac-style-fdee06e6",e.textContent=`.aia-submitButton-otz7H {
+`,document.head.appendChild(e)}var Dt=require("react/jsx-runtime");function Rt({space:e,align:a="stretch",className:t,children:n,...i}){let r=e?{"--aia-stack-space":e}:void 0;return(0,Dt.jsx)("div",{className:t?`aia-stack ${t}`:"aia-stack","data-align":a,style:r,...i,children:n})}var F=require("react/jsx-runtime"),ca=[159,119,164],pa=()=>{},Ot=()=>{};function ha(e){let a=()=>typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(prefers-color-scheme: dark)").matches,[t,n]=(0,ee.useState)(a);if((0,ee.useEffect)(()=>{if(e!=="auto"||typeof window>"u"||typeof window.matchMedia!="function")return;let i=window.matchMedia("(prefers-color-scheme: dark)"),r=()=>n(i.matches);return i.addEventListener("change",r),()=>i.removeEventListener("change",r)},[e]),e!==void 0)return e==="auto"?t?"dark":"light":e}function ua(e,a){let t=(0,ee.useRef)(null);(0,ee.useEffect)(()=>{let n=e.current,i=a.current;if(!n||!i)return;let r=n.querySelector(".aia-grid[data-scroll]");if(t.current&&t.current.grid!==r&&(t.current.controller.destroy(),t.current=null),r&&!t.current){t.current={grid:r,controller:(0,He.attachScrollArrow)({dropdown:n,grid:r,button:i})};return}t.current?.controller.update()}),(0,ee.useEffect)(()=>()=>{t.current?.controller.destroy(),t.current=null},[])}function Je({suggestions:e,activeIndex:a,onSelect:t,onHighlight:n,onUnhighlight:i,isOpen:r,id:o,className:d,pills:x,onPillClick:v,showPills:w=!0,onSkip:S,showSkipButton:f=!0,showOptionIcons:y=!0,showOptionImages:D=!0,showOptionCounts:T=!0,skipDisabled:K=!1,activeSelected:G=!1,isLoading:A=!1,skeletonExiting:O=!1,isInputEmpty:L=!1,products:R,onProductSelect:E,onProductFocusChange:_,productsLayout:ye="row",productImageFallback:pe="image",formatType:ke="options",dateView:he=null,selectedDateIso:p=null,selectedDateRange:De=null,dateRangeStart:Ce=null,onPreviousMonth:Pe,onNextMonth:Se,optionsPosition:ue="below",mode:Ie}){let $=ha(Ie),me=$!==void 0,ge=(0,ee.useRef)(null),ae=(0,ee.useRef)(null);ua(ge,ae);let fe=e[0]?.options??[],c=!!(x&&x.length>0&&v),h=!!(R&&R.length>0),b=r&&(fe.length>0||w&&c||A||h),C={suggestions:e,activeIndex:a,pills:x,showPills:w,showSkipButton:f,showOptionIcons:y,showOptionImages:D,showOptionCounts:T,skipDisabled:K,activeSelected:G,isLoading:A,skeletonExiting:O,isInputEmpty:L,products:R,formatType:ke,dateView:he,selectedDateIso:p,selectedDateRange:De,dateRangeStart:Ce},k=(0,ee.useRef)(C);b&&(k.current=C);let l=b?C:k.current,g=l.suggestions[0],q=g?.options??[],Ee=l.activeIndex>=0&&!!q[l.activeIndex]?.is_tappable,V=!!(l.pills&&l.pills.length>0&&v),u=l.showPills&&V,Oe=l.showPills&&!V&&l.isLoading,Te=u||Oe,ie=V&&l.showSkipButton&&!l.isInputEmpty&&!!S,Le=l.pills?.[0]?.text,be=(0,He.isCalendarFormat)(l.formatType)&&l.dateView!=null,ze=q.length>0&&!be,X=q.length>0&&be&&!l.isLoading,ve=l.isLoading&&!ze&&!X,oe=l.products??[];return(0,F.jsxs)("div",{ref:ge,id:o,role:"listbox","data-aia-dropdown":"","data-options-position":ue,"data-mode":$,"data-aia-loading":l.isLoading?"":void 0,"data-aia-skeleton-exiting":l.skeletonExiting?"":void 0,"data-aia-has-products":oe.length>0?"":void 0,className:`${me?"magicx-aia ":""}${we.dropdown} ${b?we.visible:""} ${d??""}`,onMouseDown:ne=>ne.preventDefault(),children:[(0,F.jsxs)(Rt,{space:"8px",children:[(Te||ie)&&(0,F.jsxs)(We,{noWrap:!0,className:we.pillBar,"data-aia-pillbar":"",children:[Te&&(0,F.jsx)("span",{className:we.pillScroll,"data-aia-pill-scroll":"",children:(0,F.jsx)($e,{pills:l.pills??[],activePillIndex:0,activeSelected:l.activeSelected,onSelectPill:v??(()=>{}),rounded:!0,loading:l.isLoading})}),ie&&(0,F.jsx)("button",{type:"button",tabIndex:-1,className:we.skip,"data-aia-skip":"",disabled:l.isLoading||l.skipDisabled,"aria-label":Le?`Skip ${Le}`:"Skip",onClick:S,children:"skip"})]}),ze&&(0,F.jsx)(At,{options:q,activeIndex:l.activeIndex,onSelect:t,onHighlight:n,onUnhighlight:i,listboxId:o,loading:l.isLoading,groupKey:g?`${g.type} ${g.text}`:"",optionsPosition:ue,showIcons:l.showOptionIcons,showImages:l.showOptionImages,showCounts:l.showOptionCounts}),X&&l.dateView&&(0,F.jsx)(wt,{options:q,activeIndex:l.activeIndex,listboxId:o,view:l.dateView,selection:{selectedIso:l.selectedDateIso??null,selectedRange:l.selectedDateRange??null,rangeStart:l.dateRangeStart??null},onSelect:t,onHighlight:n,onUnhighlight:i,onPreviousMonth:Pe??Ot,onNextMonth:Se??Ot}),ve&&(0,F.jsx)("div",{className:we.skeletonBars,"data-aia-skeleton-bars":"",children:ca.map(ne=>(0,F.jsx)("span",{className:we.skeletonBar,style:{width:ne}},`bar-${ne}`))}),(0,F.jsx)(Pt,{products:oe,listboxId:o,onSelect:E??pa,onFocusChange:_,focusable:b,layout:ye,imageFallback:pe}),(0,F.jsx)(xt,{isOptionHighlighted:Ee,isInputEmpty:l.isInputEmpty})]}),(0,F.jsx)("button",{ref:ae,type:"button",tabIndex:-1,className:we.scrollArrow,"data-aia-scroll-arrow":"","aria-label":He.SCROLL_ARROW_LABEL,"aria-hidden":"true",children:(0,F.jsx)("svg",{viewBox:"0 0 16 16",width:"18",height:"18",fill:"none",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:(0,F.jsx)("path",{d:"M4 6.5 8 10.5l4-4"})})})]})}var Ke=require("@magicx-eng/ai-autocomplete-vanilla");if(typeof document<"u"&&!document.getElementById("ac-style-fdee06e6")){let e=document.createElement("style");e.id="ac-style-fdee06e6",e.textContent=`.aia-submitButton-otz7H {
   flex-shrink: 0;
   width: 32px;
   height: 32px;
@@ -2183,5 +2192,5 @@
   );
   cursor: default;
 }
-`,document.head.appendChild(e)}var Lt={submitButton:"aia-submitButton-otz7H"};var et=require("react/jsx-runtime");function Mt({disabled:e,onClick:i}){return(0,et.jsx)("button",{type:"button","data-aia-submit":"",className:Lt.submitButton,disabled:e,onClick:a=>{a.stopPropagation(),i()},"aria-label":"Submit",children:(0,et.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",role:"img","aria-label":"Submit",children:(0,et.jsx)("path",{d:"M9 14V4M9 4L4 9M9 4L14 9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})}var He=require("@magicx-eng/ai-autocomplete-vanilla"),I=require("react");var pt=require("react");function zt(e){let i=(0,pt.useRef)(e);i.current=e;let a=Object.keys(e??{}).sort().join("\0"),r=(0,pt.useRef)({key:"
",overrides:void 0});if(r.current.key!==a){let n={};for(let t of Object.keys(e??{})){let l=(d,w,x)=>{let v=i.current?.[t];return v?v(d,w,x):[]};n[t]=l}r.current={key:a,overrides:e?n:void 0}}return{overrides:r.current.overrides,key:a}}var ht=require("react");function Nt(e){let i=(0,ht.useRef)(e);i.current=e;let a=(0,ht.useRef)(null);a.current===null&&(a.current={fetch:(n,t)=>{let l=i.current;return l?l.fetch(n,t):Promise.reject(new Error("products config removed"))},transform:n=>i.current?.transform(n)??[],get limit(){return i.current?.limit}});let r=e!==void 0;return{config:r?a.current:void 0,enabled:r}}var ma={text:"",completedParams:[],identifiedParams:[],skippedParams:[],pendingSpan:null,suggestions:[],products:[],customFields:null,optionSearch:null,activeDropdownIndex:-1,newParamId:null,isLoading:!0,isReady:!1,error:null,segments:[],actionableSuggestions:[],filteredOptions:[],dropdownLoading:!0,dropdownOptions:[],skeletonOptions:null,skeletonSuggestion:null,dropdownSuggestion:null,skeletonRequested:!1,skeletonExiting:!1,activeFormatType:"options",dateView:null,dateRangeStart:null,placeholderText:"",optionQuery:"",isSearchingOptions:!1,isDropdownOpen:!1,isActivePillSelected:!1,filterBase:0,filterInProgress:!1,pillTapped:!1,skipNextFetch:!1,lastRawQuery:"",isFocused:!1,editingParam:null,editingIdentified:null,editingAnchor:null,editingTail:null,caretOffset:null,inSelectionAnimation:!1,dateViewMonth:null,pendingRangeStart:null};function tt({onSubmit:e,onResult:i,onError:a,optionOverrides:r,maskCompletedText:n,apiConfig:t,additionalContext:l,columns:d=2,dropdownTrigger:w,optionsPosition:x,closeDropdownOnBlur:v,showNonTappableOptions:m,showOptionIcons:k,showOptionImages:T,showOptionCounts:y,showSkipButton:q,showProducts:H,productImageFallback:A="image",onFocus:O,onBlur:F,value:N,completedParams:L,onChange:S,onParamsChange:X,products:ke,onProductSelect:pe,source:Ce,setCursor:he}){let h=(0,I.useRef)(null),[Oe,Pe]=(0,I.useState)(null),Se=(0,I.useRef)(e);Se.current=e;let ue=(0,I.useRef)(i);ue.current=i;let Ie=(0,I.useRef)(a);Ie.current=a;let me=(0,I.useRef)(S);me.current=S;let J=(0,I.useRef)(X);J.current=X;let ee=(0,I.useRef)(O);ee.current=O;let ge=(0,I.useRef)(F);ge.current=F;let fe=(0,I.useRef)(he);fe.current=he;let be=(0,I.useRef)(pe);be.current=pe;let c=Nt(ke),p=zt(r);(0,I.useEffect)(()=>{if(typeof document>"u")return;let f=new He.AIAutocomplete(document.createElement("div"),{renderMode:"headless",apiConfig:t,additionalContext:l,optionOverrides:p.overrides,maskCompletedText:n,columns:d,dropdownTrigger:w,optionsPosition:x,closeDropdownOnBlur:v,showNonTappableOptions:m,showProducts:H,source:Ce,value:N,completedParams:L,onSubmit:(...B)=>Se.current?.(...B),onResult:(...B)=>ue.current?.(...B),onError:(...B)=>Ie.current?.(...B),onChange:(...B)=>me.current?.(...B),onParamsChange:(...B)=>J.current?.(...B),onFocus:()=>ee.current?.(),onBlur:()=>ge.current?.(),onProductSelect:B=>be.current?.(B),setCursor:B=>fe.current?.(B),products:c.config});h.current=f,Pe(f.getState());let j=f.subscribe(B=>Pe(B));return()=>{j(),f.destroy(),h.current===f&&(h.current=null)}},[]),(0,I.useEffect)(()=>{N!==void 0&&h.current?.setValue(N)},[N]),(0,I.useEffect)(()=>{L!==void 0&&h.current?.setCompletedParams(L)},[L]);let b=JSON.stringify(t??null),C;try{C=JSON.stringify(l??null)}catch{C="[unstringifiable]"}(0,I.useEffect)(()=>{h.current?.update({apiConfig:t,additionalContext:l,optionOverrides:p.overrides,dropdownTrigger:w,optionsPosition:x,closeDropdownOnBlur:v,showNonTappableOptions:m,showProducts:H})},[b,C,p.key,w,x,v,m,H]);let o=(0,I.useRef)(!1);(0,I.useEffect)(()=>{if(!o.current){o.current=!0;return}h.current?.update({products:c.config})},[c.enabled]);let E=(0,I.useRef)(null);E.current===null&&(E.current={handleTextChange:f=>h.current?.handleTextChange(f),handleKeyDown:f=>{let j="nativeEvent"in f?f.nativeEvent:f;h.current?.handleKeyDown(j)},setFocused:f=>h.current?.setFocused(f),startEditingParam:f=>h.current?.startEditingParam(f),exitEditMode:()=>h.current?.exitEditMode(),handleCaretAfterInput:f=>h.current?.handleCaretAfterInput(f),handleCaretMove:f=>h.current?.handleCaretMove(f),replaceEditingRange:f=>h.current?.replaceEditingRange(f)??!1,setActivePill:f=>h.current?.setActivePill(f),skipActivePill:()=>h.current?.skipActivePill(),removeLastParam:()=>h.current?.removeLastParam(),clearNewParamId:()=>h.current?.clearNewParamId(),reset:()=>h.current?.reset(),selectOption:f=>h.current?.selectOption(f),selectProduct:f=>h.current?.selectProduct(f),setActiveDropdownIndex:f=>h.current?.setActiveDropdownIndex(f),showPreviousMonth:()=>h.current?.showPreviousMonth(),showNextMonth:()=>h.current?.showNextMonth(),handleFocus:()=>h.current?.setFocused(!0),handleBlur:()=>h.current?.setFocused(!1)});let g=E.current,te=(0,I.useCallback)(f=>{let j=f.target.value,it=j.length>0&&!f.nativeEvent?.isComposing&&j[0]!==j[0].toUpperCase()?j[0].toUpperCase()+j.slice(1):j;h.current?.handleTextChange(it)},[]),ae=(0,I.useCallback)(f=>{h.current?.handleKeyDown(f.nativeEvent)},[]),ve=h.current,u=Oe??ma,Ee=N!==void 0?N:u.text,Te=L!==void 0?L:u.completedParams,ie=u.actionableSuggestions,De=ie[0],we=ve?.listboxId??"",Me=u.activeDropdownIndex>=0&&ve?`${we}-option-${u.activeDropdownIndex}`:void 0,oe=u.editingParam,ne=u.editingIdentified,Y=oe?{type:oe.suggestionType,text:oe.suggestionPlaceholder,required:!0,options:oe.options}:ne?{type:ne.type,text:(0,He.identifiedParamLabel)(ne.type),required:!0,options:[]}:null,Ke=u.dropdownSuggestion??Y??De,qe=Y?[Y]:ie,Ge=(0,He.dateSelectionFor)(u),Ue=!ve||u.dropdownLoading;return{completedParams:Te,skippedParams:u.skippedParams,identifiedParams:u.identifiedParams,suggestionPills:ie,setActivePill:g.setActivePill,skipActivePill:g.skipActivePill,removeLastParam:g.removeLastParam,segments:u.segments,newParamId:u.newParamId,clearNewParamId:g.clearNewParamId,suggestions:u.suggestions,activeIndex:u.activeDropdownIndex,isReady:u.isReady,isLoading:Ue,isFocused:u.isFocused,isDropdownOpen:u.isDropdownOpen,isActivePillSelected:u.isActivePillSelected,placeholderText:u.placeholderText,listboxId:we,error:u.error,products:u.products,customFields:u.customFields,selectProduct:g.selectProduct,handleTextChange:g.handleTextChange,handleKeyDown:g.handleKeyDown,setFocused:g.setFocused,editingParam:oe,editingIdentified:ne,editingAnchor:u.editingAnchor,caretOffset:u.caretOffset,startEditingParam:g.startEditingParam,exitEditMode:g.exitEditMode,handleCaretAfterInput:g.handleCaretAfterInput,handleCaretMove:g.handleCaretMove,replaceEditingRange:g.replaceEditingRange,inputProps:{value:Ee,placeholder:u.placeholderText||void 0,onChange:te,onKeyDown:ae,onFocus:g.handleFocus,onBlur:g.handleBlur,role:"combobox","aria-expanded":u.isDropdownOpen,"aria-activedescendant":Me,"aria-autocomplete":"list","aria-controls":we},reset:g.reset,dropdownProps:{suggestions:Ke?[{...Ke,options:u.dropdownOptions}]:[],activeIndex:u.activeDropdownIndex,onSelect:g.selectOption,onHighlight:g.setActiveDropdownIndex,isOpen:u.isDropdownOpen,id:we,pills:qe,activeSelected:u.isActivePillSelected,onPillClick:g.setActivePill,onSkip:g.skipActivePill,showSkipButton:(q??!0)&&!oe&&!ne,showOptionIcons:k??!0,showOptionImages:T??!0,showOptionCounts:y??!0,skipDisabled:u.inSelectionAnimation,isLoading:Ue,skeletonExiting:u.skeletonExiting,isInputEmpty:Ee.trim().length===0,products:u.products,productImageFallback:A,onProductSelect:g.selectProduct,onProductFocusChange:g.setFocused,formatType:u.activeFormatType,dateView:u.dateView,selectedDateIso:Ge.selectedIso,selectedDateRange:Ge.selectedRange,dateRangeStart:Ge.rangeStart,onPreviousMonth:g.showPreviousMonth,onNextMonth:g.showNextMonth,optionsPosition:x??"below"}}}var Q=require("@magicx-eng/ai-autocomplete-vanilla"),P=require("react"),at;function ga(){if(at!==void 0)return at;if(typeof document>"u")return!1;let e=document.createElement("div");return e.setAttribute("contenteditable","plaintext-only"),at=e.contentEditable==="plaintext-only",at}function Bt(e){let{segments:i,showChipIcons:a=!0,showChipImages:r=!0,newParamId:n,editingParam:t,editingIdentified:l,editingAnchor:d,caretOffset:w,placeholderText:x,isFocused:v,isDropdownOpen:m,listboxId:k,activeDescendantId:T,autoFocus:y,handleTextChange:q,handleKeyDown:H,handleCaretAfterInput:A,handleCaretMove:O,startEditingParam:F,replaceEditingRange:N,setFocused:L}=e,S=(0,P.useRef)(null),X=(0,P.useRef)(!1),ke=(0,P.useRef)(""),pe=(0,P.useRef)(""),Ce=(0,P.useRef)(null),he=(0,P.useRef)(0);Ce.current=w,(0,P.useEffect)(()=>{if(!y)return;let c=S.current;if(!c)return;document.activeElement===c?L(!0):c.focus();let p=c.ownerDocument??document,b=p.getSelection(),C=b&&b.rangeCount>0&&c.contains(b.anchorNode);if(b&&!C){let o=p.createRange();o.selectNodeContents(c),o.collapse(!0),b.removeAllRanges(),b.addRange(o)}},[y,L]),(0,P.useEffect)(()=>{let c=S.current;if(!c)return;let p=c.ownerDocument??document,b=()=>{let C=p.getSelection();if(!C||C.rangeCount===0||!C.anchorNode||!c.contains(C.anchorNode))return;let o=C.anchorNode,E=o.nodeType===Node.ELEMENT_NODE?o:o.parentElement,te=(C.isCollapsed?E?.closest("strong[data-param-id]"):null)?.dataset.paramId??null,ae=t?.id??l?.id??null;if(te&&te!==ae){F(te);return}performance.now()-he.current<50||O((0,Q.getCursorOffset)(c))};return p.addEventListener("selectionchange",b),()=>p.removeEventListener("selectionchange",b)},[t,l,F,O]),(0,P.useLayoutEffect)(()=>{let c=S.current;c&&(0,Q.renderEditableContent)({input:c,segments:i,newParamId:n,editingParamId:t?.id??null,placeholderText:x??"",isFocused:v,showChipIcons:a,showChipImages:r})},[i,n,t,x,v,a,r]),(0,P.useLayoutEffect)(()=>{let c=ke.current,p=n??"";if(ke.current=p,!p||p===c)return;let b=S.current;if(!b)return;b.focus();let C=Ce.current??(0,Q.plainTextLength)(b);(0,Q.setCursorOffset)(b,C)},[n]),(0,P.useLayoutEffect)(()=>{let c=pe.current,p=t?.id??"";if(pe.current=p,!p||p===c||d==null)return;let b=S.current;b&&(0,Q.setCursorOffset)(b,d)},[t,d]);let h=(0,P.useCallback)(()=>{if(X.current)return;let c=S.current;if(!c)return;let p=(0,Q.extractPlainText)(c),C=p.length>0&&p[0]!==p[0].toUpperCase()?p[0].toUpperCase()+p.slice(1):p;q(C)},[q]),Oe=(0,P.useCallback)(()=>{he.current=performance.now(),h();let c=S.current;c&&A((0,Q.getCursorOffset)(c))},[h,A]);(0,P.useEffect)(()=>{let c=S.current;if(!c)return;let p=b=>{let C=b,o=C.inputType;if(o==="insertParagraph"||o==="insertLineBreak"||o==="insertFromDrop"){b.preventDefault();return}if(o.startsWith("insert")||o.startsWith("delete")){let E=o.startsWith("delete")?"":C.data??"";N(E)&&b.preventDefault()}};return c.addEventListener("beforeinput",p),()=>c.removeEventListener("beforeinput",p)},[N]);let Pe=(0,P.useCallback)(()=>{X.current=!0},[]),Se=(0,P.useCallback)(()=>{X.current=!1,h()},[h]),ue=(0,P.useCallback)(c=>{c.preventDefault();let p=S.current;if(!p)return;let b=(c.clipboardData.getData("text/plain")??"").replace(/\r?\n/g," ");if(!b)return;let C=p.ownerDocument??document,o=C.getSelection();if(!o||o.rangeCount===0)return;let E=o.getRangeAt(0);if(!p.contains(E.startContainer))return;E.deleteContents();let g=C.createTextNode(b);E.insertNode(g),E.setStartAfter(g),E.collapse(!0),o.removeAllRanges(),o.addRange(E),h()},[h]),Ie=(0,P.useCallback)(c=>H(c),[H]),me=(0,P.useCallback)(()=>L(!0),[L]),J=(0,P.useCallback)(()=>L(!1),[L]),ee=(0,P.useCallback)(()=>S.current?.focus(),[]),ge=(0,P.useCallback)(()=>S.current?.blur(),[]),fe=(0,P.useCallback)(()=>{let c=S.current;return c?(0,Q.extractPlainText)(c):""},[]),be=ga()?"plaintext-only":"true";return{inputRef:S,editorProps:{ref:S,contentEditable:be,suppressContentEditableWarning:!0,tabIndex:0,role:"combobox","aria-autocomplete":"list","aria-haspopup":"listbox","aria-controls":k,"aria-expanded":m,"aria-activedescendant":T,spellCheck:!0,enterKeyHint:"send",onInput:Oe,onKeyDown:Ie,onCompositionStart:Pe,onCompositionEnd:Se,onPaste:ue,onFocus:me,onBlur:J},getPlainText:fe,focus:ee,blur:ge}}var V=require("react/jsx-runtime");function fa(e){return e!=="auto"?e:typeof window>"u"||window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}var Ht=(0,z.forwardRef)(function({onSubmit:i,onResult:a,onError:r,optionOverrides:n,maskCompletedText:t,className:l,apiConfig:d,additionalContext:w,columns:x,pillPlacement:v="dropdown",mode:m="auto",optionsPosition:k="below",animations:T=!0,dropdownTrigger:y,closeDropdownOnBlur:q,showNonTappableOptions:H,showOptionIcons:A=!0,showChipIcons:O=!0,showChipImages:F=!0,showOptionImages:N=!0,showOptionCounts:L=!0,showSkipButton:S,showProducts:X,productsLayout:ke,productImageFallback:pe,autoFocus:Ce=!0,onFocus:he,onBlur:h,value:Oe,completedParams:Pe,onChange:Se,onParamsChange:ue,products:Ie,onProductSelect:me,submitButton:J,resetOnSubmit:ee=!0},ge){let fe=(0,z.useRef)(null),be=(0,z.useRef)(null),c=(0,z.useRef)(()=>{}),p=(0,z.useRef)(null),b=(0,z.useRef)(null);(0,z.useEffect)(()=>{let R=fe.current;if(R)return p.current?p.current.setMode(m):p.current=new Fe.ModeController(R,m),()=>{p.current?.destroy(),p.current=null}},[m]);let C=(0,z.useCallback)(R=>{let Ae=b.current?.current;Ae&&(Ae.focus(),(0,Fe.setCursorOffset)(Ae,R))},[]),{completedParams:o,skippedParams:E,identifiedParams:g,isReady:te,customFields:ae,suggestionPills:ve,setActivePill:u,skipActivePill:Ee,segments:Te,newParamId:ie,clearNewParamId:De,placeholderText:we,isFocused:Me,isDropdownOpen:oe,isActivePillSelected:ne,isLoading:Y,activeIndex:Ke,listboxId:qe,handleTextChange:Ge,handleKeyDown:Ue,setFocused:f,editingParam:j,editingIdentified:B,editingAnchor:it,caretOffset:Ft,startEditingParam:Kt,handleCaretAfterInput:Gt,handleCaretMove:Wt,replaceEditingRange:_t,dropdownProps:qt,reset:Qe}=tt({onSubmit:R=>c.current(R),onResult:a,onError:r,optionOverrides:n,maskCompletedText:t,apiConfig:d,additionalContext:w,columns:x,dropdownTrigger:y,optionsPosition:k,closeDropdownOnBlur:q,showNonTappableOptions:H,showOptionIcons:A,showOptionImages:N,showOptionCounts:L,showSkipButton:S,showProducts:X,onFocus:he,onBlur:h,value:Oe,completedParams:Pe,onChange:Se,onParamsChange:ue,products:Ie,onProductSelect:me,source:"full-sdk",setCursor:C});(0,z.useEffect)(()=>{if(!ie)return;let R=window.setTimeout(()=>De(),650);return()=>window.clearTimeout(R)},[ie,De]);let Ut=Ke>=0?`${qe}-option-${Ke}`:void 0,{inputRef:ot,editorProps:Qt,focus:Ye,blur:ut,getPlainText:mt}=Bt({segments:Te,newParamId:ie,editingParam:j,editingIdentified:B,editingAnchor:it,caretOffset:Ft,placeholderText:we,isFocused:Me,showChipIcons:O,showChipImages:F,isDropdownOpen:oe,listboxId:qe,activeDescendantId:Ut,autoFocus:Ce,handleTextChange:Ge,handleKeyDown:Ue,handleCaretAfterInput:Gt,handleCaretMove:Wt,startEditingParam:Kt,replaceEditingRange:_t,setFocused:f});b.current=ot,(0,z.useLayoutEffect)(()=>{let R=be.current,Ae=ot.current;if(!R||!Ae)return;let gt=()=>{let bt=R.firstElementChild;if(!bt)return;let $t=bt.getBoundingClientRect(),Vt=Ae.getBoundingClientRect();$t.top>=Vt.bottom-2?R.setAttribute("data-aia-pill-wrapped",""):R.removeAttribute("data-aia-pill-wrapped")};gt();let ft=new ResizeObserver(gt);return ft.observe(Ae),()=>ft.disconnect()},[Te,ve.length,Y,ot]),(0,z.useImperativeHandle)(ge,()=>({focus:Ye,blur:ut,reset:Qe,setMode:R=>p.current?.setMode(R),skipActivePill:Ee}),[Ye,ut,Qe,Ee]);let je=!!Te.length||o.length>0,nt=(0,z.useCallback)(()=>{if(!je)return;let R=mt();i((0,Fe.buildSubmitResult)(R,o,E,{identifiedParams:g,isReady:te,customFields:ae})),ee&&Qe()},[ee,je,o,E,g,te,ae,i,Qe,mt]);c.current=nt;let Yt=(0,z.useCallback)(R=>{R.target?.closest("[data-aia-pill]")||Ye()},[Ye]),jt=v==="inline",Zt=v==="dropdown";return(0,V.jsxs)("div",{ref:fe,className:`magicx-aia ${Le.container} ${l??""}`,"data-pill-placement":v,"data-options-position":k,"data-animations":T?"on":"off","data-mode":fa(m),children:[(0,V.jsx)(Je,{...qt,showPills:Zt,productsLayout:ke,productImageFallback:pe}),(0,V.jsxs)("div",{className:Le.inputWrapper,"data-aia-input-wrapper":"",onClick:Yt,children:[(0,V.jsxs)("div",{className:Le.editorArea,"data-aia-editor":"",children:[(0,V.jsx)("div",{...Qt,className:Le.input,"data-aia-input":""}),jt&&(Y||ve.length>0)&&(0,V.jsx)("span",{ref:be,className:Le.pillListContainer,"data-aia-pill-list-container":"",children:(0,V.jsx)($e,{pills:ve,activePillIndex:0,activeSelected:ne,onSelectPill:u,loading:Y})})]}),J===null?null:J===void 0?(0,V.jsx)(Mt,{disabled:!je,onClick:nt}):(0,V.jsx)("span",{"data-aia-submit":"","data-aia-submit-slot":"",className:Le.submitSlot,onClick:R=>{je&&(R.stopPropagation(),nt())},children:J})]})]})});0&&(module.exports={AIAutocomplete,AIAutocompleteDropdown,DATE_RANGE_META_END,DATE_RANGE_META_START,DEFAULT_OPTION_COUNT_UNIT,PRODUCT_PATH_PREFIX,WEEKDAY_LABELS,buildSubmitResult,cellDay,cellIso,dateCellMarks,formatDate,formatDateRange,formatOptionCount,isoDate,monthLabel,optionCountLabel,optionHasImage,optionImageSrc,optionLabel,parseDate,parseLooseDate,parseLooseDateRange,productFromMatchedItem,productsFromCustomFields,sanitizeOptionIconSvg,selectedRangeFor,useAIAutocomplete,visibleDateRange,withSkippedParams});
+`,document.head.appendChild(e)}var Lt={submitButton:"aia-submitButton-otz7H"};var et=require("react/jsx-runtime");function Mt({disabled:e,onClick:a}){return(0,et.jsx)("button",{type:"button","data-aia-submit":"",className:Lt.submitButton,disabled:e,onClick:t=>{t.stopPropagation(),a()},"aria-label":"Submit",children:(0,et.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",role:"img","aria-label":"Submit",children:(0,et.jsx)("path",{d:"M9 14V4M9 4L4 9M9 4L14 9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})}var Fe=require("@magicx-eng/ai-autocomplete-vanilla"),I=require("react");var pt=require("react");function zt(e){let a=(0,pt.useRef)(e);a.current=e;let t=Object.keys(e??{}).sort().join("\0"),n=(0,pt.useRef)({key:"
",overrides:void 0});if(n.current.key!==t){let i={};for(let r of Object.keys(e??{})){let o=(d,x,v)=>{let w=a.current?.[r];return w?w(d,x,v):[]};i[r]=o}n.current={key:t,overrides:e?i:void 0}}return{overrides:n.current.overrides,key:t}}var ht=require("react");function Nt(e){let a=(0,ht.useRef)(e);a.current=e;let t=(0,ht.useRef)(null);t.current===null&&(t.current={fetch:(i,r)=>{let o=a.current;return o?o.fetch(i,r):Promise.reject(new Error("products config removed"))},transform:i=>a.current?.transform(i)??[],get limit(){return a.current?.limit}});let n=e!==void 0;return{config:n?t.current:void 0,enabled:n}}var ma={text:"",completedParams:[],identifiedParams:[],skippedParams:[],pendingSpan:null,suggestions:[],products:[],customFields:null,optionSearch:null,activeDropdownIndex:-1,newParamId:null,isLoading:!0,isReady:!1,error:null,segments:[],actionableSuggestions:[],filteredOptions:[],dropdownLoading:!0,dropdownOptions:[],skeletonOptions:null,skeletonSuggestion:null,dropdownSuggestion:null,skeletonRequested:!1,skeletonExiting:!1,activeFormatType:"options",dateView:null,dateRangeStart:null,placeholderText:"",optionQuery:"",isSearchingOptions:!1,isDropdownOpen:!1,isActivePillSelected:!1,filterBase:0,filterInProgress:!1,pillTapped:!1,skipNextFetch:!1,lastRawQuery:"",isFocused:!1,editingParam:null,editingIdentified:null,editingAnchor:null,editingTail:null,caretOffset:null,inSelectionAnimation:!1,dateViewMonth:null,pendingRangeStart:null};function tt({onSubmit:e,onResult:a,onError:t,optionOverrides:n,maskCompletedText:i,apiConfig:r,additionalContext:o,columns:d=2,dropdownTrigger:x,optionsPosition:v,closeDropdownOnBlur:w,showNonTappableOptions:S,showOptionIcons:f,showOptionImages:y,showOptionCounts:D,showSkipButton:T,showProducts:K,productImageFallback:G="image",onFocus:A,onBlur:O,value:L,completedParams:R,onChange:E,onParamsChange:_,products:ye,onProductSelect:pe,source:ke,setCursor:he}){let p=(0,I.useRef)(null),[De,Ce]=(0,I.useState)(null),Pe=(0,I.useRef)(e);Pe.current=e;let Se=(0,I.useRef)(a);Se.current=a;let ue=(0,I.useRef)(t);ue.current=t;let Ie=(0,I.useRef)(E);Ie.current=E;let $=(0,I.useRef)(_);$.current=_;let me=(0,I.useRef)(A);me.current=A;let ge=(0,I.useRef)(O);ge.current=O;let ae=(0,I.useRef)(he);ae.current=he;let fe=(0,I.useRef)(pe);fe.current=pe;let c=Nt(ye),h=zt(n);(0,I.useEffect)(()=>{if(typeof document>"u")return;let m=new Fe.AIAutocomplete(document.createElement("div"),{renderMode:"headless",apiConfig:r,additionalContext:o,optionOverrides:h.overrides,maskCompletedText:i,columns:d,dropdownTrigger:x,optionsPosition:v,closeDropdownOnBlur:w,showNonTappableOptions:S,showProducts:K,source:ke,value:L,completedParams:R,onSubmit:(...H)=>Pe.current?.(...H),onResult:(...H)=>Se.current?.(...H),onError:(...H)=>ue.current?.(...H),onChange:(...H)=>Ie.current?.(...H),onParamsChange:(...H)=>$.current?.(...H),onFocus:()=>me.current?.(),onBlur:()=>ge.current?.(),onProductSelect:H=>fe.current?.(H),setCursor:H=>ae.current?.(H),products:c.config});p.current=m,Ce(m.getState());let Z=m.subscribe(H=>Ce(H));return()=>{Z(),m.destroy(),p.current===m&&(p.current=null)}},[]),(0,I.useEffect)(()=>{L!==void 0&&p.current?.setValue(L)},[L]),(0,I.useEffect)(()=>{R!==void 0&&p.current?.setCompletedParams(R)},[R]);let b=JSON.stringify(r??null),C;try{C=JSON.stringify(o??null)}catch{C="[unstringifiable]"}(0,I.useEffect)(()=>{p.current?.update({apiConfig:r,additionalContext:o,optionOverrides:h.overrides,dropdownTrigger:x,optionsPosition:v,closeDropdownOnBlur:w,showNonTappableOptions:S,showProducts:K})},[b,C,h.key,x,v,w,S,K]);let k=(0,I.useRef)(!1);(0,I.useEffect)(()=>{if(!k.current){k.current=!0;return}p.current?.update({products:c.config})},[c.enabled]);let l=(0,I.useRef)(null);l.current===null&&(l.current={handleTextChange:m=>p.current?.handleTextChange(m),handleKeyDown:m=>{let Z="nativeEvent"in m?m.nativeEvent:m;p.current?.handleKeyDown(Z)},setFocused:m=>p.current?.setFocused(m),startEditingParam:m=>p.current?.startEditingParam(m),exitEditMode:()=>p.current?.exitEditMode(),handleCaretAfterInput:m=>p.current?.handleCaretAfterInput(m),handleCaretMove:m=>p.current?.handleCaretMove(m),replaceEditingRange:m=>p.current?.replaceEditingRange(m)??!1,setActivePill:m=>p.current?.setActivePill(m),skipActivePill:()=>p.current?.skipActivePill(),removeLastParam:()=>p.current?.removeLastParam(),clearNewParamId:()=>p.current?.clearNewParamId(),reset:()=>p.current?.reset(),selectOption:m=>p.current?.selectOption(m),selectProduct:m=>p.current?.selectProduct(m),setActiveDropdownIndex:m=>p.current?.setActiveDropdownIndex(m),clearHighlight:m=>p.current?.clearHighlight(m),showPreviousMonth:()=>p.current?.showPreviousMonth(),showNextMonth:()=>p.current?.showNextMonth(),handleFocus:()=>p.current?.setFocused(!0),handleBlur:()=>p.current?.setFocused(!1)});let g=l.current,q=(0,I.useCallback)(m=>{let Z=m.target.value,it=Z.length>0&&!m.nativeEvent?.isComposing&&Z[0]!==Z[0].toUpperCase()?Z[0].toUpperCase()+Z.slice(1):Z;p.current?.handleTextChange(it)},[]),Ee=(0,I.useCallback)(m=>{p.current?.handleKeyDown(m.nativeEvent)},[]),V=p.current,u=De??ma,Oe=L!==void 0?L:u.text,Te=R!==void 0?R:u.completedParams,ie=u.actionableSuggestions,Le=ie[0],be=V?.listboxId??"",ze=u.activeDropdownIndex>=0&&V?`${be}-option-${u.activeDropdownIndex}`:void 0,X=u.editingParam,ve=u.editingIdentified,oe=X?{type:X.suggestionType,text:X.suggestionPlaceholder,required:!0,options:X.options}:ve?{type:ve.type,text:(0,Fe.identifiedParamLabel)(ve.type),required:!0,options:[]}:null,ne=u.dropdownSuggestion??oe??Le,qe=oe?[oe]:ie,Ge=(0,Fe.dateSelectionFor)(u),Ue=!V||u.dropdownLoading;return{completedParams:Te,skippedParams:u.skippedParams,identifiedParams:u.identifiedParams,suggestionPills:ie,setActivePill:g.setActivePill,skipActivePill:g.skipActivePill,removeLastParam:g.removeLastParam,segments:u.segments,newParamId:u.newParamId,clearNewParamId:g.clearNewParamId,suggestions:u.suggestions,activeIndex:u.activeDropdownIndex,isReady:u.isReady,isLoading:Ue,isFocused:u.isFocused,isDropdownOpen:u.isDropdownOpen,isActivePillSelected:u.isActivePillSelected,placeholderText:u.placeholderText,listboxId:be,error:u.error,products:u.products,customFields:u.customFields,selectProduct:g.selectProduct,handleTextChange:g.handleTextChange,handleKeyDown:g.handleKeyDown,setFocused:g.setFocused,editingParam:X,editingIdentified:ve,editingAnchor:u.editingAnchor,caretOffset:u.caretOffset,startEditingParam:g.startEditingParam,exitEditMode:g.exitEditMode,handleCaretAfterInput:g.handleCaretAfterInput,handleCaretMove:g.handleCaretMove,replaceEditingRange:g.replaceEditingRange,inputProps:{value:Oe,placeholder:u.placeholderText||void 0,onChange:q,onKeyDown:Ee,onFocus:g.handleFocus,onBlur:g.handleBlur,role:"combobox","aria-expanded":u.isDropdownOpen,"aria-activedescendant":ze,"aria-autocomplete":"list","aria-controls":be},reset:g.reset,dropdownProps:{suggestions:ne?[{...ne,options:u.dropdownOptions}]:[],activeIndex:u.activeDropdownIndex,onSelect:g.selectOption,onHighlight:g.setActiveDropdownIndex,onUnhighlight:g.clearHighlight,isOpen:u.isDropdownOpen,id:be,pills:qe,activeSelected:u.isActivePillSelected,onPillClick:g.setActivePill,onSkip:g.skipActivePill,showSkipButton:(T??!0)&&!X&&!ve,showOptionIcons:f??!0,showOptionImages:y??!0,showOptionCounts:D??!0,skipDisabled:u.inSelectionAnimation,isLoading:Ue,skeletonExiting:u.skeletonExiting,isInputEmpty:Oe.trim().length===0,products:u.products,productImageFallback:G,onProductSelect:g.selectProduct,onProductFocusChange:g.setFocused,formatType:u.activeFormatType,dateView:u.dateView,selectedDateIso:Ge.selectedIso,selectedDateRange:Ge.selectedRange,dateRangeStart:Ge.rangeStart,onPreviousMonth:g.showPreviousMonth,onNextMonth:g.showNextMonth,optionsPosition:v??"below"}}}var Y=require("@magicx-eng/ai-autocomplete-vanilla"),P=require("react"),at;function ga(){if(at!==void 0)return at;if(typeof document>"u")return!1;let e=document.createElement("div");return e.setAttribute("contenteditable","plaintext-only"),at=e.contentEditable==="plaintext-only",at}function Bt(e){let{segments:a,showChipIcons:t=!0,showChipImages:n=!0,newParamId:i,editingParam:r,editingIdentified:o,editingAnchor:d,caretOffset:x,placeholderText:v,isFocused:w,isDropdownOpen:S,listboxId:f,activeDescendantId:y,autoFocus:D,handleTextChange:T,handleKeyDown:K,handleCaretAfterInput:G,handleCaretMove:A,startEditingParam:O,replaceEditingRange:L,setFocused:R}=e,E=(0,P.useRef)(null),_=(0,P.useRef)(!1),ye=(0,P.useRef)(""),pe=(0,P.useRef)(""),ke=(0,P.useRef)(null),he=(0,P.useRef)(0);ke.current=x,(0,P.useEffect)(()=>{if(!D)return;let c=E.current;if(!c)return;document.activeElement===c?R(!0):c.focus();let h=c.ownerDocument??document,b=h.getSelection(),C=b&&b.rangeCount>0&&c.contains(b.anchorNode);if(b&&!C){let k=h.createRange();k.selectNodeContents(c),k.collapse(!0),b.removeAllRanges(),b.addRange(k)}},[D,R]),(0,P.useEffect)(()=>{let c=E.current;if(!c)return;let h=c.ownerDocument??document,b=()=>{let C=h.getSelection();if(!C||C.rangeCount===0||!C.anchorNode||!c.contains(C.anchorNode))return;let k=C.anchorNode,l=k.nodeType===Node.ELEMENT_NODE?k:k.parentElement,q=(C.isCollapsed?l?.closest("strong[data-param-id]"):null)?.dataset.paramId??null,Ee=r?.id??o?.id??null;if(q&&q!==Ee){O(q);return}performance.now()-he.current<50||A((0,Y.getCursorOffset)(c))};return h.addEventListener("selectionchange",b),()=>h.removeEventListener("selectionchange",b)},[r,o,O,A]),(0,P.useLayoutEffect)(()=>{let c=E.current;c&&(0,Y.renderEditableContent)({input:c,segments:a,newParamId:i,editingParamId:r?.id??null,placeholderText:v??"",isFocused:w,showChipIcons:t,showChipImages:n})},[a,i,r,v,w,t,n]),(0,P.useLayoutEffect)(()=>{let c=ye.current,h=i??"";if(ye.current=h,!h||h===c)return;let b=E.current;if(!b)return;b.focus();let C=ke.current??(0,Y.plainTextLength)(b);(0,Y.setCursorOffset)(b,C)},[i]),(0,P.useLayoutEffect)(()=>{let c=pe.current,h=r?.id??"";if(pe.current=h,!h||h===c||d==null)return;let b=E.current;b&&(0,Y.setCursorOffset)(b,d)},[r,d]);let p=(0,P.useCallback)(()=>{if(_.current)return;let c=E.current;if(!c)return;let h=(0,Y.extractPlainText)(c),C=h.length>0&&h[0]!==h[0].toUpperCase()?h[0].toUpperCase()+h.slice(1):h;T(C)},[T]),De=(0,P.useCallback)(()=>{he.current=performance.now(),p();let c=E.current;c&&G((0,Y.getCursorOffset)(c))},[p,G]);(0,P.useEffect)(()=>{let c=E.current;if(!c)return;let h=b=>{let C=b,k=C.inputType;if(k==="insertParagraph"||k==="insertLineBreak"||k==="insertFromDrop"){b.preventDefault();return}if(k.startsWith("insert")||k.startsWith("delete")){let l=k.startsWith("delete")?"":C.data??"";L(l)&&b.preventDefault()}};return c.addEventListener("beforeinput",h),()=>c.removeEventListener("beforeinput",h)},[L]);let Ce=(0,P.useCallback)(()=>{_.current=!0},[]),Pe=(0,P.useCallback)(()=>{_.current=!1,p()},[p]),Se=(0,P.useCallback)(c=>{c.preventDefault();let h=E.current;if(!h)return;let b=(c.clipboardData.getData("text/plain")??"").replace(/\r?\n/g," ");if(!b)return;let C=h.ownerDocument??document,k=C.getSelection();if(!k||k.rangeCount===0)return;let l=k.getRangeAt(0);if(!h.contains(l.startContainer))return;l.deleteContents();let g=C.createTextNode(b);l.insertNode(g),l.setStartAfter(g),l.collapse(!0),k.removeAllRanges(),k.addRange(l),p()},[p]),ue=(0,P.useCallback)(c=>K(c),[K]),Ie=(0,P.useCallback)(()=>R(!0),[R]),$=(0,P.useCallback)(()=>R(!1),[R]),me=(0,P.useCallback)(()=>E.current?.focus(),[]),ge=(0,P.useCallback)(()=>E.current?.blur(),[]),ae=(0,P.useCallback)(()=>{let c=E.current;return c?(0,Y.extractPlainText)(c):""},[]),fe=ga()?"plaintext-only":"true";return{inputRef:E,editorProps:{ref:E,contentEditable:fe,suppressContentEditableWarning:!0,tabIndex:0,role:"combobox","aria-autocomplete":"list","aria-haspopup":"listbox","aria-controls":f,"aria-expanded":S,"aria-activedescendant":y,spellCheck:!0,enterKeyHint:"send",onInput:De,onKeyDown:ue,onCompositionStart:Ce,onCompositionEnd:Pe,onPaste:Se,onFocus:Ie,onBlur:$},getPlainText:ae,focus:me,blur:ge}}var te=require("react/jsx-runtime");function fa(e){return e!=="auto"?e:typeof window>"u"||window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}var Ht=(0,B.forwardRef)(function({onSubmit:a,onResult:t,onError:n,optionOverrides:i,maskCompletedText:r,className:o,apiConfig:d,additionalContext:x,columns:v,pillPlacement:w="dropdown",mode:S="auto",optionsPosition:f="below",animations:y=!0,dropdownTrigger:D,closeDropdownOnBlur:T,showNonTappableOptions:K,showOptionIcons:G=!0,showChipIcons:A=!0,showChipImages:O=!0,showOptionImages:L=!0,showOptionCounts:R=!0,showSkipButton:E,showProducts:_,productsLayout:ye,productImageFallback:pe,autoFocus:ke=!0,onFocus:he,onBlur:p,value:De,completedParams:Ce,onChange:Pe,onParamsChange:Se,products:ue,onProductSelect:Ie,submitButton:$,resetOnSubmit:me=!0},ge){let ae=(0,B.useRef)(null),fe=(0,B.useRef)(null),c=(0,B.useRef)(()=>{}),h=(0,B.useRef)(null),b=(0,B.useRef)(null);(0,B.useEffect)(()=>{let M=ae.current;if(M)return h.current?h.current.setMode(S):h.current=new Ke.ModeController(M,S),()=>{h.current?.destroy(),h.current=null}},[S]);let C=(0,B.useCallback)(M=>{let Ae=b.current?.current;Ae&&(Ae.focus(),(0,Ke.setCursorOffset)(Ae,M))},[]),{completedParams:k,skippedParams:l,identifiedParams:g,isReady:q,customFields:Ee,suggestionPills:V,setActivePill:u,skipActivePill:Oe,segments:Te,newParamId:ie,clearNewParamId:Le,placeholderText:be,isFocused:ze,isDropdownOpen:X,isActivePillSelected:ve,isLoading:oe,activeIndex:ne,listboxId:qe,handleTextChange:Ge,handleKeyDown:Ue,setFocused:m,editingParam:Z,editingIdentified:H,editingAnchor:it,caretOffset:Ft,startEditingParam:Kt,handleCaretAfterInput:Gt,handleCaretMove:Wt,replaceEditingRange:_t,dropdownProps:qt,reset:Qe}=tt({onSubmit:M=>c.current(M),onResult:t,onError:n,optionOverrides:i,maskCompletedText:r,apiConfig:d,additionalContext:x,columns:v,dropdownTrigger:D,optionsPosition:f,closeDropdownOnBlur:T,showNonTappableOptions:K,showOptionIcons:G,showOptionImages:L,showOptionCounts:R,showSkipButton:E,showProducts:_,onFocus:he,onBlur:p,value:De,completedParams:Ce,onChange:Pe,onParamsChange:Se,products:ue,onProductSelect:Ie,source:"full-sdk",setCursor:C});(0,B.useEffect)(()=>{if(!ie)return;let M=window.setTimeout(()=>Le(),650);return()=>window.clearTimeout(M)},[ie,Le]);let Ut=ne>=0?`${qe}-option-${ne}`:void 0,{inputRef:ot,editorProps:Qt,focus:je,blur:ut,getPlainText:mt}=Bt({segments:Te,newParamId:ie,editingParam:Z,editingIdentified:H,editingAnchor:it,caretOffset:Ft,placeholderText:be,isFocused:ze,showChipIcons:A,showChipImages:O,isDropdownOpen:X,listboxId:qe,activeDescendantId:Ut,autoFocus:ke,handleTextChange:Ge,handleKeyDown:Ue,handleCaretAfterInput:Gt,handleCaretMove:Wt,startEditingParam:Kt,replaceEditingRange:_t,setFocused:m});b.current=ot,(0,B.useLayoutEffect)(()=>{let M=fe.current,Ae=ot.current;if(!M||!Ae)return;let gt=()=>{let bt=M.firstElementChild;if(!bt)return;let $t=bt.getBoundingClientRect(),Vt=Ae.getBoundingClientRect();$t.top>=Vt.bottom-2?M.setAttribute("data-aia-pill-wrapped",""):M.removeAttribute("data-aia-pill-wrapped")};gt();let ft=new ResizeObserver(gt);return ft.observe(Ae),()=>ft.disconnect()},[Te,V.length,oe,ot]),(0,B.useImperativeHandle)(ge,()=>({focus:je,blur:ut,reset:Qe,setMode:M=>h.current?.setMode(M),skipActivePill:Oe}),[je,ut,Qe,Oe]);let Ye=!!Te.length||k.length>0,nt=(0,B.useCallback)(()=>{if(!Ye)return;let M=mt();a((0,Ke.buildSubmitResult)(M,k,l,{identifiedParams:g,isReady:q,customFields:Ee})),me&&Qe()},[me,Ye,k,l,g,q,Ee,a,Qe,mt]);c.current=nt;let jt=(0,B.useCallback)(M=>{M.target?.closest("[data-aia-pill]")||je()},[je]),Yt=w==="inline",Zt=w==="dropdown";return(0,te.jsxs)("div",{ref:ae,className:`magicx-aia ${Me.container} ${o??""}`,"data-pill-placement":w,"data-options-position":f,"data-animations":y?"on":"off","data-mode":fa(S),children:[(0,te.jsx)(Je,{...qt,showPills:Zt,productsLayout:ye,productImageFallback:pe}),(0,te.jsxs)("div",{className:Me.inputWrapper,"data-aia-input-wrapper":"",onClick:jt,children:[(0,te.jsxs)("div",{className:Me.editorArea,"data-aia-editor":"",children:[(0,te.jsx)("div",{...Qt,className:Me.input,"data-aia-input":""}),Yt&&(oe||V.length>0)&&(0,te.jsx)("span",{ref:fe,className:Me.pillListContainer,"data-aia-pill-list-container":"",children:(0,te.jsx)($e,{pills:V,activePillIndex:0,activeSelected:ve,onSelectPill:u,loading:oe})})]}),$===null?null:$===void 0?(0,te.jsx)(Mt,{disabled:!Ye,onClick:nt}):(0,te.jsx)("span",{"data-aia-submit":"","data-aia-submit-slot":"",className:Me.submitSlot,onClick:M=>{Ye&&(M.stopPropagation(),nt())},children:$})]})]})});0&&(module.exports={AIAutocomplete,AIAutocompleteDropdown,DATE_RANGE_META_END,DATE_RANGE_META_START,DEFAULT_OPTION_COUNT_UNIT,PRODUCT_PATH_PREFIX,WEEKDAY_LABELS,buildSubmitResult,cellDay,cellIso,dateCellMarks,formatDate,formatDateRange,formatOptionCount,isoDate,monthLabel,optionCountLabel,optionHasImage,optionImageSrc,optionLabel,parseDate,parseLooseDate,parseLooseDateRange,productFromMatchedItem,productsFromCustomFields,sanitizeOptionIconSvg,selectedRangeFor,useAIAutocomplete,visibleDateRange,withSkippedParams});
 //# sourceMappingURL=index.js.map