@magicx-eng/ai-autocomplete-react 0.18.0 → 0.18.2

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END as Hi,DATE_RANGE_META_START as Ki,dateCellMarks as Wi,formatDate as qi,formatDateRange as Ui,isoDate as ji,monthLabel as $i,optionLabel as Vi,parseDate as Qi,parseLooseDate as Yi,parseLooseDateRange as Xi,sanitizeOptionIconSvg as Zi,selectedRangeFor as Ji,visibleDateRange as en,WEEKDAY_LABELS as tn,withSkippedParams as on}from"@magicx-eng/ai-autocomplete-vanilla";import{forwardRef as Wo,useCallback as Ze,useEffect as Rt,useImperativeHandle as qo,useLayoutEffect as Uo,useRef as Se}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-67791514")){let e=document.createElement("style");e.id="ac-style-67791514",e.textContent=`.AIAutocomplete-module_container_KKjFU {
+import{buildSubmitResult as Gi,cellDay as Bi,cellIso as Fi,DATE_RANGE_META_END as Hi,DATE_RANGE_META_START as Ki,dateCellMarks as Wi,formatDate as qi,formatDateRange as Ui,isoDate as ji,monthLabel as $i,optionLabel as Vi,parseDate as Qi,parseLooseDate as Yi,parseLooseDateRange as Xi,sanitizeOptionIconSvg as Zi,selectedRangeFor as Ji,visibleDateRange as en,WEEKDAY_LABELS as tn,withSkippedParams as an}from"@magicx-eng/ai-autocomplete-vanilla";import{forwardRef as Ka,useCallback as Ze,useEffect as Rt,useImperativeHandle as Wa,useLayoutEffect as qa,useRef as Se}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-67791514")){let e=document.createElement("style");e.id="ac-style-67791514",e.textContent=`.AIAutocomplete-module_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
@@ -116,6 +116,12 @@ import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END a
   vertical-align: -0.125em;
   pointer-events: none;
   user-select: none;
+  /* Own compositing layer. The row (entrance) and the chip (promotion fade)
+     animate on a layer WebKit drops when the animation ends; content drawn at
+     a fractional x then re-rasterizes on a different sub-pixel, which crisp
+     SVG strokes show as a nudge to the right. A permanent layer keeps the
+     glyph's rasterization stable across that hand-off. */
+  will-change: transform;
 }
 
 :where(.AIAutocomplete-module_input_IW-P-) span[class~="magicx-aia-segment-icon"] svg {
@@ -214,7 +220,7 @@ import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END a
     opacity: 0;
   }
 }
-`,document.head.appendChild(e)}var me={container:"AIAutocomplete-module_container_KKjFU",inputWrapper:"AIAutocomplete-module_inputWrapper_FLq1b",editorArea:"AIAutocomplete-module_editorArea_7rBWq",input:"AIAutocomplete-module_input_IW-P-",pillListContainer:"AIAutocomplete-module_pillListContainer_h92IA",submitSlot:"AIAutocomplete-module_submitSlot_GhuCM",aiaPillReveal:"AIAutocomplete-module_aiaPillReveal_wf05b"};import{attachScrollArrow as Ao,isCalendarFormat as Do,SCROLL_ARROW_LABEL as Co}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as je,useRef as Me,useState as Eo}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-0ae03977")){let e=document.createElement("style");e.id="ac-style-0ae03977",e.textContent=`/*
+`,document.head.appendChild(e)}var me={container:"AIAutocomplete-module_container_KKjFU",inputWrapper:"AIAutocomplete-module_inputWrapper_FLq1b",editorArea:"AIAutocomplete-module_editorArea_7rBWq",input:"AIAutocomplete-module_input_IW-P-",pillListContainer:"AIAutocomplete-module_pillListContainer_h92IA",submitSlot:"AIAutocomplete-module_submitSlot_GhuCM",aiaPillReveal:"AIAutocomplete-module_aiaPillReveal_wf05b"};import{attachScrollArrow as Sa,isCalendarFormat as Aa,SCROLL_ARROW_LABEL as Da}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as je,useRef as Me,useState as Ca}from"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.
  *
@@ -970,7 +976,7 @@ import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END a
   opacity: 0.8;
   background: rgba(var(--aia-streak-rgb, 255, 255, 255), 0.06);
 }
-`,document.head.appendChild(e)}var S={datepicker:"DateGrid-module_datepicker_6RrTs",header:"DateGrid-module_header_z4LRk",month:"DateGrid-module_month_urB2T",nav:"DateGrid-module_nav_ap4AN",weekdays:"DateGrid-module_weekdays_3EA3q",grid:"DateGrid-module_grid_mQCgw",weekday:"DateGrid-module_weekday_3lF4B",cell:"DateGrid-module_cell_59k0y",number:"DateGrid-module_number_aoT01",day:"DateGrid-module_day_cB3u9",blank:"DateGrid-module_blank_ivgRC",past:"DateGrid-module_past_CEZsj",highlighted:"DateGrid-module_highlighted_YIdtK",today:"DateGrid-module_today_iI3ME",inRange:"DateGrid-module_inRange_r9S2q",selected:"DateGrid-module_selected_28KDn",pressed:"DateGrid-module_pressed_bEyyN"};import{jsx as Q,jsxs as nt}from"react/jsx-runtime";var Qt=["sunday","monday","tuesday","wednesday","thursday","friday","saturday"];function rt({options:e,activeIndex:r,listboxId:a,view:n,selection:s,onSelect:o,onHighlight:i,onPreviousMonth:g,onNextMonth:v}){let f=qt(new Date),x=jt({pendingStart:s.rangeStart,highlightedIso:ve(e[r]),selected:s.selectedRange});return nt("div",{className:S.datepicker,"data-aia-datepicker":"",children:[nt("div",{className:S.header,children:[Q("button",{type:"button",tabIndex:-1,className:S.nav,"data-aia-date-prev":"","aria-label":"Previous month",onMouseDown:h=>h.preventDefault(),onClick:g,children:"\u2039"}),Q("span",{className:S.month,"data-aia-date-month":"","aria-live":"polite",children:Ut(n)}),Q("button",{type:"button",tabIndex:-1,className:S.nav,"data-aia-date-next":"","aria-label":"Next month",onMouseDown:h=>h.preventDefault(),onClick:v,children:"\u203A"})]}),Q("div",{className:S.weekdays,"aria-hidden":"true",children:$t.map((h,y)=>Q("span",{className:S.weekday,children:h},Qt[y]))}),Q("div",{className:S.grid,"data-aia-date-grid":"",children:e.map((h,y)=>Q(Yt,{option:h,id:`${a}-option-${y}`,index:y,isHighlighted:y===r&&h.is_tappable,isToday:ve(h)===f,isPast:ve(h)!=null&&ve(h)<f,marks:Wt(ve(h),{selectedIso:s.selectedIso,range:x}),onSelect:o,onHighlight:i},ve(h)??`pad-${y}`))})]})}function Yt({option:e,id:r,index:a,isHighlighted:n,isToday:s,isPast:o,marks:i,onSelect:g,onHighlight:v}){let[f,x]=Vt(!1),h=Kt(e);if(h==null)return Q("div",{id:r,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-hidden":"true","aria-selected":!1,tabIndex:-1,className:`${S.cell} ${S.blank}`});let y=()=>{x(!0),g(e),setTimeout(()=>x(!1),170)},_=[S.cell,S.day,o?S.past:"",n?S.highlighted:"",s?S.today:"",i.inRange?S.inRange:"",i.selected?S.selected:"",f?S.pressed:""].filter(Boolean).join(" ");return Q("div",{id:r,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-selected":n,"aria-label":e.text,tabIndex:0,className:_,onClick:y,onKeyDown:b=>{(b.key==="Enter"||b.key===" ")&&(b.preventDefault(),y())},onMouseEnter:()=>v(a),children:Q("span",{className:S.number,children:h})})}import{ATTRIBUTION_URL as Xt,buildAttributionUrl as Zt,getFooterHint as Jt}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as eo,useState as to}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-5259a217")){let e=document.createElement("style");e.id="ac-style-5259a217",e.textContent=`@layer layout {
+`,document.head.appendChild(e)}var S={datepicker:"DateGrid-module_datepicker_6RrTs",header:"DateGrid-module_header_z4LRk",month:"DateGrid-module_month_urB2T",nav:"DateGrid-module_nav_ap4AN",weekdays:"DateGrid-module_weekdays_3EA3q",grid:"DateGrid-module_grid_mQCgw",weekday:"DateGrid-module_weekday_3lF4B",cell:"DateGrid-module_cell_59k0y",number:"DateGrid-module_number_aoT01",day:"DateGrid-module_day_cB3u9",blank:"DateGrid-module_blank_ivgRC",past:"DateGrid-module_past_CEZsj",highlighted:"DateGrid-module_highlighted_YIdtK",today:"DateGrid-module_today_iI3ME",inRange:"DateGrid-module_inRange_r9S2q",selected:"DateGrid-module_selected_28KDn",pressed:"DateGrid-module_pressed_bEyyN"};import{jsx as Q,jsxs as nt}from"react/jsx-runtime";var Qt=["sunday","monday","tuesday","wednesday","thursday","friday","saturday"];function rt({options:e,activeIndex:r,listboxId:o,view:n,selection:s,onSelect:a,onHighlight:i,onPreviousMonth:g,onNextMonth:v}){let f=qt(new Date),x=jt({pendingStart:s.rangeStart,highlightedIso:ve(e[r]),selected:s.selectedRange});return nt("div",{className:S.datepicker,"data-aia-datepicker":"",children:[nt("div",{className:S.header,children:[Q("button",{type:"button",tabIndex:-1,className:S.nav,"data-aia-date-prev":"","aria-label":"Previous month",onMouseDown:h=>h.preventDefault(),onClick:g,children:"\u2039"}),Q("span",{className:S.month,"data-aia-date-month":"","aria-live":"polite",children:Ut(n)}),Q("button",{type:"button",tabIndex:-1,className:S.nav,"data-aia-date-next":"","aria-label":"Next month",onMouseDown:h=>h.preventDefault(),onClick:v,children:"\u203A"})]}),Q("div",{className:S.weekdays,"aria-hidden":"true",children:$t.map((h,y)=>Q("span",{className:S.weekday,children:h},Qt[y]))}),Q("div",{className:S.grid,"data-aia-date-grid":"",children:e.map((h,y)=>Q(Yt,{option:h,id:`${o}-option-${y}`,index:y,isHighlighted:y===r&&h.is_tappable,isToday:ve(h)===f,isPast:ve(h)!=null&&ve(h)<f,marks:Wt(ve(h),{selectedIso:s.selectedIso,range:x}),onSelect:a,onHighlight:i},ve(h)??`pad-${y}`))})]})}function Yt({option:e,id:r,index:o,isHighlighted:n,isToday:s,isPast:a,marks:i,onSelect:g,onHighlight:v}){let[f,x]=Vt(!1),h=Kt(e);if(h==null)return Q("div",{id:r,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-hidden":"true","aria-selected":!1,tabIndex:-1,className:`${S.cell} ${S.blank}`});let y=()=>{x(!0),g(e),setTimeout(()=>x(!1),170)},_=[S.cell,S.day,a?S.past:"",n?S.highlighted:"",s?S.today:"",i.inRange?S.inRange:"",i.selected?S.selected:"",f?S.pressed:""].filter(Boolean).join(" ");return Q("div",{id:r,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-selected":n,"aria-label":e.text,tabIndex:0,className:_,onClick:y,onKeyDown:b=>{(b.key==="Enter"||b.key===" ")&&(b.preventDefault(),y())},onMouseEnter:()=>v(o),children:Q("span",{className:S.number,children:h})})}import{ATTRIBUTION_URL as Xt,buildAttributionUrl as Zt,getFooterHint as Jt}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as ea,useState as ta}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-5259a217")){let e=document.createElement("style");e.id="ac-style-5259a217",e.textContent=`@layer layout {
   .aia-cluster {
     display: flex;
     flex-wrap: wrap;
@@ -1012,7 +1018,7 @@ import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END a
     justify-content: space-around;
   }
 }
-`,document.head.appendChild(e)}import{jsx as st}from"react/jsx-runtime";function ke({gap:e,align:r="center",justify:a="start",noWrap:n=!1,inline:s=!1,className:o,children:i,...g}){let v=e?{"--aia-cluster-gap":e}:void 0,f={className:o?`aia-cluster ${o}`:"aia-cluster","data-align":r,"data-justify":a,"data-nowrap":n||void 0,"data-inline":s||void 0,style:v,...g};return s?st("span",{...f,children:i}):st("div",{...f,children:i})}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)}import{jsx as st}from"react/jsx-runtime";function ke({gap:e,align:r="center",justify:o="start",noWrap:n=!1,inline:s=!1,className:a,children:i,...g}){let v=e?{"--aia-cluster-gap":e}:void 0,f={className:a?`aia-cluster ${a}`:"aia-cluster","data-align":r,"data-justify":o,"data-nowrap":n||void 0,"data-inline":s||void 0,style:v,...g};return s?st("span",{...f,children:i}):st("div",{...f,children:i})}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. */
@@ -1146,7 +1152,7 @@ import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END a
     justify-content: flex-end;
   }
 }
