@magicx-eng/ai-autocomplete-react 0.35.0 → 0.37.0

package/README.md

@@ -902,6 +902,16 @@ Legacy `--aia-color-*` variables are still supported as fallbacks.
 }
 ```
 
+### Short screens
+
+When the open dropdown would run past the edge of the visible screen — most often a phone with its on-screen keyboard up, or a short browser window — it shrinks to the space that is left and scrolls as one: the options, the product strip and the footer move together, so scrolling down past the last option brings the products into view. The pill bar scrolls with them. Each time the dropdown opens it checks again, and while it is open it follows the keyboard opening and closing and the page scrolling.
+
+While fitted, the dropdown root carries `data-aia-fit`, and the height it is capped at is in its `--aia-dropdown-fit-height` property. Every option shows in that one scroll, so the option list's usual limit of visible rows does not apply.
+
+### Dismissing the keyboard
+
+On a phone or tablet, the shopper can put the keyboard away to see the whole dropdown: a tap on the page, or the keyboard's own done / hide key, closes the keyboard and leaves the dropdown open. The next tap outside the search box and dropdown closes it. Scrolling the page doesn't, and neither does tapping inside the dropdown. A tap on a link, button or other field outside it is treated as moving on, and closes the dropdown straight away as before. With a mouse, a click outside closes the dropdown at once, as it always has. While the dropdown is held open this way, `isDropdownOpen` stays `true` and `isFocused` is `false`.
+
 ### Selector Hooks
 
 For styling beyond the CSS variables, target these stable `data-aia-*` attributes (CSS-module class hashes are not part of the public API):
@@ -919,7 +929,7 @@ For styling beyond the CSS variables, target these stable `data-aia-*` attribute
 | `[data-aia-skip]` | The pill bar's trailing "skip" button. Tune via `--aia-skip-font-size` / `--aia-skip-color` / `--aia-skip-color-hover` / `--aia-skip-hover-bg` |
 | `[data-aia-option]` | Each suggestion option |
 | `[data-aia-scroll-arrow]` | The "more below" arrow on the dropdown — carries `data-aia-visible` while shown |
-| `[data-aia-dropdown]` | The dropdown root (listbox). Carries `data-aia-has-products` while the product strip has cards. |
+| `[data-aia-dropdown]` | The dropdown root (listbox). Carries `data-aia-has-products` while the product strip has cards, and `data-aia-fit` while it is fitted to a short screen (see [Short screens](#short-screens)). |
 | `[data-aia-datepicker]` | The calendar, rendered in place of the option list for a date parameter |
 | `[data-aia-date-month]` | The "March 2026" header label |
 | `[data-aia-date-prev]` / `[data-aia-date-next]` | The month arrows |

package/dist/index.d.mts

@@ -539,7 +539,11 @@ interface AIAutocompleteDropdownProps {
     skeletonExiting?: boolean;
     /** When the input has no typed text, the footer hint reads "tab to select". Provided by `dropdownProps` from the hook. */
     isInputEmpty?: boolean;
-    /** The `language` prop of the widget. It picks the words the dropdown draws. Spanish for any "es" tag, else English. Provided by `dropdownProps` from the hook. */
+    /**
+     * The widget language, provided by `dropdownProps` from the hook.
+     * UI languages: en, es, fr, pt-BR, it, tr, id, pl, de, nl, sv, nb, da, fi, ja, ko, zh-CN and zh-TW.
+     * Unsupported languages use English.
+     */
     language?: string;
     /** Product cards to render below the options grid. Provided by `dropdownProps` from the hook. Empty (the default) renders no strip. */
     products?: Product[];

package/dist/index.d.ts

@@ -539,7 +539,11 @@ interface AIAutocompleteDropdownProps {
     skeletonExiting?: boolean;
     /** When the input has no typed text, the footer hint reads "tab to select". Provided by `dropdownProps` from the hook. */
     isInputEmpty?: boolean;
-    /** The `language` prop of the widget. It picks the words the dropdown draws. Spanish for any "es" tag, else English. Provided by `dropdownProps` from the hook. */
+    /**
+     * The widget language, provided by `dropdownProps` from the hook.
+     * UI languages: en, es, fr, pt-BR, it, tr, id, pl, de, nl, sv, nb, da, fi, ja, ko, zh-CN and zh-TW.
+     * Unsupported languages use English.
+     */
     language?: string;
     /** Product cards to render below the options grid. Provided by `dropdownProps` from the hook. Empty (the default) renders no strip. */
     products?: Product[];

package/dist/index.js

@@ -1,4 +1,4 @@
-"use strict";var ft=Object.defineProperty;var na=Object.getOwnPropertyDescriptor;var ra=Object.getOwnPropertyNames;var sa=Object.prototype.hasOwnProperty;var la=(e,a)=>{for(var t in a)ft(e,t,{get:a[t],enumerable:!0})},da=(e,a,t,n)=>{if(a&&typeof a=="object"||typeof a=="function")for(let i of ra(a))!sa.call(e,i)&&i!==t&&ft(e,i,{get:()=>a[i],enumerable:!(n=na(a,i))||n.enumerable});return e};var ca=e=>da(ft({},"__esModule",{value:!0}),e);var Pa={};la(Pa,{AIAutocomplete:()=>$t,AIAutocompleteDropdown:()=>lt,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,optionImageSources:()=>s.optionImageSources,optionImageSrc:()=>s.optionImageSrc,optionLabel:()=>s.optionLabel,parseDate:()=>s.parseDate,parseLooseDate:()=>s.parseLooseDate,parseLooseDateRange:()=>s.parseLooseDateRange,productFromMatchedItem:()=>s.productFromMatchedItem,productImageSources:()=>s.productImageSources,productsFromCustomFields:()=>s.productsFromCustomFields,sanitizeOptionIconSvg:()=>s.sanitizeOptionIconSvg,selectedRangeFor:()=>s.selectedRangeFor,useAIAutocomplete:()=>ct,visibleDateRange:()=>s.visibleDateRange,withSkippedParams:()=>s.withSkippedParams});module.exports=ca(Pa);var s=require("@magicx-eng/ai-autocomplete-vanilla");var N=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 ft=Object.defineProperty;var na=Object.getOwnPropertyDescriptor;var ra=Object.getOwnPropertyNames;var sa=Object.prototype.hasOwnProperty;var la=(e,a)=>{for(var t in a)ft(e,t,{get:a[t],enumerable:!0})},da=(e,a,t,i)=>{if(a&&typeof a=="object"||typeof a=="function")for(let o of ra(a))!sa.call(e,o)&&o!==t&&ft(e,o,{get:()=>a[o],enumerable:!(i=na(a,o))||i.enumerable});return e};var ca=e=>da(ft({},"__esModule",{value:!0}),e);var Sa={};la(Sa,{AIAutocomplete:()=>Vt,AIAutocompleteDropdown:()=>lt,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,optionImageSources:()=>s.optionImageSources,optionImageSrc:()=>s.optionImageSrc,optionLabel:()=>s.optionLabel,parseDate:()=>s.parseDate,parseLooseDate:()=>s.parseLooseDate,parseLooseDateRange:()=>s.parseLooseDateRange,productFromMatchedItem:()=>s.productFromMatchedItem,productImageSources:()=>s.productImageSources,productsFromCustomFields:()=>s.productsFromCustomFields,sanitizeOptionIconSvg:()=>s.sanitizeOptionIconSvg,selectedRangeFor:()=>s.selectedRangeFor,useAIAutocomplete:()=>ct,visibleDateRange:()=>s.visibleDateRange,withSkippedParams:()=>s.withSkippedParams});module.exports=ca(Sa);var s=require("@magicx-eng/ai-autocomplete-vanilla");var N=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 We={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 Ne=require("@magicx-eng/ai-autocomplete-vanilla"),ie=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 We={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 me=require("@magicx-eng/ai-autocomplete-vanilla"),q=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.
  *
@@ -735,6 +735,59 @@
     background: var(--aia-surface, #ffffff);
   }
 }
+
+/* Fitted to the visible viewport. When the open panel would run past the
+   screen's edge (a phone's keyboard, a short window), the core's viewportFit
+   controller sets data-aia-fit and caps the panel at the space that is left
+   (--aia-dropdown-fit-height). The section stack becomes the one scroll box:
+   the options grid drops its own row cap, so options, product strip and
+   footer scroll together and the strip is reached by scrolling past the last
+   option instead of being cut off below it. Nothing slides under the footer
+   any more, so its reserved band goes, as it does with a product strip.
+   Declared last: the two-attribute selector ties the unwrapped
+   above-position rule some copies carry, and must win it on source order. */
+[data-aia-dropdown][data-aia-fit] {
+  max-height: var(--aia-dropdown-fit-height, none);
+  --aia-grid-scroll-bottom: 0px;
+  --aia-grid-overlap-bottom: 0px;
+  --aia-grid-scroll-top: 0px;
+  --aia-grid-overlap-top: 0px;
+  --aia-footer-fade-lead: 0px;
+  --aia-footer-row-min-height: 0px;
+}
+
+/* The stack is the panel's flex child, so it shrinks to the cap and scrolls.
+   It reaches 6px into the panel's side padding on each side: the product row
+   hangs that far outside the stack (its cards' hover fill), and a scroll box
+   clips sideways as well as down. The scrollbar is hidden, as the grid's is. */
+[data-aia-dropdown][data-aia-fit] > .aia-stack {
+  flex: 1 1 auto;
+  min-height: 0;
+  margin-inline: -6px;
+  padding-inline: 6px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  scrollbar-width: none;
+}
+
+[data-aia-dropdown][data-aia-fit] > .aia-stack::-webkit-scrollbar {
+  display: none;
+}
+
+/* Sections keep their own height and overflow the stack instead. Flex items
+   shrink by default, and one that clips (the pill bar is overflow: hidden)
+   has no content floor to stop it \u2014 it collapsed to nothing. */
+[data-aia-dropdown][data-aia-fit] > .aia-stack > * {
+  flex-shrink: 0;
+}
+
+/* The grid shows every row and leaves the scrolling to the stack. Not a
+   scroll box at all, so a swipe that starts on an option scrolls the panel. */
+[data-aia-dropdown][data-aia-fit] .aia-grid[data-scroll] {
+  max-height: none;
+  overflow: visible;
+}
 `,document.head.appendChild(e)}if(typeof document<"u"&&!document.getElementById("ac-style-3819c762")){let e=document.createElement("style");e.id="ac-style-3819c762",e.textContent=`.aia-dropdown-yz2KC {
   position: absolute;
   left: 0;
@@ -1045,7 +1098,7 @@
     opacity: 0.25;
   }
 }
-`,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 M=require("@magicx-eng/ai-autocomplete-vanilla"),At=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 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"),At=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
@@ -1208,7 +1261,7 @@
   opacity: 0.8;
   background: rgba(var(--aia-streak-rgb, 255, 255, 255), 0.06);
 }
