@magicx-eng/ai-autocomplete-react 0.15.0 → 0.16.0

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import{buildSubmitResult as Ii,cellDay as Ai,cellIso as Si,formatDate as Ci,isoDate as Di,monthLabel as Ei,parseDate as Ti,parseLooseDate as Ri,WEEKDAY_LABELS as Li,withSkippedParams as Mi}from"@magicx-eng/ai-autocomplete-vanilla";import{forwardRef as Ra,useCallback as Ze,useEffect as Et,useImperativeHandle as La,useLayoutEffect as Ma,useRef as Ae}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 Ei,cellDay as Ti,cellIso as Ri,formatDate as Li,isoDate as Oi,monthLabel as Mi,parseDate as Ni,parseLooseDate as zi,WEEKDAY_LABELS as Bi,withSkippedParams as Fi}from"@magicx-eng/ai-autocomplete-vanilla";import{forwardRef as Mo,useCallback as Qe,useEffect as Et,useImperativeHandle as No,useLayoutEffect as zo,useRef as Pe}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
@@ -193,7 +193,7 @@ import{buildSubmitResult as Ii,cellDay as Ai,cellIso as Si,formatDate as Ci,isoD
     opacity: 0;
   }
 }
-`,document.head.appendChild(e)}var fe={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 ba,SCROLL_ARROW_LABEL as va}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as $e,useRef as Me,useState as wa}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 fe={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 xo,SCROLL_ARROW_LABEL as yo}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as Ue,useRef as Re,useState as _o}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.
  *
@@ -620,12 +620,13 @@ import{buildSubmitResult as Ii,cellDay as Ai,cellIso as Si,formatDate as Ci,isoD
    disc at the bottom-centre of the option list, shown while the list can still
    scroll down. It rests just above the grid's reserved band
    (--aia-scroll-arrow-bottom is measured and set inline by the controller so it
-   tracks the grid's bottom edge in every layout) and hides by sliding down past
-   the dropdown's lower edge, where the dropdown's overflow clips it \u2014 so it
-   emerges from behind the footer. z-index 2 puts it over the option rows and
-   under the footer (z-index 3). Declarations mirror vanilla's
-   .magicx-aia-scroll-arrow and Angular's copy \u2014 change all three in the same
-   commit. */
+   tracks the grid's bottom edge in every layout). Its two moves differ on
+   purpose: it ENTERS by rising from below the dropdown's lower edge, where the
+   dropdown's overflow clips it \u2014 so it emerges from behind the footer \u2014 and it
+   LEAVES by dissolving in place under data-aia-leaving (see below). z-index 2
+   puts it over the option rows and under the footer (z-index 3). Declarations
+   mirror vanilla's .magicx-aia-scroll-arrow and Angular's copy \u2014 change all
+   three in the same commit. */
 .AIAutocompleteDropdown-module_scrollArrow_uUzV0 {
   position: absolute;
   left: 50%;
@@ -649,15 +650,34 @@ import{buildSubmitResult as Ii,cellDay as Ai,cellIso as Si,formatDate as Ci,isoD
   box-shadow: var(--aia-scroll-arrow-shadow, 0 2px 8px rgba(0, 0, 0, 0.12));
   cursor: pointer;
   pointer-events: none;
+  /* Parked: below the panel's edge (clipped), and transparent so the re-park
+     after a fade \u2014 scale back out to here \u2014 never shows. Only the transform
+     transitions here, so the disc rises at full strength instead of fading
+     in on the way up. */
+  opacity: 0;
   transform: translateY(calc(100% + var(--aia-scroll-arrow-bottom, 8px) + 4px));
   transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 .AIAutocompleteDropdown-module_scrollArrow_uUzV0[data-aia-visible] {
   pointer-events: auto;
+  opacity: 1;
   transform: translateY(0);
 }
 
+/* Leaving: dissolve where it stands \u2014 no travel. Ease-out so most of the fade
+   happens at once and the last of it lingers; the shrink keeps it from reading
+   as a flat cut. The controller holds this attribute for SCROLL_ARROW_LEAVE_MS
+   (scrollArrow.ts) \u2014 keep the two durations equal. */
+.AIAutocompleteDropdown-module_scrollArrow_uUzV0[data-aia-leaving] {
+  pointer-events: none;
+  opacity: 0;
+  transform: translateY(0) scale(0.86);
+  transition:
+    opacity 240ms cubic-bezier(0.22, 0.61, 0.36, 1),
+    transform 240ms cubic-bezier(0.22, 0.61, 0.36, 1);
+}
+
 .AIAutocompleteDropdown-module_scrollArrow_uUzV0:hover {
   color: var(
     --aia-scroll-arrow-color-hover,
@@ -667,6 +687,7 @@ import{buildSubmitResult as Ii,cellDay as Ai,cellIso as Si,formatDate as Ci,isoD
 
 @media (prefers-reduced-motion: reduce) {
   .AIAutocompleteDropdown-module_scrollArrow_uUzV0,
+  .AIAutocompleteDropdown-module_scrollArrow_uUzV0[data-aia-leaving],
   .AIAutocompleteDropdown-module_dropdown_yz2KC {
     transition-duration: 0s;
   }
@@ -780,7 +801,7 @@ import{buildSubmitResult as Ii,cellDay as Ai,cellIso as Si,formatDate as Ci,isoD
     opacity: 0.25;
   }
 }
-`,document.head.appendChild(e)}var le={dropdown:"AIAutocompleteDropdown-module_dropdown_yz2KC",visible:"AIAutocompleteDropdown-module_visible_QCoXj",scrollArrow:"AIAutocompleteDropdown-module_scrollArrow_uUzV0",pillBar:"AIAutocompleteDropdown-module_pillBar_pwTXe",pillScroll:"AIAutocompleteDropdown-module_pillScroll_Tpzus",skip:"AIAutocompleteDropdown-module_skip_7-olS",skeletonBars:"AIAutocompleteDropdown-module_skeletonBars_HVr9C",skeletonBar:"AIAutocompleteDropdown-module_skeletonBar_O3xIx",aiaSkeletonPulse:"AIAutocompleteDropdown-module_aiaSkeletonPulse_G8W7q"};import{cellDay as Bt,cellIso as _e,isoDate as Ft,monthLabel as Gt,WEEKDAY_LABELS as Ht}from"@magicx-eng/ai-autocomplete-vanilla";import{useState as Kt}from"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 le={dropdown:"AIAutocompleteDropdown-module_dropdown_yz2KC",visible:"AIAutocompleteDropdown-module_visible_QCoXj",scrollArrow:"AIAutocompleteDropdown-module_scrollArrow_uUzV0",pillBar:"AIAutocompleteDropdown-module_pillBar_pwTXe",pillScroll:"AIAutocompleteDropdown-module_pillScroll_Tpzus",skip:"AIAutocompleteDropdown-module_skip_7-olS",skeletonBars:"AIAutocompleteDropdown-module_skeletonBars_HVr9C",skeletonBar:"AIAutocompleteDropdown-module_skeletonBar_O3xIx",aiaSkeletonPulse:"AIAutocompleteDropdown-module_aiaSkeletonPulse_G8W7q"};import{cellDay as Gt,cellIso as xe,isoDate as Ht,monthLabel as Kt,WEEKDAY_LABELS as Wt}from"@magicx-eng/ai-autocomplete-vanilla";import{useState as Ut}from"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
@@ -936,7 +957,7 @@ import{buildSubmitResult as Ii,cellDay as Ai,cellIso as Si,formatDate as Ci,isoD
   opacity: 0.8;
   background: rgba(var(--aia-streak-rgb, 255, 255, 255), 0.06);
 }