-`,document.head.appendChild(e)}var re={footer:"DropdownFooter-module_footer_qQQ7x",hintGroup:"DropdownFooter-module_hintGroup_ZzbPf",brandLink:"DropdownFooter-module_brandLink_r4f3R",key:"DropdownFooter-module_key_Bz1H-",hint:"DropdownFooter-module_hint_GKEOH",brand:"DropdownFooter-module_brand_Al-lR",badge:"DropdownFooter-module_badge_Fk9vg",row:"DropdownFooter-module_row_BgZ6Q"};import{jsx as Pe,jsxs as He}from"react/jsx-runtime";function lt({isOptionHighlighted:e=!1,isInputEmpty:r=!1}){let{key:a,hint:n}=Jt(e,r),[s,o]=to(Xt);return eo(()=>{o(Zt())},[]),Pe("footer",{className:re.footer,"data-aia-footer":"",children:He(ke,{justify:"between",noWrap:!0,className:re.row,children:[He(ke,{gap:"5px",className:re.hintGroup,children:[Pe("kbd",{className:re.key,children:a}),Pe("span",{className:re.hint,children:n})]}),He("a",{className:re.brandLink,href:s,target:"_blank",rel:"noopener noreferrer",children:[Pe("span",{className:re.brand,children:"AI"}),Pe("span",{className:re.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 re={footer:"DropdownFooter-module_footer_qQQ7x",hintGroup:"DropdownFooter-module_hintGroup_ZzbPf",brandLink:"DropdownFooter-module_brandLink_r4f3R",key:"DropdownFooter-module_key_Bz1H-",hint:"DropdownFooter-module_hint_GKEOH",brand:"DropdownFooter-module_brand_Al-lR",badge:"DropdownFooter-module_badge_Fk9vg",row:"DropdownFooter-module_row_BgZ6Q"};import{jsx as Pe,jsxs as He}from"react/jsx-runtime";function lt({isOptionHighlighted:e=!1,isInputEmpty:r=!1}){let{key:o,hint:n}=Jt(e,r),[s,a]=ta(Xt);return ea(()=>{a(Zt())},[]),Pe("footer",{className:re.footer,"data-aia-footer":"",children:He(ke,{justify:"between",noWrap:!0,className:re.row,children:[He(ke,{gap:"5px",className:re.hintGroup,children:[Pe("kbd",{className:re.key,children:o}),Pe("span",{className:re.hint,children:n})]}),He("a",{className:re.brandLink,href:s,target:"_blank",rel:"noopener noreferrer",children:[Pe("span",{className:re.brand,children:"AI"}),Pe("span",{className:re.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. */
@@ -1203,7 +1209,7 @@ import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END a
     opacity: 0;
   }
 }
-`,document.head.appendChild(e)}var ue={pill:"ParamPill-module_pill_6Ga7S",fadeIn:"ParamPill-module_fadeIn_Ux4eQ",rounded:"ParamPill-module_rounded_y7xA9",skeleton:"ParamPill-module_skeleton_57P0T",skeletonPulse:"ParamPill-module_skeletonPulse_xGcUy"};import{jsx as oo}from"react/jsx-runtime";var Ke={selected:1,first:.7,next:.4,last:.2};function dt({label:e,state:r,rounded:a,loading:n,onClick:s}){let o=[ue.pill,a?ue.rounded:"",n?ue.skeleton:""].filter(Boolean).join(" ");return oo("button",{type:"button","data-aia-pill":"","data-aia-loading":n?"":void 0,tabIndex:-1,contentEditable:!1,suppressContentEditableWarning:!0,className:o,style:{opacity:Ke[r]},onMouseDown:i=>i.preventDefault(),onClick:n?void 0:s,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=`.PillList-module_list_qvLqO {
+`,document.head.appendChild(e)}var ue={pill:"ParamPill-module_pill_6Ga7S",fadeIn:"ParamPill-module_fadeIn_Ux4eQ",rounded:"ParamPill-module_rounded_y7xA9",skeleton:"ParamPill-module_skeleton_57P0T",skeletonPulse:"ParamPill-module_skeletonPulse_xGcUy"};import{jsx as aa}from"react/jsx-runtime";var Ke={selected:1,first:.7,next:.4,last:.2};function dt({label:e,state:r,rounded:o,loading:n,onClick:s}){let a=[ue.pill,o?ue.rounded:"",n?ue.skeleton:""].filter(Boolean).join(" ");return aa("button",{type:"button","data-aia-pill":"","data-aia-loading":n?"":void 0,tabIndex:-1,contentEditable:!1,suppressContentEditableWarning:!0,className:a,style:{opacity:Ke[r]},onMouseDown:i=>i.preventDefault(),onClick:n?void 0:s,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=`.PillList-module_list_qvLqO {
   position: relative;
   z-index: 1;
   pointer-events: auto;
@@ -1213,7 +1219,7 @@ import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END a
   align-items: center;
   vertical-align: middle;
 }
-`,document.head.appendChild(e)}var We={list:"PillList-module_list_qvLqO"};import{jsx as Re}from"react/jsx-runtime";var ao=[125,69];function ct(e){return e===0?"first":e===1?"next":"last"}function Oe({pills:e,activePillIndex:r,onSelectPill:a,activeSelected:n,rounded:s,loading:o}){return o&&e.length===0?Re("span",{className:We.list,"data-aia-pill-list-loading":"",children:ao.map((i,g)=>Re("span",{"data-aia-pill-skeleton":"",className:`${ue.pill} ${s?ue.rounded:""} ${ue.skeleton}`,style:{width:i,opacity:Ke[ct(g)]}},`skel-${i}`))}):Re("span",{className:We.list,"data-aia-pill-list-loading":o?"":void 0,children:e.map((i,g)=>{let v=!!n&&g===r;return Re(dt,{label:i.text,state:v?"selected":ct(g),selected:v,rounded:s,loading:o,onClick:()=>a(g)},`${i.type}-${i.text}`)})})}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 We={list:"PillList-module_list_qvLqO"};import{jsx as Re}from"react/jsx-runtime";var oa=[125,69];function ct(e){return e===0?"first":e===1?"next":"last"}function Oe({pills:e,activePillIndex:r,onSelectPill:o,activeSelected:n,rounded:s,loading:a}){return a&&e.length===0?Re("span",{className:We.list,"data-aia-pill-list-loading":"",children:oa.map((i,g)=>Re("span",{"data-aia-pill-skeleton":"",className:`${ue.pill} ${s?ue.rounded:""} ${ue.skeleton}`,style:{width:i,opacity:Ke[ct(g)]}},`skel-${i}`))}):Re("span",{className:We.list,"data-aia-pill-list-loading":a?"":void 0,children:e.map((i,g)=>{let v=!!n&&g===r;return Re(dt,{label:i.text,state:v?"selected":ct(g),selected:v,rounded:s,loading:a,onClick:()=>o(g)},`${i.type}-${i.text}`)})})}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.
 
@@ -1380,7 +1386,7 @@ import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END a
     var(--aia-option-color-selected, var(--aia-color-text-default, #fff))
   );
 }
-`,document.head.appendChild(e)}var q={section:"ProductStrip-module_section_Hugfg",label:"ProductStrip-module_label_nuc93",row:"ProductStrip-module_row_WDVBX",card:"ProductStrip-module_card_JBGYT",media:"ProductStrip-module_media_RrbGe",image:"ProductStrip-module_image_5pNL7",body:"ProductStrip-module_body_ly032",vendor:"ProductStrip-module_vendor_Gvu7G",title:"ProductStrip-module_title_gCNmq",price:"ProductStrip-module_price_gULcE"};import{jsx as he,jsxs as qe}from"react/jsx-runtime";function pt({products:e,listboxId:r,onSelect:a,onFocusChange:n,focusable:s=!0}){if(e.length===0)return null;let o=`${r}-products-label`;return qe("section",{className:q.section,"data-aia-products":"",role:"group","aria-labelledby":o,children:[he("div",{className:q.label,id:o,children:"Products"}),he("div",{className:q.row,"data-aia-products-row":"",children:e.map((i,g)=>he(io,{product:i,id:`${r}-product-${g}`,onSelect:a,onFocusChange:n,focusable:s},i.id))})]})}function io({product:e,id:r,onSelect:a,onFocusChange:n,focusable:s}){let o=i=>{i.metaKey||i.ctrlKey||i.shiftKey||i.altKey||i.button!==0||(i.preventDefault(),a(e))};return qe("a",{id:r,className:q.card,"data-aia-product":"",role:"option","aria-selected":!1,href:e.url,tabIndex:s?0:-1,onClick:o,onKeyDown:i=>{i.key!=="Enter"&&i.key!==" "||(i.preventDefault(),a(e))},onFocus:()=>n?.(!0),onBlur:i=>{i.relatedTarget?.closest("[data-aia-dropdown]")||n?.(!1)},children:[he("span",{className:q.media,"data-aia-product-placeholder":e.imageUrl?void 0:"",children:e.imageUrl?he("img",{className:q.image,src:e.imageUrl,alt:"",loading:"lazy",decoding:"async"}):null}),qe("span",{className:q.body,children:[e.vendor?he("span",{className:q.vendor,children:e.vendor}):null,he("span",{className:q.title,children:e.title}),e.price?he("span",{className:q.price,children:e.price}):null]})]})}import{isOptionsGridMobileViewport as bo,measureOptionsGrid as vo,needsOptionsGridMeasurement as wo,OPTIONS_GRID_MOBILE_QUERY as xo,optionEnterDelayMs as yo,planOptionsGrid as gt}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as _o,useLayoutEffect as ko,useRef as Po,useState as bt}from"react";import{optionsGridTemplateColumns as no}from"@magicx-eng/ai-autocomplete-vanilla";import{useLayoutEffect as ro,useRef as so}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-948e58da")){let e=document.createElement("style");e.id="ac-style-948e58da",e.textContent=`@layer layout {
+`,document.head.appendChild(e)}var q={section:"ProductStrip-module_section_Hugfg",label:"ProductStrip-module_label_nuc93",row:"ProductStrip-module_row_WDVBX",card:"ProductStrip-module_card_JBGYT",media:"ProductStrip-module_media_RrbGe",image:"ProductStrip-module_image_5pNL7",body:"ProductStrip-module_body_ly032",vendor:"ProductStrip-module_vendor_Gvu7G",title:"ProductStrip-module_title_gCNmq",price:"ProductStrip-module_price_gULcE"};import{jsx as he,jsxs as qe}from"react/jsx-runtime";function pt({products:e,listboxId:r,onSelect:o,onFocusChange:n,focusable:s=!0}){if(e.length===0)return null;let a=`${r}-products-label`;return qe("section",{className:q.section,"data-aia-products":"",role:"group","aria-labelledby":a,children:[he("div",{className:q.label,id:a,children:"Products"}),he("div",{className:q.row,"data-aia-products-row":"",children:e.map((i,g)=>he(ia,{product:i,id:`${r}-product-${g}`,onSelect:o,onFocusChange:n,focusable:s},i.id))})]})}function ia({product:e,id:r,onSelect:o,onFocusChange:n,focusable:s}){let a=i=>{i.metaKey||i.ctrlKey||i.shiftKey||i.altKey||i.button!==0||(i.preventDefault(),o(e))};return qe("a",{id:r,className:q.card,"data-aia-product":"",role:"option","aria-selected":!1,href:e.url,tabIndex:s?0:-1,onClick:a,onKeyDown:i=>{i.key!=="Enter"&&i.key!==" "||(i.preventDefault(),o(e))},onFocus:()=>n?.(!0),onBlur:i=>{i.relatedTarget?.closest("[data-aia-dropdown]")||n?.(!1)},children:[he("span",{className:q.media,"data-aia-product-placeholder":e.imageUrl?void 0:"",children:e.imageUrl?he("img",{className:q.image,src:e.imageUrl,alt:"",loading:"lazy",decoding:"async"}):null}),qe("span",{className:q.body,children:[e.vendor?he("span",{className:q.vendor,children:e.vendor}):null,he("span",{className:q.title,children:e.title}),e.price?he("span",{className:q.price,children:e.price}):null]})]})}import{isOptionsGridMobileViewport as fa,measureOptionsGrid as ba,needsOptionsGridMeasurement as va,OPTIONS_GRID_MOBILE_QUERY as wa,optionEnterDelayMs as xa,planOptionsGrid as gt}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as ya,useLayoutEffect as _a,useRef as ka,useState as bt}from"react";import{optionsGridTemplateColumns as na}from"@magicx-eng/ai-autocomplete-vanilla";import{useLayoutEffect as ra,useRef as sa}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-948e58da")){let e=document.createElement("style");e.id="ac-style-948e58da",e.textContent=`@layer layout {
   .aia-grid {
     display: grid;
     grid-template-columns: repeat(
@@ -1415,7 +1421,7 @@ import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END a
     border-radius: 3px;
   }
 }
-`,document.head.appendChild(e)}import{jsx as lo}from"react/jsx-runtime";function ut({min:e="16rem",max:r,gap:a,scroll:n=!1,maxHeight:s,scrollResetKey:o,cols:i,template:g,innerRef:v,className:f,children:x,...h}){let y=so(null);ro(()=>{if(o===void 0)return;let b=y.current;b&&(b.scrollTop=0)},[o]);let _={"--aia-grid-min":e};return r&&(_["--aia-grid-max"]=r),a&&(_["--aia-grid-gap"]=a),s&&(_["--aia-grid-max-height"]=s),i&&(_.gridTemplateColumns=no(i)),g&&(_.gridTemplateColumns=g),lo("div",{ref:b=>{y.current=b,v?.(b)},className:f?`aia-grid ${f}`:"aia-grid","data-scroll":n||void 0,style:_,...h,children:x})}import{OPTION_ENTER_DELAY_VAR as co,optionLabel as po,sanitizeOptionIconSvg as uo}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as ho,useMemo as mo,useRef as go,useState as ht}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-82820da7")){let e=document.createElement("style");e.id="ac-style-82820da7",e.textContent=`.SuggestionItem-module_item_d4vpD {
+`,document.head.appendChild(e)}import{jsx as la}from"react/jsx-runtime";function ut({min:e="16rem",max:r,gap:o,scroll:n=!1,maxHeight:s,scrollResetKey:a,cols:i,template:g,innerRef:v,className:f,children:x,...h}){let y=sa(null);ra(()=>{if(a===void 0)return;let b=y.current;b&&(b.scrollTop=0)},[a]);let _={"--aia-grid-min":e};return r&&(_["--aia-grid-max"]=r),o&&(_["--aia-grid-gap"]=o),s&&(_["--aia-grid-max-height"]=s),i&&(_.gridTemplateColumns=na(i)),g&&(_.gridTemplateColumns=g),la("div",{ref:b=>{y.current=b,v?.(b)},className:f?`aia-grid ${f}`:"aia-grid","data-scroll":n||void 0,style:_,...h,children:x})}import{OPTION_ENTER_DELAY_VAR as da,optionLabel as ca,sanitizeOptionIconSvg as pa}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as ua,useMemo as ha,useRef as ma,useState as ht}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-82820da7")){let e=document.createElement("style");e.id="ac-style-82820da7",e.textContent=`.SuggestionItem-module_item_d4vpD {
   position: relative;
   overflow: visible;
   display: flex;
@@ -1564,6 +1570,12 @@ import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END a
   height: 21px; /* = the option's line-height */
   margin-right: 8px;
   vertical-align: top;
+  /* Own compositing layer. The row (entrance) and the chip (promotion fade)
+     animate on a layer WebKit drops when the animation ends; content drawn at
+     a fractional x then re-rasterizes on a different sub-pixel, which crisp
+     SVG strokes show as a nudge to the right. A permanent layer keeps the
+     glyph's rasterization stable across that hand-off. */
+  will-change: transform;
 }
 
 .SuggestionItem-module_icon_Qw938 svg {
@@ -1572,17 +1584,21 @@ import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END a
   height: 1em;
 }
 
+/* Skeleton rows keep the icon's column (hidden, not removed) and the
+   hanging indent below, so a row that flips into loading and back \u2014 the
+   same element in React, a rebuilt one in vanilla \u2014 draws its bar and its
+   text at the same x and nothing slides sideways. */
 .SuggestionItem-module_item_d4vpD[data-aia-loading] .SuggestionItem-module_icon_Qw938 {
-  display: none;
+  visibility: hidden;
 }
 
 /* With an icon, the content box hangs its continuation lines: a left pad the
    width of the icon plus its gap, and a matching negative first-line indent
    that pulls the icon back into that pad. Wrapped lines then start under the
    first line's text rather than under the icon. \`.content\` is a flex item
-   (blockified), so text-indent applies to it directly. Skeleton rows are
-   excluded \u2014 their icon is hidden, so the pad would indent the bars. */
-.SuggestionItem-module_item_d4vpD:not([data-aia-loading]) .SuggestionItem-module_content_T-Qba:has(.SuggestionItem-module_icon_Qw938) {
+   (blockified), so text-indent applies to it directly. Skeleton rows keep
+   it too: their icon is hidden but still occupies its column. */
+.SuggestionItem-module_content_T-Qba:has(.SuggestionItem-module_icon_Qw938) {
   padding-left: calc(1em + 8px);
   text-indent: calc(-1em - 8px);
 }
@@ -1596,7 +1612,7 @@ import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END a
     filter: brightness(0.55);
   }
 }
-`,document.head.appendChild(e)}var U={item:"SuggestionItem-module_item_d4vpD",fadeIn:"SuggestionItem-module_fadeIn_I8u35",riseIn:"SuggestionItem-module_riseIn_etXZT",content:"SuggestionItem-module_content_T-Qba",tappable:"SuggestionItem-module_tappable_70KcX",nonTappable:"SuggestionItem-module_nonTappable_xSZM-",highlighted:"SuggestionItem-module_highlighted_Hb0SU",tag:"SuggestionItem-module_tag_e3Fwe",pressed:"SuggestionItem-module_pressed_98o-r",pressCompress:"SuggestionItem-module_pressCompress_ICV3q",scrollHint:"SuggestionItem-module_scrollHint_xKXPt",skeletonPulse:"SuggestionItem-module_skeletonPulse_plvdD",text:"SuggestionItem-module_text_yqoh9",icon:"SuggestionItem-module_icon_Qw938"};import{jsx as Le,jsxs as fo}from"react/jsx-runtime";function mt({option:e,isHighlighted:r,onSelect:a,onHighlight:n,id:s,loading:o,showIcon:i=!0,scrollHint:g,enterDelayMs:v=0}){let[f]=ht(v),[x,h]=ht(!1),y=mo(()=>i&&e.icon_svg?uo(e.icon_svg):null,[i,e.icon_svg]),_=go(void 0);ho(()=>()=>clearTimeout(_.current),[]);let b=()=>{o||!e.is_tappable||x||(h(!0),a(e),clearTimeout(_.current),_.current=setTimeout(()=>h(!1),170))},A=[U.item,r&&!o?U.highlighted:"",e.is_tappable?U.tappable:U.nonTappable,x?U.pressed:"",g?U.scrollHint:""].filter(Boolean).join(" ");return Le("div",{id:s,role:"option","data-aia-option":"","data-aia-loading":o?"":void 0,"data-aia-icon":y&&e.icon?e.icon:void 0,"aria-selected":r,className:A,style:{[co]:`${f}ms`},tabIndex:o||!e.is_tappable?-1:0,onClick:b,onKeyDown:k=>{!o&&e.is_tappable&&(k.key==="Enter"||k.key===" ")&&(k.preventDefault(),b())},onMouseEnter:!o&&e.is_tappable?n:void 0,children:fo("span",{className:U.content,children:[y&&Le("span",{className:`${U.icon} magicx-aia-option-icon`,"aria-hidden":"true",dangerouslySetInnerHTML:{__html:y}}),Le("span",{className:U.text,children:po(e)}),e.tag&&Le("span",{className:U.tag,children:e.tag})]})})}import{jsx as ft}from"react/jsx-runtime";function Io(){let[e,r]=bt(bo);return _o(()=>{if(typeof window>"u"||!window.matchMedia)return;let a=window.matchMedia(xo),n=()=>r(a.matches);return n(),a.addEventListener("change",n),()=>a.removeEventListener("change",n)},[]),e}function vt({options:e,activeIndex:r,onSelect:a,onHighlight:n,listboxId:s,loading:o,groupKey:i="",optionsPosition:g="below",showIcons:v=!0}){let f=Io(),x=Po(null),[h,y]=bt(null);ko(()=>{let b=x.current,k=b&&!o&&wo(e.length,f)?vo(b):null;y(k?gt(e.length,f,k.rowWidths,k.gridWidth):null)},[e,f,o]);let _=h??gt(e.length,f,null,null);return ft(ut,{min:"250px",max:"1fr",gap:"0",scroll:!0,scrollResetKey:i,template:_.template,maxHeight:_.maxHeight,innerRef:b=>{x.current=b},"data-aia-group":i,children:e.map((b,A)=>ft(mt,{option:b,isHighlighted:A===r,onSelect:a,onHighlight:()=>n(A),id:`${s}-option-${A}`,loading:o,showIcon:v,scrollHint:!o&&_.scrollHintIndices.includes(A),enterDelayMs:o?0:yo(A,_.cols,e.length,g)},`${i}\0${b.text}`))})}if(typeof document<"u"&&!document.getElementById("ac-style-8414cd5f")){let e=document.createElement("style");e.id="ac-style-8414cd5f",e.textContent=`@layer layout {
+`,document.head.appendChild(e)}var U={item:"SuggestionItem-module_item_d4vpD",fadeIn:"SuggestionItem-module_fadeIn_I8u35",riseIn:"SuggestionItem-module_riseIn_etXZT",content:"SuggestionItem-module_content_T-Qba",tappable:"SuggestionItem-module_tappable_70KcX",nonTappable:"SuggestionItem-module_nonTappable_xSZM-",highlighted:"SuggestionItem-module_highlighted_Hb0SU",tag:"SuggestionItem-module_tag_e3Fwe",pressed:"SuggestionItem-module_pressed_98o-r",pressCompress:"SuggestionItem-module_pressCompress_ICV3q",scrollHint:"SuggestionItem-module_scrollHint_xKXPt",skeletonPulse:"SuggestionItem-module_skeletonPulse_plvdD",text:"SuggestionItem-module_text_yqoh9",icon:"SuggestionItem-module_icon_Qw938"};import{jsx as Le,jsxs as ga}from"react/jsx-runtime";function mt({option:e,isHighlighted:r,onSelect:o,onHighlight:n,id:s,loading:a,showIcon:i=!0,scrollHint:g,enterDelayMs:v=0}){let[f]=ht(v),[x,h]=ht(!1),y=ha(()=>i&&e.icon_svg?pa(e.icon_svg):null,[i,e.icon_svg]),_=ma(void 0);ua(()=>()=>clearTimeout(_.current),[]);let b=()=>{a||!e.is_tappable||x||(h(!0),o(e),clearTimeout(_.current),_.current=setTimeout(()=>h(!1),170))},A=[U.item,r&&!a?U.highlighted:"",e.is_tappable?U.tappable:U.nonTappable,x?U.pressed:"",g?U.scrollHint:""].filter(Boolean).join(" ");return Le("div",{id:s,role:"option","data-aia-option":"","data-aia-loading":a?"":void 0,"data-aia-icon":y&&e.icon?e.icon:void 0,"aria-selected":r,className:A,style:{[da]:`${f}ms`},tabIndex:a||!e.is_tappable?-1:0,onClick:b,onKeyDown:k=>{!a&&e.is_tappable&&(k.key==="Enter"||k.key===" ")&&(k.preventDefault(),b())},onMouseEnter:!a&&e.is_tappable?n:void 0,children:ga("span",{className:U.content,children:[y&&Le("span",{className:`${U.icon} magicx-aia-option-icon`,"aria-hidden":"true",dangerouslySetInnerHTML:{__html:y}}),Le("span",{className:U.text,children:ca(e)}),e.tag&&Le("span",{className:U.tag,children:e.tag})]})})}import{jsx as ft}from"react/jsx-runtime";function Pa(){let[e,r]=bt(fa);return ya(()=>{if(typeof window>"u"||!window.matchMedia)return;let o=window.matchMedia(wa),n=()=>r(o.matches);return n(),o.addEventListener("change",n),()=>o.removeEventListener("change",n)},[]),e}function vt({options:e,activeIndex:r,onSelect:o,onHighlight:n,listboxId:s,loading:a,groupKey:i="",optionsPosition:g="below",showIcons:v=!0}){let f=Pa(),x=ka(null),[h,y]=bt(null);_a(()=>{let b=x.current,k=b&&!a&&va(e.length,f)?ba(b):null;y(k?gt(e.length,f,k.rowWidths,k.gridWidth):null)},[e,f,a]);let _=h??gt(e.length,f,null,null);return ft(ut,{min:"250px",max:"1fr",gap:"0",scroll:!0,scrollResetKey:i,template:_.template,maxHeight:_.maxHeight,innerRef:b=>{x.current=b},"data-aia-group":i,children:e.map((b,A)=>ft(mt,{option:b,isHighlighted:A===r,onSelect:o,onHighlight:()=>n(A),id:`${s}-option-${A}`,loading:a,showIcon:v,scrollHint:!a&&_.scrollHintIndices.includes(A),enterDelayMs:a?0:xa(A,_.cols,e.length,g)},`${i}\0${b.text}`))})}if(typeof document<"u"&&!document.getElementById("ac-style-8414cd5f")){let e=document.createElement("style");e.id="ac-style-8414cd5f",e.textContent=`@layer layout {
   .aia-stack {
     display: flex;
     flex-direction: column;
@@ -1613,7 +1629,7 @@ import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END a
   }
   /* data-align="stretch" is the flex default \u2014 no rule needed. */
 }
-`,document.head.appendChild(e)}import{jsx as So}from"react/jsx-runtime";function wt({space:e,align:r="stretch",className:a,children:n,...s}){let o=e?{"--aia-stack-space":e}:void 0;return So("div",{className:a?`aia-stack ${a}`:"aia-stack","data-align":r,style:o,...s,children:n})}import{jsx as F,jsxs as Ue}from"react/jsx-runtime";var To=[159,119,164],Ro=()=>{},xt=()=>{};function Oo(e){let r=()=>typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(prefers-color-scheme: dark)").matches,[a,n]=Eo(r);if(je(()=>{if(e!=="auto"||typeof window>"u"||typeof window.matchMedia!="function")return;let s=window.matchMedia("(prefers-color-scheme: dark)"),o=()=>n(s.matches);return s.addEventListener("change",o),()=>s.removeEventListener("change",o)},[e]),e!==void 0)return e==="auto"?a?"dark":"light":e}function Lo(e,r){let a=Me(null);je(()=>{let n=e.current,s=r.current;if(!n||!s)return;let o=n.querySelector(".aia-grid[data-scroll]");if(a.current&&a.current.grid!==o&&(a.current.controller.destroy(),a.current=null),o&&!a.current){a.current={grid:o,controller:Ao({dropdown:n,grid:o,button:s})};return}a.current?.controller.update()}),je(()=>()=>{a.current?.controller.destroy(),a.current=null},[])}function $e({suggestions:e,activeIndex:r,onSelect:a,onHighlight:n,isOpen:s,id:o,className:i,pills:g,onPillClick:v,showPills:f=!0,onSkip:x,showSkipButton:h=!0,showOptionIcons:y=!0,skipDisabled:_=!1,activeSelected:b=!1,isLoading:A=!1,isInputEmpty:k=!1,products:E,onProductSelect:Y,onProductFocusChange:X,formatType:M="options",dateView:P=null,selectedDateIso:Z=null,selectedDateRange:J=null,dateRangeStart:u=null,onPreviousMonth:se,onNextMonth:ee,optionsPosition:T="below",mode:le}){let K=Oo(le),de=K!==void 0,$=Me(null),V=Me(null);Lo($,V);let te=e[0]?.options??[],R=!!(g&&g.length>0&&v),oe=!!(E&&E.length>0),N=s&&(te.length>0||f&&R||A||oe),O={suggestions:e,activeIndex:r,pills:g,showPills:f,showSkipButton:h,showOptionIcons:y,skipDisabled:_,activeSelected:b,isLoading:A,isInputEmpty:k,products:E,formatType:M,dateView:P,selectedDateIso:Z,selectedDateRange:J,dateRangeStart:u},ae=Me(O);N&&(ae.current=O);let t=N?O:ae.current,c=t.suggestions[0],p=c?.options??[],l=t.activeIndex>=0&&!!p[t.activeIndex]?.is_tappable,w=!!(t.pills&&t.pills.length>0&&v),D=t.showPills&&w,L=t.showPills&&!w&&t.isLoading,d=D||L,ie=w&&t.showSkipButton&&!t.isInputEmpty&&!!x,ge=t.pills?.[0]?.text,ce=Do(t.formatType)&&t.dateView!=null,fe=p.length>0&&!ce,W=p.length>0&&ce&&!t.isLoading,be=t.isLoading&&!fe&&!W,z=t.products??[];return Ue("div",{ref:$,id:o,role:"listbox","data-aia-dropdown":"","data-options-position":T,"data-mode":K,"data-aia-loading":t.isLoading?"":void 0,"data-aia-has-products":z.length>0?"":void 0,className:`${de?"magicx-aia ":""}${ne.dropdown} ${N?ne.visible:""} ${i??""}`,onMouseDown:B=>B.preventDefault(),children:[Ue(wt,{space:"8px",children:[(d||ie)&&Ue(ke,{noWrap:!0,className:ne.pillBar,"data-aia-pillbar":"",children:[d&&F("span",{className:ne.pillScroll,"data-aia-pill-scroll":"",children:F(Oe,{pills:t.pills??[],activePillIndex:0,activeSelected:t.activeSelected,onSelectPill:v??(()=>{}),rounded:!0,loading:t.isLoading})}),ie&&F("button",{type:"button",tabIndex:-1,className:ne.skip,"data-aia-skip":"",disabled:t.isLoading||t.skipDisabled,"aria-label":ge?`Skip ${ge}`:"Skip",onClick:x,children:"skip"})]}),fe&&F(vt,{options:p,activeIndex:t.activeIndex,onSelect:a,onHighlight:n,listboxId:o,loading:t.isLoading,groupKey:c?`${c.type} ${c.text}`:"",optionsPosition:T,showIcons:t.showOptionIcons}),W&&t.dateView&&F(rt,{options:p,activeIndex:t.activeIndex,listboxId:o,view:t.dateView,selection:{selectedIso:t.selectedDateIso??null,selectedRange:t.selectedDateRange??null,rangeStart:t.dateRangeStart??null},onSelect:a,onHighlight:n,onPreviousMonth:se??xt,onNextMonth:ee??xt}),be&&F("div",{className:ne.skeletonBars,"data-aia-skeleton-bars":"",children:To.map(B=>F("span",{className:ne.skeletonBar,style:{width:B}},`bar-${B}`))}),F(pt,{products:z,listboxId:o,onSelect:Y??Ro,onFocusChange:X,focusable:N}),F(lt,{isOptionHighlighted:l,isInputEmpty:t.isInputEmpty})]}),F("button",{ref:V,type:"button",tabIndex:-1,className:ne.scrollArrow,"data-aia-scroll-arrow":"","aria-label":Co,"aria-hidden":"true",children:F("svg",{viewBox:"0 0 16 16",width:"14",height:"14",fill:"none",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:F("path",{d:"M4 6.5 8 10.5l4-4"})})})]})}import{buildSubmitResult as jo,ModeController as $o,setCursorOffset as Vo}from"@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=`.SubmitButton-module_submitButton_otz7H {
+`,document.head.appendChild(e)}import{jsx as Ia}from"react/jsx-runtime";function wt({space:e,align:r="stretch",className:o,children:n,...s}){let a=e?{"--aia-stack-space":e}:void 0;return Ia("div",{className:o?`aia-stack ${o}`:"aia-stack","data-align":r,style:a,...s,children:n})}import{jsx as F,jsxs as Ue}from"react/jsx-runtime";var Ea=[159,119,164],Ta=()=>{},xt=()=>{};function Ra(e){let r=()=>typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(prefers-color-scheme: dark)").matches,[o,n]=Ca(r);if(je(()=>{if(e!=="auto"||typeof window>"u"||typeof window.matchMedia!="function")return;let s=window.matchMedia("(prefers-color-scheme: dark)"),a=()=>n(s.matches);return s.addEventListener("change",a),()=>s.removeEventListener("change",a)},[e]),e!==void 0)return e==="auto"?o?"dark":"light":e}function Oa(e,r){let o=Me(null);je(()=>{let n=e.current,s=r.current;if(!n||!s)return;let a=n.querySelector(".aia-grid[data-scroll]");if(o.current&&o.current.grid!==a&&(o.current.controller.destroy(),o.current=null),a&&!o.current){o.current={grid:a,controller:Sa({dropdown:n,grid:a,button:s})};return}o.current?.controller.update()}),je(()=>()=>{o.current?.controller.destroy(),o.current=null},[])}function $e({suggestions:e,activeIndex:r,onSelect:o,onHighlight:n,isOpen:s,id:a,className:i,pills:g,onPillClick:v,showPills:f=!0,onSkip:x,showSkipButton:h=!0,showOptionIcons:y=!0,skipDisabled:_=!1,activeSelected:b=!1,isLoading:A=!1,isInputEmpty:k=!1,products:E,onProductSelect:Y,onProductFocusChange:X,formatType:M="options",dateView:P=null,selectedDateIso:Z=null,selectedDateRange:J=null,dateRangeStart:u=null,onPreviousMonth:se,onNextMonth:ee,optionsPosition:T="below",mode:le}){let K=Ra(le),de=K!==void 0,$=Me(null),V=Me(null);Oa($,V);let te=e[0]?.options??[],R=!!(g&&g.length>0&&v),ae=!!(E&&E.length>0),z=s&&(te.length>0||f&&R||A||ae),O={suggestions:e,activeIndex:r,pills:g,showPills:f,showSkipButton:h,showOptionIcons:y,skipDisabled:_,activeSelected:b,isLoading:A,isInputEmpty:k,products:E,formatType:M,dateView:P,selectedDateIso:Z,selectedDateRange:J,dateRangeStart:u},oe=Me(O);z&&(oe.current=O);let t=z?O:oe.current,c=t.suggestions[0],p=c?.options??[],l=t.activeIndex>=0&&!!p[t.activeIndex]?.is_tappable,w=!!(t.pills&&t.pills.length>0&&v),D=t.showPills&&w,L=t.showPills&&!w&&t.isLoading,d=D||L,ie=w&&t.showSkipButton&&!t.isInputEmpty&&!!x,ge=t.pills?.[0]?.text,ce=Aa(t.formatType)&&t.dateView!=null,fe=p.length>0&&!ce,W=p.length>0&&ce&&!t.isLoading,be=t.isLoading&&!fe&&!W,N=t.products??[];return Ue("div",{ref:$,id:a,role:"listbox","data-aia-dropdown":"","data-options-position":T,"data-mode":K,"data-aia-loading":t.isLoading?"":void 0,"data-aia-has-products":N.length>0?"":void 0,className:`${de?"magicx-aia ":""}${ne.dropdown} ${z?ne.visible:""} ${i??""}`,onMouseDown:G=>G.preventDefault(),children:[Ue(wt,{space:"8px",children:[(d||ie)&&Ue(ke,{noWrap:!0,className:ne.pillBar,"data-aia-pillbar":"",children:[d&&F("span",{className:ne.pillScroll,"data-aia-pill-scroll":"",children:F(Oe,{pills:t.pills??[],activePillIndex:0,activeSelected:t.activeSelected,onSelectPill:v??(()=>{}),rounded:!0,loading:t.isLoading})}),ie&&F("button",{type:"button",tabIndex:-1,className:ne.skip,"data-aia-skip":"",disabled:t.isLoading||t.skipDisabled,"aria-label":ge?`Skip ${ge}`:"Skip",onClick:x,children:"skip"})]}),fe&&F(vt,{options:p,activeIndex:t.activeIndex,onSelect:o,onHighlight:n,listboxId:a,loading:t.isLoading,groupKey:c?`${c.type} ${c.text}`:"",optionsPosition:T,showIcons:t.showOptionIcons}),W&&t.dateView&&F(rt,{options:p,activeIndex:t.activeIndex,listboxId:a,view:t.dateView,selection:{selectedIso:t.selectedDateIso??null,selectedRange:t.selectedDateRange??null,rangeStart:t.dateRangeStart??null},onSelect:o,onHighlight:n,onPreviousMonth:se??xt,onNextMonth:ee??xt}),be&&F("div",{className:ne.skeletonBars,"data-aia-skeleton-bars":"",children:Ea.map(G=>F("span",{className:ne.skeletonBar,style:{width:G}},`bar-${G}`))}),F(pt,{products:N,listboxId:a,onSelect:Y??Ta,onFocusChange:X,focusable:z}),F(lt,{isOptionHighlighted:l,isInputEmpty:t.isInputEmpty})]}),F("button",{ref:V,type:"button",tabIndex:-1,className:ne.scrollArrow,"data-aia-scroll-arrow":"","aria-label":Da,"aria-hidden":"true",children:F("svg",{viewBox:"0 0 16 16",width:"14",height:"14",fill:"none",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:F("path",{d:"M4 6.5 8 10.5l4-4"})})})]})}import{buildSubmitResult as Ua,ModeController as ja,setCursorOffset as $a}from"@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=`.SubmitButton-module_submitButton_otz7H {
   flex-shrink: 0;
   width: 32px;
   height: 32px;
@@ -1648,5 +1664,5 @@ import{buildSubmitResult as Bi,cellDay as Gi,cellIso as Fi,DATE_RANGE_META_END a
   );
   cursor: default;
 }
-`,document.head.appendChild(e)}var yt={submitButton:"SubmitButton-module_submitButton_otz7H"};import{jsx as Ve}from"react/jsx-runtime";function _t({disabled:e,onClick:r}){return Ve("button",{type:"button","data-aia-submit":"",className:yt.submitButton,disabled:e,onClick:a=>{a.stopPropagation(),r()},"aria-label":"Submit",children:Ve("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",role:"img","aria-label":"Submit",children:Ve("path",{d:"M9 14V4M9 4L4 9M9 4L14 9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})}import{AIAutocomplete as Mo,dateSelectionFor as No,identifiedParamLabel as zo}from"@magicx-eng/ai-autocomplete-vanilla";import{useCallback as At,useEffect as Ie,useRef as H,useState as Bo}from"react";import{useRef as kt}from"react";function Pt(e){let r=kt(e);r.current=e;let a=Object.keys(e??{}).sort().join("\0"),n=kt({key:"
",overrides:void 0});if(n.current.key!==a){let s={};for(let o of Object.keys(e??{})){let i=(g,v,f)=>{let x=r.current?.[o];return x?x(g,v,f):[]};s[o]=i}n.current={key:a,overrides:e?s:void 0}}return{overrides:n.current.overrides,key:a}}import{useRef as It}from"react";function St(e){let r=It(e);r.current=e;let a=It(null);a.current===null&&(a.current={fetch:(s,o)=>{let i=r.current;return i?i.fetch(s,o):Promise.reject(new Error("products config removed"))},transform:s=>r.current?.transform(s)??[],get limit(){return r.current?.limit}});let n=e!==void 0;return{config:n?a.current:void 0,enabled:n}}var Go={text:"",completedParams:[],identifiedParams:[],skippedParams:[],pendingSpan:null,suggestions:[],products:[],optionSearch:null,activeDropdownIndex:-1,newParamId:null,isLoading:!0,isReady:!1,error:null,segments:[],actionableSuggestions:[],filteredOptions:[],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 Qe({onSubmit:e,onResult:r,onError:a,optionOverrides:n,maskCompletedText:s,apiConfig:o,additionalContext:i,columns:g=2,dropdownTrigger:v,optionsPosition:f,closeDropdownOnBlur:x,showNonTappableOptions:h,showOptionIcons:y,showSkipButton:_,onFocus:b,onBlur:A,value:k,completedParams:E,onChange:Y,onParamsChange:X,products:M,onProductSelect:P,source:Z,setCursor:J}){let u=H(null),[se,ee]=Bo(null),T=H(e);T.current=e;let le=H(r);le.current=r;let K=H(a);K.current=a;let de=H(Y);de.current=Y;let $=H(X);$.current=X;let V=H(b);V.current=b;let te=H(A);te.current=A;let R=H(J);R.current=J;let oe=H(P);oe.current=P;let N=St(M),O=Pt(n);Ie(()=>{if(typeof document>"u")return;let m=new Mo(document.createElement("div"),{renderMode:"headless",apiConfig:o,additionalContext:i,optionOverrides:O.overrides,maskCompletedText:s,columns:g,dropdownTrigger:v,optionsPosition:f,closeDropdownOnBlur:x,showNonTappableOptions:h,source:Z,value:k,completedParams:E,onSubmit:(...C)=>T.current?.(...C),onResult:(...C)=>le.current?.(...C),onError:(...C)=>K.current?.(...C),onChange:(...C)=>de.current?.(...C),onParamsChange:(...C)=>$.current?.(...C),onFocus:()=>V.current?.(),onBlur:()=>te.current?.(),onProductSelect:C=>oe.current?.(C),setCursor:C=>R.current?.(C),products:N.config});u.current=m,ee(m.getState());let G=m.subscribe(C=>ee(C));return()=>{G(),m.destroy(),u.current===m&&(u.current=null)}},[]),Ie(()=>{k!==void 0&&u.current?.setValue(k)},[k]),Ie(()=>{E!==void 0&&u.current?.setCompletedParams(E)},[E]);let ae=JSON.stringify(o??null),t;try{t=JSON.stringify(i??null)}catch{t="[unstringifiable]"}Ie(()=>{u.current?.update({apiConfig:o,additionalContext:i,optionOverrides:O.overrides,dropdownTrigger:v,optionsPosition:f,closeDropdownOnBlur:x,showNonTappableOptions:h})},[ae,t,O.key,v,f,x,h]);let c=H(!1);Ie(()=>{if(!c.current){c.current=!0;return}u.current?.update({products:N.config})},[N.enabled]);let p=H(null);p.current===null&&(p.current={handleTextChange:m=>u.current?.handleTextChange(m),handleKeyDown:m=>{let G="nativeEvent"in m?m.nativeEvent:m;u.current?.handleKeyDown(G)},setFocused:m=>u.current?.setFocused(m),startEditingParam:m=>u.current?.startEditingParam(m),exitEditMode:()=>u.current?.exitEditMode(),handleCaretAfterInput:m=>u.current?.handleCaretAfterInput(m),handleCaretMove:m=>u.current?.handleCaretMove(m),replaceEditingRange:m=>u.current?.replaceEditingRange(m)??!1,setActivePill:m=>u.current?.setActivePill(m),skipActivePill:()=>u.current?.skipActivePill(),removeLastParam:()=>u.current?.removeLastParam(),clearNewParamId:()=>u.current?.clearNewParamId(),reset:()=>u.current?.reset(),selectOption:m=>u.current?.selectOption(m),selectProduct:m=>u.current?.selectProduct(m),setActiveDropdownIndex:m=>u.current?.setActiveDropdownIndex(m),showPreviousMonth:()=>u.current?.showPreviousMonth(),showNextMonth:()=>u.current?.showNextMonth(),handleFocus:()=>u.current?.setFocused(!0),handleBlur:()=>u.current?.setFocused(!1)});let l=p.current,w=At(m=>{let G=m.target.value,Be=G.length>0&&!m.nativeEvent?.isComposing&&G[0]!==G[0].toUpperCase()?G[0].toUpperCase()+G.slice(1):G;u.current?.handleTextChange(Be)},[]),D=At(m=>{u.current?.handleKeyDown(m.nativeEvent)},[]),L=u.current,d=se??Go,ie=k!==void 0?k:d.text,ge=E!==void 0?E:d.completedParams,ce=d.actionableSuggestions,fe=ce[0],W=L?.listboxId??"",be=d.activeDropdownIndex>=0&&L?`${W}-option-${d.activeDropdownIndex}`:void 0,z=d.editingParam,B=d.editingIdentified,ye=z?{type:z.suggestionType,text:z.suggestionPlaceholder,required:!0,options:z.options}:B?{type:B.type,text:zo(B.type),required:!0,options:[]}:null,Ae=ye??fe,ze=ye?[ye]:ce,_e=No(d),De=!L||d.isLoading&&!d.editingParam&&!d.inSelectionAnimation||d.isSearchingOptions;return{completedParams:ge,skippedParams:d.skippedParams,identifiedParams:d.identifiedParams,suggestionPills:ce,setActivePill:l.setActivePill,skipActivePill:l.skipActivePill,removeLastParam:l.removeLastParam,segments:d.segments,newParamId:d.newParamId,clearNewParamId:l.clearNewParamId,suggestions:d.suggestions,activeIndex:d.activeDropdownIndex,isReady:d.isReady,isLoading:De,isFocused:d.isFocused,isDropdownOpen:d.isDropdownOpen,isActivePillSelected:d.isActivePillSelected,placeholderText:d.placeholderText,listboxId:W,error:d.error,products:d.products,selectProduct:l.selectProduct,handleTextChange:l.handleTextChange,handleKeyDown:l.handleKeyDown,setFocused:l.setFocused,editingParam:z,editingIdentified:B,editingAnchor:d.editingAnchor,caretOffset:d.caretOffset,startEditingParam:l.startEditingParam,exitEditMode:l.exitEditMode,handleCaretAfterInput:l.handleCaretAfterInput,handleCaretMove:l.handleCaretMove,replaceEditingRange:l.replaceEditingRange,inputProps:{value:ie,placeholder:d.placeholderText||void 0,onChange:w,onKeyDown:D,onFocus:l.handleFocus,onBlur:l.handleBlur,role:"combobox","aria-expanded":d.isDropdownOpen,"aria-activedescendant":be,"aria-autocomplete":"list","aria-controls":W},reset:l.reset,dropdownProps:{suggestions:Ae?[{...Ae,options:d.filteredOptions}]:[],activeIndex:d.activeDropdownIndex,onSelect:l.selectOption,onHighlight:l.setActiveDropdownIndex,isOpen:d.isDropdownOpen,id:W,pills:ze,activeSelected:d.isActivePillSelected,onPillClick:l.setActivePill,onSkip:l.skipActivePill,showSkipButton:(_??!0)&&!z&&!B,showOptionIcons:y??!0,skipDisabled:d.inSelectionAnimation,isLoading:De,isInputEmpty:ie.trim().length===0,products:d.products,onProductSelect:l.selectProduct,onProductFocusChange:l.setFocused,formatType:d.activeFormatType,dateView:d.dateView,selectedDateIso:_e.selectedIso,selectedDateRange:_e.selectedRange,dateRangeStart:_e.rangeStart,onPreviousMonth:l.showPreviousMonth,onNextMonth:l.showNextMonth,optionsPosition:f??"below"}}}import{extractPlainText as Dt,getCursorOffset as Ct,plainTextLength as Fo,renderEditableContent as Ho,setCursorOffset as Et}from"@magicx-eng/ai-autocomplete-vanilla";import{useCallback as j,useEffect as Ye,useLayoutEffect as Xe,useRef as we}from"react";var Ne;function Ko(){if(Ne!==void 0)return Ne;if(typeof document>"u")return!1;let e=document.createElement("div");return e.setAttribute("contenteditable","plaintext-only"),Ne=e.contentEditable==="plaintext-only",Ne}function Tt(e){let{segments:r,showChipIcons:a=!0,newParamId:n,editingParam:s,editingIdentified:o,editingAnchor:i,caretOffset:g,placeholderText:v,isFocused:f,isDropdownOpen:x,listboxId:h,activeDescendantId:y,autoFocus:_,handleTextChange:b,handleKeyDown:A,handleCaretAfterInput:k,handleCaretMove:E,startEditingParam:Y,replaceEditingRange:X,setFocused:M}=e,P=we(null),Z=we(!1),J=we(""),u=we(""),se=we(null),ee=we(0);se.current=g,Ye(()=>{if(!_)return;let t=P.current;if(!t)return;document.activeElement===t?M(!0):t.focus();let c=t.ownerDocument??document,p=c.getSelection(),l=p&&p.rangeCount>0&&t.contains(p.anchorNode);if(p&&!l){let w=c.createRange();w.selectNodeContents(t),w.collapse(!0),p.removeAllRanges(),p.addRange(w)}},[_,M]),Ye(()=>{let t=P.current;if(!t)return;let c=t.ownerDocument??document,p=()=>{let l=c.getSelection();if(!l||l.rangeCount===0||!l.anchorNode||!t.contains(l.anchorNode))return;let w=l.anchorNode,D=w.nodeType===Node.ELEMENT_NODE?w:w.parentElement,d=(l.isCollapsed?D?.closest("strong[data-param-id]"):null)?.dataset.paramId??null,ie=s?.id??o?.id??null;if(d&&d!==ie){Y(d);return}performance.now()-ee.current<50||E(Ct(t))};return c.addEventListener("selectionchange",p),()=>c.removeEventListener("selectionchange",p)},[s,o,Y,E]),Xe(()=>{let t=P.current;t&&Ho({input:t,segments:r,newParamId:n,editingParamId:s?.id??null,placeholderText:v??"",isFocused:f,showChipIcons:a})},[r,n,s,v,f,a]),Xe(()=>{let t=J.current,c=n??"";if(J.current=c,!c||c===t)return;let p=P.current;if(!p)return;p.focus();let l=se.current??Fo(p);Et(p,l)},[n]),Xe(()=>{let t=u.current,c=s?.id??"";if(u.current=c,!c||c===t||i==null)return;let p=P.current;p&&Et(p,i)},[s,i]);let T=j(()=>{if(Z.current)return;let t=P.current;if(!t)return;let c=Dt(t),l=c.length>0&&c[0]!==c[0].toUpperCase()?c[0].toUpperCase()+c.slice(1):c;b(l)},[b]),le=j(()=>{ee.current=performance.now(),T();let t=P.current;t&&k(Ct(t))},[T,k]);Ye(()=>{let t=P.current;if(!t)return;let c=p=>{let l=p,w=l.inputType;if(w==="insertParagraph"||w==="insertLineBreak"||w==="insertFromDrop"){p.preventDefault();return}if(w.startsWith("insert")||w.startsWith("delete")){let D=w.startsWith("delete")?"":l.data??"";X(D)&&p.preventDefault()}};return t.addEventListener("beforeinput",c),()=>t.removeEventListener("beforeinput",c)},[X]);let K=j(()=>{Z.current=!0},[]),de=j(()=>{Z.current=!1,T()},[T]),$=j(t=>{t.preventDefault();let c=P.current;if(!c)return;let p=(t.clipboardData.getData("text/plain")??"").replace(/\r?\n/g," ");if(!p)return;let l=c.ownerDocument??document,w=l.getSelection();if(!w||w.rangeCount===0)return;let D=w.getRangeAt(0);if(!c.contains(D.startContainer))return;D.deleteContents();let L=l.createTextNode(p);D.insertNode(L),D.setStartAfter(L),D.collapse(!0),w.removeAllRanges(),w.addRange(D),T()},[T]),V=j(t=>A(t),[A]),te=j(()=>M(!0),[M]),R=j(()=>M(!1),[M]),oe=j(()=>P.current?.focus(),[]),N=j(()=>P.current?.blur(),[]),O=j(()=>{let t=P.current;return t?Dt(t):""},[]),ae=Ko()?"plaintext-only":"true";return{inputRef:P,editorProps:{ref:P,contentEditable:ae,suppressContentEditableWarning:!0,tabIndex:0,role:"combobox","aria-autocomplete":"list","aria-haspopup":"listbox","aria-controls":h,"aria-expanded":x,"aria-activedescendant":y,spellCheck:!0,enterKeyHint:"send",onInput:le,onKeyDown:V,onCompositionStart:K,onCompositionEnd:de,onPaste:$,onFocus:te,onBlur:R},getPlainText:O,focus:oe,blur:N}}import{jsx as xe,jsxs as Je}from"react/jsx-runtime";function Qo(e){return e!=="auto"?e:typeof window>"u"||window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}var Yo=Wo(function({onSubmit:r,onResult:a,onError:n,optionOverrides:s,maskCompletedText:o,className:i,apiConfig:g,additionalContext:v,columns:f,pillPlacement:x="dropdown",mode:h="auto",optionsPosition:y="below",animations:_=!0,dropdownTrigger:b,closeDropdownOnBlur:A,showNonTappableOptions:k,showOptionIcons:E=!0,showChipIcons:Y=!0,showSkipButton:X,autoFocus:M=!0,onFocus:P,onBlur:Z,value:J,completedParams:u,onChange:se,onParamsChange:ee,products:T,onProductSelect:le,submitButton:K},de){let $=Se(null),V=Se(null),te=Se(()=>{}),R=Se(null),oe=Se(null);Rt(()=>{let I=$.current;if(I)return R.current?R.current.setMode(h):R.current=new $o(I,h),()=>{R.current?.destroy(),R.current=null}},[h]);let N=Ze(I=>{let pe=oe.current?.current;pe&&(pe.focus(),Vo(pe,I))},[]),{completedParams:O,skippedParams:ae,identifiedParams:t,isReady:c,suggestionPills:p,setActivePill:l,skipActivePill:w,segments:D,newParamId:L,clearNewParamId:d,placeholderText:ie,isFocused:ge,isDropdownOpen:ce,isActivePillSelected:fe,isLoading:W,activeIndex:be,listboxId:z,handleTextChange:B,handleKeyDown:ye,setFocused:Ae,editingParam:ze,editingIdentified:_e,editingAnchor:De,caretOffset:m,startEditingParam:G,handleCaretAfterInput:C,handleCaretMove:Be,replaceEditingRange:Ot,dropdownProps:Lt,reset:Ce}=Qe({onSubmit:I=>te.current(I),onResult:a,onError:n,optionOverrides:s,maskCompletedText:o,apiConfig:g,additionalContext:v,columns:f,dropdownTrigger:b,optionsPosition:y,closeDropdownOnBlur:A,showNonTappableOptions:k,showOptionIcons:E,showSkipButton:X,onFocus:P,onBlur:Z,value:J,completedParams:u,onChange:se,onParamsChange:ee,products:T,onProductSelect:le,source:"full-sdk",setCursor:N});Rt(()=>{if(!L)return;let I=window.setTimeout(()=>d(),650);return()=>window.clearTimeout(I)},[L,d]);let Mt=be>=0?`${z}-option-${be}`:void 0,{inputRef:Ge,editorProps:Nt,focus:Ee,blur:et,getPlainText:tt}=Tt({segments:D,newParamId:L,editingParam:ze,editingIdentified:_e,editingAnchor:De,caretOffset:m,placeholderText:ie,isFocused:ge,showChipIcons:Y,isDropdownOpen:ce,listboxId:z,activeDescendantId:Mt,autoFocus:M,handleTextChange:B,handleKeyDown:ye,handleCaretAfterInput:C,handleCaretMove:Be,startEditingParam:G,replaceEditingRange:Ot,setFocused:Ae});oe.current=Ge,Uo(()=>{let I=V.current,pe=Ge.current;if(!I||!pe)return;let ot=()=>{let it=I.firstElementChild;if(!it)return;let Ft=it.getBoundingClientRect(),Ht=pe.getBoundingClientRect();Ft.top>=Ht.bottom-2?I.setAttribute("data-aia-pill-wrapped",""):I.removeAttribute("data-aia-pill-wrapped")};ot();let at=new ResizeObserver(ot);return at.observe(pe),()=>at.disconnect()},[D,p.length,W,Ge]),qo(de,()=>({focus:Ee,blur:et,reset:Ce,setMode:I=>R.current?.setMode(I),skipActivePill:w}),[Ee,et,Ce,w]);let Te=!!D.length||O.length>0,Fe=Ze(()=>{if(!Te)return;let I=tt();r(jo(I,O,ae,{identifiedParams:t,isReady:c})),Ce()},[Te,O,ae,t,c,r,Ce,tt]);te.current=Fe;let zt=Ze(I=>{I.target?.closest("[data-aia-pill]")||Ee()},[Ee]),Bt=x==="inline",Gt=x==="dropdown";return Je("div",{ref:$,className:`magicx-aia ${me.container} ${i??""}`,"data-pill-placement":x,"data-options-position":y,"data-animations":_?"on":"off","data-mode":Qo(h),children:[xe($e,{...Lt,showPills:Gt}),Je("div",{className:me.inputWrapper,onClick:zt,children:[Je("div",{className:me.editorArea,"data-aia-editor":"",children:[xe("div",{...Nt,className:me.input,"data-aia-input":""}),Bt&&(W||p.length>0)&&xe("span",{ref:V,className:me.pillListContainer,"data-aia-pill-list-container":"",children:xe(Oe,{pills:p,activePillIndex:0,activeSelected:fe,onSelectPill:l,loading:W})})]}),K===null?null:K===void 0?xe(_t,{disabled:!Te,onClick:Fe}):xe("span",{"data-aia-submit":"",className:me.submitSlot,onClick:I=>{Te&&(I.stopPropagation(),Fe())},children:K})]})]})});export{Yo as AIAutocomplete,$e as AIAutocompleteDropdown,Hi as DATE_RANGE_META_END,Ki as DATE_RANGE_META_START,tn as WEEKDAY_LABELS,Bi as buildSubmitResult,Gi as cellDay,Fi as cellIso,Wi as dateCellMarks,qi as formatDate,Ui as formatDateRange,ji as isoDate,$i as monthLabel,Vi as optionLabel,Qi as parseDate,Yi as parseLooseDate,Xi as parseLooseDateRange,Zi as sanitizeOptionIconSvg,Ji as selectedRangeFor,Qe as useAIAutocomplete,en as visibleDateRange,on as withSkippedParams};
+`,document.head.appendChild(e)}var yt={submitButton:"SubmitButton-module_submitButton_otz7H"};import{jsx as Ve}from"react/jsx-runtime";function _t({disabled:e,onClick:r}){return Ve("button",{type:"button","data-aia-submit":"",className:yt.submitButton,disabled:e,onClick:o=>{o.stopPropagation(),r()},"aria-label":"Submit",children:Ve("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",role:"img","aria-label":"Submit",children:Ve("path",{d:"M9 14V4M9 4L4 9M9 4L14 9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})}import{AIAutocomplete as La,dateSelectionFor as Ma,identifiedParamLabel as za}from"@magicx-eng/ai-autocomplete-vanilla";import{useCallback as At,useEffect as Ie,useRef as H,useState as Na}from"react";import{useRef as kt}from"react";function Pt(e){let r=kt(e);r.current=e;let o=Object.keys(e??{}).sort().join("\0"),n=kt({key:"
",overrides:void 0});if(n.current.key!==o){let s={};for(let a of Object.keys(e??{})){let i=(g,v,f)=>{let x=r.current?.[a];return x?x(g,v,f):[]};s[a]=i}n.current={key:o,overrides:e?s:void 0}}return{overrides:n.current.overrides,key:o}}import{useRef as It}from"react";function St(e){let r=It(e);r.current=e;let o=It(null);o.current===null&&(o.current={fetch:(s,a)=>{let i=r.current;return i?i.fetch(s,a):Promise.reject(new Error("products config removed"))},transform:s=>r.current?.transform(s)??[],get limit(){return r.current?.limit}});let n=e!==void 0;return{config:n?o.current:void 0,enabled:n}}var Ga={text:"",completedParams:[],identifiedParams:[],skippedParams:[],pendingSpan:null,suggestions:[],products:[],optionSearch:null,activeDropdownIndex:-1,newParamId:null,isLoading:!0,isReady:!1,error:null,segments:[],actionableSuggestions:[],filteredOptions:[],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 Qe({onSubmit:e,onResult:r,onError:o,optionOverrides:n,maskCompletedText:s,apiConfig:a,additionalContext:i,columns:g=2,dropdownTrigger:v,optionsPosition:f,closeDropdownOnBlur:x,showNonTappableOptions:h,showOptionIcons:y,showSkipButton:_,onFocus:b,onBlur:A,value:k,completedParams:E,onChange:Y,onParamsChange:X,products:M,onProductSelect:P,source:Z,setCursor:J}){let u=H(null),[se,ee]=Na(null),T=H(e);T.current=e;let le=H(r);le.current=r;let K=H(o);K.current=o;let de=H(Y);de.current=Y;let $=H(X);$.current=X;let V=H(b);V.current=b;let te=H(A);te.current=A;let R=H(J);R.current=J;let ae=H(P);ae.current=P;let z=St(M),O=Pt(n);Ie(()=>{if(typeof document>"u")return;let m=new La(document.createElement("div"),{renderMode:"headless",apiConfig:a,additionalContext:i,optionOverrides:O.overrides,maskCompletedText:s,columns:g,dropdownTrigger:v,optionsPosition:f,closeDropdownOnBlur:x,showNonTappableOptions:h,source:Z,value:k,completedParams:E,onSubmit:(...C)=>T.current?.(...C),onResult:(...C)=>le.current?.(...C),onError:(...C)=>K.current?.(...C),onChange:(...C)=>de.current?.(...C),onParamsChange:(...C)=>$.current?.(...C),onFocus:()=>V.current?.(),onBlur:()=>te.current?.(),onProductSelect:C=>ae.current?.(C),setCursor:C=>R.current?.(C),products:z.config});u.current=m,ee(m.getState());let B=m.subscribe(C=>ee(C));return()=>{B(),m.destroy(),u.current===m&&(u.current=null)}},[]),Ie(()=>{k!==void 0&&u.current?.setValue(k)},[k]),Ie(()=>{E!==void 0&&u.current?.setCompletedParams(E)},[E]);let oe=JSON.stringify(a??null),t;try{t=JSON.stringify(i??null)}catch{t="[unstringifiable]"}Ie(()=>{u.current?.update({apiConfig:a,additionalContext:i,optionOverrides:O.overrides,dropdownTrigger:v,optionsPosition:f,closeDropdownOnBlur:x,showNonTappableOptions:h})},[oe,t,O.key,v,f,x,h]);let c=H(!1);Ie(()=>{if(!c.current){c.current=!0;return}u.current?.update({products:z.config})},[z.enabled]);let p=H(null);p.current===null&&(p.current={handleTextChange:m=>u.current?.handleTextChange(m),handleKeyDown:m=>{let B="nativeEvent"in m?m.nativeEvent:m;u.current?.handleKeyDown(B)},setFocused:m=>u.current?.setFocused(m),startEditingParam:m=>u.current?.startEditingParam(m),exitEditMode:()=>u.current?.exitEditMode(),handleCaretAfterInput:m=>u.current?.handleCaretAfterInput(m),handleCaretMove:m=>u.current?.handleCaretMove(m),replaceEditingRange:m=>u.current?.replaceEditingRange(m)??!1,setActivePill:m=>u.current?.setActivePill(m),skipActivePill:()=>u.current?.skipActivePill(),removeLastParam:()=>u.current?.removeLastParam(),clearNewParamId:()=>u.current?.clearNewParamId(),reset:()=>u.current?.reset(),selectOption:m=>u.current?.selectOption(m),selectProduct:m=>u.current?.selectProduct(m),setActiveDropdownIndex:m=>u.current?.setActiveDropdownIndex(m),showPreviousMonth:()=>u.current?.showPreviousMonth(),showNextMonth:()=>u.current?.showNextMonth(),handleFocus:()=>u.current?.setFocused(!0),handleBlur:()=>u.current?.setFocused(!1)});let l=p.current,w=At(m=>{let B=m.target.value,Ge=B.length>0&&!m.nativeEvent?.isComposing&&B[0]!==B[0].toUpperCase()?B[0].toUpperCase()+B.slice(1):B;u.current?.handleTextChange(Ge)},[]),D=At(m=>{u.current?.handleKeyDown(m.nativeEvent)},[]),L=u.current,d=se??Ga,ie=k!==void 0?k:d.text,ge=E!==void 0?E:d.completedParams,ce=d.actionableSuggestions,fe=ce[0],W=L?.listboxId??"",be=d.activeDropdownIndex>=0&&L?`${W}-option-${d.activeDropdownIndex}`:void 0,N=d.editingParam,G=d.editingIdentified,ye=N?{type:N.suggestionType,text:N.suggestionPlaceholder,required:!0,options:N.options}:G?{type:G.type,text:za(G.type),required:!0,options:[]}:null,Ae=ye??fe,Ne=ye?[ye]:ce,_e=Ma(d),De=!L||d.isLoading&&!d.editingParam&&!d.inSelectionAnimation||d.isSearchingOptions;return{completedParams:ge,skippedParams:d.skippedParams,identifiedParams:d.identifiedParams,suggestionPills:ce,setActivePill:l.setActivePill,skipActivePill:l.skipActivePill,removeLastParam:l.removeLastParam,segments:d.segments,newParamId:d.newParamId,clearNewParamId:l.clearNewParamId,suggestions:d.suggestions,activeIndex:d.activeDropdownIndex,isReady:d.isReady,isLoading:De,isFocused:d.isFocused,isDropdownOpen:d.isDropdownOpen,isActivePillSelected:d.isActivePillSelected,placeholderText:d.placeholderText,listboxId:W,error:d.error,products:d.products,selectProduct:l.selectProduct,handleTextChange:l.handleTextChange,handleKeyDown:l.handleKeyDown,setFocused:l.setFocused,editingParam:N,editingIdentified:G,editingAnchor:d.editingAnchor,caretOffset:d.caretOffset,startEditingParam:l.startEditingParam,exitEditMode:l.exitEditMode,handleCaretAfterInput:l.handleCaretAfterInput,handleCaretMove:l.handleCaretMove,replaceEditingRange:l.replaceEditingRange,inputProps:{value:ie,placeholder:d.placeholderText||void 0,onChange:w,onKeyDown:D,onFocus:l.handleFocus,onBlur:l.handleBlur,role:"combobox","aria-expanded":d.isDropdownOpen,"aria-activedescendant":be,"aria-autocomplete":"list","aria-controls":W},reset:l.reset,dropdownProps:{suggestions:Ae?[{...Ae,options:d.filteredOptions}]:[],activeIndex:d.activeDropdownIndex,onSelect:l.selectOption,onHighlight:l.setActiveDropdownIndex,isOpen:d.isDropdownOpen,id:W,pills:Ne,activeSelected:d.isActivePillSelected,onPillClick:l.setActivePill,onSkip:l.skipActivePill,showSkipButton:(_??!0)&&!N&&!G,showOptionIcons:y??!0,skipDisabled:d.inSelectionAnimation,isLoading:De,isInputEmpty:ie.trim().length===0,products:d.products,onProductSelect:l.selectProduct,onProductFocusChange:l.setFocused,formatType:d.activeFormatType,dateView:d.dateView,selectedDateIso:_e.selectedIso,selectedDateRange:_e.selectedRange,dateRangeStart:_e.rangeStart,onPreviousMonth:l.showPreviousMonth,onNextMonth:l.showNextMonth,optionsPosition:f??"below"}}}import{extractPlainText as Dt,getCursorOffset as Ct,plainTextLength as Ba,renderEditableContent as Fa,setCursorOffset as Et}from"@magicx-eng/ai-autocomplete-vanilla";import{useCallback as j,useEffect as Ye,useLayoutEffect as Xe,useRef as we}from"react";var ze;function Ha(){if(ze!==void 0)return ze;if(typeof document>"u")return!1;let e=document.createElement("div");return e.setAttribute("contenteditable","plaintext-only"),ze=e.contentEditable==="plaintext-only",ze}function Tt(e){let{segments:r,showChipIcons:o=!0,newParamId:n,editingParam:s,editingIdentified:a,editingAnchor:i,caretOffset:g,placeholderText:v,isFocused:f,isDropdownOpen:x,listboxId:h,activeDescendantId:y,autoFocus:_,handleTextChange:b,handleKeyDown:A,handleCaretAfterInput:k,handleCaretMove:E,startEditingParam:Y,replaceEditingRange:X,setFocused:M}=e,P=we(null),Z=we(!1),J=we(""),u=we(""),se=we(null),ee=we(0);se.current=g,Ye(()=>{if(!_)return;let t=P.current;if(!t)return;document.activeElement===t?M(!0):t.focus();let c=t.ownerDocument??document,p=c.getSelection(),l=p&&p.rangeCount>0&&t.contains(p.anchorNode);if(p&&!l){let w=c.createRange();w.selectNodeContents(t),w.collapse(!0),p.removeAllRanges(),p.addRange(w)}},[_,M]),Ye(()=>{let t=P.current;if(!t)return;let c=t.ownerDocument??document,p=()=>{let l=c.getSelection();if(!l||l.rangeCount===0||!l.anchorNode||!t.contains(l.anchorNode))return;let w=l.anchorNode,D=w.nodeType===Node.ELEMENT_NODE?w:w.parentElement,d=(l.isCollapsed?D?.closest("strong[data-param-id]"):null)?.dataset.paramId??null,ie=s?.id??a?.id??null;if(d&&d!==ie){Y(d);return}performance.now()-ee.current<50||E(Ct(t))};return c.addEventListener("selectionchange",p),()=>c.removeEventListener("selectionchange",p)},[s,a,Y,E]),Xe(()=>{let t=P.current;t&&Fa({input:t,segments:r,newParamId:n,editingParamId:s?.id??null,placeholderText:v??"",isFocused:f,showChipIcons:o})},[r,n,s,v,f,o]),Xe(()=>{let t=J.current,c=n??"";if(J.current=c,!c||c===t)return;let p=P.current;if(!p)return;p.focus();let l=se.current??Ba(p);Et(p,l)},[n]),Xe(()=>{let t=u.current,c=s?.id??"";if(u.current=c,!c||c===t||i==null)return;let p=P.current;p&&Et(p,i)},[s,i]);let T=j(()=>{if(Z.current)return;let t=P.current;if(!t)return;let c=Dt(t),l=c.length>0&&c[0]!==c[0].toUpperCase()?c[0].toUpperCase()+c.slice(1):c;b(l)},[b]),le=j(()=>{ee.current=performance.now(),T();let t=P.current;t&&k(Ct(t))},[T,k]);Ye(()=>{let t=P.current;if(!t)return;let c=p=>{let l=p,w=l.inputType;if(w==="insertParagraph"||w==="insertLineBreak"||w==="insertFromDrop"){p.preventDefault();return}if(w.startsWith("insert")||w.startsWith("delete")){let D=w.startsWith("delete")?"":l.data??"";X(D)&&p.preventDefault()}};return t.addEventListener("beforeinput",c),()=>t.removeEventListener("beforeinput",c)},[X]);let K=j(()=>{Z.current=!0},[]),de=j(()=>{Z.current=!1,T()},[T]),$=j(t=>{t.preventDefault();let c=P.current;if(!c)return;let p=(t.clipboardData.getData("text/plain")??"").replace(/\r?\n/g," ");if(!p)return;let l=c.ownerDocument??document,w=l.getSelection();if(!w||w.rangeCount===0)return;let D=w.getRangeAt(0);if(!c.contains(D.startContainer))return;D.deleteContents();let L=l.createTextNode(p);D.insertNode(L),D.setStartAfter(L),D.collapse(!0),w.removeAllRanges(),w.addRange(D),T()},[T]),V=j(t=>A(t),[A]),te=j(()=>M(!0),[M]),R=j(()=>M(!1),[M]),ae=j(()=>P.current?.focus(),[]),z=j(()=>P.current?.blur(),[]),O=j(()=>{let t=P.current;return t?Dt(t):""},[]),oe=Ha()?"plaintext-only":"true";return{inputRef:P,editorProps:{ref:P,contentEditable:oe,suppressContentEditableWarning:!0,tabIndex:0,role:"combobox","aria-autocomplete":"list","aria-haspopup":"listbox","aria-controls":h,"aria-expanded":x,"aria-activedescendant":y,spellCheck:!0,enterKeyHint:"send",onInput:le,onKeyDown:V,onCompositionStart:K,onCompositionEnd:de,onPaste:$,onFocus:te,onBlur:R},getPlainText:O,focus:ae,blur:z}}import{jsx as xe,jsxs as Je}from"react/jsx-runtime";function Va(e){return e!=="auto"?e:typeof window>"u"||window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}var Qa=Ka(function({onSubmit:r,onResult:o,onError:n,optionOverrides:s,maskCompletedText:a,className:i,apiConfig:g,additionalContext:v,columns:f,pillPlacement:x="dropdown",mode:h="auto",optionsPosition:y="below",animations:_=!0,dropdownTrigger:b,closeDropdownOnBlur:A,showNonTappableOptions:k,showOptionIcons:E=!0,showChipIcons:Y=!0,showSkipButton:X,autoFocus:M=!0,onFocus:P,onBlur:Z,value:J,completedParams:u,onChange:se,onParamsChange:ee,products:T,onProductSelect:le,submitButton:K},de){let $=Se(null),V=Se(null),te=Se(()=>{}),R=Se(null),ae=Se(null);Rt(()=>{let I=$.current;if(I)return R.current?R.current.setMode(h):R.current=new ja(I,h),()=>{R.current?.destroy(),R.current=null}},[h]);let z=Ze(I=>{let pe=ae.current?.current;pe&&(pe.focus(),$a(pe,I))},[]),{completedParams:O,skippedParams:oe,identifiedParams:t,isReady:c,suggestionPills:p,setActivePill:l,skipActivePill:w,segments:D,newParamId:L,clearNewParamId:d,placeholderText:ie,isFocused:ge,isDropdownOpen:ce,isActivePillSelected:fe,isLoading:W,activeIndex:be,listboxId:N,handleTextChange:G,handleKeyDown:ye,setFocused:Ae,editingParam:Ne,editingIdentified:_e,editingAnchor:De,caretOffset:m,startEditingParam:B,handleCaretAfterInput:C,handleCaretMove:Ge,replaceEditingRange:Ot,dropdownProps:Lt,reset:Ce}=Qe({onSubmit:I=>te.current(I),onResult:o,onError:n,optionOverrides:s,maskCompletedText:a,apiConfig:g,additionalContext:v,columns:f,dropdownTrigger:b,optionsPosition:y,closeDropdownOnBlur:A,showNonTappableOptions:k,showOptionIcons:E,showSkipButton:X,onFocus:P,onBlur:Z,value:J,completedParams:u,onChange:se,onParamsChange:ee,products:T,onProductSelect:le,source:"full-sdk",setCursor:z});Rt(()=>{if(!L)return;let I=window.setTimeout(()=>d(),650);return()=>window.clearTimeout(I)},[L,d]);let Mt=be>=0?`${N}-option-${be}`:void 0,{inputRef:Be,editorProps:zt,focus:Ee,blur:et,getPlainText:tt}=Tt({segments:D,newParamId:L,editingParam:Ne,editingIdentified:_e,editingAnchor:De,caretOffset:m,placeholderText:ie,isFocused:ge,showChipIcons:Y,isDropdownOpen:ce,listboxId:N,activeDescendantId:Mt,autoFocus:M,handleTextChange:G,handleKeyDown:ye,handleCaretAfterInput:C,handleCaretMove:Ge,startEditingParam:B,replaceEditingRange:Ot,setFocused:Ae});ae.current=Be,qa(()=>{let I=V.current,pe=Be.current;if(!I||!pe)return;let at=()=>{let it=I.firstElementChild;if(!it)return;let Ft=it.getBoundingClientRect(),Ht=pe.getBoundingClientRect();Ft.top>=Ht.bottom-2?I.setAttribute("data-aia-pill-wrapped",""):I.removeAttribute("data-aia-pill-wrapped")};at();let ot=new ResizeObserver(at);return ot.observe(pe),()=>ot.disconnect()},[D,p.length,W,Be]),Wa(de,()=>({focus:Ee,blur:et,reset:Ce,setMode:I=>R.current?.setMode(I),skipActivePill:w}),[Ee,et,Ce,w]);let Te=!!D.length||O.length>0,Fe=Ze(()=>{if(!Te)return;let I=tt();r(Ua(I,O,oe,{identifiedParams:t,isReady:c})),Ce()},[Te,O,oe,t,c,r,Ce,tt]);te.current=Fe;let Nt=Ze(I=>{I.target?.closest("[data-aia-pill]")||Ee()},[Ee]),Gt=x==="inline",Bt=x==="dropdown";return Je("div",{ref:$,className:`magicx-aia ${me.container} ${i??""}`,"data-pill-placement":x,"data-options-position":y,"data-animations":_?"on":"off","data-mode":Va(h),children:[xe($e,{...Lt,showPills:Bt}),Je("div",{className:me.inputWrapper,onClick:Nt,children:[Je("div",{className:me.editorArea,"data-aia-editor":"",children:[xe("div",{...zt,className:me.input,"data-aia-input":""}),Gt&&(W||p.length>0)&&xe("span",{ref:V,className:me.pillListContainer,"data-aia-pill-list-container":"",children:xe(Oe,{pills:p,activePillIndex:0,activeSelected:fe,onSelectPill:l,loading:W})})]}),K===null?null:K===void 0?xe(_t,{disabled:!Te,onClick:Fe}):xe("span",{"data-aia-submit":"",className:me.submitSlot,onClick:I=>{Te&&(I.stopPropagation(),Fe())},children:K})]})]})});export{Qa as AIAutocomplete,$e as AIAutocompleteDropdown,Hi as DATE_RANGE_META_END,Ki as DATE_RANGE_META_START,tn as WEEKDAY_LABELS,Gi as buildSubmitResult,Bi as cellDay,Fi as cellIso,Wi as dateCellMarks,qi as formatDate,Ui as formatDateRange,ji as isoDate,$i as monthLabel,Vi as optionLabel,Qi as parseDate,Yi as parseLooseDate,Xi as parseLooseDateRange,Zi as sanitizeOptionIconSvg,Ji as selectedRangeFor,Qe as useAIAutocomplete,en as visibleDateRange,an as withSkippedParams};
 //# sourceMappingURL=index.mjs.map