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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- 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 {
1
+ import{buildSubmitResult as Li,cellDay as Oi,cellIso as Mi,DATE_RANGE_META_END as Ni,DATE_RANGE_META_START as zi,dateCellMarks as Bi,formatDate as Gi,formatDateRange as Fi,isoDate as Hi,monthLabel as Ki,parseDate as Wi,parseLooseDate as qi,parseLooseDateRange as Ui,selectedRangeFor as ji,visibleDateRange as $i,WEEKDAY_LABELS as Vi,withSkippedParams as Yi}from"@magicx-eng/ai-autocomplete-vanilla";import{forwardRef as za,useCallback as Xe,useEffect as Tt,useImperativeHandle as Ba,useLayoutEffect as Ga,useRef as Ie}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 {
2
2
  position: relative;
3
3
  /* Inherits the host page's font by default. Consumers can pin a specific
4
4
  font on the library via \`--aia-font-family: 'Custom Font'\` without
@@ -193,7 +193,7 @@ import{buildSubmitResult as Ei,cellDay as Ti,cellIso as Ri,formatDate as Li,isoD
193
193
  opacity: 0;
194
194
  }
195
195
  }
196
- `,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=`/*
196
+ `,document.head.appendChild(e)}var he={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 ya,isCalendarFormat as _a,SCROLL_ARROW_LABEL as ka}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as Ue,useRef as Le,useState as Pa}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-0ae03977")){let e=document.createElement("style");e.id="ac-style-0ae03977",e.textContent=`/*
197
197
  * Built-in appearance defaults \u2014 zero specificity via :where().
198
198
  * Consumer CSS always wins without !important.
199
199
  *
@@ -801,7 +801,7 @@ import{buildSubmitResult as Ei,cellDay as Ti,cellIso as Ri,formatDate as Li,isoD
801
801
  opacity: 0.25;
802
802
  }
803
803
  }
804
- `,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) ---
804
+ `,document.head.appendChild(e)}var ne={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 Ft,cellIso as be,dateCellMarks as Ht,isoDate as Kt,monthLabel as Wt,visibleDateRange as qt,WEEKDAY_LABELS as Ut}from"@magicx-eng/ai-autocomplete-vanilla";import{useState as jt}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) ---
805
805
 
806
806
  One of three hand-maintained copies (vanilla styles.css, this file, Angular's
807
807
  date-grid.component.css). Only the class-naming layer differs \u2014 the
@@ -947,6 +947,13 @@ import{buildSubmitResult as Ei,cellDay as Ti,cellIso as Ri,formatDate as Li,isoD
947
947
  var(--aia-date-today-ring, var(--aia-option-color, var(--aia-color-text-muted, #c1c4cb)));
948
948
  }
949
949
 
950
+ /* Between the two ends of a picked span. The band sits on the CELL, not on the
951
+ number square inside it, so consecutive days join into one continuous strip
952
+ instead of a row of separate pills \u2014 the ends stay the two filled squares. */
953
+ .DateGrid-module_inRange_r9S2q {
954
+ background: var(--aia-date-range-bg, rgba(var(--aia-streak-rgb, 255, 255, 255), 0.06));
955
+ }
956
+
950
957
  .DateGrid-module_selected_28KDn .DateGrid-module_number_aoT01 {
951
958
  color: var(--aia-option-color-selected, var(--aia-color-text-default, #fff));
952
959
  background: var(--aia-date-selected-bg, rgba(var(--aia-streak-rgb, 255, 255, 255), 0.12));
@@ -957,7 +964,7 @@ import{buildSubmitResult as Ei,cellDay as Ti,cellIso as Ri,formatDate as Li,isoD
957
964
  opacity: 0.8;
958
965
  background: rgba(var(--aia-streak-rgb, 255, 255, 255), 0.06);
959
966
  }
960
- `,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 {
967
+ `,document.head.appendChild(e)}var I={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 $,jsxs as it}from"react/jsx-runtime";var $t=["sunday","monday","tuesday","wednesday","thursday","friday","saturday"];function nt({options:e,activeIndex:r,listboxId:a,view:i,selection:s,onSelect:o,onHighlight:n,onPreviousMonth:f,onNextMonth:g}){let v=Kt(new Date),_=qt({pendingStart:s.rangeStart,highlightedIso:be(e[r]),selected:s.selectedRange});return it("div",{className:I.datepicker,"data-aia-datepicker":"",children:[it("div",{className:I.header,children:[$("button",{type:"button",tabIndex:-1,className:I.nav,"data-aia-date-prev":"","aria-label":"Previous month",onMouseDown:p=>p.preventDefault(),onClick:f,children:"\u2039"}),$("span",{className:I.month,"data-aia-date-month":"","aria-live":"polite",children:Wt(i)}),$("button",{type:"button",tabIndex:-1,className:I.nav,"data-aia-date-next":"","aria-label":"Next month",onMouseDown:p=>p.preventDefault(),onClick:g,children:"\u203A"})]}),$("div",{className:I.weekdays,"aria-hidden":"true",children:Ut.map((p,w)=>$("span",{className:I.weekday,children:p},$t[w]))}),$("div",{className:I.grid,"data-aia-date-grid":"",children:e.map((p,w)=>$(Vt,{option:p,id:`${a}-option-${w}`,index:w,isHighlighted:w===r&&p.is_tappable,isToday:be(p)===v,isPast:be(p)!=null&&be(p)<v,marks:Ht(be(p),{selectedIso:s.selectedIso,range:_}),onSelect:o,onHighlight:n},be(p)??`pad-${w}`))})]})}function Vt({option:e,id:r,index:a,isHighlighted:i,isToday:s,isPast:o,marks:n,onSelect:f,onHighlight:g}){let[v,_]=jt(!1),p=Ft(e);if(p==null)return $("div",{id:r,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-hidden":"true","aria-selected":!1,tabIndex:-1,className:`${I.cell} ${I.blank}`});let w=()=>{_(!0),f(e),setTimeout(()=>_(!1),170)},y=[I.cell,I.day,o?I.past:"",i?I.highlighted:"",s?I.today:"",n.inRange?I.inRange:"",n.selected?I.selected:"",v?I.pressed:""].filter(Boolean).join(" ");return $("div",{id:r,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-selected":i,"aria-label":e.text,tabIndex:0,className:y,onClick:w,onKeyDown:b=>{(b.key==="Enter"||b.key===" ")&&(b.preventDefault(),w())},onMouseEnter:()=>g(a),children:$("span",{className:I.number,children:p})})}import{ATTRIBUTION_URL as Yt,buildAttributionUrl as Qt,getFooterHint as Xt}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as Zt,useState as Jt}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 {
961
968
  .aia-cluster {
962
969
  display: flex;
963
970
  flex-wrap: wrap;
@@ -999,7 +1006,7 @@ import{buildSubmitResult as Ei,cellDay as Ti,cellIso as Ri,formatDate as Li,isoD
999
1006
  justify-content: space-around;
1000
1007
  }
1001
1008
  }
1002
- `,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
1009
+ `,document.head.appendChild(e)}import{jsx as rt}from"react/jsx-runtime";function _e({gap:e,align:r="center",justify:a="start",noWrap:i=!1,inline:s=!1,className:o,children:n,...f}){let g=e?{"--aia-cluster-gap":e}:void 0,v={className:o?`aia-cluster ${o}`:"aia-cluster","data-align":r,"data-justify":a,"data-nowrap":i||void 0,"data-inline":s||void 0,style:g,...f};return s?rt("span",{...v,children:n}):rt("div",{...v,children:n})}if(typeof document<"u"&&!document.getElementById("ac-style-56b0c577")){let e=document.createElement("style");e.id="ac-style-56b0c577",e.textContent=`/* The footer adds its own 8px horizontal inset so it stays clear of the
1003
1010
  dropdown's rounded edges. The top inset (--aia-footer-gap) adds breathing
1004
1011
  room above the hint/branding row so the footer doesn't butt against the last
1005
1012
  option row \u2014 additive to the dropdown's 8px section gap. */
@@ -1133,7 +1140,7 @@ import{buildSubmitResult as Ei,cellDay as Ti,cellIso as Ri,formatDate as Li,isoD
1133
1140
  justify-content: flex-end;
1134
1141
  }
1135
1142
  }
1136
- `,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,
1143
+ `,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 ke,jsxs as Ge}from"react/jsx-runtime";function st({isOptionHighlighted:e=!1,isInputEmpty:r=!1}){let{key:a,hint:i}=Xt(e,r),[s,o]=Jt(Yt);return Zt(()=>{o(Qt())},[]),ke("footer",{className:re.footer,"data-aia-footer":"",children:Ge(_e,{justify:"between",noWrap:!0,className:re.row,children:[Ge(_e,{gap:"5px",className:re.hintGroup,children:[ke("kbd",{className:re.key,children:a}),ke("span",{className:re.hint,children:i})]}),Ge("a",{className:re.brandLink,href:s,target:"_blank",rel:"noopener noreferrer",children:[ke("span",{className:re.brand,children:"AI"}),ke("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,
1137
1144
  no outline. ~28px via 6px padding + 14px text + the 1px border (border-box).
1138
1145
  The border is kept as a 1px transparent line so the box stays the same size
1139
1146
  as it was when the outline was dashed. */
@@ -1190,7 +1197,7 @@ import{buildSubmitResult as Ei,cellDay as Ti,cellIso as Ri,formatDate as Li,isoD
1190
1197
  opacity: 0;
1191
1198
  }
1192
1199
  }
1193
- `,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 {
1200
+ `,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 ea}from"react/jsx-runtime";var Fe={selected:1,first:.7,next:.4,last:.2};function lt({label:e,state:r,rounded:a,loading:i,onClick:s}){let o=[ue.pill,a?ue.rounded:"",i?ue.skeleton:""].filter(Boolean).join(" ");return ea("button",{type:"button","data-aia-pill":"","data-aia-loading":i?"":void 0,tabIndex:-1,contentEditable:!1,suppressContentEditableWarning:!0,className:o,style:{opacity:Fe[r]},onMouseDown:n=>n.preventDefault(),onClick:i?void 0:s,disabled:i,children:e})}if(typeof document<"u"&&!document.getElementById("ac-style-0fcb7940")){let e=document.createElement("style");e.id="ac-style-0fcb7940",e.textContent=`.PillList-module_list_qvLqO {
1194
1201
  position: relative;
1195
1202
  z-index: 1;
1196
1203
  pointer-events: auto;
@@ -1200,7 +1207,7 @@ import{buildSubmitResult as Ei,cellDay as Ti,cellIso as Ri,formatDate as Li,isoD
1200
1207
  align-items: center;
1201
1208
  vertical-align: middle;
1202
1209
  }
1203
- `,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
1210
+ `,document.head.appendChild(e)}var He={list:"PillList-module_list_qvLqO"};import{jsx as Te}from"react/jsx-runtime";var ta=[125,69];function dt(e){return e===0?"first":e===1?"next":"last"}function Re({pills:e,activePillIndex:r,onSelectPill:a,activeSelected:i,rounded:s,loading:o}){return o&&e.length===0?Te("span",{className:He.list,"data-aia-pill-list-loading":"",children:ta.map((n,f)=>Te("span",{"data-aia-pill-skeleton":"",className:`${ue.pill} ${s?ue.rounded:""} ${ue.skeleton}`,style:{width:n,opacity:Fe[dt(f)]}},`skel-${n}`))}):Te("span",{className:He.list,"data-aia-pill-list-loading":o?"":void 0,children:e.map((n,f)=>{let g=!!i&&f===r;return Te(lt,{label:n.text,state:g?"selected":dt(f),selected:g,rounded:s,loading:o,onClick:()=>a(f)},`${n.type}-${n.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
1204
1211
  (packages/vanilla/src/styles.css). Same tokens, same defaults, so a consumer
1205
1212
  theming one package sees the same result in the other.
1206
1213
 
@@ -1367,7 +1374,7 @@ import{buildSubmitResult as Ei,cellDay as Ti,cellIso as Ri,formatDate as Li,isoD
1367
1374
  var(--aia-option-color-selected, var(--aia-color-text-default, #fff))
1368
1375
  );
1369
1376
  }
1370
- `,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 {
1377
+ `,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 Ke}from"react/jsx-runtime";function ct({products:e,listboxId:r,onSelect:a,onFocusChange:i,focusable:s=!0}){if(e.length===0)return null;let o=`${r}-products-label`;return Ke("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((n,f)=>me(aa,{product:n,id:`${r}-product-${f}`,onSelect:a,onFocusChange:i,focusable:s},n.id))})]})}function aa({product:e,id:r,onSelect:a,onFocusChange:i,focusable:s}){let o=n=>{n.metaKey||n.ctrlKey||n.shiftKey||n.altKey||n.button!==0||(n.preventDefault(),a(e))};return Ke("a",{id:r,className:H.card,"data-aia-product":"",role:"option","aria-selected":!1,href:e.url,tabIndex:s?0:-1,onClick:o,onKeyDown:n=>{n.key!=="Enter"&&n.key!==" "||(n.preventDefault(),a(e))},onFocus:()=>i?.(!0),onBlur:n=>{n.relatedTarget?.closest("[data-aia-dropdown]")||i?.(!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}),Ke("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 pa,measureOptionsGrid as ua,needsOptionsGridMeasurement as ma,OPTIONS_GRID_MOBILE_QUERY as ha,optionEnterDelayMs as fa,planOptionsGrid as ht}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as ga,useLayoutEffect as ba,useRef as va,useState as gt}from"react";import{optionsGridTemplateColumns as oa}from"@magicx-eng/ai-autocomplete-vanilla";import{useLayoutEffect as ia,useRef as na}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 {
1371
1378
  .aia-grid {
1372
1379
  display: grid;
1373
1380
  grid-template-columns: repeat(
@@ -1402,7 +1409,7 @@ import{buildSubmitResult as Ei,cellDay as Ti,cellIso as Ri,formatDate as Li,isoD
1402
1409
  border-radius: 3px;
1403
1410
  }
1404
1411
  }
1405
- `,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 {
1412
+ `,document.head.appendChild(e)}import{jsx as ra}from"react/jsx-runtime";function pt({min:e="16rem",max:r,gap:a,scroll:i=!1,maxHeight:s,scrollResetKey:o,cols:n,template:f,innerRef:g,className:v,children:_,...p}){let w=na(null);ia(()=>{if(o===void 0)return;let b=w.current;b&&(b.scrollTop=0)},[o]);let y={"--aia-grid-min":e};return r&&(y["--aia-grid-max"]=r),a&&(y["--aia-grid-gap"]=a),s&&(y["--aia-grid-max-height"]=s),n&&(y.gridTemplateColumns=oa(n)),f&&(y.gridTemplateColumns=f),ra("div",{ref:b=>{w.current=b,g?.(b)},className:v?`aia-grid ${v}`:"aia-grid","data-scroll":i||void 0,style:y,...p,children:_})}import{OPTION_ENTER_DELAY_VAR as sa}from"@magicx-eng/ai-autocomplete-vanilla";import{useEffect as la,useRef as da,useState as ut}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 {
1406
1413
  position: relative;
1407
1414
  overflow: visible;
1408
1415
  display: flex;
@@ -1549,7 +1556,7 @@ import{buildSubmitResult as Ei,cellDay as Ti,cellIso as Ri,formatDate as Li,isoD
1549
1556
  filter: brightness(0.55);
1550
1557
  }
1551
1558
  }
1552
- `,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 {
1559
+ `,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 We,jsxs as ca}from"react/jsx-runtime";function mt({option:e,isHighlighted:r,onSelect:a,onHighlight:i,id:s,loading:o,scrollHint:n,enterDelayMs:f=0}){let[g]=ut(f),[v,_]=ut(!1),p=da(void 0);la(()=>()=>clearTimeout(p.current),[]);let w=()=>{o||!e.is_tappable||v||(_(!0),a(e),clearTimeout(p.current),p.current=setTimeout(()=>_(!1),170))},y=[V.item,r&&!o?V.highlighted:"",e.is_tappable?V.tappable:V.nonTappable,v?V.pressed:"",n?V.scrollHint:""].filter(Boolean).join(" ");return We("div",{id:s,role:"option","data-aia-option":"","data-aia-loading":o?"":void 0,"aria-selected":r,className:y,style:{[sa]:`${g}ms`},tabIndex:o||!e.is_tappable?-1:0,onClick:w,onKeyDown:b=>{!o&&e.is_tappable&&(b.key==="Enter"||b.key===" ")&&(b.preventDefault(),w())},onMouseEnter:!o&&e.is_tappable?i:void 0,children:ca("span",{className:V.content,children:[We("span",{className:V.text,children:e.icon?`${e.icon} ${e.text}`:e.text}),e.tag&&We("span",{className:V.tag,children:e.tag})]})})}import{jsx as ft}from"react/jsx-runtime";function wa(){let[e,r]=gt(pa);return ga(()=>{if(typeof window>"u"||!window.matchMedia)return;let a=window.matchMedia(ha),i=()=>r(a.matches);return i(),a.addEventListener("change",i),()=>a.removeEventListener("change",i)},[]),e}function bt({options:e,activeIndex:r,onSelect:a,onHighlight:i,listboxId:s,loading:o,groupKey:n="",optionsPosition:f="below"}){let g=wa(),v=va(null),[_,p]=gt(null);ba(()=>{let y=v.current,D=y&&!o&&ma(e.length,g)?ua(y):null;p(D?ht(e.length,g,D.rowWidths,D.gridWidth):null)},[e,g,o]);let w=_??ht(e.length,g,null,null);return ft(pt,{min:"250px",max:"1fr",gap:"0",scroll:!0,scrollResetKey:n,template:w.template,maxHeight:w.maxHeight,innerRef:y=>{v.current=y},"data-aia-group":n,children:e.map((y,b)=>ft(mt,{option:y,isHighlighted:b===r,onSelect:a,onHighlight:()=>i(b),id:`${s}-option-${b}`,loading:o,scrollHint:!o&&w.scrollHintIndices.includes(b),enterDelayMs:o?0:fa(b,w.cols,e.length,f)},`${n}\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 {
1553
1560
  .aia-stack {
1554
1561
  display: flex;
1555
1562
  flex-direction: column;
@@ -1566,7 +1573,7 @@ import{buildSubmitResult as Ei,cellDay as Ti,cellIso as Ri,formatDate as Li,isoD
1566
1573
  }
1567
1574
  /* data-align="stretch" is the flex default \u2014 no rule needed. */
1568
1575
  }
1569
- `,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 {
1576
+ `,document.head.appendChild(e)}import{jsx as xa}from"react/jsx-runtime";function vt({space:e,align:r="stretch",className:a,children:i,...s}){let o=e?{"--aia-stack-space":e}:void 0;return xa("div",{className:a?`aia-stack ${a}`:"aia-stack","data-align":r,style:o,...s,children:i})}import{jsx as B,jsxs as qe}from"react/jsx-runtime";var Ia=[159,119,164],Aa=()=>{},wt=()=>{};function Sa(e){let r=()=>typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(prefers-color-scheme: dark)").matches,[a,i]=Pa(r);if(Ue(()=>{if(e!=="auto"||typeof window>"u"||typeof window.matchMedia!="function")return;let s=window.matchMedia("(prefers-color-scheme: dark)"),o=()=>i(s.matches);return s.addEventListener("change",o),()=>s.removeEventListener("change",o)},[e]),e!==void 0)return e==="auto"?a?"dark":"light":e}function Da(e,r){let a=Le(null);Ue(()=>{let i=e.current,s=r.current;if(!i||!s)return;let o=i.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:ya({dropdown:i,grid:o,button:s})};return}a.current?.controller.update()}),Ue(()=>()=>{a.current?.controller.destroy(),a.current=null},[])}function je({suggestions:e,activeIndex:r,onSelect:a,onHighlight:i,isOpen:s,id:o,className:n,pills:f,onPillClick:g,showPills:v=!0,onSkip:_,showSkipButton:p=!0,skipDisabled:w=!1,activeSelected:y=!1,isLoading:b=!1,isInputEmpty:D=!1,products:C,onProductSelect:Y,onProductFocusChange:Q,formatType:L="options",dateView:k=null,selectedDateIso:X=null,selectedDateRange:Z=null,dateRangeStart:u=null,onPreviousMonth:se,onNextMonth:J,optionsPosition:E="below",mode:W}){let ee=Sa(W),te=ee!==void 0,q=Le(null),U=Le(null);Da(q,U);let R=e[0]?.options??[],ae=!!(f&&f.length>0&&g),le=!!(C&&C.length>0),T=s&&(R.length>0||v&&ae||b||le),O={suggestions:e,activeIndex:r,pills:f,showPills:v,showSkipButton:p,skipDisabled:w,activeSelected:y,isLoading:b,isInputEmpty:D,products:C,formatType:L,dateView:k,selectedDateIso:X,selectedDateRange:Z,dateRangeStart:u},oe=Le(O);T&&(oe.current=O);let t=T?O:oe.current,c=t.suggestions[0],m=c?.options??[],l=t.activeIndex>=0&&!!m[t.activeIndex]?.is_tappable,x=!!(t.pills&&t.pills.length>0&&g),A=t.showPills&&x,M=t.showPills&&!x&&t.isLoading,d=A||M,ie=x&&t.showSkipButton&&!t.isInputEmpty&&!!_,fe=t.pills?.[0]?.text,de=_a(t.formatType)&&t.dateView!=null,ce=m.length>0&&!de,j=m.length>0&&de,ge=t.isLoading&&!ce&&!j,F=t.products??[];return qe("div",{ref:q,id:o,role:"listbox","data-aia-dropdown":"","data-options-position":E,"data-mode":ee,"data-aia-loading":t.isLoading?"":void 0,"data-aia-has-products":F.length>0?"":void 0,className:`${te?"magicx-aia ":""}${ne.dropdown} ${T?ne.visible:""} ${n??""}`,onMouseDown:N=>N.preventDefault(),children:[qe(vt,{space:"8px",children:[(d||ie)&&qe(_e,{noWrap:!0,className:ne.pillBar,"data-aia-pillbar":"",children:[d&&B("span",{className:ne.pillScroll,"data-aia-pill-scroll":"",children:B(Re,{pills:t.pills??[],activePillIndex:0,activeSelected:t.activeSelected,onSelectPill:g??(()=>{}),rounded:!0,loading:t.isLoading})}),ie&&B("button",{type:"button",tabIndex:-1,className:ne.skip,"data-aia-skip":"",disabled:t.isLoading||t.skipDisabled,"aria-label":fe?`Skip ${fe}`:"Skip",onClick:_,children:"skip"})]}),ce&&B(bt,{options:m,activeIndex:t.activeIndex,onSelect:a,onHighlight:i,listboxId:o,loading:t.isLoading,groupKey:c?`${c.type} ${c.text}`:"",optionsPosition:E}),j&&t.dateView&&B(nt,{options:m,activeIndex:t.activeIndex,listboxId:o,view:t.dateView,selection:{selectedIso:t.selectedDateIso??null,selectedRange:t.selectedDateRange??null,rangeStart:t.dateRangeStart??null},onSelect:a,onHighlight:i,onPreviousMonth:se??wt,onNextMonth:J??wt}),ge&&B("div",{className:ne.skeletonBars,"data-aia-skeleton-bars":"",children:Ia.map(N=>B("span",{className:ne.skeletonBar,style:{width:N}},`bar-${N}`))}),B(ct,{products:F,listboxId:o,onSelect:Y??Aa,onFocusChange:Q,focusable:T}),B(st,{isOptionHighlighted:l,isInputEmpty:t.isInputEmpty})]}),B("button",{ref:U,type:"button",tabIndex:-1,className:ne.scrollArrow,"data-aia-scroll-arrow":"","aria-label":ka,"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 Fa,ModeController as Ha,setCursorOffset as Ka}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 {
1570
1577
  flex-shrink: 0;
1571
1578
  width: 32px;
1572
1579
  height: 32px;
@@ -1601,5 +1608,5 @@ import{buildSubmitResult as Ei,cellDay as Ti,cellIso as Ri,formatDate as Li,isoD
1601
1608
  );
1602
1609
  cursor: default;
1603
1610
  }
1604
- `,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};
1611
+ `,document.head.appendChild(e)}var xt={submitButton:"SubmitButton-module_submitButton_otz7H"};import{jsx as $e}from"react/jsx-runtime";function yt({disabled:e,onClick:r}){return $e("button",{type:"button","data-aia-submit":"",className:xt.submitButton,disabled:e,onClick:a=>{a.stopPropagation(),r()},"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 Ca,dateSelectionFor as Ea,identifiedParamLabel as Ta}from"@magicx-eng/ai-autocomplete-vanilla";import{useCallback as At,useEffect as Pe,useRef as G,useState as Ra}from"react";import{useRef as _t}from"react";function kt(e){let r=_t(e);r.current=e;let a=Object.keys(e??{}).sort().join("\0"),i=_t({key:"",overrides:void 0});if(i.current.key!==a){let s={};for(let o of Object.keys(e??{})){let n=(f,g,v)=>{let _=r.current?.[o];return _?_(f,g,v):[]};s[o]=n}i.current={key:a,overrides:e?s:void 0}}return{overrides:i.current.overrides,key:a}}import{useRef as Pt}from"react";function It(e){let r=Pt(e);r.current=e;let a=Pt(null);a.current===null&&(a.current={fetch:(s,o)=>{let n=r.current;return n?n.fetch(s,o):Promise.reject(new Error("products config removed"))},transform:s=>r.current?.transform(s)??[],get limit(){return r.current?.limit}});let i=e!==void 0;return{config:i?a.current:void 0,enabled:i}}var La={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 Ve({onSubmit:e,onResult:r,onError:a,optionOverrides:i,maskCompletedText:s,apiConfig:o,additionalContext:n,columns:f=2,dropdownTrigger:g,optionsPosition:v,closeDropdownOnBlur:_,showNonTappableOptions:p,showSkipButton:w,onFocus:y,onBlur:b,value:D,completedParams:C,onChange:Y,onParamsChange:Q,products:L,onProductSelect:k,source:X,setCursor:Z}){let u=G(null),[se,J]=Ra(null),E=G(e);E.current=e;let W=G(r);W.current=r;let ee=G(a);ee.current=a;let te=G(Y);te.current=Y;let q=G(Q);q.current=Q;let U=G(y);U.current=y;let R=G(b);R.current=b;let ae=G(Z);ae.current=Z;let le=G(k);le.current=k;let T=It(L),O=kt(i);Pe(()=>{if(typeof document>"u")return;let h=new Ca(document.createElement("div"),{renderMode:"headless",apiConfig:o,additionalContext:n,optionOverrides:O.overrides,maskCompletedText:s,columns:f,dropdownTrigger:g,optionsPosition:v,closeDropdownOnBlur:_,showNonTappableOptions:p,source:X,value:D,completedParams:C,onSubmit:(...S)=>E.current?.(...S),onResult:(...S)=>W.current?.(...S),onError:(...S)=>ee.current?.(...S),onChange:(...S)=>te.current?.(...S),onParamsChange:(...S)=>q.current?.(...S),onFocus:()=>U.current?.(),onBlur:()=>R.current?.(),onProductSelect:S=>le.current?.(S),setCursor:S=>ae.current?.(S),products:T.config});u.current=h,J(h.getState());let z=h.subscribe(S=>J(S));return()=>{z(),h.destroy(),u.current===h&&(u.current=null)}},[]),Pe(()=>{D!==void 0&&u.current?.setValue(D)},[D]),Pe(()=>{C!==void 0&&u.current?.setCompletedParams(C)},[C]);let oe=JSON.stringify(o??null),t;try{t=JSON.stringify(n??null)}catch{t="[unstringifiable]"}Pe(()=>{u.current?.update({apiConfig:o,additionalContext:n,optionOverrides:O.overrides,dropdownTrigger:g,optionsPosition:v,closeDropdownOnBlur:_,showNonTappableOptions:p})},[oe,t,O.key,g,v,_,p]);let c=G(!1);Pe(()=>{if(!c.current){c.current=!0;return}u.current?.update({products:T.config})},[T.enabled]);let m=G(null);m.current===null&&(m.current={handleTextChange:h=>u.current?.handleTextChange(h),handleKeyDown:h=>{let z="nativeEvent"in h?h.nativeEvent:h;u.current?.handleKeyDown(z)},setFocused:h=>u.current?.setFocused(h),startEditingParam:h=>u.current?.startEditingParam(h),exitEditMode:()=>u.current?.exitEditMode(),handleCaretAfterInput:h=>u.current?.handleCaretAfterInput(h),handleCaretMove:h=>u.current?.handleCaretMove(h),replaceEditingRange:h=>u.current?.replaceEditingRange(h)??!1,setActivePill:h=>u.current?.setActivePill(h),skipActivePill:()=>u.current?.skipActivePill(),removeLastParam:()=>u.current?.removeLastParam(),clearNewParamId:()=>u.current?.clearNewParamId(),reset:()=>u.current?.reset(),selectOption:h=>u.current?.selectOption(h),selectProduct:h=>u.current?.selectProduct(h),setActiveDropdownIndex:h=>u.current?.setActiveDropdownIndex(h),showPreviousMonth:()=>u.current?.showPreviousMonth(),showNextMonth:()=>u.current?.showNextMonth(),handleFocus:()=>u.current?.setFocused(!0),handleBlur:()=>u.current?.setFocused(!1)});let l=m.current,x=At(h=>{let z=h.target.value,Ne=z.length>0&&!h.nativeEvent?.isComposing&&z[0]!==z[0].toUpperCase()?z[0].toUpperCase()+z.slice(1):z;u.current?.handleTextChange(Ne)},[]),A=At(h=>{u.current?.handleKeyDown(h.nativeEvent)},[]),M=u.current,d=se??La,ie=D!==void 0?D:d.text,fe=C!==void 0?C:d.completedParams,de=d.actionableSuggestions,ce=de[0],j=M?.listboxId??"",ge=d.activeDropdownIndex>=0&&M?`${j}-option-${d.activeDropdownIndex}`:void 0,F=d.editingParam,N=d.editingIdentified,xe=F?{type:F.suggestionType,text:F.suggestionPlaceholder,required:!0,options:F.options}:N?{type:N.type,text:Ta(N.type),required:!0,options:[]}:null,Ae=xe??ce,Me=xe?[xe]:de,ye=Ea(d),Se=!M||d.isLoading&&!d.editingParam&&!d.inSelectionAnimation||d.isSearchingOptions;return{completedParams:fe,skippedParams:d.skippedParams,identifiedParams:d.identifiedParams,suggestionPills:de,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:Se,isFocused:d.isFocused,isDropdownOpen:d.isDropdownOpen,isActivePillSelected:d.isActivePillSelected,placeholderText:d.placeholderText,listboxId:j,error:d.error,products:d.products,selectProduct:l.selectProduct,handleTextChange:l.handleTextChange,handleKeyDown:l.handleKeyDown,setFocused:l.setFocused,editingParam:F,editingIdentified:N,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:x,onKeyDown:A,onFocus:l.handleFocus,onBlur:l.handleBlur,role:"combobox","aria-expanded":d.isDropdownOpen,"aria-activedescendant":ge,"aria-autocomplete":"list","aria-controls":j},reset:l.reset,dropdownProps:{suggestions:Ae?[{...Ae,options:d.filteredOptions}]:[],activeIndex:d.activeDropdownIndex,onSelect:l.selectOption,onHighlight:l.setActiveDropdownIndex,isOpen:d.isDropdownOpen,id:j,pills:Me,activeSelected:d.isActivePillSelected,onPillClick:l.setActivePill,onSkip:l.skipActivePill,showSkipButton:(w??!0)&&!F&&!N,skipDisabled:d.inSelectionAnimation,isLoading:Se,isInputEmpty:ie.trim().length===0,products:d.products,onProductSelect:l.selectProduct,onProductFocusChange:l.setFocused,formatType:d.activeFormatType,dateView:d.dateView,selectedDateIso:ye.selectedIso,selectedDateRange:ye.selectedRange,dateRangeStart:ye.rangeStart,onPreviousMonth:l.showPreviousMonth,onNextMonth:l.showNextMonth,optionsPosition:v??"below"}}}import{extractPlainText as St,getCursorOffset as Dt,plainTextLength as Oa,renderEditableContent as Ma,setCursorOffset as Ct}from"@magicx-eng/ai-autocomplete-vanilla";import{useCallback as K,useEffect as Ye,useLayoutEffect as Qe,useRef as ve}from"react";var Oe;function Na(){if(Oe!==void 0)return Oe;if(typeof document>"u")return!1;let e=document.createElement("div");return e.setAttribute("contenteditable","plaintext-only"),Oe=e.contentEditable==="plaintext-only",Oe}function Et(e){let{segments:r,newParamId:a,editingParam:i,editingIdentified:s,editingAnchor:o,caretOffset:n,placeholderText:f,isFocused:g,isDropdownOpen:v,listboxId:_,activeDescendantId:p,autoFocus:w,handleTextChange:y,handleKeyDown:b,handleCaretAfterInput:D,handleCaretMove:C,startEditingParam:Y,replaceEditingRange:Q,setFocused:L}=e,k=ve(null),X=ve(!1),Z=ve(""),u=ve(""),se=ve(null),J=ve(0);se.current=n,Ye(()=>{if(!w)return;let t=k.current;if(!t)return;document.activeElement===t?L(!0):t.focus();let c=t.ownerDocument??document,m=c.getSelection(),l=m&&m.rangeCount>0&&t.contains(m.anchorNode);if(m&&!l){let x=c.createRange();x.selectNodeContents(t),x.collapse(!0),m.removeAllRanges(),m.addRange(x)}},[w,L]),Ye(()=>{let t=k.current;if(!t)return;let c=t.ownerDocument??document,m=()=>{let l=c.getSelection();if(!l||l.rangeCount===0||!l.anchorNode||!t.contains(l.anchorNode))return;let x=l.anchorNode,A=x.nodeType===Node.ELEMENT_NODE?x:x.parentElement,d=(l.isCollapsed?A?.closest("strong[data-param-id]"):null)?.dataset.paramId??null,ie=i?.id??s?.id??null;if(d&&d!==ie){Y(d);return}performance.now()-J.current<50||C(Dt(t))};return c.addEventListener("selectionchange",m),()=>c.removeEventListener("selectionchange",m)},[i,s,Y,C]),Qe(()=>{let t=k.current;t&&Ma({input:t,segments:r,newParamId:a,editingParamId:i?.id??null,placeholderText:f??"",isFocused:g})},[r,a,i,f,g]),Qe(()=>{let t=Z.current,c=a??"";if(Z.current=c,!c||c===t)return;let m=k.current;if(!m)return;m.focus();let l=se.current??Oa(m);Ct(m,l)},[a]),Qe(()=>{let t=u.current,c=i?.id??"";if(u.current=c,!c||c===t||o==null)return;let m=k.current;m&&Ct(m,o)},[i,o]);let E=K(()=>{if(X.current)return;let t=k.current;if(!t)return;let c=St(t),l=c.length>0&&c[0]!==c[0].toUpperCase()?c[0].toUpperCase()+c.slice(1):c;y(l)},[y]),W=K(()=>{J.current=performance.now(),E();let t=k.current;t&&D(Dt(t))},[E,D]);Ye(()=>{let t=k.current;if(!t)return;let c=m=>{let l=m,x=l.inputType;if(x==="insertParagraph"||x==="insertLineBreak"||x==="insertFromDrop"){m.preventDefault();return}if(x.startsWith("insert")||x.startsWith("delete")){let A=x.startsWith("delete")?"":l.data??"";Q(A)&&m.preventDefault()}};return t.addEventListener("beforeinput",c),()=>t.removeEventListener("beforeinput",c)},[Q]);let ee=K(()=>{X.current=!0},[]),te=K(()=>{X.current=!1,E()},[E]),q=K(t=>{t.preventDefault();let c=k.current;if(!c)return;let m=(t.clipboardData.getData("text/plain")??"").replace(/\r?\n/g," ");if(!m)return;let l=c.ownerDocument??document,x=l.getSelection();if(!x||x.rangeCount===0)return;let A=x.getRangeAt(0);if(!c.contains(A.startContainer))return;A.deleteContents();let M=l.createTextNode(m);A.insertNode(M),A.setStartAfter(M),A.collapse(!0),x.removeAllRanges(),x.addRange(A),E()},[E]),U=K(t=>b(t),[b]),R=K(()=>L(!0),[L]),ae=K(()=>L(!1),[L]),le=K(()=>k.current?.focus(),[]),T=K(()=>k.current?.blur(),[]),O=K(()=>{let t=k.current;return t?St(t):""},[]),oe=Na()?"plaintext-only":"true";return{inputRef:k,editorProps:{ref:k,contentEditable:oe,suppressContentEditableWarning:!0,tabIndex:0,role:"combobox","aria-autocomplete":"list","aria-haspopup":"listbox","aria-controls":_,"aria-expanded":v,"aria-activedescendant":p,spellCheck:!0,enterKeyHint:"send",onInput:W,onKeyDown:U,onCompositionStart:ee,onCompositionEnd:te,onPaste:q,onFocus:R,onBlur:ae},getPlainText:O,focus:le,blur:T}}import{jsx as we,jsxs as Ze}from"react/jsx-runtime";function Wa(e){return e!=="auto"?e:typeof window>"u"||window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}var qa=za(function({onSubmit:r,onResult:a,onError:i,optionOverrides:s,maskCompletedText:o,className:n,apiConfig:f,additionalContext:g,columns:v,pillPlacement:_="dropdown",mode:p="auto",optionsPosition:w="below",animations:y=!0,dropdownTrigger:b,closeDropdownOnBlur:D,showNonTappableOptions:C,showSkipButton:Y,autoFocus:Q=!0,onFocus:L,onBlur:k,value:X,completedParams:Z,onChange:u,onParamsChange:se,products:J,onProductSelect:E,submitButton:W},ee){let te=Ie(null),q=Ie(null),U=Ie(()=>{}),R=Ie(null),ae=Ie(null);Tt(()=>{let P=te.current;if(P)return R.current?R.current.setMode(p):R.current=new Ha(P,p),()=>{R.current?.destroy(),R.current=null}},[p]);let le=Xe(P=>{let pe=ae.current?.current;pe&&(pe.focus(),Ka(pe,P))},[]),{completedParams:T,skippedParams:O,identifiedParams:oe,isReady:t,suggestionPills:c,setActivePill:m,skipActivePill:l,segments:x,newParamId:A,clearNewParamId:M,placeholderText:d,isFocused:ie,isDropdownOpen:fe,isActivePillSelected:de,isLoading:ce,activeIndex:j,listboxId:ge,handleTextChange:F,handleKeyDown:N,setFocused:xe,editingParam:Ae,editingIdentified:Me,editingAnchor:ye,caretOffset:Se,startEditingParam:h,handleCaretAfterInput:z,handleCaretMove:S,replaceEditingRange:Ne,dropdownProps:Rt,reset:De}=Ve({onSubmit:P=>U.current(P),onResult:a,onError:i,optionOverrides:s,maskCompletedText:o,apiConfig:f,additionalContext:g,columns:v,dropdownTrigger:b,optionsPosition:w,closeDropdownOnBlur:D,showNonTappableOptions:C,showSkipButton:Y,onFocus:L,onBlur:k,value:X,completedParams:Z,onChange:u,onParamsChange:se,products:J,onProductSelect:E,source:"full-sdk",setCursor:le});Tt(()=>{if(!A)return;let P=window.setTimeout(()=>M(),650);return()=>window.clearTimeout(P)},[A,M]);let Lt=j>=0?`${ge}-option-${j}`:void 0,{inputRef:ze,editorProps:Ot,focus:Ce,blur:Je,getPlainText:et}=Et({segments:x,newParamId:A,editingParam:Ae,editingIdentified:Me,editingAnchor:ye,caretOffset:Se,placeholderText:d,isFocused:ie,isDropdownOpen:fe,listboxId:ge,activeDescendantId:Lt,autoFocus:Q,handleTextChange:F,handleKeyDown:N,handleCaretAfterInput:z,handleCaretMove:S,startEditingParam:h,replaceEditingRange:Ne,setFocused:xe});ae.current=ze,Ga(()=>{let P=q.current,pe=ze.current;if(!P||!pe)return;let tt=()=>{let ot=P.firstElementChild;if(!ot)return;let Bt=ot.getBoundingClientRect(),Gt=pe.getBoundingClientRect();Bt.top>=Gt.bottom-2?P.setAttribute("data-aia-pill-wrapped",""):P.removeAttribute("data-aia-pill-wrapped")};tt();let at=new ResizeObserver(tt);return at.observe(pe),()=>at.disconnect()},[x,c.length,ce,ze]),Ba(ee,()=>({focus:Ce,blur:Je,reset:De,setMode:P=>R.current?.setMode(P),skipActivePill:l}),[Ce,Je,De,l]);let Ee=!!x.length||T.length>0,Be=Xe(()=>{if(!Ee)return;let P=et();r(Fa(P,T,O,{identifiedParams:oe,isReady:t})),De()},[Ee,T,O,oe,t,r,De,et]);U.current=Be;let Mt=Xe(P=>{P.target?.closest("[data-aia-pill]")||Ce()},[Ce]),Nt=_==="inline",zt=_==="dropdown";return Ze("div",{ref:te,className:`magicx-aia ${he.container} ${n??""}`,"data-pill-placement":_,"data-options-position":w,"data-animations":y?"on":"off","data-mode":Wa(p),children:[we(je,{...Rt,showPills:zt}),Ze("div",{className:he.inputWrapper,onClick:Mt,children:[Ze("div",{className:he.editorArea,"data-aia-editor":"",children:[we("div",{...Ot,className:he.input,"data-aia-input":""}),Nt&&(ce||c.length>0)&&we("span",{ref:q,className:he.pillListContainer,"data-aia-pill-list-container":"",children:we(Re,{pills:c,activePillIndex:0,activeSelected:de,onSelectPill:m,loading:ce})})]}),W===null?null:W===void 0?we(yt,{disabled:!Ee,onClick:Be}):we("span",{"data-aia-submit":"",className:he.submitSlot,onClick:P=>{Ee&&(P.stopPropagation(),Be())},children:W})]})]})});export{qa as AIAutocomplete,je as AIAutocompleteDropdown,Ni as DATE_RANGE_META_END,zi as DATE_RANGE_META_START,Vi as WEEKDAY_LABELS,Li as buildSubmitResult,Oi as cellDay,Mi as cellIso,Bi as dateCellMarks,Gi as formatDate,Fi as formatDateRange,Hi as isoDate,Ki as monthLabel,Wi as parseDate,qi as parseLooseDate,Ui as parseLooseDateRange,ji as selectedRangeFor,Ve as useAIAutocomplete,$i as visibleDateRange,Yi as withSkippedParams};
1605
1612
  //# sourceMappingURL=index.mjs.map