-`,document.head.appendChild(e)}var L={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 X=require("react/jsx-runtime"),pa=["sunday","monday","tuesday","wednesday","thursday","friday","saturday"];function Rt({options:e,activeIndex:a,listboxId:t,view:n,selection:i,onSelect:r,onHighlight:o,onUnhighlight:h,onPreviousMonth:d,onNextMonth:w}){let E=(0,M.isoDate)(new Date),I=(0,M.visibleDateRange)({pendingStart:i.rangeStart,highlightedIso:(0,M.cellIso)(e[a]),selected:i.selectedRange});return(0,X.jsxs)("div",{className:L.datepicker,"data-aia-datepicker":"",children:[(0,X.jsxs)("div",{className:L.header,children:[(0,X.jsx)("button",{type:"button",tabIndex:-1,className:L.nav,"data-aia-date-prev":"","aria-label":"Previous month",onMouseDown:g=>g.preventDefault(),onClick:d,children:"\u2039"}),(0,X.jsx)("span",{className:L.month,"data-aia-date-month":"","aria-live":"polite",children:(0,M.monthLabel)(n)}),(0,X.jsx)("button",{type:"button",tabIndex:-1,className:L.nav,"data-aia-date-next":"","aria-label":"Next month",onMouseDown:g=>g.preventDefault(),onClick:w,children:"\u203A"})]}),(0,X.jsx)("div",{className:L.weekdays,"aria-hidden":"true",children:M.WEEKDAY_LABELS.map((g,v)=>(0,X.jsx)("span",{className:L.weekday,children:g},pa[v]))}),(0,X.jsx)("div",{className:L.grid,"data-aia-date-grid":"",children:e.map((g,v)=>(0,X.jsx)(ha,{option:g,id:`${t}-option-${v}`,index:v,isHighlighted:v===a&&g.is_tappable,isToday:(0,M.cellIso)(g)===E,isPast:(0,M.cellIso)(g)!=null&&(0,M.cellIso)(g)<E,marks:(0,M.dateCellMarks)((0,M.cellIso)(g),{selectedIso:i.selectedIso,range:I}),onSelect:r,onHighlight:o,onUnhighlight:h},(0,M.cellIso)(g)??`pad-${v}`))})]})}function ha({option:e,id:a,index:t,isHighlighted:n,isToday:i,isPast:r,marks:o,onSelect:h,onHighlight:d,onUnhighlight:w}){let[E,I]=(0,At.useState)(!1),g=(0,M.cellDay)(e);if(g==null)return(0,X.jsx)("div",{id:a,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-hidden":"true","aria-selected":!1,tabIndex:-1,className:`${L.cell} ${L.blank}`});let v=()=>{I(!0),h(e),setTimeout(()=>I(!1),170)},T=[L.cell,L.day,r?L.past:"",n?L.highlighted:"",i?L.today:"",o.inRange?L.inRange:"",o.selected?L.selected:"",E?L.pressed:""].filter(Boolean).join(" ");return(0,X.jsx)("div",{id:a,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-selected":n,"aria-label":e.text,tabIndex:0,className:T,onClick:v,onKeyDown:B=>{(B.key==="Enter"||B.key===" ")&&(B.preventDefault(),v())},onMouseEnter:()=>d(t),onMouseLeave:w?()=>w(t):void 0,children:(0,X.jsx)("span",{className:L.number,children:g})})}var ze=require("@magicx-eng/ai-autocomplete-vanilla"),nt=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 L={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 J=require("react/jsx-runtime"),pa=["sunday","monday","tuesday","wednesday","thursday","friday","saturday"];function Rt({options:e,activeIndex:a,listboxId:t,view:i,selection:o,onSelect:r,onHighlight:n,onUnhighlight:h,onPreviousMonth:d,onNextMonth:x}){let E=(0,M.isoDate)(new Date),I=(0,M.visibleDateRange)({pendingStart:o.rangeStart,highlightedIso:(0,M.cellIso)(e[a]),selected:o.selectedRange});return(0,J.jsxs)("div",{className:L.datepicker,"data-aia-datepicker":"",children:[(0,J.jsxs)("div",{className:L.header,children:[(0,J.jsx)("button",{type:"button",tabIndex:-1,className:L.nav,"data-aia-date-prev":"","aria-label":"Previous month",onMouseDown:m=>m.preventDefault(),onClick:d,children:"\u2039"}),(0,J.jsx)("span",{className:L.month,"data-aia-date-month":"","aria-live":"polite",children:(0,M.monthLabel)(i)}),(0,J.jsx)("button",{type:"button",tabIndex:-1,className:L.nav,"data-aia-date-next":"","aria-label":"Next month",onMouseDown:m=>m.preventDefault(),onClick:x,children:"\u203A"})]}),(0,J.jsx)("div",{className:L.weekdays,"aria-hidden":"true",children:M.WEEKDAY_LABELS.map((m,w)=>(0,J.jsx)("span",{className:L.weekday,children:m},pa[w]))}),(0,J.jsx)("div",{className:L.grid,"data-aia-date-grid":"",children:e.map((m,w)=>(0,J.jsx)(ha,{option:m,id:`${t}-option-${w}`,index:w,isHighlighted:w===a&&m.is_tappable,isToday:(0,M.cellIso)(m)===E,isPast:(0,M.cellIso)(m)!=null&&(0,M.cellIso)(m)<E,marks:(0,M.dateCellMarks)((0,M.cellIso)(m),{selectedIso:o.selectedIso,range:I}),onSelect:r,onHighlight:n,onUnhighlight:h},(0,M.cellIso)(m)??`pad-${w}`))})]})}function ha({option:e,id:a,index:t,isHighlighted:i,isToday:o,isPast:r,marks:n,onSelect:h,onHighlight:d,onUnhighlight:x}){let[E,I]=(0,At.useState)(!1),m=(0,M.cellDay)(e);if(m==null)return(0,J.jsx)("div",{id:a,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-hidden":"true","aria-selected":!1,tabIndex:-1,className:`${L.cell} ${L.blank}`});let w=()=>{I(!0),h(e),setTimeout(()=>I(!1),170)},T=[L.cell,L.day,r?L.past:"",i?L.highlighted:"",o?L.today:"",n.inRange?L.inRange:"",n.selected?L.selected:"",E?L.pressed:""].filter(Boolean).join(" ");return(0,J.jsx)("div",{id:a,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-selected":i,"aria-label":e.text,tabIndex:0,className:T,onClick:w,onKeyDown:F=>{(F.key==="Enter"||F.key===" ")&&(F.preventDefault(),w())},onMouseEnter:()=>d(t),onMouseLeave:x?()=>x(t):void 0,children:(0,J.jsx)("span",{className:L.number,children:m})})}var Me=require("@magicx-eng/ai-autocomplete-vanilla"),nt=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);
@@ -1248,7 +1301,7 @@
 .aia-cluster[data-justify="around"] {
   justify-content: space-around;
 }
-`,document.head.appendChild(e)}var bt=require("react/jsx-runtime");function Ve({gap:e,align:a="center",justify:t="start",noWrap:n=!1,inline:i=!1,className:r,children:o,...h}){let d=e?{"--aia-cluster-gap":e}:void 0,w={className:r?`aia-cluster ${r}`:"aia-cluster","data-align":a,"data-justify":t,"data-nowrap":n||void 0,"data-inline":i||void 0,style:d,...h};return i?(0,bt.jsx)("span",{...w,children:o}):(0,bt.jsx)("div",{...w,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
+`,document.head.appendChild(e)}var bt=require("react/jsx-runtime");function $e({gap:e,align:a="center",justify:t="start",noWrap:i=!1,inline:o=!1,className:r,children:n,...h}){let d=e?{"--aia-cluster-gap":e}:void 0,x={className:r?`aia-cluster ${r}`:"aia-cluster","data-align":a,"data-justify":t,"data-nowrap":i||void 0,"data-inline":o||void 0,style:d,...h};return o?(0,bt.jsx)("span",{...x,children:n}):(0,bt.jsx)("div",{...x,children:n})}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. */
@@ -1395,7 +1448,7 @@
     justify-content: flex-end;
   }
 }
-`,document.head.appendChild(e)}var xe={footer:"aia-footer-qQQ7x",row:"aia-row-BgZ6Q",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"};var de=require("react/jsx-runtime");function Ot({isOptionHighlighted:e=!1,isInputEmpty:a=!1,strings:t=(0,ze.uiStringsFor)()}){let{key:n,hint:i}=(0,ze.getFooterHint)(e,a,t),[r,o]=(0,nt.useState)(ze.ATTRIBUTION_URL);return(0,nt.useEffect)(()=>{o((0,ze.buildAttributionUrl)())},[]),(0,de.jsx)("footer",{className:xe.footer,"data-aia-footer":"",children:(0,de.jsxs)(Ve,{justify:"between",noWrap:!0,className:xe.row,children:[(0,de.jsxs)(Ve,{gap:"5px",className:xe.hintGroup,children:[(0,de.jsx)("kbd",{className:xe.key,children:n}),(0,de.jsx)("span",{className:xe.hint,children:i})]}),(0,de.jsxs)("a",{className:xe.brandLink,href:r,target:"_blank",rel:"noopener noreferrer",children:[(0,de.jsx)("span",{className:xe.brand,children:"AI"}),(0,de.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,
+`,document.head.appendChild(e)}var ye={footer:"aia-footer-qQQ7x",row:"aia-row-BgZ6Q",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"};var de=require("react/jsx-runtime");function Ot({isOptionHighlighted:e=!1,isInputEmpty:a=!1,strings:t=(0,Me.uiStringsFor)()}){let{key:i,hint:o}=(0,Me.getFooterHint)(e,a,t),[r,n]=(0,nt.useState)(Me.ATTRIBUTION_URL);return(0,nt.useEffect)(()=>{n((0,Me.buildAttributionUrl)())},[]),(0,de.jsx)("footer",{className:ye.footer,"data-aia-footer":"",children:(0,de.jsxs)($e,{justify:"between",noWrap:!0,className:ye.row,children:[(0,de.jsxs)($e,{gap:"5px",className:ye.hintGroup,children:[(0,de.jsx)("kbd",{className:ye.key,children:i}),(0,de.jsx)("span",{className:ye.hint,children:o})]}),(0,de.jsxs)("a",{className:ye.brandLink,href:r,target:"_blank",rel:"noopener noreferrer",children:[(0,de.jsx)("span",{className:ye.brand,children:"AI"}),(0,de.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,
    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. */
@@ -1471,7 +1524,7 @@
     opacity: 0;
   }
 }
-`,document.head.appendChild(e)}var Me={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 Lt=require("react/jsx-runtime"),vt={selected:1,first:.7,next:.4,last:.2};function Dt({label:e,state:a,rounded:t,loading:n,onClick:i}){let r=[Me.pill,t?Me.rounded:"",n?Me.skeleton:""].filter(Boolean).join(" ");return(0,Lt.jsx)("button",{type:"button","data-aia-pill":"","data-aia-loading":n?"":void 0,tabIndex:-1,contentEditable:!1,suppressContentEditableWarning:!0,className:r,style:{opacity:vt[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 {
+`,document.head.appendChild(e)}var Ne={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 Lt=require("react/jsx-runtime"),wt={selected:1,first:.7,next:.4,last:.2};function Dt({label:e,state:a,rounded:t,loading:i,onClick:o}){let r=[Ne.pill,t?Ne.rounded:"",i?Ne.skeleton:""].filter(Boolean).join(" ");return(0,Lt.jsx)("button",{type:"button","data-aia-pill":"","data-aia-loading":i?"":void 0,tabIndex:-1,contentEditable:!1,suppressContentEditableWarning:!0,className:r,style:{opacity:wt[a]},onMouseDown:n=>n.preventDefault(),onClick:i?void 0:o,disabled:i,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;
@@ -1481,7 +1534,7 @@
   align-items: center;
   vertical-align: middle;
 }
-`,document.head.appendChild(e)}var wt={list:"aia-list-qvLqO"};var Xe=require("react/jsx-runtime"),ua=[125,69];function zt(e){return e===0?"first":e===1?"next":"last"}function rt({pills:e,activePillIndex:a,onSelectPill:t,activeSelected:n,rounded:i,loading:r}){return r&&e.length===0?(0,Xe.jsx)("span",{className:wt.list,"data-aia-pill-list-loading":"",children:ua.map((o,h)=>(0,Xe.jsx)("span",{"data-aia-pill-skeleton":"",className:`${Me.pill} ${i?Me.rounded:""} ${Me.skeleton}`,style:{width:o,opacity:vt[zt(h)]}},`skel-${o}`))}):(0,Xe.jsx)("span",{className:wt.list,"data-aia-pill-list-loading":r?"":void 0,children:e.map((o,h)=>{let d=!!n&&h===a;return(0,Xe.jsx)(Dt,{label:o.text,state:d?"selected":zt(h),selected:d,rounded:i,loading:r,onClick:()=>t(h)},`${o.parameter}-${o.text}`)})})}var ce=require("@magicx-eng/ai-autocomplete-vanilla"),qe=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 vt={list:"aia-list-qvLqO"};var Xe=require("react/jsx-runtime"),ua=[125,69];function zt(e){return e===0?"first":e===1?"next":"last"}function rt({pills:e,activePillIndex:a,onSelectPill:t,activeSelected:i,rounded:o,loading:r}){return r&&e.length===0?(0,Xe.jsx)("span",{className:vt.list,"data-aia-pill-list-loading":"",children:ua.map((n,h)=>(0,Xe.jsx)("span",{"data-aia-pill-skeleton":"",className:`${Ne.pill} ${o?Ne.rounded:""} ${Ne.skeleton}`,style:{width:n,opacity:wt[zt(h)]}},`skel-${n}`))}):(0,Xe.jsx)("span",{className:vt.list,"data-aia-pill-list-loading":r?"":void 0,children:e.map((n,h)=>{let d=!!i&&h===a;return(0,Xe.jsx)(Dt,{label:n.text,state:d?"selected":zt(h),selected:d,rounded:o,loading:r,onClick:()=>t(h)},`${n.parameter}-${n.text}`)})})}var ce=require("@magicx-eng/ai-autocomplete-vanilla"),qe=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.
 
@@ -1765,7 +1818,7 @@
   letter-spacing: 0.02em;
   text-align: center;
 }
-`,document.head.appendChild(e)}var ae={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",badge:"aia-badge-j9Hcd"};var Y=require("react/jsx-runtime");function Mt({products:e,listboxId:a,onSelect:t,onFocusChange:n,focusable:i=!0,layout:r="row",imageFallback:o="image",strings:h=(0,ce.uiStringsFor)()}){let d=e.length>0,w=(0,qe.useRef)(null);if((0,qe.useEffect)(()=>{let I=w.current;if(!(!d||!I))return(0,ce.attachProductRowWheel)(I)},[d]),!d)return null;let E=`${a}-products-label`;return(0,Y.jsxs)("section",{className:ae.section,"data-aia-products":"","data-aia-products-layout":r,role:"group","aria-labelledby":E,children:[(0,Y.jsx)("div",{className:ae.label,id:E,"data-aia-products-label":"",children:h.products}),(0,Y.jsx)("div",{ref:w,className:ae.row,"data-aia-products-row":"",children:e.map((I,g)=>(0,Y.jsx)(ma,{product:I,id:`${a}-product-${g}`,onSelect:t,onFocusChange:n,focusable:i,imageFallback:o,soldOut:h.soldOut},I.id))})]})}function ma({product:e,id:a,onSelect:t,onFocusChange:n,focusable:i,imageFallback:r,soldOut:o}){let h=d=>{d.metaKey||d.ctrlKey||d.shiftKey||d.altKey||d.button!==0||(d.preventDefault(),t(e))};return(0,Y.jsxs)("a",{id:a,className:ae.card,"data-aia-product":"","data-aia-product-sold-out":e.available===!1?"":void 0,role:"option","aria-selected":!1,href:e.url,tabIndex:i?0:-1,onClick:h,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,Y.jsx)(ga,{sources:(0,ce.productImageSources)(e.imageUrl),title:e.title,fallback:r},(0,ce.productImageSrc)(e.imageUrl)??""),(0,Y.jsxs)("span",{className:ae.body,children:[e.vendor?(0,Y.jsx)("span",{className:ae.vendor,children:e.vendor}):null,(0,Y.jsx)("span",{className:ae.title,children:e.title}),e.price?(0,Y.jsx)("span",{className:ae.price,children:e.price}):null,e.available===!1?(0,Y.jsx)("span",{className:ae.badge,children:o}):null]})]})}function ga({sources:e,title:a,fallback:t}){let[n,i]=(0,qe.useState)(0),r=e[n],o=!!r,h=!o&&t==="initial";return(0,Y.jsxs)("span",{className:ae.media,"aria-hidden":"true","data-aia-product-placeholder":!o&&!h?"":void 0,"data-aia-product-initial":h?"":void 0,children:[o?(0,Y.jsx)("img",{className:ae.image,src:r,alt:"",loading:"lazy",decoding:"async",onError:()=>i(d=>d+1)}):null,h?(0,ce.productInitial)(a):null]})}var Z=require("@magicx-eng/ai-autocomplete-vanilla"),me=require("react");var Nt=require("@magicx-eng/ai-autocomplete-vanilla"),st=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 oe={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",badge:"aia-badge-j9Hcd"};var Z=require("react/jsx-runtime");function Mt({products:e,listboxId:a,onSelect:t,onFocusChange:i,focusable:o=!0,layout:r="row",imageFallback:n="image",strings:h=(0,ce.uiStringsFor)()}){let d=e.length>0,x=(0,qe.useRef)(null);if((0,qe.useEffect)(()=>{let I=x.current;if(!(!d||!I))return(0,ce.attachProductRowWheel)(I)},[d]),!d)return null;let E=`${a}-products-label`;return(0,Z.jsxs)("section",{className:oe.section,"data-aia-products":"","data-aia-products-layout":r,role:"group","aria-labelledby":E,children:[(0,Z.jsx)("div",{className:oe.label,id:E,"data-aia-products-label":"",children:h.products}),(0,Z.jsx)("div",{ref:x,className:oe.row,"data-aia-products-row":"",children:e.map((I,m)=>(0,Z.jsx)(ga,{product:I,id:`${a}-product-${m}`,onSelect:t,onFocusChange:i,focusable:o,imageFallback:n,soldOut:h.soldOut},I.id))})]})}function ga({product:e,id:a,onSelect:t,onFocusChange:i,focusable:o,imageFallback:r,soldOut:n}){let h=d=>{d.metaKey||d.ctrlKey||d.shiftKey||d.altKey||d.button!==0||(d.preventDefault(),t(e))};return(0,Z.jsxs)("a",{id:a,className:oe.card,"data-aia-product":"","data-aia-product-sold-out":e.available===!1?"":void 0,role:"option","aria-selected":!1,href:e.url,tabIndex:o?0:-1,onClick:h,onKeyDown:d=>{d.key!=="Enter"&&d.key!==" "||(d.preventDefault(),t(e))},onFocus:()=>i?.(!0),onBlur:d=>{d.relatedTarget?.closest("[data-aia-dropdown]")||i?.(!1)},children:[(0,Z.jsx)(ma,{sources:(0,ce.productImageSources)(e.imageUrl),title:e.title,fallback:r},(0,ce.productImageSrc)(e.imageUrl)??""),(0,Z.jsxs)("span",{className:oe.body,children:[e.vendor?(0,Z.jsx)("span",{className:oe.vendor,children:e.vendor}):null,(0,Z.jsx)("span",{className:oe.title,children:e.title}),e.price?(0,Z.jsx)("span",{className:oe.price,children:e.price}):null,e.available===!1?(0,Z.jsx)("span",{className:oe.badge,children:n}):null]})]})}function ma({sources:e,title:a,fallback:t}){let[i,o]=(0,qe.useState)(0),r=e[i],n=!!r,h=!n&&t==="initial";return(0,Z.jsxs)("span",{className:oe.media,"aria-hidden":"true","data-aia-product-placeholder":!n&&!h?"":void 0,"data-aia-product-initial":h?"":void 0,children:[n?(0,Z.jsx)("img",{className:oe.image,src:r,alt:"",loading:"lazy",decoding:"async",onError:()=>o(d=>d+1)}):null,h?(0,ce.productInitial)(a):null]})}var V=require("@magicx-eng/ai-autocomplete-vanilla"),ge=require("react");var Nt=require("@magicx-eng/ai-autocomplete-vanilla"),st=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,
@@ -1801,7 +1854,7 @@
 .aia-grid[data-scroll]::-webkit-scrollbar {
   display: none;
 }
-`,document.head.appendChild(e)}var Ht=require("react/jsx-runtime");function Bt({min:e="16rem",max:a,gap:t,scroll:n=!1,maxHeight:i,scrollResetKey:r,cols:o,template:h,innerRef:d,className:w,children:E,...I}){let g=(0,st.useRef)(null);(0,st.useLayoutEffect)(()=>{if(r===void 0)return;let T=g.current;T&&(T.scrollTop=0)},[r]);let v={"--aia-grid-min":e};return a&&(v["--aia-grid-max"]=a),t&&(v["--aia-grid-gap"]=t),i&&(v["--aia-grid-max-height"]=i),o&&(v.gridTemplateColumns=(0,Nt.optionsGridTemplateColumns)(o)),h&&(v.gridTemplateColumns=h),(0,Ht.jsx)("div",{ref:T=>{g.current=T,d?.(T)},className:w?`aia-grid ${w}`:"aia-grid","data-scroll":n||void 0,style:v,...I,children:E})}var ue=require("@magicx-eng/ai-autocomplete-vanilla"),he=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 Bt=require("react/jsx-runtime");function Ft({min:e="16rem",max:a,gap:t,scroll:i=!1,maxHeight:o,scrollResetKey:r,cols:n,template:h,innerRef:d,className:x,children:E,...I}){let m=(0,st.useRef)(null);(0,st.useLayoutEffect)(()=>{if(r===void 0)return;let T=m.current;T&&(T.scrollTop=0)},[r]);let w={"--aia-grid-min":e};return a&&(w["--aia-grid-max"]=a),t&&(w["--aia-grid-gap"]=t),o&&(w["--aia-grid-max-height"]=o),n&&(w.gridTemplateColumns=(0,Nt.optionsGridTemplateColumns)(n)),h&&(w.gridTemplateColumns=h),(0,Bt.jsx)("div",{ref:T=>{m.current=T,d?.(T)},className:x?`aia-grid ${x}`:"aia-grid","data-scroll":i||void 0,style:w,...I,children:E})}var ue=require("@magicx-eng/ai-autocomplete-vanilla"),he=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.
@@ -1935,6 +1988,13 @@
   mask-image: linear-gradient(to bottom, rgb(0 0 0), rgb(0 0 0 / 0.6));
 }
 
+/* A panel fitted to the viewport (data-aia-fit, see appearance.css) shows
+   every row, so the row the hint picked is not the last one on screen. */
+[data-aia-fit] .aia-scrollHint-xKXPt .aia-content-T-Qba {
+  -webkit-mask-image: none;
+  mask-image: none;
+}
+
 /* Loading state \u2014 preserve the row's exact dimensions. The content stays an
    inline span so the line box and padding match the non-loading state byte
    for byte. Just hide the text and apply a background as a skeleton bar; the
@@ -2198,7 +2258,7 @@
     opacity: 0;
   }
 }
-`,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 pe=require("react/jsx-runtime");function Ft({option:e,isHighlighted:a,onSelect:t,onHighlight:n,onUnhighlight:i,id:r,loading:o,showIcon:h=!0,showImage:d=!0,showCount:w=!0,scrollHint:E,enterDelayMs:I=0}){let[g]=(0,he.useState)(I),[v,T]=(0,he.useState)(!1),B=d?(0,ue.optionImageSources)(e.image_url):[],H=B[0]??null,[q,z]=(0,he.useState)([]),A=B.find(G=>!q.includes(G))??null,U=(0,he.useMemo)(()=>!H&&h&&e.icon_svg?(0,ue.sanitizeOptionIconSvg)(e.icon_svg):null,[H,h,e.icon_svg]),F=w?(0,ue.formatOptionCount)(e.item_count):null,P=(0,he.useRef)(void 0);(0,he.useEffect)(()=>()=>clearTimeout(P.current),[]);let K=()=>{o||!e.is_tappable||v||(T(!0),t(e),clearTimeout(P.current),P.current=setTimeout(()=>T(!1),170))},j=[J.item,a&&!o?J.highlighted:"",e.is_tappable?J.tappable:J.nonTappable,v?J.pressed:"",E?J.scrollHint:""].filter(Boolean).join(" ");return(0,pe.jsx)("div",{id:r,role:"option","data-aia-option":"","data-aia-loading":o?"":void 0,"data-aia-icon":U&&e.icon?e.icon:void 0,"data-aia-image":H?"":void 0,"data-aia-item-count":F!==null?e.item_count:void 0,"aria-selected":a,className:j,style:{[ue.OPTION_ENTER_DELAY_VAR]:`${g}ms`},tabIndex:o||!e.is_tappable?-1:0,onClick:K,onKeyDown:G=>{!o&&e.is_tappable&&(G.key==="Enter"||G.key===" ")&&(G.preventDefault(),K())},onMouseEnter:!o&&e.is_tappable?n:void 0,onMouseLeave:i,children:(0,pe.jsxs)("span",{className:J.content,children:[H&&(0,pe.jsx)("span",{className:`${J.image} magicx-aia-option-image`,"aria-hidden":"true",children:(0,pe.jsx)("img",{src:A??H,alt:"",loading:"lazy",decoding:"async",referrerPolicy:"no-referrer",draggable:!1,hidden:A===null,onError:()=>{A!==null&&z(G=>[...G,A])}})}),U&&(0,pe.jsx)("span",{className:`${J.icon} magicx-aia-option-icon`,"aria-hidden":"true",dangerouslySetInnerHTML:{__html:U}}),(0,pe.jsx)("span",{className:J.text,children:(0,ue.optionLabel)(e)}),e.tag&&(0,pe.jsx)("span",{className:J.tag,children:e.tag}),F!==null&&(0,pe.jsx)("span",{className:`${J.count} magicx-aia-option-count`,children:F})]})})}var xt=require("react/jsx-runtime");function fa(){let[e,a]=(0,me.useState)(Z.isOptionsGridMobileViewport);return(0,me.useEffect)(()=>{if(typeof window>"u"||!window.matchMedia)return;let t=window.matchMedia(Z.OPTIONS_GRID_MOBILE_QUERY),n=()=>a(t.matches);return n(),t.addEventListener("change",n),()=>t.removeEventListener("change",n)},[]),e}function Kt({options:e,activeIndex:a,onSelect:t,onHighlight:n,onUnhighlight:i,listboxId:r,loading:o,groupKey:h="",optionsPosition:d="below",showIcons:w=!0,showImages:E=!0,showCounts:I=!0}){let g=fa(),v=(0,me.useRef)(null),[T,B]=(0,me.useState)(null),H=(0,me.useRef)(null);(0,me.useLayoutEffect)(()=>{if(o&&(0,Z.sameOptionRows)(H.current,e))return;H.current=o?null:e;let z=v.current,U=z&&!o&&(0,Z.needsOptionsGridMeasurement)(e.length,g)?(0,Z.measureOptionsGrid)(z):null;B(U?(0,Z.planOptionsGrid)(e.length,g,U.rowWidths,U.gridWidth):null)},[e,g,o]);let q=T??(0,Z.planOptionsGrid)(e.length,g,null,null);return(0,xt.jsx)(Bt,{min:"250px",max:"1fr",gap:"0",scroll:!0,scrollResetKey:h,template:q.template,maxHeight:q.maxHeight,innerRef:z=>{v.current=z},"data-aia-group":h,children:e.map((z,A)=>(0,xt.jsx)(Ft,{option:z,isHighlighted:A===a,onSelect:t,onHighlight:()=>n(A),onUnhighlight:i?()=>i(A):void 0,id:`${r}-option-${A}`,loading:o,showIcon:w,showImage:E,showCount:I,scrollHint:!o&&q.scrollHintIndices.includes(A),enterDelayMs:o?0:(0,Z.optionEnterDelayMs)(A,q.cols,e.length,d)},`${h}\0${z.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 ee={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 pe=require("react/jsx-runtime");function Ht({option:e,isHighlighted:a,onSelect:t,onHighlight:i,onUnhighlight:o,id:r,loading:n,showIcon:h=!0,showImage:d=!0,showCount:x=!0,scrollHint:E,enterDelayMs:I=0}){let[m]=(0,he.useState)(I),[w,T]=(0,he.useState)(!1),F=d?(0,ue.optionImageSources)(e.image_url):[],B=F[0]??null,[j,z]=(0,he.useState)([]),A=F.find(G=>!j.includes(G))??null,U=(0,he.useMemo)(()=>!B&&h&&e.icon_svg?(0,ue.sanitizeOptionIconSvg)(e.icon_svg):null,[B,h,e.icon_svg]),H=x?(0,ue.formatOptionCount)(e.item_count):null,P=(0,he.useRef)(void 0);(0,he.useEffect)(()=>()=>clearTimeout(P.current),[]);let K=()=>{n||!e.is_tappable||w||(T(!0),t(e),clearTimeout(P.current),P.current=setTimeout(()=>T(!1),170))},Q=[ee.item,a&&!n?ee.highlighted:"",e.is_tappable?ee.tappable:ee.nonTappable,w?ee.pressed:"",E?ee.scrollHint:""].filter(Boolean).join(" ");return(0,pe.jsx)("div",{id:r,role:"option","data-aia-option":"","data-aia-loading":n?"":void 0,"data-aia-icon":U&&e.icon?e.icon:void 0,"data-aia-image":B?"":void 0,"data-aia-item-count":H!==null?e.item_count:void 0,"aria-selected":a,className:Q,style:{[ue.OPTION_ENTER_DELAY_VAR]:`${m}ms`},tabIndex:n||!e.is_tappable?-1:0,onClick:K,onKeyDown:G=>{!n&&e.is_tappable&&(G.key==="Enter"||G.key===" ")&&(G.preventDefault(),K())},onMouseEnter:!n&&e.is_tappable?i:void 0,onMouseLeave:o,children:(0,pe.jsxs)("span",{className:ee.content,children:[B&&(0,pe.jsx)("span",{className:`${ee.image} magicx-aia-option-image`,"aria-hidden":"true",children:(0,pe.jsx)("img",{src:A??B,alt:"",loading:"lazy",decoding:"async",referrerPolicy:"no-referrer",draggable:!1,hidden:A===null,onError:()=>{A!==null&&z(G=>[...G,A])}})}),U&&(0,pe.jsx)("span",{className:`${ee.icon} magicx-aia-option-icon`,"aria-hidden":"true",dangerouslySetInnerHTML:{__html:U}}),(0,pe.jsx)("span",{className:ee.text,children:(0,ue.optionLabel)(e)}),e.tag&&(0,pe.jsx)("span",{className:ee.tag,children:e.tag}),H!==null&&(0,pe.jsx)("span",{className:`${ee.count} magicx-aia-option-count`,children:H})]})})}var xt=require("react/jsx-runtime");function fa(){let[e,a]=(0,ge.useState)(V.isOptionsGridMobileViewport);return(0,ge.useEffect)(()=>{if(typeof window>"u"||!window.matchMedia)return;let t=window.matchMedia(V.OPTIONS_GRID_MOBILE_QUERY),i=()=>a(t.matches);return i(),t.addEventListener("change",i),()=>t.removeEventListener("change",i)},[]),e}function Kt({options:e,activeIndex:a,onSelect:t,onHighlight:i,onUnhighlight:o,listboxId:r,loading:n,groupKey:h="",optionsPosition:d="below",showIcons:x=!0,showImages:E=!0,showCounts:I=!0}){let m=fa(),w=(0,ge.useRef)(null),[T,F]=(0,ge.useState)(null),B=(0,ge.useRef)(null);(0,ge.useLayoutEffect)(()=>{if(n&&(0,V.sameOptionRows)(B.current,e))return;B.current=n?null:e;let z=w.current,U=z&&!n&&(0,V.needsOptionsGridMeasurement)(e.length,m)?(0,V.measureOptionsGrid)(z):null;F(U?(0,V.planOptionsGrid)(e.length,m,U.rowWidths,U.gridWidth):null)},[e,m,n]);let j=T??(0,V.planOptionsGrid)(e.length,m,null,null);return(0,xt.jsx)(Ft,{min:"250px",max:"1fr",gap:"0",scroll:!0,scrollResetKey:h,template:j.template,maxHeight:j.maxHeight,innerRef:z=>{w.current=z},"data-aia-group":h,children:e.map((z,A)=>(0,xt.jsx)(Ht,{option:z,isHighlighted:A===a,onSelect:t,onHighlight:()=>i(A),onUnhighlight:o?()=>o(A):void 0,id:`${r}-option-${A}`,loading:n,showIcon:x,showImage:E,showCount:I,scrollHint:!n&&j.scrollHintIndices.includes(A),enterDelayMs:n?0:(0,V.optionEnterDelayMs)(A,j.cols,e.length,d)},`${h}\0${z.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);
@@ -2213,7 +2273,7 @@
   align-items: end;
 }
 /* data-align="stretch" is the flex default \u2014 no rule needed. */
-`,document.head.appendChild(e)}var Wt=require("react/jsx-runtime");function Gt({space:e,align:a="stretch",className:t,children:n,...i}){let r=e?{"--aia-stack-space":e}:void 0;return(0,Wt.jsx)("div",{className:t?`aia-stack ${t}`:"aia-stack","data-align":a,style:r,...i,children:n})}var W=require("react/jsx-runtime"),ba=[159,119,164],va=()=>{},_t=()=>{};function wa(e){let a=()=>typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(prefers-color-scheme: dark)").matches,[t,n]=(0,ie.useState)(a);if((0,ie.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 xa(e,a){let t=(0,ie.useRef)(null);(0,ie.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,Ne.attachScrollArrow)({dropdown:n,grid:r,button:i})};return}t.current?.controller.update()}),(0,ie.useEffect)(()=>()=>{t.current?.controller.destroy(),t.current=null},[])}function lt({suggestions:e,activeIndex:a,onSelect:t,onHighlight:n,onUnhighlight:i,isOpen:r,id:o,className:h,pills:d,onPillClick:w,showPills:E=!0,onSkip:I,showSkipButton:g=!0,showOptionIcons:v=!0,showOptionImages:T=!0,showOptionCounts:B=!0,skipDisabled:H=!1,activeSelected:q=!1,isLoading:z=!1,skeletonExiting:A=!1,isInputEmpty:U=!1,language:F,products:P,onProductSelect:K,onProductFocusChange:j,productsLayout:G="row",productImageFallback:ge="image",formatType:ye="options",dateView:$=null,selectedDateIso:ke=null,selectedDateRange:He=null,dateRangeStart:Ce=null,onPreviousMonth:m,onNextMonth:Fe,optionsPosition:fe="below",mode:Pe}){let be=wa(Pe),Se=be!==void 0,oe=(0,ie.useRef)(null),ne=(0,ie.useRef)(null);xa(oe,ne),(0,ie.useEffect)(()=>{if(oe.current)return(0,Ne.containScroll)(oe.current)},[]);let l=e[0]?.options??[],f=!!(d&&d.length>0&&w),b=!!(P&&P.length>0),x=r&&(l.length>0||E&&f||z||b),k={suggestions:e,activeIndex:a,pills:d,showPills:E,showSkipButton:g,showOptionIcons:v,showOptionImages:T,showOptionCounts:B,skipDisabled:H,activeSelected:q,isLoading:z,skeletonExiting:A,isInputEmpty:U,products:P,formatType:ye,dateView:$,selectedDateIso:ke,selectedDateRange:He,dateRangeStart:Ce},R=(0,ie.useRef)(k);x&&(R.current=k);let p=x?k:R.current,Q=(0,Ne.uiStringsFor)(F),ee=p.suggestions[0],te=ee?.options??[],Ie=p.activeIndex>=0&&!!te[p.activeIndex]?.is_tappable,Ee=!!(p.pills&&p.pills.length>0&&w),Te=p.showPills&&Ee,Ae=p.showPills&&!Ee&&p.isLoading,Re=Te||Ae,y=Ee&&p.showSkipButton&&!p.isInputEmpty&&!!I,Oe=p.pills?.[0]?.text,De=(0,Ne.isCalendarFormat)(p.formatType)&&p.dateView!=null,ve=te.length>0&&!De,u=te.length>0&&De&&!p.isLoading,_e=p.isLoading&&!ve&&!u,Ue=p.products??[];return(0,W.jsxs)("div",{ref:oe,id:o,role:"listbox","data-aia-dropdown":"","data-options-position":fe,"data-mode":be,"data-aia-loading":p.isLoading?"":void 0,"data-aia-skeleton-exiting":p.skeletonExiting?"":void 0,"data-aia-has-products":Ue.length>0?"":void 0,className:`${Se?"magicx-aia ":""}${we.dropdown} ${x?we.visible:""} ${h??""}`,onMouseDown:se=>se.preventDefault(),children:[(0,W.jsxs)(Gt,{space:"8px",children:[(Re||y)&&(0,W.jsxs)(Ve,{noWrap:!0,className:we.pillBar,"data-aia-pillbar":"",children:[Re&&(0,W.jsx)("span",{className:we.pillScroll,"data-aia-pill-scroll":"",children:(0,W.jsx)(rt,{pills:p.pills??[],activePillIndex:0,activeSelected:p.activeSelected,onSelectPill:w??(()=>{}),rounded:!0,loading:p.isLoading})}),y&&(0,W.jsx)("button",{type:"button",tabIndex:-1,className:we.skip,"data-aia-skip":"",disabled:p.isLoading||p.skipDisabled,"aria-label":Oe?`${Q.skipLabel} ${Oe}`:Q.skipLabel,onClick:I,children:Q.skip})]}),ve&&(0,W.jsx)(Kt,{options:te,activeIndex:p.activeIndex,onSelect:t,onHighlight:n,onUnhighlight:i,listboxId:o,loading:p.isLoading,groupKey:ee?`${ee.parameter} ${ee.text}`:"",optionsPosition:fe,showIcons:p.showOptionIcons,showImages:p.showOptionImages,showCounts:p.showOptionCounts}),u&&p.dateView&&(0,W.jsx)(Rt,{options:te,activeIndex:p.activeIndex,listboxId:o,view:p.dateView,selection:{selectedIso:p.selectedDateIso??null,selectedRange:p.selectedDateRange??null,rangeStart:p.dateRangeStart??null},onSelect:t,onHighlight:n,onUnhighlight:i,onPreviousMonth:m??_t,onNextMonth:Fe??_t}),_e&&(0,W.jsx)("div",{className:we.skeletonBars,"data-aia-skeleton-bars":"",children:ba.map(se=>(0,W.jsx)("span",{className:we.skeletonBar,style:{width:se}},`bar-${se}`))}),(0,W.jsx)(Mt,{products:Ue,listboxId:o,onSelect:K??va,onFocusChange:j,focusable:x,layout:G,imageFallback:ge,strings:Q}),(0,W.jsx)(Ot,{isOptionHighlighted:Ie,isInputEmpty:p.isInputEmpty,strings:Q})]}),(0,W.jsx)("button",{ref:ne,type:"button",tabIndex:-1,className:we.scrollArrow,"data-aia-scroll-arrow":"","aria-label":Q.scrollArrow,"aria-hidden":"true",children:(0,W.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,W.jsx)("path",{d:"M4 6.5 8 10.5l4-4"})})})]})}var Be=require("@magicx-eng/ai-autocomplete-vanilla");var qt=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 Wt=require("react/jsx-runtime");function Gt({space:e,align:a="stretch",className:t,children:i,...o}){let r=e?{"--aia-stack-space":e}:void 0;return(0,Wt.jsx)("div",{className:t?`aia-stack ${t}`:"aia-stack","data-align":a,style:r,...o,children:i})}var W=require("react/jsx-runtime"),ba=[159,119,164],wa=()=>{},_t=()=>{};function va(e){let a=()=>typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(prefers-color-scheme: dark)").matches,[t,i]=(0,q.useState)(a);if((0,q.useEffect)(()=>{if(e!=="auto"||typeof window>"u"||typeof window.matchMedia!="function")return;let o=window.matchMedia("(prefers-color-scheme: dark)"),r=()=>i(o.matches);return o.addEventListener("change",r),()=>o.removeEventListener("change",r)},[e]),e!==void 0)return e==="auto"?t?"dark":"light":e}function xa(e,a){let t=(0,q.useRef)(null);(0,q.useEffect)(()=>{let i=e.current,o=a.current;if(!i||!o)return;let r=i.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,me.attachScrollArrow)({dropdown:i,grid:r,button:o})};return}t.current?.controller.update()}),(0,q.useEffect)(()=>()=>{t.current?.controller.destroy(),t.current=null},[])}function ya(e,a){let t=(0,q.useRef)(a);t.current=a;let i=(0,q.useRef)(null);(0,q.useEffect)(()=>{let o=e.current;if(o){if(!i.current){i.current=(0,me.attachViewportFit)({dropdown:o,isOpen:()=>t.current});return}i.current.update()}}),(0,q.useEffect)(()=>()=>{i.current?.destroy(),i.current=null},[])}function lt({suggestions:e,activeIndex:a,onSelect:t,onHighlight:i,onUnhighlight:o,isOpen:r,id:n,className:h,pills:d,onPillClick:x,showPills:E=!0,onSkip:I,showSkipButton:m=!0,showOptionIcons:w=!0,showOptionImages:T=!0,showOptionCounts:F=!0,skipDisabled:B=!1,activeSelected:j=!1,isLoading:z=!1,skeletonExiting:A=!1,isInputEmpty:U=!1,language:H,products:P,onProductSelect:K,onProductFocusChange:Q,productsLayout:G="row",productImageFallback:fe="image",formatType:ke="options",dateView:$=null,selectedDateIso:Ce=null,selectedDateRange:Be=null,dateRangeStart:Pe=null,onPreviousMonth:g,onNextMonth:He,optionsPosition:be="below",mode:Se}){let we=va(Se),Ie=we!==void 0,te=(0,q.useRef)(null),ne=(0,q.useRef)(null);xa(te,ne),(0,q.useEffect)(()=>{if(te.current)return(0,me.containScroll)(te.current)},[]);let l=e[0]?.options??[],f=!!(d&&d.length>0&&x),b=!!(P&&P.length>0),v=r&&(l.length>0||E&&f||z||b);ya(te,v);let k={suggestions:e,activeIndex:a,pills:d,showPills:E,showSkipButton:m,showOptionIcons:w,showOptionImages:T,showOptionCounts:F,skipDisabled:B,activeSelected:j,isLoading:z,skeletonExiting:A,isInputEmpty:U,products:P,formatType:ke,dateView:$,selectedDateIso:Ce,selectedDateRange:Be,dateRangeStart:Pe},R=(0,q.useRef)(k);v&&(R.current=k);let p=v?k:R.current,Y=(0,me.uiStringsFor)(H),ae=p.suggestions[0],ie=ae?.options??[],Ee=p.activeIndex>=0&&!!ie[p.activeIndex]?.is_tappable,Te=!!(p.pills&&p.pills.length>0&&x),Ae=p.showPills&&Te,Re=p.showPills&&!Te&&p.isLoading,Oe=Ae||Re,y=Te&&p.showSkipButton&&!p.isInputEmpty&&!!I,De=p.pills?.[0]?.text,Le=(0,me.isCalendarFormat)(p.formatType)&&p.dateView!=null,ve=ie.length>0&&!Le,u=ie.length>0&&Le&&!p.isLoading,_e=p.isLoading&&!ve&&!u,Ue=p.products??[];return(0,W.jsxs)("div",{ref:te,id:n,role:"listbox","data-aia-dropdown":"","data-options-position":be,"data-mode":we,"data-aia-loading":p.isLoading?"":void 0,"data-aia-skeleton-exiting":p.skeletonExiting?"":void 0,"data-aia-has-products":Ue.length>0?"":void 0,className:`${Ie?"magicx-aia ":""}${xe.dropdown} ${v?xe.visible:""} ${h??""}`,onMouseDown:se=>se.preventDefault(),children:[(0,W.jsxs)(Gt,{space:"8px",children:[(Oe||y)&&(0,W.jsxs)($e,{noWrap:!0,className:xe.pillBar,"data-aia-pillbar":"",children:[Oe&&(0,W.jsx)("span",{className:xe.pillScroll,"data-aia-pill-scroll":"",children:(0,W.jsx)(rt,{pills:p.pills??[],activePillIndex:0,activeSelected:p.activeSelected,onSelectPill:x??(()=>{}),rounded:!0,loading:p.isLoading})}),y&&(0,W.jsx)("button",{type:"button",tabIndex:-1,className:xe.skip,"data-aia-skip":"",disabled:p.isLoading||p.skipDisabled,"aria-label":De?`${Y.skipLabel} ${De}`:Y.skipLabel,onClick:I,children:Y.skip})]}),ve&&(0,W.jsx)(Kt,{options:ie,activeIndex:p.activeIndex,onSelect:t,onHighlight:i,onUnhighlight:o,listboxId:n,loading:p.isLoading,groupKey:ae?`${ae.parameter} ${ae.text}`:"",optionsPosition:be,showIcons:p.showOptionIcons,showImages:p.showOptionImages,showCounts:p.showOptionCounts}),u&&p.dateView&&(0,W.jsx)(Rt,{options:ie,activeIndex:p.activeIndex,listboxId:n,view:p.dateView,selection:{selectedIso:p.selectedDateIso??null,selectedRange:p.selectedDateRange??null,rangeStart:p.dateRangeStart??null},onSelect:t,onHighlight:i,onUnhighlight:o,onPreviousMonth:g??_t,onNextMonth:He??_t}),_e&&(0,W.jsx)("div",{className:xe.skeletonBars,"data-aia-skeleton-bars":"",children:ba.map(se=>(0,W.jsx)("span",{className:xe.skeletonBar,style:{width:se}},`bar-${se}`))}),(0,W.jsx)(Mt,{products:Ue,listboxId:n,onSelect:K??wa,onFocusChange:Q,focusable:v,layout:G,imageFallback:fe,strings:Y}),(0,W.jsx)(Ot,{isOptionHighlighted:Ee,isInputEmpty:p.isInputEmpty,strings:Y})]}),(0,W.jsx)("button",{ref:ne,type:"button",tabIndex:-1,className:xe.scrollArrow,"data-aia-scroll-arrow":"","aria-label":Y.scrollArrow,"aria-hidden":"true",children:(0,W.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,W.jsx)("path",{d:"M4 6.5 8 10.5l4-4"})})})]})}var Fe=require("@magicx-eng/ai-autocomplete-vanilla");var qt=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;
@@ -2266,5 +2326,5 @@
   );
   cursor: default;
 }
-`,document.head.appendChild(e)}var Ut={submitButton:"aia-submitButton-otz7H"};var dt=require("react/jsx-runtime");function jt({disabled:e,onClick:a,label:t=(0,qt.uiStringsFor)().submit}){return(0,dt.jsx)("button",{type:"button","data-aia-submit":"",className:Ut.submitButton,disabled:e,onClick:n=>{n.stopPropagation(),a()},"aria-label":t,children:(0,dt.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",role:"img","aria-label":t,children:(0,dt.jsx)("path",{d:"M9 14V4M9 4L4 9M9 4L14 9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})}var je=require("@magicx-eng/ai-autocomplete-vanilla"),C=require("react");var yt=require("react");function Qt(e){let a=(0,yt.useRef)(e);a.current=e;let t=Object.keys(e??{}).sort().join("\0"),n=(0,yt.useRef)({key:"
",overrides:void 0});if(n.current.key!==t){let i={};for(let r of Object.keys(e??{})){let o=(h,d,w)=>{let E=a.current?.[r];return E?E(h,d,w):[]};i[r]=o}n.current={key:t,overrides:e?i:void 0}}return{overrides:n.current.overrides,key:t}}var kt=require("react");function Yt(e){let a=(0,kt.useRef)(e);a.current=e;let t=(0,kt.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 ya={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 ct({onSubmit:e,onResult:a,onError:t,optionOverrides:n,maskCompletedText:i,apiConfig:r,additionalContext:o,language:h,productId:d,visitorId:w,columns:E=2,dropdownTrigger:I,optionsPosition:g,closeDropdownOnBlur:v,showNonTappableOptions:T,showOptionIcons:B,showOptionImages:H,showOptionCounts:q,showSkipButton:z,showProducts:A,productImageFallback:U="image",onFocus:F,onBlur:P,value:K,completedParams:j,onChange:G,onParamsChange:ge,products:ye,mapProducts:$,onProductSelect:ke,source:He,setCursor:Ce}){let m=(0,C.useRef)(null),[Fe,fe]=(0,C.useState)(null),Pe=(0,C.useRef)(e);Pe.current=e;let be=(0,C.useRef)(a);be.current=a;let Se=(0,C.useRef)(t);Se.current=t;let oe=(0,C.useRef)(G);oe.current=G;let ne=(0,C.useRef)(ge);ne.current=ge;let l=(0,C.useRef)(F);l.current=F;let f=(0,C.useRef)(P);f.current=P;let b=(0,C.useRef)(Ce);b.current=Ce;let x=(0,C.useRef)(ke);x.current=ke;let k=(0,C.useRef)(w);k.current=w;let R=(0,C.useRef)(()=>{let c=k.current;return typeof c=="function"?c():c}).current,p=Yt(ye),Q=(0,C.useRef)($);Q.current=$;let ee=(0,C.useRef)((c,V)=>{let O=Q.current;return O?O(c,V):c}).current,te=$?ee:void 0,Ie=Qt(n);(0,C.useEffect)(()=>{if(typeof document>"u")return;let c=new je.AIAutocomplete(document.createElement("div"),{renderMode:"headless",apiConfig:r,additionalContext:o,language:h,productId:d,visitorId:R,optionOverrides:Ie.overrides,maskCompletedText:i,columns:E,dropdownTrigger:I,optionsPosition:g,closeDropdownOnBlur:v,showNonTappableOptions:T,showProducts:A,source:He,value:K,completedParams:j,onSubmit:(...O)=>Pe.current?.(...O),onResult:(...O)=>be.current?.(...O),onError:(...O)=>Se.current?.(...O),onChange:(...O)=>oe.current?.(...O),onParamsChange:(...O)=>ne.current?.(...O),onFocus:()=>l.current?.(),onBlur:()=>f.current?.(),onProductSelect:O=>x.current?.(O),setCursor:O=>b.current?.(O),products:p.config,mapProducts:te});m.current=c,fe(c.getState());let V=c.subscribe(O=>fe(O));return()=>{V(),c.destroy(),m.current===c&&(m.current=null)}},[]),(0,C.useEffect)(()=>{K!==void 0&&m.current?.setValue(K)},[K]),(0,C.useEffect)(()=>{j!==void 0&&m.current?.setCompletedParams(j)},[j]);let Ee=JSON.stringify(r??null),Te;try{Te=JSON.stringify(o??null)}catch{Te="[unstringifiable]"}(0,C.useEffect)(()=>{m.current?.update({apiConfig:r,additionalContext:o,language:h,productId:d,optionOverrides:Ie.overrides,dropdownTrigger:I,optionsPosition:g,closeDropdownOnBlur:v,showNonTappableOptions:T,showProducts:A})},[Ee,Te,h,d,Ie.key,I,g,v,T,A]);let Ae=(0,C.useRef)(!1);(0,C.useEffect)(()=>{if(!Ae.current){Ae.current=!0;return}m.current?.update({products:p.config})},[p.enabled]),(0,C.useEffect)(()=>{m.current?.update({mapProducts:te})},[te]);let Re=(0,C.useRef)(null);Re.current===null&&(Re.current={handleTextChange:c=>m.current?.handleTextChange(c),handleKeyDown:c=>{let V="nativeEvent"in c?c.nativeEvent:c;m.current?.handleKeyDown(V)},setFocused:c=>m.current?.setFocused(c),startEditingParam:c=>m.current?.startEditingParam(c),exitEditMode:()=>m.current?.exitEditMode(),handleCaretAfterInput:c=>m.current?.handleCaretAfterInput(c),handleCaretMove:c=>m.current?.handleCaretMove(c),replaceEditingRange:c=>m.current?.replaceEditingRange(c)??!1,setActivePill:c=>m.current?.setActivePill(c),skipActivePill:()=>m.current?.skipActivePill(),removeLastParam:()=>m.current?.removeLastParam(),clearNewParamId:()=>m.current?.clearNewParamId(),reset:()=>m.current?.reset(),refreshProducts:()=>m.current?.refreshProducts(),recordSubmit:c=>m.current?.recordSubmit(c),selectOption:c=>m.current?.selectOption(c),selectProduct:c=>m.current?.selectProduct(c),setActiveDropdownIndex:c=>m.current?.setActiveDropdownIndex(c),clearHighlight:c=>m.current?.clearHighlight(c),showPreviousMonth:()=>m.current?.showPreviousMonth(),showNextMonth:()=>m.current?.showNextMonth(),handleFocus:()=>m.current?.setFocused(!0),handleBlur:()=>m.current?.setFocused(!1)});let y=Re.current,Oe=(0,C.useCallback)(c=>{let V=c.target.value,ut=V.length>0&&!c.nativeEvent?.isComposing&&V[0]!==V[0].toUpperCase()?V[0].toUpperCase()+V.slice(1):V;m.current?.handleTextChange(ut)},[]),De=(0,C.useCallback)(c=>{m.current?.handleKeyDown(c.nativeEvent)},[]),ve=m.current,u=Fe??ya,_e=K!==void 0?K:u.text,Ue=j!==void 0?j:u.completedParams,se=u.actionableSuggestions,Qe=se[0],Ke=ve?.listboxId??"",Je=u.activeDropdownIndex>=0&&ve?`${Ke}-option-${u.activeDropdownIndex}`:void 0,Le=u.editingParam,Ge=u.editingIdentified,Ye=Le?{parameter:Le.suggestionParameter,text:Le.suggestionPlaceholder,required:!0,options:Le.options}:Ge?{parameter:Ge.parameter,text:(0,je.identifiedParamLabel)(Ge.parameter),required:!0,options:[]}:null,et=u.dropdownSuggestion??Ye??Qe,ht=Ye?[Ye]:se,Ze=(0,je.dateSelectionFor)(u),tt=!ve||u.dropdownLoading;return{completedParams:Ue,skippedParams:u.skippedParams,identifiedParams:u.identifiedParams,suggestionPills:se,setActivePill:y.setActivePill,skipActivePill:y.skipActivePill,removeLastParam:y.removeLastParam,segments:u.segments,newParamId:u.newParamId,clearNewParamId:y.clearNewParamId,suggestions:u.suggestions,activeIndex:u.activeDropdownIndex,isReady:u.isReady,isLoading:tt,isFocused:u.isFocused,isDropdownOpen:u.isDropdownOpen,isActivePillSelected:u.isActivePillSelected,placeholderText:u.placeholderText,listboxId:Ke,error:u.error,products:u.products,customFields:u.customFields,selectProduct:y.selectProduct,handleTextChange:y.handleTextChange,handleKeyDown:y.handleKeyDown,setFocused:y.setFocused,editingParam:Le,editingIdentified:Ge,editingAnchor:u.editingAnchor,caretOffset:u.caretOffset,startEditingParam:y.startEditingParam,exitEditMode:y.exitEditMode,handleCaretAfterInput:y.handleCaretAfterInput,handleCaretMove:y.handleCaretMove,replaceEditingRange:y.replaceEditingRange,inputProps:{value:_e,placeholder:u.placeholderText||void 0,onChange:Oe,onKeyDown:De,onFocus:y.handleFocus,onBlur:y.handleBlur,role:"combobox","aria-expanded":u.isDropdownOpen,"aria-activedescendant":Je,"aria-autocomplete":"list","aria-controls":Ke},reset:y.reset,refreshProducts:y.refreshProducts,recordSubmit:y.recordSubmit,dropdownProps:{suggestions:et?[{...et,options:u.dropdownOptions}]:[],activeIndex:u.activeDropdownIndex,onSelect:y.selectOption,onHighlight:y.setActiveDropdownIndex,onUnhighlight:y.clearHighlight,isOpen:u.isDropdownOpen,id:Ke,pills:ht,activeSelected:u.isActivePillSelected,onPillClick:y.setActivePill,onSkip:y.skipActivePill,showSkipButton:(z??!0)&&!Le&&!Ge,showOptionIcons:B??!0,showOptionImages:H??!0,showOptionCounts:q??!0,skipDisabled:u.inSelectionAnimation,isLoading:tt,skeletonExiting:u.skeletonExiting,isInputEmpty:_e.trim().length===0,language:h,products:u.products,productImageFallback:U,onProductSelect:y.selectProduct,onProductFocusChange:y.setFocused,formatType:u.activeFormatType,dateView:u.dateView,selectedDateIso:Ze.selectedIso,selectedDateRange:Ze.selectedRange,dateRangeStart:Ze.rangeStart,onPreviousMonth:y.showPreviousMonth,onNextMonth:y.showNextMonth,optionsPosition:g??"below"}}}var _=require("@magicx-eng/ai-autocomplete-vanilla"),S=require("react"),pt;function ka(){if(pt!==void 0)return pt;if(typeof document>"u")return!1;let e=document.createElement("div");return e.setAttribute("contenteditable","plaintext-only"),pt=e.contentEditable==="plaintext-only",pt}function Zt(e){let{segments:a,showChipIcons:t=!0,showChipImages:n=!0,newParamId:i,editingParam:r,editingIdentified:o,editingAnchor:h,caretOffset:d,placeholderText:w,isFocused:E,isDropdownOpen:I,listboxId:g,activeDescendantId:v,autoFocus:T,handleTextChange:B,handleKeyDown:H,handleCaretAfterInput:q,handleCaretMove:z,startEditingParam:A,replaceEditingRange:U,setFocused:F}=e,P=(0,S.useRef)(null),K=(0,S.useRef)(!1),j=(0,S.useRef)(""),G=(0,S.useRef)(""),ge=(0,S.useRef)(null),ye=(0,S.useRef)(0);ge.current=d,(0,S.useEffect)(()=>{if(!T)return;let l=P.current;if(!l)return;document.activeElement===l?F(!0):l.focus();let f=l.ownerDocument??document,b=f.getSelection(),x=b&&b.rangeCount>0&&l.contains(b.anchorNode);if(b&&!x){let k=f.createRange();k.selectNodeContents(l),k.collapse(!0),b.removeAllRanges(),b.addRange(k)}},[T,F]),(0,S.useEffect)(()=>{let l=P.current;if(!l)return;let f=l.ownerDocument??document,b=()=>{let x=f.getSelection();if(!x||x.rangeCount===0||!x.anchorNode||!l.contains(x.anchorNode))return;let k=x.anchorNode,R=k.nodeType===Node.ELEMENT_NODE?k:k.parentElement,Q=(x.isCollapsed?R?.closest("strong[data-param-id]"):null)?.dataset.paramId??null,ee=r?.id??o?.id??null;if(Q&&Q!==ee){A(Q);return}performance.now()-ye.current<50||z((0,_.getCursorOffset)(l))};return f.addEventListener("selectionchange",b),()=>f.removeEventListener("selectionchange",b)},[r,o,A,z]),(0,S.useEffect)(()=>{let l=P.current;if(!l)return;let f=b=>{let x=(0,_.chipIdFromTap)(l,b.target);x&&(A(x),(0,_.keepCaretOnChip)(l,x))};return l.addEventListener("click",f),()=>l.removeEventListener("click",f)},[A]),(0,S.useLayoutEffect)(()=>{let l=P.current;l&&(0,_.renderEditableContent)({input:l,segments:a,newParamId:i,editingParamId:r?.id??null,placeholderText:w??"",isFocused:E,showChipIcons:t,showChipImages:n})},[a,i,r,w,E,t,n]),(0,S.useLayoutEffect)(()=>{let l=j.current,f=i??"";if(j.current=f,!f||f===l)return;let b=P.current;if(!b)return;b.focus();let x=ge.current??(0,_.plainTextLength)(b);(0,_.setCursorOffset)(b,x)},[i]),(0,S.useLayoutEffect)(()=>{let l=G.current,f=r?.id??"";if(G.current=f,!f||f===l||h==null)return;let b=P.current;b&&(0,_.setCursorOffset)(b,h)},[r,h]);let $=(0,S.useCallback)(()=>{if(K.current)return;let l=P.current;if(!l)return;let f=(0,_.extractPlainText)(l),x=f.length>0&&f[0]!==f[0].toUpperCase()?f[0].toUpperCase()+f.slice(1):f;B(x)},[B]),ke=(0,S.useCallback)(()=>{ye.current=performance.now(),$();let l=P.current;l&&q((0,_.getCursorOffset)(l))},[$,q]);(0,S.useEffect)(()=>{let l=P.current;if(!l)return;let f=b=>{let x=b,k=x.inputType;if(k==="insertParagraph"||k==="insertLineBreak"||k==="insertFromDrop"){b.preventDefault();return}if(k.startsWith("insert")||k.startsWith("delete")){let R=k.startsWith("delete")?"":x.data??"";U(R)&&b.preventDefault()}};return l.addEventListener("beforeinput",f),()=>l.removeEventListener("beforeinput",f)},[U]);let He=(0,S.useCallback)(()=>{K.current=!0},[]),Ce=(0,S.useCallback)(()=>{K.current=!1,$()},[$]),m=(0,S.useCallback)(l=>{l.preventDefault();let f=P.current;if(!f)return;let b=(l.clipboardData.getData("text/plain")??"").replace(/\r?\n/g," ");if(!b)return;let x=f.ownerDocument??document,k=x.getSelection();if(!k||k.rangeCount===0)return;let R=k.getRangeAt(0);if(!f.contains(R.startContainer))return;R.deleteContents();let p=x.createTextNode(b);R.insertNode(p),R.setStartAfter(p),R.collapse(!0),k.removeAllRanges(),k.addRange(R),$()},[$]),Fe=(0,S.useCallback)(l=>H(l),[H]),fe=(0,S.useCallback)(()=>F(!0),[F]),Pe=(0,S.useCallback)(()=>F(!1),[F]),be=(0,S.useCallback)(()=>P.current?.focus(),[]),Se=(0,S.useCallback)(()=>P.current?.blur(),[]),oe=(0,S.useCallback)(()=>{let l=P.current;return l?(0,_.extractPlainText)(l):""},[]),ne=ka()?"plaintext-only":"true";return{inputRef:P,editorProps:{ref:P,contentEditable:ne,suppressContentEditableWarning:!0,tabIndex:0,role:"combobox","aria-autocomplete":"list","aria-haspopup":"listbox","aria-controls":g,"aria-expanded":I,"aria-activedescendant":v,spellCheck:!0,enterKeyHint:"send",onInput:ke,onKeyDown:Fe,onCompositionStart:He,onCompositionEnd:Ce,onPaste:m,onFocus:fe,onBlur:Pe},getPlainText:oe,focus:be,blur:Se}}var re=require("react/jsx-runtime");function Ca(e){return e!=="auto"?e:typeof window>"u"||window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}var $t=(0,N.forwardRef)(function({onSubmit:a,onResult:t,onError:n,optionOverrides:i,maskCompletedText:r,className:o,apiConfig:h,additionalContext:d,language:w,productId:E,visitorId:I,columns:g,pillPlacement:v="dropdown",mode:T="auto",optionsPosition:B="below",animations:H=!0,dropdownTrigger:q,closeDropdownOnBlur:z,showNonTappableOptions:A,showOptionIcons:U=!0,showChipIcons:F=!0,showChipImages:P=!0,showOptionImages:K=!0,showOptionCounts:j=!0,showSkipButton:G,showProducts:ge,productsLayout:ye,productImageFallback:$,autoFocus:ke=!0,onFocus:He,onBlur:Ce,value:m,completedParams:Fe,onChange:fe,onParamsChange:Pe,products:be,mapProducts:Se,onProductSelect:oe,submitButton:ne,resetOnSubmit:l=!0},f){let b=(0,N.useRef)(null),x=(0,N.useRef)(null),k=(0,N.useRef)(()=>{}),R=(0,N.useRef)(null),p=(0,N.useRef)(null);(0,N.useEffect)(()=>{let D=b.current;if(D)return R.current?R.current.setMode(T):R.current=new Be.ModeController(D,T),()=>{R.current?.destroy(),R.current=null}},[T]);let Q=(0,N.useCallback)(D=>{let le=p.current?.current;le&&(le.focus(),(0,Be.setCursorOffset)(le,D))},[]),{completedParams:ee,skippedParams:te,identifiedParams:Ie,isReady:Ee,customFields:Te,suggestionPills:Ae,setActivePill:Re,skipActivePill:y,segments:Oe,newParamId:De,clearNewParamId:ve,placeholderText:u,isFocused:_e,isDropdownOpen:Ue,isActivePillSelected:se,isLoading:Qe,activeIndex:Ke,listboxId:Je,handleTextChange:Le,handleKeyDown:Ge,setFocused:Ye,editingParam:et,editingIdentified:ht,editingAnchor:Ze,caretOffset:tt,startEditingParam:c,handleCaretAfterInput:V,handleCaretMove:O,replaceEditingRange:ut,dropdownProps:Vt,reset:at,refreshProducts:Ct,recordSubmit:Pt}=ct({onSubmit:D=>k.current(D),onResult:t,onError:n,optionOverrides:i,maskCompletedText:r,apiConfig:h,additionalContext:d,language:w,productId:E,visitorId:I,columns:g,dropdownTrigger:q,optionsPosition:B,closeDropdownOnBlur:z,showNonTappableOptions:A,showOptionIcons:U,showOptionImages:K,showOptionCounts:j,showSkipButton:G,showProducts:ge,onFocus:He,onBlur:Ce,value:m,completedParams:Fe,onChange:fe,onParamsChange:Pe,products:be,mapProducts:Se,onProductSelect:oe,source:"full-sdk",setCursor:Q});(0,N.useEffect)(()=>{if(!De)return;let D=window.setTimeout(()=>ve(),650);return()=>window.clearTimeout(D)},[De,ve]);let Xt=Ke>=0?`${Je}-option-${Ke}`:void 0,{inputRef:mt,editorProps:Jt,focus:it,blur:St,getPlainText:It}=Zt({segments:Oe,newParamId:De,editingParam:et,editingIdentified:ht,editingAnchor:Ze,caretOffset:tt,placeholderText:u,isFocused:_e,showChipIcons:F,showChipImages:P,isDropdownOpen:Ue,listboxId:Je,activeDescendantId:Xt,autoFocus:ke,handleTextChange:Le,handleKeyDown:Ge,handleCaretAfterInput:V,handleCaretMove:O,startEditingParam:c,replaceEditingRange:ut,setFocused:Ye});p.current=mt,(0,N.useLayoutEffect)(()=>{let D=x.current,le=mt.current;if(!D||!le)return;let $e=()=>{let Tt=D.firstElementChild;if(!Tt)return;let ia=Tt.getBoundingClientRect(),oa=le.getBoundingClientRect();ia.top>=oa.bottom-2?D.setAttribute("data-aia-pill-wrapped",""):D.removeAttribute("data-aia-pill-wrapped")};$e();let Et=new ResizeObserver($e);return Et.observe(le),()=>Et.disconnect()},[Oe,Ae.length,Qe,mt]),(0,N.useImperativeHandle)(f,()=>({focus:it,blur:St,reset:at,refreshProducts:Ct,setMode:D=>R.current?.setMode(D),skipActivePill:y}),[it,St,at,Ct,y]);let ot=!!Oe.length||ee.length>0,gt=(0,N.useCallback)(D=>{if(!ot)return;let le=It(),$e=(0,Be.buildSubmitResult)(le,ee,te,{identifiedParams:Ie,isReady:Ee,customFields:Te});D&&Pt($e),a($e),l&&at()},[Pt,l,ot,ee,te,Ie,Ee,Te,a,at,It]);k.current=()=>gt(!1);let ea=(0,N.useCallback)(D=>{D.target?.closest("[data-aia-pill]")||it()},[it]),ta=v==="inline",aa=v==="dropdown";return(0,re.jsxs)("div",{ref:b,className:`magicx-aia ${We.container} ${o??""}`,"data-pill-placement":v,"data-options-position":B,"data-animations":H?"on":"off","data-mode":Ca(T),children:[(0,re.jsx)(lt,{...Vt,showPills:aa,productsLayout:ye,productImageFallback:$}),(0,re.jsxs)("div",{className:We.inputWrapper,"data-aia-input-wrapper":"",onClick:ea,children:[(0,re.jsxs)("div",{className:We.editorArea,"data-aia-editor":"",children:[(0,re.jsx)("div",{...Jt,className:We.input,"data-aia-input":""}),ta&&(Qe||Ae.length>0)&&(0,re.jsx)("span",{ref:x,className:We.pillListContainer,"data-aia-pill-list-container":"",children:(0,re.jsx)(rt,{pills:Ae,activePillIndex:0,activeSelected:se,onSelectPill:Re,loading:Qe})})]}),ne===null?null:ne===void 0?(0,re.jsx)(jt,{disabled:!ot,onClick:()=>gt(!0),label:(0,Be.uiStringsFor)(w).submit}):(0,re.jsx)("span",{"data-aia-submit":"","data-aia-submit-slot":"",className:We.submitSlot,onClick:D=>{ot&&(D.stopPropagation(),gt(!0))},children:ne})]})]})});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,optionImageSources,optionImageSrc,optionLabel,parseDate,parseLooseDate,parseLooseDateRange,productFromMatchedItem,productImageSources,productsFromCustomFields,sanitizeOptionIconSvg,selectedRangeFor,useAIAutocomplete,visibleDateRange,withSkippedParams});
+`,document.head.appendChild(e)}var Ut={submitButton:"aia-submitButton-otz7H"};var dt=require("react/jsx-runtime");function jt({disabled:e,onClick:a,label:t=(0,qt.uiStringsFor)().submit}){return(0,dt.jsx)("button",{type:"button","data-aia-submit":"",className:Ut.submitButton,disabled:e,onClick:i=>{i.stopPropagation(),a()},"aria-label":t,children:(0,dt.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",role:"img","aria-label":t,children:(0,dt.jsx)("path",{d:"M9 14V4M9 4L4 9M9 4L14 9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})}var je=require("@magicx-eng/ai-autocomplete-vanilla"),C=require("react");var yt=require("react");function Qt(e){let a=(0,yt.useRef)(e);a.current=e;let t=Object.keys(e??{}).sort().join("\0"),i=(0,yt.useRef)({key:"
",overrides:void 0});if(i.current.key!==t){let o={};for(let r of Object.keys(e??{})){let n=(h,d,x)=>{let E=a.current?.[r];return E?E(h,d,x):[]};o[r]=n}i.current={key:t,overrides:e?o:void 0}}return{overrides:i.current.overrides,key:t}}var kt=require("react");function Yt(e){let a=(0,kt.useRef)(e);a.current=e;let t=(0,kt.useRef)(null);t.current===null&&(t.current={fetch:(o,r)=>{let n=a.current;return n?n.fetch(o,r):Promise.reject(new Error("products config removed"))},transform:o=>a.current?.transform(o)??[],get limit(){return a.current?.limit}});let i=e!==void 0;return{config:i?t.current:void 0,enabled:i}}var ka={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,dropdownHeld:!1,editingParam:null,editingIdentified:null,editingAnchor:null,editingTail:null,caretOffset:null,inSelectionAnimation:!1,dateViewMonth:null,pendingRangeStart:null};function ct({onSubmit:e,onResult:a,onError:t,optionOverrides:i,maskCompletedText:o,apiConfig:r,additionalContext:n,language:h,productId:d,visitorId:x,columns:E=2,dropdownTrigger:I,optionsPosition:m,closeDropdownOnBlur:w,showNonTappableOptions:T,showOptionIcons:F,showOptionImages:B,showOptionCounts:j,showSkipButton:z,showProducts:A,productImageFallback:U="image",onFocus:H,onBlur:P,value:K,completedParams:Q,onChange:G,onParamsChange:fe,products:ke,mapProducts:$,onProductSelect:Ce,source:Be,setCursor:Pe}){let g=(0,C.useRef)(null),[He,be]=(0,C.useState)(null),Se=(0,C.useRef)(e);Se.current=e;let we=(0,C.useRef)(a);we.current=a;let Ie=(0,C.useRef)(t);Ie.current=t;let te=(0,C.useRef)(G);te.current=G;let ne=(0,C.useRef)(fe);ne.current=fe;let l=(0,C.useRef)(H);l.current=H;let f=(0,C.useRef)(P);f.current=P;let b=(0,C.useRef)(Pe);b.current=Pe;let v=(0,C.useRef)(Ce);v.current=Ce;let k=(0,C.useRef)(x);k.current=x;let R=(0,C.useRef)(()=>{let c=k.current;return typeof c=="function"?c():c}).current,p=Yt(ke),Y=(0,C.useRef)($);Y.current=$;let ae=(0,C.useRef)((c,X)=>{let O=Y.current;return O?O(c,X):c}).current,ie=$?ae:void 0,Ee=Qt(i);(0,C.useEffect)(()=>{if(typeof document>"u")return;let c=new je.AIAutocomplete(document.createElement("div"),{renderMode:"headless",apiConfig:r,additionalContext:n,language:h,productId:d,visitorId:R,optionOverrides:Ee.overrides,maskCompletedText:o,columns:E,dropdownTrigger:I,optionsPosition:m,closeDropdownOnBlur:w,showNonTappableOptions:T,showProducts:A,source:Be,value:K,completedParams:Q,onSubmit:(...O)=>Se.current?.(...O),onResult:(...O)=>we.current?.(...O),onError:(...O)=>Ie.current?.(...O),onChange:(...O)=>te.current?.(...O),onParamsChange:(...O)=>ne.current?.(...O),onFocus:()=>l.current?.(),onBlur:()=>f.current?.(),onProductSelect:O=>v.current?.(O),setCursor:O=>b.current?.(O),products:p.config,mapProducts:ie});g.current=c,be(c.getState());let X=c.subscribe(O=>be(O));return()=>{X(),c.destroy(),g.current===c&&(g.current=null)}},[]),(0,C.useEffect)(()=>{K!==void 0&&g.current?.setValue(K)},[K]),(0,C.useEffect)(()=>{Q!==void 0&&g.current?.setCompletedParams(Q)},[Q]);let Te=JSON.stringify(r??null),Ae;try{Ae=JSON.stringify(n??null)}catch{Ae="[unstringifiable]"}(0,C.useEffect)(()=>{g.current?.update({apiConfig:r,additionalContext:n,language:h,productId:d,optionOverrides:Ee.overrides,dropdownTrigger:I,optionsPosition:m,closeDropdownOnBlur:w,showNonTappableOptions:T,showProducts:A})},[Te,Ae,h,d,Ee.key,I,m,w,T,A]);let Re=(0,C.useRef)(!1);(0,C.useEffect)(()=>{if(!Re.current){Re.current=!0;return}g.current?.update({products:p.config})},[p.enabled]),(0,C.useEffect)(()=>{g.current?.update({mapProducts:ie})},[ie]);let Oe=(0,C.useRef)(null);Oe.current===null&&(Oe.current={handleTextChange:c=>g.current?.handleTextChange(c),handleKeyDown:c=>{let X="nativeEvent"in c?c.nativeEvent:c;g.current?.handleKeyDown(X)},setFocused:c=>g.current?.setFocused(c),startEditingParam:c=>g.current?.startEditingParam(c),exitEditMode:()=>g.current?.exitEditMode(),handleCaretAfterInput:c=>g.current?.handleCaretAfterInput(c),handleCaretMove:c=>g.current?.handleCaretMove(c),replaceEditingRange:c=>g.current?.replaceEditingRange(c)??!1,setActivePill:c=>g.current?.setActivePill(c),skipActivePill:()=>g.current?.skipActivePill(),removeLastParam:()=>g.current?.removeLastParam(),clearNewParamId:()=>g.current?.clearNewParamId(),reset:()=>g.current?.reset(),refreshProducts:()=>g.current?.refreshProducts(),recordSubmit:c=>g.current?.recordSubmit(c),selectOption:c=>g.current?.selectOption(c),selectProduct:c=>g.current?.selectProduct(c),setActiveDropdownIndex:c=>g.current?.setActiveDropdownIndex(c),clearHighlight:c=>g.current?.clearHighlight(c),showPreviousMonth:()=>g.current?.showPreviousMonth(),showNextMonth:()=>g.current?.showNextMonth(),handleFocus:()=>g.current?.setFocused(!0),handleBlur:()=>g.current?.setFocused(!1)});let y=Oe.current,De=(0,C.useCallback)(c=>{let X=c.target.value,ut=X.length>0&&!c.nativeEvent?.isComposing&&X[0]!==X[0].toUpperCase()?X[0].toUpperCase()+X.slice(1):X;g.current?.handleTextChange(ut)},[]),Le=(0,C.useCallback)(c=>{g.current?.handleKeyDown(c.nativeEvent)},[]),ve=g.current,u=He??ka,_e=K!==void 0?K:u.text,Ue=Q!==void 0?Q:u.completedParams,se=u.actionableSuggestions,Qe=se[0],Ke=ve?.listboxId??"",Je=u.activeDropdownIndex>=0&&ve?`${Ke}-option-${u.activeDropdownIndex}`:void 0,ze=u.editingParam,Ge=u.editingIdentified,Ye=ze?{parameter:ze.suggestionParameter,text:ze.suggestionPlaceholder,required:!0,options:ze.options}:Ge?{parameter:Ge.parameter,text:(0,je.identifiedParamLabel)(Ge.parameter),required:!0,options:[]}:null,et=u.dropdownSuggestion??Ye??Qe,ht=Ye?[Ye]:se,Ze=(0,je.dateSelectionFor)(u),tt=!ve||u.dropdownLoading;return{completedParams:Ue,skippedParams:u.skippedParams,identifiedParams:u.identifiedParams,suggestionPills:se,setActivePill:y.setActivePill,skipActivePill:y.skipActivePill,removeLastParam:y.removeLastParam,segments:u.segments,newParamId:u.newParamId,clearNewParamId:y.clearNewParamId,suggestions:u.suggestions,activeIndex:u.activeDropdownIndex,isReady:u.isReady,isLoading:tt,isFocused:u.isFocused,isDropdownOpen:u.isDropdownOpen,isActivePillSelected:u.isActivePillSelected,placeholderText:u.placeholderText,listboxId:Ke,error:u.error,products:u.products,customFields:u.customFields,selectProduct:y.selectProduct,handleTextChange:y.handleTextChange,handleKeyDown:y.handleKeyDown,setFocused:y.setFocused,editingParam:ze,editingIdentified:Ge,editingAnchor:u.editingAnchor,caretOffset:u.caretOffset,startEditingParam:y.startEditingParam,exitEditMode:y.exitEditMode,handleCaretAfterInput:y.handleCaretAfterInput,handleCaretMove:y.handleCaretMove,replaceEditingRange:y.replaceEditingRange,inputProps:{value:_e,placeholder:u.placeholderText||void 0,onChange:De,onKeyDown:Le,onFocus:y.handleFocus,onBlur:y.handleBlur,role:"combobox","aria-expanded":u.isDropdownOpen,"aria-activedescendant":Je,"aria-autocomplete":"list","aria-controls":Ke},reset:y.reset,refreshProducts:y.refreshProducts,recordSubmit:y.recordSubmit,dropdownProps:{suggestions:et?[{...et,options:u.dropdownOptions}]:[],activeIndex:u.activeDropdownIndex,onSelect:y.selectOption,onHighlight:y.setActiveDropdownIndex,onUnhighlight:y.clearHighlight,isOpen:u.isDropdownOpen,id:Ke,pills:ht,activeSelected:u.isActivePillSelected,onPillClick:y.setActivePill,onSkip:y.skipActivePill,showSkipButton:(z??!0)&&!ze&&!Ge,showOptionIcons:F??!0,showOptionImages:B??!0,showOptionCounts:j??!0,skipDisabled:u.inSelectionAnimation,isLoading:tt,skeletonExiting:u.skeletonExiting,isInputEmpty:_e.trim().length===0,language:h,products:u.products,productImageFallback:U,onProductSelect:y.selectProduct,onProductFocusChange:y.setFocused,formatType:u.activeFormatType,dateView:u.dateView,selectedDateIso:Ze.selectedIso,selectedDateRange:Ze.selectedRange,dateRangeStart:Ze.rangeStart,onPreviousMonth:y.showPreviousMonth,onNextMonth:y.showNextMonth,optionsPosition:m??"below"}}}var _=require("@magicx-eng/ai-autocomplete-vanilla"),S=require("react"),pt;function Ca(){if(pt!==void 0)return pt;if(typeof document>"u")return!1;let e=document.createElement("div");return e.setAttribute("contenteditable","plaintext-only"),pt=e.contentEditable==="plaintext-only",pt}function Zt(e){let{segments:a,showChipIcons:t=!0,showChipImages:i=!0,newParamId:o,editingParam:r,editingIdentified:n,editingAnchor:h,caretOffset:d,placeholderText:x,isFocused:E,isDropdownOpen:I,listboxId:m,activeDescendantId:w,autoFocus:T,handleTextChange:F,handleKeyDown:B,handleCaretAfterInput:j,handleCaretMove:z,startEditingParam:A,replaceEditingRange:U,setFocused:H}=e,P=(0,S.useRef)(null),K=(0,S.useRef)(!1),Q=(0,S.useRef)(""),G=(0,S.useRef)(""),fe=(0,S.useRef)(null),ke=(0,S.useRef)(0);fe.current=d,(0,S.useEffect)(()=>{if(!T)return;let l=P.current;if(!l)return;document.activeElement===l?H(!0):l.focus();let f=l.ownerDocument??document,b=f.getSelection(),v=b&&b.rangeCount>0&&l.contains(b.anchorNode);if(b&&!v){let k=f.createRange();k.selectNodeContents(l),k.collapse(!0),b.removeAllRanges(),b.addRange(k)}},[T,H]),(0,S.useEffect)(()=>{let l=P.current;if(!l)return;let f=l.ownerDocument??document,b=()=>{let v=f.getSelection();if(!v||v.rangeCount===0||!v.anchorNode||!l.contains(v.anchorNode))return;let k=v.anchorNode,R=k.nodeType===Node.ELEMENT_NODE?k:k.parentElement,Y=(v.isCollapsed?R?.closest("strong[data-param-id]"):null)?.dataset.paramId??null,ae=r?.id??n?.id??null;if(Y&&Y!==ae){A(Y);return}performance.now()-ke.current<50||z((0,_.getCursorOffset)(l))};return f.addEventListener("selectionchange",b),()=>f.removeEventListener("selectionchange",b)},[r,n,A,z]),(0,S.useEffect)(()=>{let l=P.current;if(!l)return;let f=b=>{let v=(0,_.chipIdFromTap)(l,b.target);v&&(A(v),(0,_.keepCaretOnChip)(l,v))};return l.addEventListener("click",f),()=>l.removeEventListener("click",f)},[A]),(0,S.useLayoutEffect)(()=>{let l=P.current;l&&(0,_.renderEditableContent)({input:l,segments:a,newParamId:o,editingParamId:r?.id??null,placeholderText:x??"",isFocused:E,showChipIcons:t,showChipImages:i})},[a,o,r,x,E,t,i]),(0,S.useLayoutEffect)(()=>{let l=Q.current,f=o??"";if(Q.current=f,!f||f===l)return;let b=P.current;if(!b)return;b.focus();let v=fe.current??(0,_.plainTextLength)(b);(0,_.setCursorOffset)(b,v)},[o]),(0,S.useLayoutEffect)(()=>{let l=G.current,f=r?.id??"";if(G.current=f,!f||f===l||h==null)return;let b=P.current;b&&(0,_.setCursorOffset)(b,h)},[r,h]);let $=(0,S.useCallback)(()=>{if(K.current)return;let l=P.current;if(!l)return;let f=(0,_.extractPlainText)(l),v=f.length>0&&f[0]!==f[0].toUpperCase()?f[0].toUpperCase()+f.slice(1):f;F(v)},[F]),Ce=(0,S.useCallback)(()=>{ke.current=performance.now(),$();let l=P.current;l&&j((0,_.getCursorOffset)(l))},[$,j]);(0,S.useEffect)(()=>{let l=P.current;if(!l)return;let f=b=>{let v=b,k=v.inputType;if(k==="insertParagraph"||k==="insertLineBreak"||k==="insertFromDrop"){b.preventDefault();return}if(k.startsWith("insert")||k.startsWith("delete")){let R=k.startsWith("delete")?"":v.data??"";U(R)&&b.preventDefault()}};return l.addEventListener("beforeinput",f),()=>l.removeEventListener("beforeinput",f)},[U]);let Be=(0,S.useCallback)(()=>{K.current=!0},[]),Pe=(0,S.useCallback)(()=>{K.current=!1,$()},[$]),g=(0,S.useCallback)(l=>{l.preventDefault();let f=P.current;if(!f)return;let b=(l.clipboardData.getData("text/plain")??"").replace(/\r?\n/g," ");if(!b)return;let v=f.ownerDocument??document,k=v.getSelection();if(!k||k.rangeCount===0)return;let R=k.getRangeAt(0);if(!f.contains(R.startContainer))return;R.deleteContents();let p=v.createTextNode(b);R.insertNode(p),R.setStartAfter(p),R.collapse(!0),k.removeAllRanges(),k.addRange(R),$()},[$]),He=(0,S.useCallback)(l=>B(l),[B]),be=(0,S.useCallback)(()=>H(!0),[H]),Se=(0,S.useCallback)(()=>H(!1),[H]),we=(0,S.useCallback)(()=>P.current?.focus(),[]),Ie=(0,S.useCallback)(()=>P.current?.blur(),[]),te=(0,S.useCallback)(()=>{let l=P.current;return l?(0,_.extractPlainText)(l):""},[]),ne=Ca()?"plaintext-only":"true";return{inputRef:P,editorProps:{ref:P,contentEditable:ne,suppressContentEditableWarning:!0,tabIndex:0,role:"combobox","aria-autocomplete":"list","aria-haspopup":"listbox","aria-controls":m,"aria-expanded":I,"aria-activedescendant":w,spellCheck:!0,enterKeyHint:"send",onInput:Ce,onKeyDown:He,onCompositionStart:Be,onCompositionEnd:Pe,onPaste:g,onFocus:be,onBlur:Se},getPlainText:te,focus:we,blur:Ie}}var re=require("react/jsx-runtime");function Pa(e){return e!=="auto"?e:typeof window>"u"||window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}var Vt=(0,N.forwardRef)(function({onSubmit:a,onResult:t,onError:i,optionOverrides:o,maskCompletedText:r,className:n,apiConfig:h,additionalContext:d,language:x,productId:E,visitorId:I,columns:m,pillPlacement:w="dropdown",mode:T="auto",optionsPosition:F="below",animations:B=!0,dropdownTrigger:j,closeDropdownOnBlur:z,showNonTappableOptions:A,showOptionIcons:U=!0,showChipIcons:H=!0,showChipImages:P=!0,showOptionImages:K=!0,showOptionCounts:Q=!0,showSkipButton:G,showProducts:fe,productsLayout:ke,productImageFallback:$,autoFocus:Ce=!0,onFocus:Be,onBlur:Pe,value:g,completedParams:He,onChange:be,onParamsChange:Se,products:we,mapProducts:Ie,onProductSelect:te,submitButton:ne,resetOnSubmit:l=!0},f){let b=(0,N.useRef)(null),v=(0,N.useRef)(null),k=(0,N.useRef)(()=>{}),R=(0,N.useRef)(null),p=(0,N.useRef)(null);(0,N.useEffect)(()=>{let D=b.current;if(D)return R.current?R.current.setMode(T):R.current=new Fe.ModeController(D,T),()=>{R.current?.destroy(),R.current=null}},[T]);let Y=(0,N.useCallback)(D=>{let le=p.current?.current;le&&(le.focus(),(0,Fe.setCursorOffset)(le,D))},[]),{completedParams:ae,skippedParams:ie,identifiedParams:Ee,isReady:Te,customFields:Ae,suggestionPills:Re,setActivePill:Oe,skipActivePill:y,segments:De,newParamId:Le,clearNewParamId:ve,placeholderText:u,isFocused:_e,isDropdownOpen:Ue,isActivePillSelected:se,isLoading:Qe,activeIndex:Ke,listboxId:Je,handleTextChange:ze,handleKeyDown:Ge,setFocused:Ye,editingParam:et,editingIdentified:ht,editingAnchor:Ze,caretOffset:tt,startEditingParam:c,handleCaretAfterInput:X,handleCaretMove:O,replaceEditingRange:ut,dropdownProps:$t,reset:at,refreshProducts:Ct,recordSubmit:Pt}=ct({onSubmit:D=>k.current(D),onResult:t,onError:i,optionOverrides:o,maskCompletedText:r,apiConfig:h,additionalContext:d,language:x,productId:E,visitorId:I,columns:m,dropdownTrigger:j,optionsPosition:F,closeDropdownOnBlur:z,showNonTappableOptions:A,showOptionIcons:U,showOptionImages:K,showOptionCounts:Q,showSkipButton:G,showProducts:fe,onFocus:Be,onBlur:Pe,value:g,completedParams:He,onChange:be,onParamsChange:Se,products:we,mapProducts:Ie,onProductSelect:te,source:"full-sdk",setCursor:Y});(0,N.useEffect)(()=>{if(!Le)return;let D=window.setTimeout(()=>ve(),650);return()=>window.clearTimeout(D)},[Le,ve]);let Xt=Ke>=0?`${Je}-option-${Ke}`:void 0,{inputRef:gt,editorProps:Jt,focus:it,blur:St,getPlainText:It}=Zt({segments:De,newParamId:Le,editingParam:et,editingIdentified:ht,editingAnchor:Ze,caretOffset:tt,placeholderText:u,isFocused:_e,showChipIcons:H,showChipImages:P,isDropdownOpen:Ue,listboxId:Je,activeDescendantId:Xt,autoFocus:Ce,handleTextChange:ze,handleKeyDown:Ge,handleCaretAfterInput:X,handleCaretMove:O,startEditingParam:c,replaceEditingRange:ut,setFocused:Ye});p.current=gt,(0,N.useLayoutEffect)(()=>{let D=v.current,le=gt.current;if(!D||!le)return;let Ve=()=>{let Tt=D.firstElementChild;if(!Tt)return;let ia=Tt.getBoundingClientRect(),oa=le.getBoundingClientRect();ia.top>=oa.bottom-2?D.setAttribute("data-aia-pill-wrapped",""):D.removeAttribute("data-aia-pill-wrapped")};Ve();let Et=new ResizeObserver(Ve);return Et.observe(le),()=>Et.disconnect()},[De,Re.length,Qe,gt]),(0,N.useImperativeHandle)(f,()=>({focus:it,blur:St,reset:at,refreshProducts:Ct,setMode:D=>R.current?.setMode(D),skipActivePill:y}),[it,St,at,Ct,y]);let ot=!!De.length||ae.length>0,mt=(0,N.useCallback)(D=>{if(!ot)return;let le=It(),Ve=(0,Fe.buildSubmitResult)(le,ae,ie,{identifiedParams:Ee,isReady:Te,customFields:Ae});D&&Pt(Ve),a(Ve),l&&at()},[Pt,l,ot,ae,ie,Ee,Te,Ae,a,at,It]);k.current=()=>mt(!1);let ea=(0,N.useCallback)(D=>{D.target?.closest("[data-aia-pill]")||it()},[it]),ta=w==="inline",aa=w==="dropdown";return(0,re.jsxs)("div",{ref:b,className:`magicx-aia ${We.container} ${n??""}`,"data-pill-placement":w,"data-options-position":F,"data-animations":B?"on":"off","data-mode":Pa(T),children:[(0,re.jsx)(lt,{...$t,showPills:aa,productsLayout:ke,productImageFallback:$}),(0,re.jsxs)("div",{className:We.inputWrapper,"data-aia-input-wrapper":"",onClick:ea,children:[(0,re.jsxs)("div",{className:We.editorArea,"data-aia-editor":"",children:[(0,re.jsx)("div",{...Jt,className:We.input,"data-aia-input":""}),ta&&(Qe||Re.length>0)&&(0,re.jsx)("span",{ref:v,className:We.pillListContainer,"data-aia-pill-list-container":"",children:(0,re.jsx)(rt,{pills:Re,activePillIndex:0,activeSelected:se,onSelectPill:Oe,loading:Qe})})]}),ne===null?null:ne===void 0?(0,re.jsx)(jt,{disabled:!ot,onClick:()=>mt(!0),label:(0,Fe.uiStringsFor)(x).submit}):(0,re.jsx)("span",{"data-aia-submit":"","data-aia-submit-slot":"",className:We.submitSlot,onClick:D=>{ot&&(D.stopPropagation(),mt(!0))},children:ne})]})]})});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,optionImageSources,optionImageSrc,optionLabel,parseDate,parseLooseDate,parseLooseDateRange,productFromMatchedItem,productImageSources,productsFromCustomFields,sanitizeOptionIconSvg,selectedRangeFor,useAIAutocomplete,visibleDateRange,withSkippedParams});
 //# sourceMappingURL=index.js.map