-`,document.head.appendChild(e)}var C={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",selected:"DateGrid-module_selected_28KDn",pressed:"DateGrid-module_pressed_bEyyN"};import{jsx as V,jsxs as nt}from"react/jsx-runtime";var Wt=["sunday","monday","tuesday","wednesday","thursday","friday","saturday"];function rt({options:e,activeIndex:n,listboxId:a,view:o,selectedIso:l,onSelect:t,onHighlight:i,onPreviousMonth:g,onNextMonth:v}){let x=Ft(new Date);return nt("div",{className:C.datepicker,"data-aia-datepicker":"",children:[nt("div",{className:C.header,children:[V("button",{type:"button",tabIndex:-1,className:C.nav,"data-aia-date-prev":"","aria-label":"Previous month",onMouseDown:m=>m.preventDefault(),onClick:g,children:"\u2039"}),V("span",{className:C.month,"data-aia-date-month":"","aria-live":"polite",children:Gt(o)}),V("button",{type:"button",tabIndex:-1,className:C.nav,"data-aia-date-next":"","aria-label":"Next month",onMouseDown:m=>m.preventDefault(),onClick:v,children:"\u203A"})]}),V("div",{className:C.weekdays,"aria-hidden":"true",children:Ht.map((m,w)=>V("span",{className:C.weekday,children:m},Wt[w]))}),V("div",{className:C.grid,"data-aia-date-grid":"",children:e.map((m,w)=>V(Ut,{option:m,id:`${a}-option-${w}`,index:w,isHighlighted:w===n&&m.is_tappable,isToday:_e(m)===x,isPast:_e(m)!=null&&_e(m)<x,isSelected:l!=null&&_e(m)===l,onSelect:t,onHighlight:i},_e(m)??`pad-${w}`))})]})}function Ut({option:e,id:n,index:a,isHighlighted:o,isToday:l,isPast:t,isSelected:i,onSelect:g,onHighlight:v}){let[x,m]=Kt(!1),w=Bt(e);if(w==null)return V("div",{id:n,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-hidden":"true","aria-selected":!1,tabIndex:-1,className:`${C.cell} ${C.blank}`});let k=()=>{m(!0),g(e),setTimeout(()=>m(!1),500)},y=[C.cell,C.day,t?C.past:"",o?C.highlighted:"",l?C.today:"",i?C.selected:"",x?C.pressed:""].filter(Boolean).join(" ");return V("div",{id:n,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-selected":o,"aria-label":e.text,tabIndex:0,className:y,onClick:k,onKeyDown:b=>{(b.key==="Enter"||b.key===" ")&&(b.preventDefault(),k())},onMouseEnter:()=>v(a),children:V("span",{className:C.number,children:w})})}import{ATTRIBUTION_URL as qt,buildAttributionUrl as $t,getFooterHint as jt}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as Vt,useState as Yt}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",selected:"DateGrid-module_selected_28KDn",pressed:"DateGrid-module_pressed_bEyyN"};import{jsx as j,jsxs as at}from"react/jsx-runtime";var qt=["sunday","monday","tuesday","wednesday","thursday","friday","saturday"];function it({options:e,activeIndex:n,listboxId:t,view:a,selectedIso:r,onSelect:o,onHighlight:i,onPreviousMonth:g,onNextMonth:b}){let w=Ht(new Date);return at("div",{className:S.datepicker,"data-aia-datepicker":"",children:[at("div",{className:S.header,children:[j("button",{type:"button",tabIndex:-1,className:S.nav,"data-aia-date-prev":"","aria-label":"Previous month",onMouseDown:c=>c.preventDefault(),onClick:g,children:"\u2039"}),j("span",{className:S.month,"data-aia-date-month":"","aria-live":"polite",children:Kt(a)}),j("button",{type:"button",tabIndex:-1,className:S.nav,"data-aia-date-next":"","aria-label":"Next month",onMouseDown:c=>c.preventDefault(),onClick:b,children:"\u203A"})]}),j("div",{className:S.weekdays,"aria-hidden":"true",children:Wt.map((c,x)=>j("span",{className:S.weekday,children:c},qt[x]))}),j("div",{className:S.grid,"data-aia-date-grid":"",children:e.map((c,x)=>j($t,{option:c,id:`${t}-option-${x}`,index:x,isHighlighted:x===n&&c.is_tappable,isToday:xe(c)===w,isPast:xe(c)!=null&&xe(c)<w,isSelected:r!=null&&xe(c)===r,onSelect:o,onHighlight:i},xe(c)??`pad-${x}`))})]})}function $t({option:e,id:n,index:t,isHighlighted:a,isToday:r,isPast:o,isSelected:i,onSelect:g,onHighlight:b}){let[w,c]=Ut(!1),x=Gt(e);if(x==null)return j("div",{id:n,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-hidden":"true","aria-selected":!1,tabIndex:-1,className:`${S.cell} ${S.blank}`});let k=()=>{c(!0),g(e),setTimeout(()=>c(!1),170)},y=[S.cell,S.day,o?S.past:"",a?S.highlighted:"",r?S.today:"",i?S.selected:"",w?S.pressed:""].filter(Boolean).join(" ");return j("div",{id:n,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-selected":a,"aria-label":e.text,tabIndex:0,className:y,onClick:k,onKeyDown:v=>{(v.key==="Enter"||v.key===" ")&&(v.preventDefault(),k())},onMouseEnter:()=>b(t),children:j("span",{className:S.number,children:x})})}import{ATTRIBUTION_URL as jt,buildAttributionUrl as Vt,getFooterHint as Yt}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as Qt,useState as Xt}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;
@@ -978,7 +999,7 @@ import{buildSubmitResult as Ii,cellDay as Ai,cellIso as Si,formatDate as Ci,isoD
     justify-content: space-around;
   }
 }
-`,document.head.appendChild(e)}import{jsx as st}from"react/jsx-runtime";function ke({gap:e,align:n="center",justify:a="start",noWrap:o=!1,inline:l=!1,className:t,children:i,...g}){let v=e?{"--aia-cluster-gap":e}:void 0,x={className:t?`aia-cluster ${t}`:"aia-cluster","data-align":n,"data-justify":a,"data-nowrap":o||void 0,"data-inline":l||void 0,style:v,...g};return l?st("span",{...x,children:i}):st("div",{...x,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 nt}from"react/jsx-runtime";function ye({gap:e,align:n="center",justify:t="start",noWrap:a=!1,inline:r=!1,className:o,children:i,...g}){let b=e?{"--aia-cluster-gap":e}:void 0,w={className:o?`aia-cluster ${o}`:"aia-cluster","data-align":n,"data-justify":t,"data-nowrap":a||void 0,"data-inline":r||void 0,style:b,...g};return r?nt("span",{...w,children:i}):nt("div",{...w,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. */
@@ -1112,7 +1133,7 @@ import{buildSubmitResult as Ii,cellDay as Ai,cellIso as Si,formatDate as Ci,isoD
     justify-content: flex-end;
   }
 }
-`,document.head.appendChild(e)}var de={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 Ge}from"react/jsx-runtime";function lt({isOptionHighlighted:e=!1,isInputEmpty:n=!1}){let{key:a,hint:o}=jt(e,n),[l,t]=Yt(qt);return Vt(()=>{t($t())},[]),Pe("footer",{className:de.footer,"data-aia-footer":"",children:Ge(ke,{justify:"between",noWrap:!0,className:de.row,children:[Ge(ke,{gap:"5px",className:de.hintGroup,children:[Pe("kbd",{className:de.key,children:a}),Pe("span",{className:de.hint,children:o})]}),Ge("a",{className:de.brandLink,href:l,target:"_blank",rel:"noopener noreferrer",children:[Pe("span",{className:de.brand,children:"AI"}),Pe("span",{className:de.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 de={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 _e,jsxs as Be}from"react/jsx-runtime";function rt({isOptionHighlighted:e=!1,isInputEmpty:n=!1}){let{key:t,hint:a}=Yt(e,n),[r,o]=Xt(jt);return Qt(()=>{o(Vt())},[]),_e("footer",{className:de.footer,"data-aia-footer":"",children:Be(ye,{justify:"between",noWrap:!0,className:de.row,children:[Be(ye,{gap:"5px",className:de.hintGroup,children:[_e("kbd",{className:de.key,children:t}),_e("span",{className:de.hint,children:a})]}),Be("a",{className:de.brandLink,href:r,target:"_blank",rel:"noopener noreferrer",children:[_e("span",{className:de.brand,children:"AI"}),_e("span",{className:de.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. */
@@ -1169,7 +1190,7 @@ import{buildSubmitResult as Ii,cellDay as Ai,cellIso as Si,formatDate as Ci,isoD
     opacity: 0;
   }
 }
-`,document.head.appendChild(e)}var pe={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 Qt}from"react/jsx-runtime";var He={selected:1,first:.7,next:.4,last:.2};function dt({label:e,state:n,rounded:a,loading:o,onClick:l}){let t=[pe.pill,a?pe.rounded:"",o?pe.skeleton:""].filter(Boolean).join(" ");return Qt("button",{type:"button","data-aia-pill":"","data-aia-loading":o?"":void 0,tabIndex:-1,contentEditable:!1,suppressContentEditableWarning:!0,className:t,style:{opacity:He[n]},onMouseDown:i=>i.preventDefault(),onClick:o?void 0:l,disabled:o,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 Zt}from"react/jsx-runtime";var Fe={selected:1,first:.7,next:.4,last:.2};function st({label:e,state:n,rounded:t,loading:a,onClick:r}){let o=[ue.pill,t?ue.rounded:"",a?ue.skeleton:""].filter(Boolean).join(" ");return Zt("button",{type:"button","data-aia-pill":"","data-aia-loading":a?"":void 0,tabIndex:-1,contentEditable:!1,suppressContentEditableWarning:!0,className:o,style:{opacity:Fe[n]},onMouseDown:i=>i.preventDefault(),onClick:a?void 0:r,disabled:a,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;
@@ -1179,7 +1200,7 @@ import{buildSubmitResult as Ii,cellDay as Ai,cellIso as Si,formatDate as Ci,isoD
   align-items: center;
   vertical-align: middle;
 }
-`,document.head.appendChild(e)}var Ke={list:"PillList-module_list_qvLqO"};import{jsx as Re}from"react/jsx-runtime";var Xt=[125,69];function ct(e){return e===0?"first":e===1?"next":"last"}function Le({pills:e,activePillIndex:n,onSelectPill:a,activeSelected:o,rounded:l,loading:t}){return t&&e.length===0?Re("span",{className:Ke.list,"data-aia-pill-list-loading":"",children:Xt.map((i,g)=>Re("span",{"data-aia-pill-skeleton":"",className:`${pe.pill} ${l?pe.rounded:""} ${pe.skeleton}`,style:{width:i,opacity:He[ct(g)]}},`skel-${i}`))}):Re("span",{className:Ke.list,"data-aia-pill-list-loading":t?"":void 0,children:e.map((i,g)=>{let v=!!o&&g===n;return Re(dt,{label:i.text,state:v?"selected":ct(g),selected:v,rounded:l,loading:t,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 Ge={list:"PillList-module_list_qvLqO"};import{jsx as Ee}from"react/jsx-runtime";var Jt=[125,69];function lt(e){return e===0?"first":e===1?"next":"last"}function Te({pills:e,activePillIndex:n,onSelectPill:t,activeSelected:a,rounded:r,loading:o}){return o&&e.length===0?Ee("span",{className:Ge.list,"data-aia-pill-list-loading":"",children:Jt.map((i,g)=>Ee("span",{"data-aia-pill-skeleton":"",className:`${ue.pill} ${r?ue.rounded:""} ${ue.skeleton}`,style:{width:i,opacity:Fe[lt(g)]}},`skel-${i}`))}):Ee("span",{className:Ge.list,"data-aia-pill-list-loading":o?"":void 0,children:e.map((i,g)=>{let b=!!a&&g===n;return Ee(st,{label:i.text,state:b?"selected":lt(g),selected:b,rounded:r,loading:o,onClick:()=>t(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.
 
@@ -1346,7 +1367,7 @@ import{buildSubmitResult as Ii,cellDay as Ai,cellIso as Si,formatDate as Ci,isoD
     var(--aia-option-color-selected, var(--aia-color-text-default, #fff))
   );
 }
-`,document.head.appendChild(e)}var W={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 ue,jsxs as We}from"react/jsx-runtime";function pt({products:e,listboxId:n,onSelect:a,onFocusChange:o,focusable:l=!0}){if(e.length===0)return null;let t=`${n}-products-label`;return We("section",{className:W.section,"data-aia-products":"",role:"group","aria-labelledby":t,children:[ue("div",{className:W.label,id:t,children:"Products"}),ue("div",{className:W.row,"data-aia-products-row":"",children:e.map((i,g)=>ue(Zt,{product:i,id:`${n}-product-${g}`,onSelect:a,onFocusChange:o,focusable:l},i.id))})]})}function Zt({product:e,id:n,onSelect:a,onFocusChange:o,focusable:l}){let t=i=>{i.metaKey||i.ctrlKey||i.shiftKey||i.altKey||i.button!==0||(i.preventDefault(),a(e))};return We("a",{id:n,className:W.card,"data-aia-product":"",role:"option","aria-selected":!1,href:e.url,tabIndex:l?0:-1,onClick:t,onKeyDown:i=>{i.key!=="Enter"&&i.key!==" "||(i.preventDefault(),a(e))},onFocus:()=>o?.(!0),onBlur:i=>{i.relatedTarget?.closest("[data-aia-dropdown]")||o?.(!1)},children:[ue("span",{className:W.media,"data-aia-product-placeholder":e.imageUrl?void 0:"",children:e.imageUrl?ue("img",{className:W.image,src:e.imageUrl,alt:"",loading:"lazy",decoding:"async"}):null}),We("span",{className:W.body,children:[e.vendor?ue("span",{className:W.vendor,children:e.vendor}):null,ue("span",{className:W.title,children:e.title}),e.price?ue("span",{className:W.price,children:e.price}):null]})]})}import{isOptionsGridMobileViewport as sa,measureOptionsGrid as la,needsOptionsGridMeasurement as da,OPTIONS_GRID_MOBILE_QUERY as ca,optionEnterDelayMs as pa,planOptionsGrid as ft}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as ua,useLayoutEffect as ma,useRef as ha,useState as bt}from"react";import{optionsGridTemplateColumns as Jt}from"@magicx-eng/ai-autocomplete-vanilla";import{useLayoutEffect as ea,useRef as ta}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 H={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 me,jsxs as He}from"react/jsx-runtime";function dt({products:e,listboxId:n,onSelect:t,onFocusChange:a,focusable:r=!0}){if(e.length===0)return null;let o=`${n}-products-label`;return He("section",{className:H.section,"data-aia-products":"",role:"group","aria-labelledby":o,children:[me("div",{className:H.label,id:o,children:"Products"}),me("div",{className:H.row,"data-aia-products-row":"",children:e.map((i,g)=>me(eo,{product:i,id:`${n}-product-${g}`,onSelect:t,onFocusChange:a,focusable:r},i.id))})]})}function eo({product:e,id:n,onSelect:t,onFocusChange:a,focusable:r}){let o=i=>{i.metaKey||i.ctrlKey||i.shiftKey||i.altKey||i.button!==0||(i.preventDefault(),t(e))};return He("a",{id:n,className:H.card,"data-aia-product":"",role:"option","aria-selected":!1,href:e.url,tabIndex:r?0:-1,onClick:o,onKeyDown:i=>{i.key!=="Enter"&&i.key!==" "||(i.preventDefault(),t(e))},onFocus:()=>a?.(!0),onBlur:i=>{i.relatedTarget?.closest("[data-aia-dropdown]")||a?.(!1)},children:[me("span",{className:H.media,"data-aia-product-placeholder":e.imageUrl?void 0:"",children:e.imageUrl?me("img",{className:H.image,src:e.imageUrl,alt:"",loading:"lazy",decoding:"async"}):null}),He("span",{className:H.body,children:[e.vendor?me("span",{className:H.vendor,children:e.vendor}):null,me("span",{className:H.title,children:e.title}),e.price?me("span",{className:H.price,children:e.price}):null]})]})}import{isOptionsGridMobileViewport as co,measureOptionsGrid as po,needsOptionsGridMeasurement as uo,OPTIONS_GRID_MOBILE_QUERY as mo,optionEnterDelayMs as ho,planOptionsGrid as mt}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as fo,useLayoutEffect as go,useRef as bo,useState as ft}from"react";import{optionsGridTemplateColumns as to}from"@magicx-eng/ai-autocomplete-vanilla";import{useLayoutEffect as oo,useRef as ao}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(
@@ -1381,7 +1402,7 @@ import{buildSubmitResult as Ii,cellDay as Ai,cellIso as Si,formatDate as Ci,isoD
     border-radius: 3px;
   }
 }
-`,document.head.appendChild(e)}import{jsx as aa}from"react/jsx-runtime";function ut({min:e="16rem",max:n,gap:a,scroll:o=!1,maxHeight:l,scrollResetKey:t,cols:i,template:g,innerRef:v,className:x,children:m,...w}){let k=ta(null);ea(()=>{if(t===void 0)return;let b=k.current;b&&(b.scrollTop=0)},[t]);let y={"--aia-grid-min":e};return n&&(y["--aia-grid-max"]=n),a&&(y["--aia-grid-gap"]=a),l&&(y["--aia-grid-max-height"]=l),i&&(y.gridTemplateColumns=Jt(i)),g&&(y.gridTemplateColumns=g),aa("div",{ref:b=>{k.current=b,v?.(b)},className:x?`aia-grid ${x}`:"aia-grid","data-scroll":o||void 0,style:y,...w,children:m})}import{OPTION_ENTER_DELAY_VAR as oa}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as ia,useRef as na,useState as mt}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 io}from"react/jsx-runtime";function ct({min:e="16rem",max:n,gap:t,scroll:a=!1,maxHeight:r,scrollResetKey:o,cols:i,template:g,innerRef:b,className:w,children:c,...x}){let k=ao(null);oo(()=>{if(o===void 0)return;let v=k.current;v&&(v.scrollTop=0)},[o]);let y={"--aia-grid-min":e};return n&&(y["--aia-grid-max"]=n),t&&(y["--aia-grid-gap"]=t),r&&(y["--aia-grid-max-height"]=r),i&&(y.gridTemplateColumns=to(i)),g&&(y.gridTemplateColumns=g),io("div",{ref:v=>{k.current=v,b?.(v)},className:w?`aia-grid ${w}`:"aia-grid","data-scroll":a||void 0,style:y,...x,children:c})}import{OPTION_ENTER_DELAY_VAR as no}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as ro,useRef as so,useState as pt}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;
@@ -1461,12 +1482,12 @@ import{buildSubmitResult as Ii,cellDay as Ai,cellIso as Si,formatDate as Ci,isoD
    option steps back in opacity \u2014 no fill, no glow, the hierarchy carries it. */
 .SuggestionItem-module_pressed_98o-r {
   color: var(--aia-option-color-selected, var(--aia-color-text-default, #fff));
-  animation: SuggestionItem-module_pressCompress_ICV3q 500ms ease forwards;
+  animation: SuggestionItem-module_pressCompress_ICV3q 170ms ease forwards;
 }
 
 [role="listbox"]:has(.SuggestionItem-module_pressed_98o-r) .SuggestionItem-module_item_d4vpD:not(.SuggestionItem-module_pressed_98o-r) {
   opacity: 0.35;
-  transition: opacity 150ms ease;
+  transition: opacity 60ms ease;
 }
 
 @keyframes SuggestionItem-module_pressCompress_ICV3q {
@@ -1528,7 +1549,7 @@ import{buildSubmitResult as Ii,cellDay as Ai,cellIso as Si,formatDate as Ci,isoD
     filter: brightness(0.55);
   }
 }
-`,document.head.appendChild(e)}var Y={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"};import{jsx as Ue,jsxs as ra}from"react/jsx-runtime";function ht({option:e,isHighlighted:n,onSelect:a,onHighlight:o,id:l,loading:t,scrollHint:i,enterDelayMs:g=0}){let[v]=mt(g),[x,m]=mt(!1),w=na(void 0);ia(()=>()=>clearTimeout(w.current),[]);let k=()=>{t||!e.is_tappable||x||(m(!0),a(e),clearTimeout(w.current),w.current=setTimeout(()=>m(!1),500))},y=[Y.item,n&&!t?Y.highlighted:"",e.is_tappable?Y.tappable:Y.nonTappable,x?Y.pressed:"",i?Y.scrollHint:""].filter(Boolean).join(" ");return Ue("div",{id:l,role:"option","data-aia-option":"","data-aia-loading":t?"":void 0,"aria-selected":n,className:y,style:{[oa]:`${v}ms`},tabIndex:t||!e.is_tappable?-1:0,onClick:k,onKeyDown:b=>{!t&&e.is_tappable&&(b.key==="Enter"||b.key===" ")&&(b.preventDefault(),k())},onMouseEnter:!t&&e.is_tappable?o:void 0,children:ra("span",{className:Y.content,children:[Ue("span",{className:Y.text,children:e.icon?`${e.icon} ${e.text}`:e.text}),e.tag&&Ue("span",{className:Y.tag,children:e.tag})]})})}import{jsx as gt}from"react/jsx-runtime";function fa(){let[e,n]=bt(sa);return ua(()=>{if(typeof window>"u"||!window.matchMedia)return;let a=window.matchMedia(ca),o=()=>n(a.matches);return o(),a.addEventListener("change",o),()=>a.removeEventListener("change",o)},[]),e}function vt({options:e,activeIndex:n,onSelect:a,onHighlight:o,listboxId:l,loading:t,groupKey:i="",optionsPosition:g="below"}){let v=fa(),x=ha(null),[m,w]=bt(null);ma(()=>{let y=x.current,D=y&&!t&&da(e.length,v)?la(y):null;w(D?ft(e.length,v,D.rowWidths,D.gridWidth):null)},[e,v,t]);let k=m??ft(e.length,v,null,null);return gt(ut,{min:"250px",max:"1fr",gap:"0",scroll:!0,scrollResetKey:i,template:k.template,maxHeight:k.maxHeight,innerRef:y=>{x.current=y},"data-aia-group":i,children:e.map((y,b)=>gt(ht,{option:y,isHighlighted:b===n,onSelect:a,onHighlight:()=>o(b),id:`${l}-option-${b}`,loading:t,scrollHint:!t&&k.scrollHintIndices.includes(b),enterDelayMs:t?0:pa(b,k.cols,e.length,g)},`${i}\0${y.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 V={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"};import{jsx as Ke,jsxs as lo}from"react/jsx-runtime";function ut({option:e,isHighlighted:n,onSelect:t,onHighlight:a,id:r,loading:o,scrollHint:i,enterDelayMs:g=0}){let[b]=pt(g),[w,c]=pt(!1),x=so(void 0);ro(()=>()=>clearTimeout(x.current),[]);let k=()=>{o||!e.is_tappable||w||(c(!0),t(e),clearTimeout(x.current),x.current=setTimeout(()=>c(!1),170))},y=[V.item,n&&!o?V.highlighted:"",e.is_tappable?V.tappable:V.nonTappable,w?V.pressed:"",i?V.scrollHint:""].filter(Boolean).join(" ");return Ke("div",{id:r,role:"option","data-aia-option":"","data-aia-loading":o?"":void 0,"aria-selected":n,className:y,style:{[no]:`${b}ms`},tabIndex:o||!e.is_tappable?-1:0,onClick:k,onKeyDown:v=>{!o&&e.is_tappable&&(v.key==="Enter"||v.key===" ")&&(v.preventDefault(),k())},onMouseEnter:!o&&e.is_tappable?a:void 0,children:lo("span",{className:V.content,children:[Ke("span",{className:V.text,children:e.icon?`${e.icon} ${e.text}`:e.text}),e.tag&&Ke("span",{className:V.tag,children:e.tag})]})})}import{jsx as ht}from"react/jsx-runtime";function vo(){let[e,n]=ft(co);return fo(()=>{if(typeof window>"u"||!window.matchMedia)return;let t=window.matchMedia(mo),a=()=>n(t.matches);return a(),t.addEventListener("change",a),()=>t.removeEventListener("change",a)},[]),e}function gt({options:e,activeIndex:n,onSelect:t,onHighlight:a,listboxId:r,loading:o,groupKey:i="",optionsPosition:g="below"}){let b=vo(),w=bo(null),[c,x]=ft(null);go(()=>{let y=w.current,D=y&&!o&&uo(e.length,b)?po(y):null;x(D?mt(e.length,b,D.rowWidths,D.gridWidth):null)},[e,b,o]);let k=c??mt(e.length,b,null,null);return ht(ct,{min:"250px",max:"1fr",gap:"0",scroll:!0,scrollResetKey:i,template:k.template,maxHeight:k.maxHeight,innerRef:y=>{w.current=y},"data-aia-group":i,children:e.map((y,v)=>ht(ut,{option:y,isHighlighted:v===n,onSelect:t,onHighlight:()=>a(v),id:`${r}-option-${v}`,loading:o,scrollHint:!o&&k.scrollHintIndices.includes(v),enterDelayMs:o?0:ho(v,k.cols,e.length,g)},`${i}\0${y.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;
@@ -1545,7 +1566,7 @@ import{buildSubmitResult as Ii,cellDay as Ai,cellIso as Si,formatDate as Ci,isoD
   }
   /* data-align="stretch" is the flex default \u2014 no rule needed. */
 }
-`,document.head.appendChild(e)}import{jsx as ga}from"react/jsx-runtime";function wt({space:e,align:n="stretch",className:a,children:o,...l}){let t=e?{"--aia-stack-space":e}:void 0;return ga("div",{className:a?`aia-stack ${a}`:"aia-stack","data-align":n,style:t,...l,children:o})}import{jsx as H,jsxs as qe}from"react/jsx-runtime";var xa=[159,119,164],ya=()=>{},xt=()=>{};function _a(e){let n=()=>typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(prefers-color-scheme: dark)").matches,[a,o]=wa(n);if($e(()=>{if(e!=="auto"||typeof window>"u"||typeof window.matchMedia!="function")return;let l=window.matchMedia("(prefers-color-scheme: dark)"),t=()=>o(l.matches);return l.addEventListener("change",t),()=>l.removeEventListener("change",t)},[e]),e!==void 0)return e==="auto"?a?"dark":"light":e}function ka(e,n){let a=Me(null);$e(()=>{let o=e.current,l=n.current;if(!o||!l)return;let t=o.querySelector(".aia-grid[data-scroll]");if(a.current&&a.current.grid!==t&&(a.current.controller.destroy(),a.current=null),t&&!a.current){a.current={grid:t,controller:ba({dropdown:o,grid:t,button:l})};return}a.current?.controller.update()}),$e(()=>()=>{a.current?.controller.destroy(),a.current=null},[])}function je({suggestions:e,activeIndex:n,onSelect:a,onHighlight:o,isOpen:l,id:t,className:i,pills:g,onPillClick:v,showPills:x=!0,onSkip:m,showSkipButton:w=!0,skipDisabled:k=!1,activeSelected:y=!1,isLoading:b=!1,isInputEmpty:D=!1,products:E,onProductSelect:Q,onProductFocusChange:X,formatType:z="options",dateView:P=null,selectedDateIso:Z=null,onPreviousMonth:J,onNextMonth:p,optionsPosition:ee="below",mode:te}){let R=_a(te),q=R!==void 0,ae=Me(null),$=Me(null);ka(ae,$);let oe=e[0]?.options??[],ie=!!(g&&g.length>0&&v),M=!!(E&&E.length>0),O=l&&(oe.length>0||x&&ie||b||M),j={suggestions:e,activeIndex:n,pills:g,showPills:x,showSkipButton:w,skipDisabled:k,activeSelected:y,isLoading:b,isInputEmpty:D,products:E,formatType:z,dateView:P,selectedDateIso:Z},B=Me(j);O&&(B.current=j);let h=O?j:B.current,N=h.suggestions[0],s=N?.options??[],u=h.activeIndex>=0&&!!s[h.activeIndex]?.is_tappable,f=!!(h.pills&&h.pills.length>0&&v),_=h.showPills&&f,r=h.showPills&&!f&&h.isLoading,S=_||r,K=f&&h.showSkipButton&&!h.isInputEmpty&&!!m,F=h.pills?.[0]?.text,d=h.formatType==="date"&&h.dateView!=null,me=s.length>0&&!d,ge=s.length>0&&d,ne=h.isLoading&&!me&&!ge,he=h.products??[];return qe("div",{ref:ae,id:t,role:"listbox","data-aia-dropdown":"","data-options-position":ee,"data-mode":R,"data-aia-loading":h.isLoading?"":void 0,"data-aia-has-products":he.length>0?"":void 0,className:`${q?"magicx-aia ":""}${le.dropdown} ${O?le.visible:""} ${i??""}`,onMouseDown:G=>G.preventDefault(),children:[qe(wt,{space:"8px",children:[(S||K)&&qe(ke,{noWrap:!0,className:le.pillBar,"data-aia-pillbar":"",children:[S&&H("span",{className:le.pillScroll,"data-aia-pill-scroll":"",children:H(Le,{pills:h.pills??[],activePillIndex:0,activeSelected:h.activeSelected,onSelectPill:v??(()=>{}),rounded:!0,loading:h.isLoading})}),K&&H("button",{type:"button",tabIndex:-1,className:le.skip,"data-aia-skip":"",disabled:h.isLoading||h.skipDisabled,"aria-label":F?`Skip ${F}`:"Skip",onClick:m,children:"skip"})]}),me&&H(vt,{options:s,activeIndex:h.activeIndex,onSelect:a,onHighlight:o,listboxId:t,loading:h.isLoading,groupKey:N?`${N.type} ${N.text}`:"",optionsPosition:ee}),ge&&h.dateView&&H(rt,{options:s,activeIndex:h.activeIndex,listboxId:t,view:h.dateView,selectedIso:h.selectedDateIso??null,onSelect:a,onHighlight:o,onPreviousMonth:J??xt,onNextMonth:p??xt}),ne&&H("div",{className:le.skeletonBars,"data-aia-skeleton-bars":"",children:xa.map(G=>H("span",{className:le.skeletonBar,style:{width:G}},`bar-${G}`))}),H(pt,{products:he,listboxId:t,onSelect:Q??ya,onFocusChange:X,focusable:O}),H(lt,{isOptionHighlighted:u,isInputEmpty:h.isInputEmpty})]}),H("button",{ref:$,type:"button",tabIndex:-1,className:le.scrollArrow,"data-aia-scroll-arrow":"","aria-label":va,"aria-hidden":"true",children:H("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:H("path",{d:"M4 6.5 8 10.5l4-4"})})})]})}import{buildSubmitResult as Na,ModeController as za,setCursorOffset as Oa}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 wo}from"react/jsx-runtime";function bt({space:e,align:n="stretch",className:t,children:a,...r}){let o=e?{"--aia-stack-space":e}:void 0;return wo("div",{className:t?`aia-stack ${t}`:"aia-stack","data-align":n,style:o,...r,children:a})}import{jsx as B,jsxs as We}from"react/jsx-runtime";var ko=[159,119,164],Po=()=>{},vt=()=>{};function Io(e){let n=()=>typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(prefers-color-scheme: dark)").matches,[t,a]=_o(n);if(Ue(()=>{if(e!=="auto"||typeof window>"u"||typeof window.matchMedia!="function")return;let r=window.matchMedia("(prefers-color-scheme: dark)"),o=()=>a(r.matches);return r.addEventListener("change",o),()=>r.removeEventListener("change",o)},[e]),e!==void 0)return e==="auto"?t?"dark":"light":e}function Ao(e,n){let t=Re(null);Ue(()=>{let a=e.current,r=n.current;if(!a||!r)return;let o=a.querySelector(".aia-grid[data-scroll]");if(t.current&&t.current.grid!==o&&(t.current.controller.destroy(),t.current=null),o&&!t.current){t.current={grid:o,controller:xo({dropdown:a,grid:o,button:r})};return}t.current?.controller.update()}),Ue(()=>()=>{t.current?.controller.destroy(),t.current=null},[])}function qe({suggestions:e,activeIndex:n,onSelect:t,onHighlight:a,isOpen:r,id:o,className:i,pills:g,onPillClick:b,showPills:w=!0,onSkip:c,showSkipButton:x=!0,skipDisabled:k=!1,activeSelected:y=!1,isLoading:v=!1,isInputEmpty:D=!1,products:E,onProductSelect:Y,onProductFocusChange:Q,formatType:O="options",dateView:P=null,selectedDateIso:X=null,onPreviousMonth:Z,onNextMonth:p,optionsPosition:J="below",mode:ee}){let T=Io(ee),W=T!==void 0,te=Re(null),U=Re(null);Ao(te,U);let oe=e[0]?.options??[],ae=!!(g&&g.length>0&&b),R=!!(E&&E.length>0),M=r&&(oe.length>0||w&&ae||v||R),q={suggestions:e,activeIndex:n,pills:g,showPills:w,showSkipButton:x,skipDisabled:k,activeSelected:y,isLoading:v,isInputEmpty:D,products:E,formatType:O,dateView:P,selectedDateIso:X},N=Re(q);M&&(N.current=q);let u=M?q:N.current,G=u.suggestions[0],s=G?.options??[],m=u.activeIndex>=0&&!!s[u.activeIndex]?.is_tappable,f=!!(u.pills&&u.pills.length>0&&b),l=u.showPills&&f,_=u.showPills&&!f&&u.isLoading,A=l||_,L=f&&u.showSkipButton&&!u.isInputEmpty&&!!c,d=u.pills?.[0]?.text,ie=u.formatType==="date"&&u.dateView!=null,ge=s.length>0&&!ie,ce=s.length>0&&ie,he=u.isLoading&&!ge&&!ce,$=u.products??[];return We("div",{ref:te,id:o,role:"listbox","data-aia-dropdown":"","data-options-position":J,"data-mode":T,"data-aia-loading":u.isLoading?"":void 0,"data-aia-has-products":$.length>0?"":void 0,className:`${W?"magicx-aia ":""}${le.dropdown} ${M?le.visible:""} ${i??""}`,onMouseDown:ne=>ne.preventDefault(),children:[We(bt,{space:"8px",children:[(A||L)&&We(ye,{noWrap:!0,className:le.pillBar,"data-aia-pillbar":"",children:[A&&B("span",{className:le.pillScroll,"data-aia-pill-scroll":"",children:B(Te,{pills:u.pills??[],activePillIndex:0,activeSelected:u.activeSelected,onSelectPill:b??(()=>{}),rounded:!0,loading:u.isLoading})}),L&&B("button",{type:"button",tabIndex:-1,className:le.skip,"data-aia-skip":"",disabled:u.isLoading||u.skipDisabled,"aria-label":d?`Skip ${d}`:"Skip",onClick:c,children:"skip"})]}),ge&&B(gt,{options:s,activeIndex:u.activeIndex,onSelect:t,onHighlight:a,listboxId:o,loading:u.isLoading,groupKey:G?`${G.type} ${G.text}`:"",optionsPosition:J}),ce&&u.dateView&&B(it,{options:s,activeIndex:u.activeIndex,listboxId:o,view:u.dateView,selectedIso:u.selectedDateIso??null,onSelect:t,onHighlight:a,onPreviousMonth:Z??vt,onNextMonth:p??vt}),he&&B("div",{className:le.skeletonBars,"data-aia-skeleton-bars":"",children:ko.map(ne=>B("span",{className:le.skeletonBar,style:{width:ne}},`bar-${ne}`))}),B(dt,{products:$,listboxId:o,onSelect:Y??Po,onFocusChange:Q,focusable:M}),B(rt,{isOptionHighlighted:m,isInputEmpty:u.isInputEmpty})]}),B("button",{ref:U,type:"button",tabIndex:-1,className:le.scrollArrow,"data-aia-scroll-arrow":"","aria-label":yo,"aria-hidden":"true",children:B("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:B("path",{d:"M4 6.5 8 10.5l4-4"})})})]})}import{buildSubmitResult as Bo,ModeController as Fo,setCursorOffset as Go}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;
@@ -1580,5 +1601,5 @@ import{buildSubmitResult as Ii,cellDay as Ai,cellIso as Si,formatDate as Ci,isoD
   );
   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:n}){return Ve("button",{type:"button","data-aia-submit":"",className:yt.submitButton,disabled:e,onClick:a=>{a.stopPropagation(),n()},"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 Pa,identifiedParamLabel as Ia,selectedIsoFromText as Aa}from"@magicx-eng/ai-autocomplete-vanilla";import{useCallback as It,useEffect as Ie,useRef as L,useState as Sa}from"react";import{useRef as kt}from"react";function Pt(e){let n=kt(e);n.current=e;let a=kt(null);a.current===null&&(a.current={fetch:(l,t)=>{let i=n.current;return i?i.fetch(l,t):Promise.reject(new Error("products config removed"))},transform:l=>n.current?.transform(l)??[],get limit(){return n.current?.limit}});let o=e!==void 0;return{config:o?a.current:void 0,enabled:o}}var Ca={text:"",completedParams:[],identifiedParams:[],skippedParams:[],pendingSpan:null,suggestions:[],products:[],activeDropdownIndex:-1,newParamId:null,isLoading:!0,isReady:!1,error:null,segments:[],actionableSuggestions:[],filteredOptions:[],activeFormatType:"options",dateView:null,placeholderText:"",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};function Ye({onSubmit:e,onResult:n,onError:a,optionOverrides:o,maskCompletedText:l,apiConfig:t,additionalContext:i,columns:g=2,dropdownTrigger:v,optionsPosition:x,closeDropdownOnBlur:m,showNonTappableOptions:w,showSkipButton:k,onFocus:y,onBlur:b,value:D,completedParams:E,onChange:Q,onParamsChange:X,products:z,onProductSelect:P,source:Z,setCursor:J}){let p=L(null),[ee,te]=Sa(null),R=L(e);R.current=e;let q=L(n);q.current=n;let ae=L(a);ae.current=a;let $=L(Q);$.current=Q;let oe=L(X);oe.current=X;let ie=L(y);ie.current=y;let M=L(b);M.current=b;let O=L(J);O.current=J;let j=L(P);j.current=P;let B=Pt(z);Ie(()=>{if(typeof document>"u")return;let c=new Pa(document.createElement("div"),{renderMode:"headless",apiConfig:t,additionalContext:i,optionOverrides:o,maskCompletedText:l,columns:g,dropdownTrigger:v,optionsPosition:x,closeDropdownOnBlur:m,showNonTappableOptions:w,source:Z,value:D,completedParams:E,onSubmit:(...A)=>R.current?.(...A),onResult:(...A)=>q.current?.(...A),onError:(...A)=>ae.current?.(...A),onChange:(...A)=>$.current?.(...A),onParamsChange:(...A)=>oe.current?.(...A),onFocus:()=>ie.current?.(),onBlur:()=>M.current?.(),onProductSelect:A=>j.current?.(A),setCursor:A=>O.current?.(A),products:B.config});p.current=c,te(c.getState());let T=c.subscribe(A=>te(A));return()=>{T(),c.destroy(),p.current===c&&(p.current=null)}},[]),Ie(()=>{D!==void 0&&p.current?.setValue(D)},[D]),Ie(()=>{E!==void 0&&p.current?.setCompletedParams(E)},[E]);let h=JSON.stringify(t??null),N;try{N=JSON.stringify(i??null)}catch{N="[unstringifiable]"}let s=L(o),u=L(0);if(o!==s.current){let c=s.current,T=o,A=Object.keys(c??{}),be=Object.keys(T??{});(A.length!==be.length||be.some(ye=>!c?.[ye]||T[ye]!==c[ye]))&&u.current++,s.current=o}Ie(()=>{p.current?.update({apiConfig:t,additionalContext:i,optionOverrides:o,dropdownTrigger:v,optionsPosition:x,closeDropdownOnBlur:m,showNonTappableOptions:w})},[h,N,u.current,v,x,m,w]);let f=L(!1);Ie(()=>{if(!f.current){f.current=!0;return}p.current?.update({products:B.config})},[B.enabled]);let _=L(null);_.current===null&&(_.current={handleTextChange:c=>p.current?.handleTextChange(c),handleKeyDown:c=>{let T="nativeEvent"in c?c.nativeEvent:c;p.current?.handleKeyDown(T)},setFocused:c=>p.current?.setFocused(c),startEditingParam:c=>p.current?.startEditingParam(c),exitEditMode:()=>p.current?.exitEditMode(),handleCaretAfterInput:c=>p.current?.handleCaretAfterInput(c),handleCaretMove:c=>p.current?.handleCaretMove(c),replaceEditingRange:c=>p.current?.replaceEditingRange(c)??!1,setActivePill:c=>p.current?.setActivePill(c),skipActivePill:()=>p.current?.skipActivePill(),removeLastParam:()=>p.current?.removeLastParam(),clearNewParamId:()=>p.current?.clearNewParamId(),reset:()=>p.current?.reset(),selectOption:c=>p.current?.selectOption(c),selectProduct:c=>p.current?.selectProduct(c),setActiveDropdownIndex:c=>p.current?.setActiveDropdownIndex(c),showPreviousMonth:()=>p.current?.showPreviousMonth(),showNextMonth:()=>p.current?.showNextMonth(),handleFocus:()=>p.current?.setFocused(!0),handleBlur:()=>p.current?.setFocused(!1)});let r=_.current,S=It(c=>{let T=c.target.value,be=T.length>0&&!c.nativeEvent?.isComposing&&T[0]!==T[0].toUpperCase()?T[0].toUpperCase()+T.slice(1):T;p.current?.handleTextChange(be)},[]),K=It(c=>{p.current?.handleKeyDown(c.nativeEvent)},[]),F=p.current,d=ee??Ca,me=D!==void 0?D:d.text,ge=E!==void 0?E:d.completedParams,ne=d.actionableSuggestions,he=ne[0],G=F?.listboxId??"",ze=d.activeDropdownIndex>=0&&F?`${G}-option-${d.activeDropdownIndex}`:void 0,re=d.editingParam,se=d.editingIdentified,xe=re?{type:re.suggestionType,text:re.suggestionPlaceholder,required:!0,options:re.options}:se?{type:se.type,text:Ia(se.type),required:!0,options:[]}:null,Se=xe??he,Oe=xe?[xe]:ne,Ce=!F||d.isLoading&&!d.editingParam&&!d.inSelectionAnimation;return{completedParams:ge,skippedParams:d.skippedParams,identifiedParams:d.identifiedParams,suggestionPills:ne,setActivePill:r.setActivePill,skipActivePill:r.skipActivePill,removeLastParam:r.removeLastParam,segments:d.segments,newParamId:d.newParamId,clearNewParamId:r.clearNewParamId,suggestions:d.suggestions,activeIndex:d.activeDropdownIndex,isReady:d.isReady,isLoading:Ce,isFocused:d.isFocused,isDropdownOpen:d.isDropdownOpen,isActivePillSelected:d.isActivePillSelected,placeholderText:d.placeholderText,listboxId:G,error:d.error,products:d.products,selectProduct:r.selectProduct,handleTextChange:r.handleTextChange,handleKeyDown:r.handleKeyDown,setFocused:r.setFocused,editingParam:re,editingIdentified:se,editingAnchor:d.editingAnchor,caretOffset:d.caretOffset,startEditingParam:r.startEditingParam,exitEditMode:r.exitEditMode,handleCaretAfterInput:r.handleCaretAfterInput,handleCaretMove:r.handleCaretMove,replaceEditingRange:r.replaceEditingRange,inputProps:{value:me,placeholder:d.placeholderText||void 0,onChange:S,onKeyDown:K,onFocus:r.handleFocus,onBlur:r.handleBlur,role:"combobox","aria-expanded":d.isDropdownOpen,"aria-activedescendant":ze,"aria-autocomplete":"list","aria-controls":G},reset:r.reset,dropdownProps:{suggestions:Se?[{...Se,options:d.filteredOptions}]:[],activeIndex:d.activeDropdownIndex,onSelect:r.selectOption,onHighlight:r.setActiveDropdownIndex,isOpen:d.isDropdownOpen,id:G,pills:Oe,activeSelected:d.isActivePillSelected,onPillClick:r.setActivePill,onSkip:r.skipActivePill,showSkipButton:(k??!0)&&!re&&!se,skipDisabled:d.inSelectionAnimation,isLoading:Ce,isInputEmpty:me.trim().length===0,products:d.products,onProductSelect:r.selectProduct,onProductFocusChange:r.setFocused,formatType:d.activeFormatType,dateView:d.dateView,selectedDateIso:se?se.iso:Aa(re?.text),onPreviousMonth:r.showPreviousMonth,onNextMonth:r.showNextMonth,optionsPosition:x??"below"}}}import{extractPlainText as At,getCursorOffset as St,plainTextLength as Da,renderEditableContent as Ea,setCursorOffset as Ct}from"@magicx-eng/ai-autocomplete-vanilla";import{useCallback as U,useEffect as Qe,useLayoutEffect as Xe,useRef as ve}from"react";var Ne;function Ta(){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 Dt(e){let{segments:n,newParamId:a,editingParam:o,editingIdentified:l,editingAnchor:t,caretOffset:i,placeholderText:g,isFocused:v,isDropdownOpen:x,listboxId:m,activeDescendantId:w,autoFocus:k,handleTextChange:y,handleKeyDown:b,handleCaretAfterInput:D,handleCaretMove:E,startEditingParam:Q,replaceEditingRange:X,setFocused:z}=e,P=ve(null),Z=ve(!1),J=ve(""),p=ve(""),ee=ve(null),te=ve(0);ee.current=i,Qe(()=>{if(!k)return;let s=P.current;if(!s)return;document.activeElement===s?z(!0):s.focus();let u=s.ownerDocument??document,f=u.getSelection(),_=f&&f.rangeCount>0&&s.contains(f.anchorNode);if(f&&!_){let r=u.createRange();r.selectNodeContents(s),r.collapse(!0),f.removeAllRanges(),f.addRange(r)}},[k,z]),Qe(()=>{let s=P.current;if(!s)return;let u=s.ownerDocument??document,f=()=>{let _=u.getSelection();if(!_||_.rangeCount===0||!_.anchorNode||!s.contains(_.anchorNode))return;let r=_.anchorNode,S=r.nodeType===Node.ELEMENT_NODE?r:r.parentElement,F=(_.isCollapsed?S?.closest("strong[data-param-id]"):null)?.dataset.paramId??null,d=o?.id??l?.id??null;if(F&&F!==d){Q(F);return}performance.now()-te.current<50||E(St(s))};return u.addEventListener("selectionchange",f),()=>u.removeEventListener("selectionchange",f)},[o,l,Q,E]),Xe(()=>{let s=P.current;s&&Ea({input:s,segments:n,newParamId:a,editingParamId:o?.id??null,placeholderText:g??"",isFocused:v})},[n,a,o,g,v]),Xe(()=>{let s=J.current,u=a??"";if(J.current=u,!u||u===s)return;let f=P.current;if(!f)return;f.focus();let _=ee.current??Da(f);Ct(f,_)},[a]),Xe(()=>{let s=p.current,u=o?.id??"";if(p.current=u,!u||u===s||t==null)return;let f=P.current;f&&Ct(f,t)},[o,t]);let R=U(()=>{if(Z.current)return;let s=P.current;if(!s)return;let u=At(s),_=u.length>0&&u[0]!==u[0].toUpperCase()?u[0].toUpperCase()+u.slice(1):u;y(_)},[y]),q=U(()=>{te.current=performance.now(),R();let s=P.current;s&&D(St(s))},[R,D]);Qe(()=>{let s=P.current;if(!s)return;let u=f=>{let _=f,r=_.inputType;if(r==="insertParagraph"||r==="insertLineBreak"||r==="insertFromDrop"){f.preventDefault();return}if(r.startsWith("insert")||r.startsWith("delete")){let S=r.startsWith("delete")?"":_.data??"";X(S)&&f.preventDefault()}};return s.addEventListener("beforeinput",u),()=>s.removeEventListener("beforeinput",u)},[X]);let ae=U(()=>{Z.current=!0},[]),$=U(()=>{Z.current=!1,R()},[R]),oe=U(s=>{s.preventDefault();let u=P.current;if(!u)return;let f=(s.clipboardData.getData("text/plain")??"").replace(/\r?\n/g," ");if(!f)return;let _=u.ownerDocument??document,r=_.getSelection();if(!r||r.rangeCount===0)return;let S=r.getRangeAt(0);if(!u.contains(S.startContainer))return;S.deleteContents();let K=_.createTextNode(f);S.insertNode(K),S.setStartAfter(K),S.collapse(!0),r.removeAllRanges(),r.addRange(S),R()},[R]),ie=U(s=>b(s),[b]),M=U(()=>z(!0),[z]),O=U(()=>z(!1),[z]),j=U(()=>P.current?.focus(),[]),B=U(()=>P.current?.blur(),[]),h=U(()=>{let s=P.current;return s?At(s):""},[]),N=Ta()?"plaintext-only":"true";return{inputRef:P,editorProps:{ref:P,contentEditable:N,suppressContentEditableWarning:!0,tabIndex:0,role:"combobox","aria-autocomplete":"list","aria-haspopup":"listbox","aria-controls":m,"aria-expanded":x,"aria-activedescendant":w,spellCheck:!0,enterKeyHint:"send",onInput:q,onKeyDown:ie,onCompositionStart:ae,onCompositionEnd:$,onPaste:oe,onFocus:M,onBlur:O},getPlainText:h,focus:j,blur:B}}import{jsx as we,jsxs as Je}from"react/jsx-runtime";function Ba(e){return e!=="auto"?e:typeof window>"u"||window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}var Fa=Ra(function({onSubmit:n,onResult:a,onError:o,optionOverrides:l,maskCompletedText:t,className:i,apiConfig:g,additionalContext:v,columns:x,pillPlacement:m="dropdown",mode:w="auto",optionsPosition:k="below",animations:y=!0,dropdownTrigger:b,closeDropdownOnBlur:D,showNonTappableOptions:E,showSkipButton:Q,autoFocus:X=!0,onFocus:z,onBlur:P,value:Z,completedParams:J,onChange:p,onParamsChange:ee,products:te,onProductSelect:R,submitButton:q},ae){let $=Ae(null),oe=Ae(null),ie=Ae(()=>{}),M=Ae(null),O=Ae(null);Et(()=>{let I=$.current;if(I)return M.current?M.current.setMode(w):M.current=new za(I,w),()=>{M.current?.destroy(),M.current=null}},[w]);let j=Ze(I=>{let ce=O.current?.current;ce&&(ce.focus(),Oa(ce,I))},[]),{completedParams:B,skippedParams:h,identifiedParams:N,isReady:s,suggestionPills:u,setActivePill:f,skipActivePill:_,segments:r,newParamId:S,clearNewParamId:K,placeholderText:F,isFocused:d,isDropdownOpen:me,isActivePillSelected:ge,isLoading:ne,activeIndex:he,listboxId:G,handleTextChange:ze,handleKeyDown:re,setFocused:se,editingParam:xe,editingIdentified:Se,editingAnchor:Oe,caretOffset:Ce,startEditingParam:c,handleCaretAfterInput:T,handleCaretMove:A,replaceEditingRange:be,dropdownProps:ye,reset:De}=Ye({onSubmit:I=>ie.current(I),onResult:a,onError:o,optionOverrides:l,maskCompletedText:t,apiConfig:g,additionalContext:v,columns:x,dropdownTrigger:b,optionsPosition:k,closeDropdownOnBlur:D,showNonTappableOptions:E,showSkipButton:Q,onFocus:z,onBlur:P,value:Z,completedParams:J,onChange:p,onParamsChange:ee,products:te,onProductSelect:R,source:"full-sdk",setCursor:j});Et(()=>{if(!S)return;let I=window.setTimeout(()=>K(),650);return()=>window.clearTimeout(I)},[S,K]);let Tt=he>=0?`${G}-option-${he}`:void 0,{inputRef:Be,editorProps:Rt,focus:Ee,blur:et,getPlainText:tt}=Dt({segments:r,newParamId:S,editingParam:xe,editingIdentified:Se,editingAnchor:Oe,caretOffset:Ce,placeholderText:F,isFocused:d,isDropdownOpen:me,listboxId:G,activeDescendantId:Tt,autoFocus:X,handleTextChange:ze,handleKeyDown:re,handleCaretAfterInput:T,handleCaretMove:A,startEditingParam:c,replaceEditingRange:be,setFocused:se});O.current=Be,Ma(()=>{let I=oe.current,ce=Be.current;if(!I||!ce)return;let at=()=>{let it=I.firstElementChild;if(!it)return;let zt=it.getBoundingClientRect(),Ot=ce.getBoundingClientRect();zt.top>=Ot.bottom-2?I.setAttribute("data-aia-pill-wrapped",""):I.removeAttribute("data-aia-pill-wrapped")};at();let ot=new ResizeObserver(at);return ot.observe(ce),()=>ot.disconnect()},[r,u.length,ne,Be]),La(ae,()=>({focus:Ee,blur:et,reset:De,setMode:I=>M.current?.setMode(I),skipActivePill:_}),[Ee,et,De,_]);let Te=!!r.length||B.length>0,Fe=Ze(()=>{if(!Te)return;let I=tt();n(Na(I,B,h,{identifiedParams:N,isReady:s})),De()},[Te,B,h,N,s,n,De,tt]);ie.current=Fe;let Lt=Ze(I=>{I.target?.closest("[data-aia-pill]")||Ee()},[Ee]),Mt=m==="inline",Nt=m==="dropdown";return Je("div",{ref:$,className:`magicx-aia ${fe.container} ${i??""}`,"data-pill-placement":m,"data-options-position":k,"data-animations":y?"on":"off","data-mode":Ba(w),children:[we(je,{...ye,showPills:Nt}),Je("div",{className:fe.inputWrapper,onClick:Lt,children:[Je("div",{className:fe.editorArea,"data-aia-editor":"",children:[we("div",{...Rt,className:fe.input,"data-aia-input":""}),Mt&&(ne||u.length>0)&&we("span",{ref:oe,className:fe.pillListContainer,"data-aia-pill-list-container":"",children:we(Le,{pills:u,activePillIndex:0,activeSelected:ge,onSelectPill:f,loading:ne})})]}),q===null?null:q===void 0?we(_t,{disabled:!Te,onClick:Fe}):we("span",{"data-aia-submit":"",className:fe.submitSlot,onClick:I=>{Te&&(I.stopPropagation(),Fe())},children:q})]})]})});export{Fa as AIAutocomplete,je as AIAutocompleteDropdown,Li as WEEKDAY_LABELS,Ii as buildSubmitResult,Ai as cellDay,Si as cellIso,Ci as formatDate,Di as isoDate,Ei as monthLabel,Ti as parseDate,Ri as parseLooseDate,Ye as useAIAutocomplete,Mi as withSkippedParams};
+`,document.head.appendChild(e)}var wt={submitButton:"SubmitButton-module_submitButton_otz7H"};import{jsx as $e}from"react/jsx-runtime";function xt({disabled:e,onClick:n}){return $e("button",{type:"button","data-aia-submit":"",className:wt.submitButton,disabled:e,onClick:t=>{t.stopPropagation(),n()},"aria-label":"Submit",children:$e("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",role:"img","aria-label":"Submit",children:$e("path",{d:"M9 14V4M9 4L4 9M9 4L14 9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})}import{AIAutocomplete as So,identifiedParamLabel as Co,selectedIsoFromText as Do}from"@magicx-eng/ai-autocomplete-vanilla";import{useCallback as It,useEffect as ke,useRef as F,useState as Eo}from"react";import{useRef as yt}from"react";function _t(e){let n=yt(e);n.current=e;let t=Object.keys(e??{}).sort().join("\0"),a=yt({key:"
",overrides:void 0});if(a.current.key!==t){let r={};for(let o of Object.keys(e??{})){let i=(g,b,w)=>{let c=n.current?.[o];return c?c(g,b,w):[]};r[o]=i}a.current={key:t,overrides:e?r:void 0}}return{overrides:a.current.overrides,key:t}}import{useRef as kt}from"react";function Pt(e){let n=kt(e);n.current=e;let t=kt(null);t.current===null&&(t.current={fetch:(r,o)=>{let i=n.current;return i?i.fetch(r,o):Promise.reject(new Error("products config removed"))},transform:r=>n.current?.transform(r)??[],get limit(){return n.current?.limit}});let a=e!==void 0;return{config:a?t.current:void 0,enabled:a}}var To={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,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};function je({onSubmit:e,onResult:n,onError:t,optionOverrides:a,maskCompletedText:r,apiConfig:o,additionalContext:i,columns:g=2,dropdownTrigger:b,optionsPosition:w,closeDropdownOnBlur:c,showNonTappableOptions:x,showSkipButton:k,onFocus:y,onBlur:v,value:D,completedParams:E,onChange:Y,onParamsChange:Q,products:O,onProductSelect:P,source:X,setCursor:Z}){let p=F(null),[J,ee]=Eo(null),T=F(e);T.current=e;let W=F(n);W.current=n;let te=F(t);te.current=t;let U=F(Y);U.current=Y;let oe=F(Q);oe.current=Q;let ae=F(y);ae.current=y;let R=F(v);R.current=v;let M=F(Z);M.current=Z;let q=F(P);q.current=P;let N=Pt(O),u=_t(a);ke(()=>{if(typeof document>"u")return;let h=new So(document.createElement("div"),{renderMode:"headless",apiConfig:o,additionalContext:i,optionOverrides:u.overrides,maskCompletedText:r,columns:g,dropdownTrigger:b,optionsPosition:w,closeDropdownOnBlur:c,showNonTappableOptions:x,source:X,value:D,completedParams:E,onSubmit:(...C)=>T.current?.(...C),onResult:(...C)=>W.current?.(...C),onError:(...C)=>te.current?.(...C),onChange:(...C)=>U.current?.(...C),onParamsChange:(...C)=>oe.current?.(...C),onFocus:()=>ae.current?.(),onBlur:()=>R.current?.(),onProductSelect:C=>q.current?.(C),setCursor:C=>M.current?.(C),products:N.config});p.current=h,ee(h.getState());let z=h.subscribe(C=>ee(C));return()=>{z(),h.destroy(),p.current===h&&(p.current=null)}},[]),ke(()=>{D!==void 0&&p.current?.setValue(D)},[D]),ke(()=>{E!==void 0&&p.current?.setCompletedParams(E)},[E]);let G=JSON.stringify(o??null),s;try{s=JSON.stringify(i??null)}catch{s="[unstringifiable]"}ke(()=>{p.current?.update({apiConfig:o,additionalContext:i,optionOverrides:u.overrides,dropdownTrigger:b,optionsPosition:w,closeDropdownOnBlur:c,showNonTappableOptions:x})},[G,s,u.key,b,w,c,x]);let m=F(!1);ke(()=>{if(!m.current){m.current=!0;return}p.current?.update({products:N.config})},[N.enabled]);let f=F(null);f.current===null&&(f.current={handleTextChange:h=>p.current?.handleTextChange(h),handleKeyDown:h=>{let z="nativeEvent"in h?h.nativeEvent:h;p.current?.handleKeyDown(z)},setFocused:h=>p.current?.setFocused(h),startEditingParam:h=>p.current?.startEditingParam(h),exitEditMode:()=>p.current?.exitEditMode(),handleCaretAfterInput:h=>p.current?.handleCaretAfterInput(h),handleCaretMove:h=>p.current?.handleCaretMove(h),replaceEditingRange:h=>p.current?.replaceEditingRange(h)??!1,setActivePill:h=>p.current?.setActivePill(h),skipActivePill:()=>p.current?.skipActivePill(),removeLastParam:()=>p.current?.removeLastParam(),clearNewParamId:()=>p.current?.clearNewParamId(),reset:()=>p.current?.reset(),selectOption:h=>p.current?.selectOption(h),selectProduct:h=>p.current?.selectProduct(h),setActiveDropdownIndex:h=>p.current?.setActiveDropdownIndex(h),showPreviousMonth:()=>p.current?.showPreviousMonth(),showNextMonth:()=>p.current?.showNextMonth(),handleFocus:()=>p.current?.setFocused(!0),handleBlur:()=>p.current?.setFocused(!1)});let l=f.current,_=It(h=>{let z=h.target.value,Me=z.length>0&&!h.nativeEvent?.isComposing&&z[0]!==z[0].toUpperCase()?z[0].toUpperCase()+z.slice(1):z;p.current?.handleTextChange(Me)},[]),A=It(h=>{p.current?.handleKeyDown(h.nativeEvent)},[]),L=p.current,d=J??To,ie=D!==void 0?D:d.text,ge=E!==void 0?E:d.completedParams,ce=d.actionableSuggestions,he=ce[0],$=L?.listboxId??"",ne=d.activeDropdownIndex>=0&&L?`${$}-option-${d.activeDropdownIndex}`:void 0,re=d.editingParam,se=d.editingIdentified,we=re?{type:re.suggestionType,text:re.suggestionPlaceholder,required:!0,options:re.options}:se?{type:se.type,text:Co(se.type),required:!0,options:[]}:null,Ie=we??he,Oe=we?[we]:ce,Ae=!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:Ae,isFocused:d.isFocused,isDropdownOpen:d.isDropdownOpen,isActivePillSelected:d.isActivePillSelected,placeholderText:d.placeholderText,listboxId:$,error:d.error,products:d.products,selectProduct:l.selectProduct,handleTextChange:l.handleTextChange,handleKeyDown:l.handleKeyDown,setFocused:l.setFocused,editingParam:re,editingIdentified:se,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:_,onKeyDown:A,onFocus:l.handleFocus,onBlur:l.handleBlur,role:"combobox","aria-expanded":d.isDropdownOpen,"aria-activedescendant":ne,"aria-autocomplete":"list","aria-controls":$},reset:l.reset,dropdownProps:{suggestions:Ie?[{...Ie,options:d.filteredOptions}]:[],activeIndex:d.activeDropdownIndex,onSelect:l.selectOption,onHighlight:l.setActiveDropdownIndex,isOpen:d.isDropdownOpen,id:$,pills:Oe,activeSelected:d.isActivePillSelected,onPillClick:l.setActivePill,onSkip:l.skipActivePill,showSkipButton:(k??!0)&&!re&&!se,skipDisabled:d.inSelectionAnimation,isLoading:Ae,isInputEmpty:ie.trim().length===0,products:d.products,onProductSelect:l.selectProduct,onProductFocusChange:l.setFocused,formatType:d.activeFormatType,dateView:d.dateView,selectedDateIso:se?se.iso:Do(re?.text),onPreviousMonth:l.showPreviousMonth,onNextMonth:l.showNextMonth,optionsPosition:w??"below"}}}import{extractPlainText as At,getCursorOffset as St,plainTextLength as Ro,renderEditableContent as Lo,setCursorOffset as Ct}from"@magicx-eng/ai-autocomplete-vanilla";import{useCallback as K,useEffect as Ve,useLayoutEffect as Ye,useRef as be}from"react";var Le;function Oo(){if(Le!==void 0)return Le;if(typeof document>"u")return!1;let e=document.createElement("div");return e.setAttribute("contenteditable","plaintext-only"),Le=e.contentEditable==="plaintext-only",Le}function Dt(e){let{segments:n,newParamId:t,editingParam:a,editingIdentified:r,editingAnchor:o,caretOffset:i,placeholderText:g,isFocused:b,isDropdownOpen:w,listboxId:c,activeDescendantId:x,autoFocus:k,handleTextChange:y,handleKeyDown:v,handleCaretAfterInput:D,handleCaretMove:E,startEditingParam:Y,replaceEditingRange:Q,setFocused:O}=e,P=be(null),X=be(!1),Z=be(""),p=be(""),J=be(null),ee=be(0);J.current=i,Ve(()=>{if(!k)return;let s=P.current;if(!s)return;document.activeElement===s?O(!0):s.focus();let m=s.ownerDocument??document,f=m.getSelection(),l=f&&f.rangeCount>0&&s.contains(f.anchorNode);if(f&&!l){let _=m.createRange();_.selectNodeContents(s),_.collapse(!0),f.removeAllRanges(),f.addRange(_)}},[k,O]),Ve(()=>{let s=P.current;if(!s)return;let m=s.ownerDocument??document,f=()=>{let l=m.getSelection();if(!l||l.rangeCount===0||!l.anchorNode||!s.contains(l.anchorNode))return;let _=l.anchorNode,A=_.nodeType===Node.ELEMENT_NODE?_:_.parentElement,d=(l.isCollapsed?A?.closest("strong[data-param-id]"):null)?.dataset.paramId??null,ie=a?.id??r?.id??null;if(d&&d!==ie){Y(d);return}performance.now()-ee.current<50||E(St(s))};return m.addEventListener("selectionchange",f),()=>m.removeEventListener("selectionchange",f)},[a,r,Y,E]),Ye(()=>{let s=P.current;s&&Lo({input:s,segments:n,newParamId:t,editingParamId:a?.id??null,placeholderText:g??"",isFocused:b})},[n,t,a,g,b]),Ye(()=>{let s=Z.current,m=t??"";if(Z.current=m,!m||m===s)return;let f=P.current;if(!f)return;f.focus();let l=J.current??Ro(f);Ct(f,l)},[t]),Ye(()=>{let s=p.current,m=a?.id??"";if(p.current=m,!m||m===s||o==null)return;let f=P.current;f&&Ct(f,o)},[a,o]);let T=K(()=>{if(X.current)return;let s=P.current;if(!s)return;let m=At(s),l=m.length>0&&m[0]!==m[0].toUpperCase()?m[0].toUpperCase()+m.slice(1):m;y(l)},[y]),W=K(()=>{ee.current=performance.now(),T();let s=P.current;s&&D(St(s))},[T,D]);Ve(()=>{let s=P.current;if(!s)return;let m=f=>{let l=f,_=l.inputType;if(_==="insertParagraph"||_==="insertLineBreak"||_==="insertFromDrop"){f.preventDefault();return}if(_.startsWith("insert")||_.startsWith("delete")){let A=_.startsWith("delete")?"":l.data??"";Q(A)&&f.preventDefault()}};return s.addEventListener("beforeinput",m),()=>s.removeEventListener("beforeinput",m)},[Q]);let te=K(()=>{X.current=!0},[]),U=K(()=>{X.current=!1,T()},[T]),oe=K(s=>{s.preventDefault();let m=P.current;if(!m)return;let f=(s.clipboardData.getData("text/plain")??"").replace(/\r?\n/g," ");if(!f)return;let l=m.ownerDocument??document,_=l.getSelection();if(!_||_.rangeCount===0)return;let A=_.getRangeAt(0);if(!m.contains(A.startContainer))return;A.deleteContents();let L=l.createTextNode(f);A.insertNode(L),A.setStartAfter(L),A.collapse(!0),_.removeAllRanges(),_.addRange(A),T()},[T]),ae=K(s=>v(s),[v]),R=K(()=>O(!0),[O]),M=K(()=>O(!1),[O]),q=K(()=>P.current?.focus(),[]),N=K(()=>P.current?.blur(),[]),u=K(()=>{let s=P.current;return s?At(s):""},[]),G=Oo()?"plaintext-only":"true";return{inputRef:P,editorProps:{ref:P,contentEditable:G,suppressContentEditableWarning:!0,tabIndex:0,role:"combobox","aria-autocomplete":"list","aria-haspopup":"listbox","aria-controls":c,"aria-expanded":w,"aria-activedescendant":x,spellCheck:!0,enterKeyHint:"send",onInput:W,onKeyDown:ae,onCompositionStart:te,onCompositionEnd:U,onPaste:oe,onFocus:R,onBlur:M},getPlainText:u,focus:q,blur:N}}import{jsx as ve,jsxs as Xe}from"react/jsx-runtime";function Ho(e){return e!=="auto"?e:typeof window>"u"||window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}var Ko=Mo(function({onSubmit:n,onResult:t,onError:a,optionOverrides:r,maskCompletedText:o,className:i,apiConfig:g,additionalContext:b,columns:w,pillPlacement:c="dropdown",mode:x="auto",optionsPosition:k="below",animations:y=!0,dropdownTrigger:v,closeDropdownOnBlur:D,showNonTappableOptions:E,showSkipButton:Y,autoFocus:Q=!0,onFocus:O,onBlur:P,value:X,completedParams:Z,onChange:p,onParamsChange:J,products:ee,onProductSelect:T,submitButton:W},te){let U=Pe(null),oe=Pe(null),ae=Pe(()=>{}),R=Pe(null),M=Pe(null);Et(()=>{let I=U.current;if(I)return R.current?R.current.setMode(x):R.current=new Fo(I,x),()=>{R.current?.destroy(),R.current=null}},[x]);let q=Qe(I=>{let pe=M.current?.current;pe&&(pe.focus(),Go(pe,I))},[]),{completedParams:N,skippedParams:u,identifiedParams:G,isReady:s,suggestionPills:m,setActivePill:f,skipActivePill:l,segments:_,newParamId:A,clearNewParamId:L,placeholderText:d,isFocused:ie,isDropdownOpen:ge,isActivePillSelected:ce,isLoading:he,activeIndex:$,listboxId:ne,handleTextChange:re,handleKeyDown:se,setFocused:we,editingParam:Ie,editingIdentified:Oe,editingAnchor:Ae,caretOffset:h,startEditingParam:z,handleCaretAfterInput:C,handleCaretMove:Me,replaceEditingRange:Tt,dropdownProps:Rt,reset:Se}=je({onSubmit:I=>ae.current(I),onResult:t,onError:a,optionOverrides:r,maskCompletedText:o,apiConfig:g,additionalContext:b,columns:w,dropdownTrigger:v,optionsPosition:k,closeDropdownOnBlur:D,showNonTappableOptions:E,showSkipButton:Y,onFocus:O,onBlur:P,value:X,completedParams:Z,onChange:p,onParamsChange:J,products:ee,onProductSelect:T,source:"full-sdk",setCursor:q});Et(()=>{if(!A)return;let I=window.setTimeout(()=>L(),650);return()=>window.clearTimeout(I)},[A,L]);let Lt=$>=0?`${ne}-option-${$}`:void 0,{inputRef:Ne,editorProps:Ot,focus:Ce,blur:Ze,getPlainText:Je}=Dt({segments:_,newParamId:A,editingParam:Ie,editingIdentified:Oe,editingAnchor:Ae,caretOffset:h,placeholderText:d,isFocused:ie,isDropdownOpen:ge,listboxId:ne,activeDescendantId:Lt,autoFocus:Q,handleTextChange:re,handleKeyDown:se,handleCaretAfterInput:C,handleCaretMove:Me,startEditingParam:z,replaceEditingRange:Tt,setFocused:we});M.current=Ne,zo(()=>{let I=oe.current,pe=Ne.current;if(!I||!pe)return;let et=()=>{let ot=I.firstElementChild;if(!ot)return;let Bt=ot.getBoundingClientRect(),Ft=pe.getBoundingClientRect();Bt.top>=Ft.bottom-2?I.setAttribute("data-aia-pill-wrapped",""):I.removeAttribute("data-aia-pill-wrapped")};et();let tt=new ResizeObserver(et);return tt.observe(pe),()=>tt.disconnect()},[_,m.length,he,Ne]),No(te,()=>({focus:Ce,blur:Ze,reset:Se,setMode:I=>R.current?.setMode(I),skipActivePill:l}),[Ce,Ze,Se,l]);let De=!!_.length||N.length>0,ze=Qe(()=>{if(!De)return;let I=Je();n(Bo(I,N,u,{identifiedParams:G,isReady:s})),Se()},[De,N,u,G,s,n,Se,Je]);ae.current=ze;let Mt=Qe(I=>{I.target?.closest("[data-aia-pill]")||Ce()},[Ce]),Nt=c==="inline",zt=c==="dropdown";return Xe("div",{ref:U,className:`magicx-aia ${fe.container} ${i??""}`,"data-pill-placement":c,"data-options-position":k,"data-animations":y?"on":"off","data-mode":Ho(x),children:[ve(qe,{...Rt,showPills:zt}),Xe("div",{className:fe.inputWrapper,onClick:Mt,children:[Xe("div",{className:fe.editorArea,"data-aia-editor":"",children:[ve("div",{...Ot,className:fe.input,"data-aia-input":""}),Nt&&(he||m.length>0)&&ve("span",{ref:oe,className:fe.pillListContainer,"data-aia-pill-list-container":"",children:ve(Te,{pills:m,activePillIndex:0,activeSelected:ce,onSelectPill:f,loading:he})})]}),W===null?null:W===void 0?ve(xt,{disabled:!De,onClick:ze}):ve("span",{"data-aia-submit":"",className:fe.submitSlot,onClick:I=>{De&&(I.stopPropagation(),ze())},children:W})]})]})});export{Ko as AIAutocomplete,qe as AIAutocompleteDropdown,Bi as WEEKDAY_LABELS,Ei as buildSubmitResult,Ti as cellDay,Ri as cellIso,Li as formatDate,Oi as isoDate,Mi as monthLabel,Ni as parseDate,zi as parseLooseDate,je as useAIAutocomplete,Fi as withSkippedParams};
 //# sourceMappingURL=index.mjs.map