@magicx-eng/ai-autocomplete-react 0.19.0 → 0.21.0

package/dist/index.js

@@ -1,4 +1,4 @@
-"use strict";var tt=Object.defineProperty;var qt=Object.getOwnPropertyDescriptor;var Ut=Object.getOwnPropertyNames;var jt=Object.prototype.hasOwnProperty;var $t=(e,o)=>{for(var a in o)tt(e,a,{get:o[a],enumerable:!0})},Vt=(e,o,a,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of Ut(o))!jt.call(e,n)&&n!==a&&tt(e,n,{get:()=>o[n],enumerable:!(r=qt(o,n))||r.enumerable});return e};var Qt=e=>Vt(tt({},"__esModule",{value:!0}),e);var la={};$t(la,{AIAutocomplete:()=>Ot,AIAutocompleteDropdown:()=>$e,DATE_RANGE_META_END:()=>c.DATE_RANGE_META_END,DATE_RANGE_META_START:()=>c.DATE_RANGE_META_START,PRODUCT_PATH_PREFIX:()=>c.PRODUCT_PATH_PREFIX,WEEKDAY_LABELS:()=>c.WEEKDAY_LABELS,buildSubmitResult:()=>c.buildSubmitResult,cellDay:()=>c.cellDay,cellIso:()=>c.cellIso,dateCellMarks:()=>c.dateCellMarks,formatDate:()=>c.formatDate,formatDateRange:()=>c.formatDateRange,isoDate:()=>c.isoDate,monthLabel:()=>c.monthLabel,optionLabel:()=>c.optionLabel,parseDate:()=>c.parseDate,parseLooseDate:()=>c.parseLooseDate,parseLooseDateRange:()=>c.parseLooseDateRange,productFromMatchedItem:()=>c.productFromMatchedItem,productsFromCustomFields:()=>c.productsFromCustomFields,sanitizeOptionIconSvg:()=>c.sanitizeOptionIconSvg,selectedRangeFor:()=>c.selectedRangeFor,useAIAutocomplete:()=>Qe,visibleDateRange:()=>c.visibleDateRange,withSkippedParams:()=>c.withSkippedParams});module.exports=Qt(la);var c=require("@magicx-eng/ai-autocomplete-vanilla");var T=require("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 {
+"use strict";var tt=Object.defineProperty;var qt=Object.getOwnPropertyDescriptor;var Ut=Object.getOwnPropertyNames;var jt=Object.prototype.hasOwnProperty;var $t=(e,i)=>{for(var a in i)tt(e,a,{get:i[a],enumerable:!0})},Vt=(e,i,a,r)=>{if(i&&typeof i=="object"||typeof i=="function")for(let n of Ut(i))!jt.call(e,n)&&n!==a&&tt(e,n,{get:()=>i[n],enumerable:!(r=qt(i,n))||r.enumerable});return e};var Qt=e=>Vt(tt({},"__esModule",{value:!0}),e);var la={};$t(la,{AIAutocomplete:()=>Mt,AIAutocompleteDropdown:()=>$e,DATE_RANGE_META_END:()=>c.DATE_RANGE_META_END,DATE_RANGE_META_START:()=>c.DATE_RANGE_META_START,PRODUCT_PATH_PREFIX:()=>c.PRODUCT_PATH_PREFIX,WEEKDAY_LABELS:()=>c.WEEKDAY_LABELS,buildSubmitResult:()=>c.buildSubmitResult,cellDay:()=>c.cellDay,cellIso:()=>c.cellIso,dateCellMarks:()=>c.dateCellMarks,formatDate:()=>c.formatDate,formatDateRange:()=>c.formatDateRange,isoDate:()=>c.isoDate,monthLabel:()=>c.monthLabel,optionLabel:()=>c.optionLabel,parseDate:()=>c.parseDate,parseLooseDate:()=>c.parseLooseDate,parseLooseDateRange:()=>c.parseLooseDateRange,productFromMatchedItem:()=>c.productFromMatchedItem,productsFromCustomFields:()=>c.productsFromCustomFields,sanitizeOptionIconSvg:()=>c.sanitizeOptionIconSvg,selectedRangeFor:()=>c.selectedRangeFor,useAIAutocomplete:()=>Qe,visibleDateRange:()=>c.visibleDateRange,withSkippedParams:()=>c.withSkippedParams});module.exports=Qt(la);var c=require("@magicx-eng/ai-autocomplete-vanilla");var D=require("react");if(typeof document<"u"&&!document.getElementById("ac-style-67791514")){let e=document.createElement("style");e.id="ac-style-67791514",e.textContent=`.aia-container-KKjFU {
   position: relative;
   /* Inherits the host page's font by default. Consumers can pin a specific
      font on the library via \`--aia-font-family: 'Custom Font'\` without
@@ -7,7 +7,7 @@
   container-type: inline-size;
 }
 
-.AIAutocomplete-module_inputWrapper_FLq1b {
+.aia-inputWrapper-FLq1b {
   padding: 12px 16px;
   border: 1px solid var(--aia-border, #b0b0b0);
   border-radius: 20px;
@@ -21,7 +21,7 @@
   gap: 12px;
 }
 
-.AIAutocomplete-module_editorArea_7rBWq {
+.aia-editorArea-7rBWq {
   position: relative;
   flex: 1;
   min-width: 0;
@@ -45,11 +45,11 @@
   scrollbar-width: none;
 }
 
-.AIAutocomplete-module_editorArea_7rBWq::-webkit-scrollbar {
+.aia-editorArea-7rBWq::-webkit-scrollbar {
   display: none;
 }
 
-.AIAutocomplete-module_input_IW-P- {
+.aia-input-IW-P- {
   display: inline;
   outline: none;
   background: transparent;
@@ -70,7 +70,7 @@
    editable plain text (the caret system counts characters inside this
    <strong>). The completed class is stamped by the shared renderer as a global
    string, so match it via [class~=] to bypass CSS Modules' hashing. */
-:where(.AIAutocomplete-module_input_IW-P-) strong[class~="magicx-aia-segment--completed"] {
+:where(.aia-input-IW-P-) strong[class~="magicx-aia-segment--completed"] {
   /* inline (not inline-block) so a chip too wide for the line breaks across two
      lines; box-decoration-break: clone gives each fragment its own padding /
      radius / fill, so an over-long recognized phrase renders as two little
@@ -99,7 +99,7 @@
 
 /* Hover highlight \u2014 a slightly stronger fill so a pointed-at pill reads as
    tappable. Declared between the base and editing rules so editing wins. */
-:where(.AIAutocomplete-module_input_IW-P-) strong[class~="magicx-aia-segment--completed"]:hover {
+:where(.aia-input-IW-P-) strong[class~="magicx-aia-segment--completed"]:hover {
   background: var(--aia-completed-pill-bg-active, rgba(189, 189, 189, 0.35));
 }
 
@@ -108,7 +108,7 @@
    baseline, so the chip keeps \`display: inline\` and still wraps across
    lines; contentEditable is off on it (the renderer sets that) so it adds
    no characters to the caret's plain text. */
-:where(.AIAutocomplete-module_input_IW-P-) span[class~="magicx-aia-segment-icon"] {
+:where(.aia-input-IW-P-) span[class~="magicx-aia-segment-icon"] {
   display: inline-block;
   width: 1em;
   height: 1em;
@@ -124,7 +124,7 @@
   will-change: transform;
 }
 
-:where(.AIAutocomplete-module_input_IW-P-) span[class~="magicx-aia-segment-icon"] svg {
+:where(.aia-input-IW-P-) span[class~="magicx-aia-segment-icon"] svg {
   display: block;
   width: 100%;
   height: 100%;
@@ -137,7 +137,7 @@
    renderer (a global string), so target it via an attribute selector to bypass
    CSS Modules' hashing. Declared last so it wins on a strong carrying both
    classes. */
-:where(.AIAutocomplete-module_input_IW-P-) strong[class~="magicx-aia-segment--editing"] {
+:where(.aia-input-IW-P-) strong[class~="magicx-aia-segment--editing"] {
   background: var(--aia-completed-pill-bg-active, rgba(189, 189, 189, 0.35));
   caret-color: transparent;
   cursor: text;
@@ -147,15 +147,15 @@
    useContentEditableEditor.ts) \u2014 that means it sits in the parent .input, not
    inside the strong, so the rule above doesn't hide it. Use :has() to hide
    the caret on the whole editor while any completed param is selected. */
-.AIAutocomplete-module_input_IW-P-:has(strong[class~="magicx-aia-segment--editing"]) {
+.aia-input-IW-P-:has(strong[class~="magicx-aia-segment--editing"]) {
   caret-color: transparent;
 }
 
-:where(.AIAutocomplete-module_input_IW-P-) strong[class~="magicx-aia-segment--editing"]::selection {
+:where(.aia-input-IW-P-) strong[class~="magicx-aia-segment--editing"]::selection {
   background: transparent;
   color: inherit;
 }
-:where(.AIAutocomplete-module_input_IW-P-) strong[class~="magicx-aia-segment--editing"]::-moz-selection {
+:where(.aia-input-IW-P-) strong[class~="magicx-aia-segment--editing"]::-moz-selection {
   background: transparent;
   color: inherit;
 }
@@ -164,7 +164,7 @@
    typed in one character at a time by the core's typewriter (the attribute
    holds the typed prefix); the only fade is the outgoing phrase when the
    placeholder changes \u2014 its duration mirrors PLACEHOLDER_FADE_OUT_MS. */
-.AIAutocomplete-module_input_IW-P-[data-aia-empty="true"][data-placeholder]::before {
+.aia-input-IW-P-[data-aia-empty="true"][data-placeholder]::before {
   content: attr(data-placeholder);
   color: var(--aia-color-text-muted, #c1c4cb);
   opacity: 0.7;
@@ -172,12 +172,12 @@
   transition: opacity var(--aia-placeholder-fade, 120ms) ease-out;
 }
 
-.AIAutocomplete-module_input_IW-P-[data-aia-placeholder-leaving]::before {
+.aia-input-IW-P-[data-aia-placeholder-leaving]::before {
   opacity: 0;
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .AIAutocomplete-module_input_IW-P-[data-aia-empty="true"][data-placeholder]::before {
+  .aia-input-IW-P-[data-aia-empty="true"][data-placeholder]::before {
     transition-duration: 0s;
   }
 }
@@ -185,22 +185,22 @@
 /* Empty inline contentEditables have no inline box for the caret to render
    in. Switch to inline-block (min-width matches the caret line) when empty,
    so the caret stays visible while focused. */
-.AIAutocomplete-module_input_IW-P-[data-aia-empty="true"] {
+.aia-input-IW-P-[data-aia-empty="true"] {
   display: inline-block;
   min-width: 1px;
 }
 
-.AIAutocomplete-module_pillListContainer_h92IA {
+.aia-pillListContainer-h92IA {
   display: inline;
   margin-left: 8px;
 }
 
-.AIAutocomplete-module_pillListContainer_h92IA:empty,
-.AIAutocomplete-module_pillListContainer_h92IA[data-aia-pill-wrapped] {
+.aia-pillListContainer-h92IA:empty,
+.aia-pillListContainer-h92IA[data-aia-pill-wrapped] {
   margin-left: 0;
 }
 
-.AIAutocomplete-module_submitSlot_GhuCM {
+.aia-submitSlot-GhuCM {
   display: contents;
 }
 
@@ -211,16 +211,16 @@
    text-clip gradient shimmer can't be used (background-clip: text would wipe
    the pill background). The reveal is a simple fade-in of the whole pill,
    riding on shimmer-sweep so it only plays on genuine promotions. */
-:where(.AIAutocomplete-module_input_IW-P-) strong[class~="magicx-aia-shimmer-sweep"] {
-  animation: AIAutocomplete-module_aiaPillReveal_wf05b 400ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
+:where(.aia-input-IW-P-) strong[class~="magicx-aia-shimmer-sweep"] {
+  animation: aia-aiaPillReveal-wf05b 400ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
 }
 
-@keyframes AIAutocomplete-module_aiaPillReveal_wf05b {
+@keyframes aia-aiaPillReveal-wf05b {
   from {
     opacity: 0;
   }
 }
-`,document.head.appendChild(e)}var Se={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"};var Re=require("@magicx-eng/ai-autocomplete-vanilla"),J=require("react");if(typeof document<"u"&&!document.getElementById("ac-style-0ae03977")){let e=document.createElement("style");e.id="ac-style-0ae03977",e.textContent=`/*
+`,document.head.appendChild(e)}var Ee={container:"aia-container-KKjFU",inputWrapper:"aia-inputWrapper-FLq1b",editorArea:"aia-editorArea-7rBWq",input:"aia-input-IW-P-",pillListContainer:"aia-pillListContainer-h92IA",submitSlot:"aia-submitSlot-GhuCM",aiaPillReveal:"aia-aiaPillReveal-wf05b"};var Le=require("@magicx-eng/ai-autocomplete-vanilla"),J=require("react");if(typeof document<"u"&&!document.getElementById("ac-style-0ae03977")){let e=document.createElement("style");e.id="ac-style-0ae03977",e.textContent=`/*
  * Built-in appearance defaults \u2014 zero specificity via :where().
  * Consumer CSS always wins without !important.
  *
@@ -235,13 +235,94 @@
  * mix explicit dimensions with padding (e.g. .magicx-aia-pill has height:36px
  * + padding:13px) and were authored assuming \`border-box\`. In consumer apps
  * without a global \`* { box-sizing: border-box }\` reset the pill rendered
- * ~62px tall instead of 36px. Scoping the reset to \`.magicx-aia\` descendants
- * keeps the library self-contained without leaking onto consumer markup.
+ * ~62px tall instead of 36px. The root gets it here; everything under the SDK's
+ * own roots gets it from the isolation rule below, and nothing else does.
  */
-:where(.magicx-aia, .magicx-aia *, .magicx-aia *::before, .magicx-aia *::after) {
+:where(.magicx-aia) {
   box-sizing: border-box;
 }
 
+/*
+ * Consumer isolation. Everything the SDK renders sits under one of two roots
+ * it owns \u2014 the Tier 1 input wrapper and the dropdown \u2014 and every element
+ * under them rolls its author-level styles back to the browser defaults
+ * (\`all: revert\`) before the SDK's own rules apply. A page's element and
+ * universal rules (\`button { \u2026 }\`, \`a { \u2026 }\`, \`* { \u2026 }\`, a CSS reset, a
+ * framework's preflight) therefore never reach the widget.
+ *
+ * The selector is shaped for specificity (0,0,5) on purpose:
+ * - \`:where(...)\` contributes nothing, so the scope never outranks anything;
+ * - five \`:not(html)\` add one type-level unit each \u2014 enough to beat any
+ *   type-only page selector up to five compounds deep (\`html body main form
+ *   button\`), and still below every rule that names a class, attribute or id.
+ *   The SDK's own class rules, and a consumer's intentional overrides on the
+ *   \`data-aia-*\` hooks, therefore win exactly as before.
+ *
+ * Left alone: the roots' ancestors (the consumer's container), inline SVG
+ * (\`revert\` strips presentation attributes such as \`stroke\` and \`d\`, which
+ * would blank the icons), and the consumer's own submit button and whatever
+ * is inside it (\`[data-aia-submit-slot]\`). Custom properties are outside
+ * \`all\`, so \`--aia-*\` theming still flows in from the page.
+ *
+ * Every SDK rule must therefore carry at least one class or attribute; a
+ * type-only or \`:where()\`-only rule would lose to this one, and a rule inside
+ * a cascade layer would lose to it whatever its specificity.
+ * \`packages/vanilla/tests/packaging/consumerIsolation.test.ts\` enforces both
+ * and keeps the four copies of this block identical.
+ */
+:where(
+    [data-aia-input-wrapper],
+    [data-aia-input-wrapper] *,
+    [data-aia-dropdown],
+    [data-aia-dropdown] *
+  ):not(:where(svg, svg *, [data-aia-submit-slot], [data-aia-submit-slot] *)):not(html):not(
+    html
+  ):not(html):not(html):not(html),
+:where(
+    [data-aia-input-wrapper],
+    [data-aia-input-wrapper] *,
+    [data-aia-dropdown],
+    [data-aia-dropdown] *
+  ):not(:where(svg, svg *, [data-aia-submit-slot], [data-aia-submit-slot] *)):not(html):not(
+    html
+  ):not(html):not(html):not(html)::before,
+:where(
+    [data-aia-input-wrapper],
+    [data-aia-input-wrapper] *,
+    [data-aia-dropdown],
+    [data-aia-dropdown] *
+  ):not(:where(svg, svg *, [data-aia-submit-slot], [data-aia-submit-slot] *)):not(html):not(
+    html
+  ):not(html):not(html):not(html)::after {
+  all: revert;
+  box-sizing: border-box;
+}
+
+/* Inherited typography stops at the roots too. \`revert\` leaves an inherited
+   property to inherit, so a page's \`body { line-height: 1.8; letter-spacing:
+   0.05em; text-transform: uppercase }\` would still flow into the widget through
+   its container. The font itself (family, size, weight) and the text colour are
+   meant to come from the page \u2014 see --aia-font-family \u2014 so they keep
+   inheriting; the adjustments below return to their initial values at the two
+   roots and inherit from there. Same specificity as the reset above and after
+   it in source order, so it wins the tie on the roots. */
+:where([data-aia-input-wrapper], [data-aia-dropdown]):not(html):not(html):not(html):not(html):not(
+    html
+  ) {
+  line-height: normal;
+  letter-spacing: normal;
+  word-spacing: normal;
+  text-transform: none;
+  text-indent: 0;
+  text-align: start;
+  text-shadow: none;
+  font-style: normal;
+  font-variant: normal;
+  white-space: normal;
+  visibility: visible;
+  cursor: auto;
+}
+
 /*
  * Primitive color ramp \u2014 single source of truth, mirroring the Figma
  * "Primitives" collection. INTERNAL: theme via the public --aia-* vars below,
@@ -438,11 +519,11 @@
   padding-inline: 0;
 }
 
-/* The reserved band the footer overlaps, kept OUT of \`@layer layout\` on
-   purpose. A consumer reset (\`* { margin: 0; padding: 0 }\`, Tailwind's
-   preflight, \u2026) is unlayered, and an unlayered declaration beats every layered
-   one no matter its specificity \u2014 inside the layer this padding and margin
-   were silently zeroed and the footer had nothing to sit over. */
+/* The reserved band the footer overlaps. Declared here, apart from the grid
+   primitive, because it is the dropdown's concern rather than the grid's \u2014 and
+   it once lived inside a \`@layer layout\` block, where a consumer's unlayered
+   reset zeroed it silently. No SDK rule is layered any more (the isolation
+   rule above is unlayered, and a layered rule would lose to it). */
 [data-aia-dropdown] .aia-grid[data-scroll] {
   padding-top: var(--aia-grid-scroll-top, 0);
   padding-bottom: var(--aia-grid-scroll-bottom, 0);
@@ -566,7 +647,7 @@
     background: var(--aia-surface, #ffffff);
   }
 }
-`,document.head.appendChild(e)}if(typeof document<"u"&&!document.getElementById("ac-style-3819c762")){let e=document.createElement("style");e.id="ac-style-3819c762",e.textContent=`.AIAutocompleteDropdown-module_dropdown_yz2KC {
+`,document.head.appendChild(e)}if(typeof document<"u"&&!document.getElementById("ac-style-3819c762")){let e=document.createElement("style");e.id="ac-style-3819c762",e.textContent=`.aia-dropdown-yz2KC {
   position: absolute;
   left: 0;
   right: 0;
@@ -606,11 +687,11 @@
    the option grid's 544px cap leaves a month floating in empty panel. The
    :has() argument is the datepicker's data attribute, which all three packages
    emit identically; only the panel class differs per copy. */
-.AIAutocompleteDropdown-module_dropdown_yz2KC:has([data-aia-datepicker]) {
+.aia-dropdown-yz2KC:has([data-aia-datepicker]) {
   max-width: var(--aia-date-panel-width, 312px);
 }
 
-.AIAutocompleteDropdown-module_dropdown_yz2KC[data-aia-surface="glass"] {
+.aia-dropdown-yz2KC[data-aia-surface="glass"] {
   background: transparent;
   border-color: transparent;
   box-shadow:
@@ -631,7 +712,7 @@
    spring settle while the option rows cascade in on top of it. Closing keeps
    the longer fade so a populated panel dissolves as one (the base rule above
    delays the transform snap until that fade has finished). */
-.AIAutocompleteDropdown-module_visible_QCoXj {
+.aia-visible-QCoXj {
   opacity: 1;
   pointer-events: auto;
   transform: scaleY(1);
@@ -654,7 +735,7 @@
    option rows and the footer (z-index 3), whose opaque fade plate would
    otherwise bury it. Declarations mirror vanilla's .magicx-aia-scroll-arrow
    and Angular's copy \u2014 change all three in the same commit. */
-.AIAutocompleteDropdown-module_scrollArrow_uUzV0 {
+.aia-scrollArrow-uUzV0 {
   position: absolute;
   left: 50%;
   bottom: var(--aia-scroll-arrow-bottom, 8px);
@@ -686,12 +767,12 @@
   transition: opacity 1000ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 
-.AIAutocompleteDropdown-module_scrollArrow_uUzV0[data-aia-visible] {
+.aia-scrollArrow-uUzV0[data-aia-visible] {
   pointer-events: auto;
   opacity: 1;
 }
 
-.AIAutocompleteDropdown-module_scrollArrow_uUzV0:hover {
+.aia-scrollArrow-uUzV0:hover {
   color: var(
     --aia-scroll-arrow-color-hover,
     var(--aia-option-color-selected, var(--aia-color-text-default, #fff))
@@ -699,8 +780,8 @@
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .AIAutocompleteDropdown-module_scrollArrow_uUzV0,
-  .AIAutocompleteDropdown-module_dropdown_yz2KC {
+  .aia-scrollArrow-uUzV0,
+  .aia-dropdown-yz2KC {
     transition-duration: 0s;
   }
 }
@@ -710,7 +791,7 @@
    live on the inner .pillScroll wrapper, NOT the bar itself: the trailing skip
    button is the bar's other child, and a mask on the bar would fade it out
    along with the overflowing pills it's meant to sit beside. */
-.AIAutocompleteDropdown-module_pillBar_pwTXe {
+.aia-pillBar-pwTXe {
   overflow: hidden;
 }
 
@@ -718,7 +799,7 @@
    \`[data-aia-pillbar] > span\` rule lands here (10px inline padding aligning
    the param label with the option text), so the inner PillList span must not
    add its own base padding on top \u2014 see the child rule below. */
-.AIAutocompleteDropdown-module_pillScroll_Tpzus {
+.aia-pillScroll-Tpzus {
   display: inline-flex;
   align-items: center;
   flex: 1 1 auto;
@@ -730,11 +811,11 @@
   -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 48px), transparent 100%);
 }
 
-.AIAutocompleteDropdown-module_pillScroll_Tpzus > span {
+.aia-pillScroll-Tpzus > span {
   padding-inline: 0;
 }
 
-.AIAutocompleteDropdown-module_pillScroll_Tpzus::-webkit-scrollbar {
+.aia-pillScroll-Tpzus::-webkit-scrollbar {
   display: none;
 }
 
@@ -743,7 +824,7 @@
    margin), outside the masked scroller. Typography follows the footer hint
    (quiet chrome), not the pills. Declarations mirror \`.magicx-aia-skip\` in the
    vanilla stylesheet \u2014 change both in the same commit. */
-.AIAutocompleteDropdown-module_skip_7-olS {
+.aia-skip-7-olS {
   display: inline-flex;
   align-items: center;
   margin-inline-start: auto;
@@ -765,7 +846,7 @@
     background-color 150ms ease-out;
 }
 
-.AIAutocompleteDropdown-module_skip_7-olS:hover {
+.aia-skip-7-olS:hover {
   color: var(--aia-skip-color-hover, var(--aia-pill-color, var(--aia-color-text-muted, #c1c4cb)));
   /* Same fill as a highlighted option row (--aia-option-bg), so the hover
      reads with the dropdown's own hover language and stays visible on both
@@ -773,38 +854,38 @@
   background: var(--aia-skip-hover-bg, var(--aia-option-bg, transparent));
 }
 
-.AIAutocompleteDropdown-module_skip_7-olS:disabled {
+.aia-skip-7-olS:disabled {
   pointer-events: none;
   cursor: default;
   opacity: 0.5;
 }
 
 /* --- Fallback loading skeleton (only when no pills/options are cached) --- */
-.AIAutocompleteDropdown-module_skeletonBars_HVr9C {
+.aia-skeletonBars-HVr9C {
   display: flex;
   flex-direction: column;
   gap: 20px;
   padding: 7px 8px;
 }
 
-.AIAutocompleteDropdown-module_skeletonBar_O3xIx {
+.aia-skeletonBar-O3xIx {
   display: block;
   height: 14px;
   border-radius: 999px;
   background: var(--aia-skeleton-bg, var(--aia-pill-bg, rgba(189, 189, 189, 0.25)));
   opacity: 0.5;
-  animation: AIAutocompleteDropdown-module_aiaSkeletonPulse_G8W7q 1.4s ease-in-out infinite;
+  animation: aia-aiaSkeletonPulse-G8W7q 1.4s ease-in-out infinite;
 }
 
-.AIAutocompleteDropdown-module_skeletonBar_O3xIx:nth-child(2) {
+.aia-skeletonBar-O3xIx:nth-child(2) {
   animation-delay: 150ms;
 }
 
-.AIAutocompleteDropdown-module_skeletonBar_O3xIx:nth-child(3) {
+.aia-skeletonBar-O3xIx:nth-child(3) {
   animation-delay: 300ms;
 }
 
-@keyframes AIAutocompleteDropdown-module_aiaSkeletonPulse_G8W7q {
+@keyframes aia-aiaSkeletonPulse-G8W7q {
   0%,
   100% {
     opacity: 0.5;
@@ -813,7 +894,7 @@
     opacity: 0.25;
   }
 }
-`,document.head.appendChild(e)}var ue={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"};var E=require("@magicx-eng/ai-autocomplete-vanilla"),ht=require("react");if(typeof document<"u"&&!document.getElementById("ac-style-f687bd03")){let e=document.createElement("style");e.id="ac-style-f687bd03",e.textContent=`/* --- Datepicker (replaces the options grid for date suggestions) ---
+`,document.head.appendChild(e)}var he={dropdown:"aia-dropdown-yz2KC",visible:"aia-visible-QCoXj",scrollArrow:"aia-scrollArrow-uUzV0",pillBar:"aia-pillBar-pwTXe",pillScroll:"aia-pillScroll-Tpzus",skip:"aia-skip-7-olS",skeletonBars:"aia-skeletonBars-HVr9C",skeletonBar:"aia-skeletonBar-O3xIx",aiaSkeletonPulse:"aia-aiaSkeletonPulse-G8W7q"};var R=require("@magicx-eng/ai-autocomplete-vanilla"),ut=require("react");if(typeof document<"u"&&!document.getElementById("ac-style-f687bd03")){let e=document.createElement("style");e.id="ac-style-f687bd03",e.textContent=`/* --- Datepicker (replaces the options grid for date suggestions) ---
 
    One of three hand-maintained copies (vanilla styles.css, this file, Angular's
    date-grid.component.css). Only the class-naming layer differs \u2014 the
@@ -827,7 +908,7 @@
    because the panel's darkness comes from --aia-surface, which the media query
    says nothing about. Going through the option chain means one consumer
    override restyles the calendar and the options together. */
-.DateGrid-module_datepicker_6RrTs {
+.aia-datepicker-6RrTs {
   display: flex;
   flex-direction: column;
   gap: 4px;
@@ -837,7 +918,7 @@
   padding: 4px 2px 4px;
 }
 
-.DateGrid-module_header_z4LRk {
+.aia-header-z4LRk {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -845,7 +926,7 @@
   padding: 2px 6px 6px;
 }
 
-.DateGrid-module_month_urB2T {
+.aia-month-urB2T {
   font-family: inherit;
   font-size: var(--aia-date-month-font-size, 14px);
   font-weight: 500;
@@ -853,7 +934,7 @@
   color: var(--aia-option-color-selected, var(--aia-color-text-default, #fff));
 }
 
-.DateGrid-module_nav_ap4AN {
+.aia-nav-ap4AN {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -873,13 +954,13 @@
     background-color 150ms ease-out;
 }
 
-.DateGrid-module_nav_ap4AN:hover {
+.aia-nav-ap4AN:hover {
   color: var(--aia-option-color-selected, var(--aia-color-text-default, #fff));
   background: var(--aia-option-bg, transparent);
 }
 
-.DateGrid-module_weekdays_3EA3q,
-.DateGrid-module_grid_mQCgw {
+.aia-weekdays-3EA3q,
+.aia-grid-mQCgw {
   display: grid;
   /* The 7 columns live on the cell container itself, not on an ancestor:
      KeyboardController.getEffectiveColumns() measures grid-template-columns by
@@ -888,7 +969,7 @@
   grid-template-columns: repeat(7, minmax(0, 1fr));
 }
 
-.DateGrid-module_weekday_3lF4B {
+.aia-weekday-3lF4B {
   padding: 2px 0;
   text-align: center;
   font-family: inherit;
@@ -899,7 +980,7 @@
   opacity: 0.7;
 }
 
-.DateGrid-module_cell_59k0y {
+.aia-cell-59k0y {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -922,7 +1003,7 @@
 
 /* The visual box: everything a cell paints \u2014 fill, ring, press \u2014 lands here so
    it reads as a square centred in its column rather than a full-width band. */
-.DateGrid-module_number_aoT01 {
+.aia-number-aoT01 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -931,22 +1012,22 @@
   border-radius: 6px;
 }
 
-.DateGrid-module_day_cB3u9 {
+.aia-day-cB3u9 {
   cursor: pointer;
 }
 
-.DateGrid-module_blank_ivgRC {
+.aia-blank-ivgRC {
   cursor: default;
 }
 
 /* A day before today: dimmed so the month visibly starts at today, but still
    fully interactive \u2014 hover and click behave like any other day. */
-.DateGrid-module_past_CEZsj {
+.aia-past-CEZsj {
   opacity: 0.35;
 }
 
-.DateGrid-module_day_cB3u9:hover .DateGrid-module_number_aoT01,
-.DateGrid-module_highlighted_YIdtK .DateGrid-module_number_aoT01 {
+.aia-day-cB3u9:hover .aia-number-aoT01,
+.aia-highlighted-YIdtK .aia-number-aoT01 {
   color: var(--aia-option-color-selected, var(--aia-color-text-default, #fff));
   background: var(--aia-option-bg, transparent);
   font-weight: 500;
@@ -954,7 +1035,7 @@
 
 /* Today reads as an outline, the committed answer as a fill \u2014 so a re-edited
    date can show both at once without either being ambiguous. */
-.DateGrid-module_today_iI3ME .DateGrid-module_number_aoT01 {
+.aia-today-iI3ME .aia-number-aoT01 {
   box-shadow: inset 0 0 0 1px
     var(--aia-date-today-ring, var(--aia-option-color, var(--aia-color-text-muted, #c1c4cb)));
 }
@@ -962,67 +1043,65 @@
 /* Between the two ends of a picked span. The band sits on the CELL, not on the
    number square inside it, so consecutive days join into one continuous strip
    instead of a row of separate pills \u2014 the ends stay the two filled squares. */
-.DateGrid-module_inRange_r9S2q {
+.aia-inRange-r9S2q {
   background: var(--aia-date-range-bg, rgba(var(--aia-streak-rgb, 255, 255, 255), 0.06));
 }
 
-.DateGrid-module_selected_28KDn .DateGrid-module_number_aoT01 {
+.aia-selected-28KDn .aia-number-aoT01 {
   color: var(--aia-option-color-selected, var(--aia-color-text-default, #fff));
   background: var(--aia-date-selected-bg, rgba(var(--aia-streak-rgb, 255, 255, 255), 0.12));
   font-weight: 500;
 }
 
-.DateGrid-module_pressed_bEyyN .DateGrid-module_number_aoT01 {
+.aia-pressed-bEyyN .aia-number-aoT01 {
   opacity: 0.8;
   background: rgba(var(--aia-streak-rgb, 255, 255, 255), 0.06);
 }
-`,document.head.appendChild(e)}var D={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"};var B=require("react/jsx-runtime"),Yt=["sunday","monday","tuesday","wednesday","thursday","friday","saturday"];function mt({options:e,activeIndex:o,listboxId:a,view:r,selection:n,onSelect:i,onHighlight:s,onPreviousMonth:f,onNextMonth:w}){let b=(0,E.isoDate)(new Date),x=(0,E.visibleDateRange)({pendingStart:n.rangeStart,highlightedIso:(0,E.cellIso)(e[o]),selected:n.selectedRange});return(0,B.jsxs)("div",{className:D.datepicker,"data-aia-datepicker":"",children:[(0,B.jsxs)("div",{className:D.header,children:[(0,B.jsx)("button",{type:"button",tabIndex:-1,className:D.nav,"data-aia-date-prev":"","aria-label":"Previous month",onMouseDown:m=>m.preventDefault(),onClick:f,children:"\u2039"}),(0,B.jsx)("span",{className:D.month,"data-aia-date-month":"","aria-live":"polite",children:(0,E.monthLabel)(r)}),(0,B.jsx)("button",{type:"button",tabIndex:-1,className:D.nav,"data-aia-date-next":"","aria-label":"Next month",onMouseDown:m=>m.preventDefault(),onClick:w,children:"\u203A"})]}),(0,B.jsx)("div",{className:D.weekdays,"aria-hidden":"true",children:E.WEEKDAY_LABELS.map((m,y)=>(0,B.jsx)("span",{className:D.weekday,children:m},Yt[y]))}),(0,B.jsx)("div",{className:D.grid,"data-aia-date-grid":"",children:e.map((m,y)=>(0,B.jsx)(Xt,{option:m,id:`${a}-option-${y}`,index:y,isHighlighted:y===o&&m.is_tappable,isToday:(0,E.cellIso)(m)===b,isPast:(0,E.cellIso)(m)!=null&&(0,E.cellIso)(m)<b,marks:(0,E.dateCellMarks)((0,E.cellIso)(m),{selectedIso:n.selectedIso,range:x}),onSelect:i,onHighlight:s},(0,E.cellIso)(m)??`pad-${y}`))})]})}function Xt({option:e,id:o,index:a,isHighlighted:r,isToday:n,isPast:i,marks:s,onSelect:f,onHighlight:w}){let[b,x]=(0,ht.useState)(!1),m=(0,E.cellDay)(e);if(m==null)return(0,B.jsx)("div",{id:o,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-hidden":"true","aria-selected":!1,tabIndex:-1,className:`${D.cell} ${D.blank}`});let y=()=>{x(!0),f(e),setTimeout(()=>x(!1),170)},P=[D.cell,D.day,i?D.past:"",r?D.highlighted:"",n?D.today:"",s.inRange?D.inRange:"",s.selected?D.selected:"",b?D.pressed:""].filter(Boolean).join(" ");return(0,B.jsx)("div",{id:o,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-selected":r,"aria-label":e.text,tabIndex:0,className:P,onClick:y,onKeyDown:v=>{(v.key==="Enter"||v.key===" ")&&(v.preventDefault(),y())},onMouseEnter:()=>w(a),children:(0,B.jsx)("span",{className:D.number,children:m})})}var Ee=require("@magicx-eng/ai-autocomplete-vanilla"),qe=require("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;
-    gap: var(--aia-cluster-gap, 0.5rem);
-  }
-  /* Inline-level variant \u2014 used when the cluster must sit inline (e.g. inside
-     a contentEditable). Rendered on a <span> so it's valid inline content. */
-  .aia-cluster[data-inline] {
-    display: inline-flex;
-  }
-  .aia-cluster[data-nowrap] {
-    flex-wrap: nowrap;
-  }
-  .aia-cluster[data-align="start"] {
-    align-items: start;
-  }
-  .aia-cluster[data-align="center"] {
-    align-items: center;
-  }
-  .aia-cluster[data-align="end"] {
-    align-items: end;
-  }
-  .aia-cluster[data-align="baseline"] {
-    align-items: baseline;
-  }
-  .aia-cluster[data-justify="start"] {
-    justify-content: start;
-  }
-  .aia-cluster[data-justify="center"] {
-    justify-content: center;
-  }
-  .aia-cluster[data-justify="end"] {
-    justify-content: end;
-  }
-  .aia-cluster[data-justify="between"] {
-    justify-content: space-between;
-  }
-  .aia-cluster[data-justify="around"] {
-    justify-content: space-around;
-  }
+`,document.head.appendChild(e)}var T={datepicker:"aia-datepicker-6RrTs",header:"aia-header-z4LRk",month:"aia-month-urB2T",nav:"aia-nav-ap4AN",weekdays:"aia-weekdays-3EA3q",grid:"aia-grid-mQCgw",weekday:"aia-weekday-3lF4B",cell:"aia-cell-59k0y",number:"aia-number-aoT01",day:"aia-day-cB3u9",blank:"aia-blank-ivgRC",past:"aia-past-CEZsj",highlighted:"aia-highlighted-YIdtK",today:"aia-today-iI3ME",inRange:"aia-inRange-r9S2q",selected:"aia-selected-28KDn",pressed:"aia-pressed-bEyyN"};var K=require("react/jsx-runtime"),Zt=["sunday","monday","tuesday","wednesday","thursday","friday","saturday"];function ft({options:e,activeIndex:i,listboxId:a,view:r,selection:n,onSelect:o,onHighlight:s,onPreviousMonth:g,onNextMonth:w}){let b=(0,R.isoDate)(new Date),x=(0,R.visibleDateRange)({pendingStart:n.rangeStart,highlightedIso:(0,R.cellIso)(e[i]),selected:n.selectedRange});return(0,K.jsxs)("div",{className:T.datepicker,"data-aia-datepicker":"",children:[(0,K.jsxs)("div",{className:T.header,children:[(0,K.jsx)("button",{type:"button",tabIndex:-1,className:T.nav,"data-aia-date-prev":"","aria-label":"Previous month",onMouseDown:f=>f.preventDefault(),onClick:g,children:"\u2039"}),(0,K.jsx)("span",{className:T.month,"data-aia-date-month":"","aria-live":"polite",children:(0,R.monthLabel)(r)}),(0,K.jsx)("button",{type:"button",tabIndex:-1,className:T.nav,"data-aia-date-next":"","aria-label":"Next month",onMouseDown:f=>f.preventDefault(),onClick:w,children:"\u203A"})]}),(0,K.jsx)("div",{className:T.weekdays,"aria-hidden":"true",children:R.WEEKDAY_LABELS.map((f,y)=>(0,K.jsx)("span",{className:T.weekday,children:f},Zt[y]))}),(0,K.jsx)("div",{className:T.grid,"data-aia-date-grid":"",children:e.map((f,y)=>(0,K.jsx)(Yt,{option:f,id:`${a}-option-${y}`,index:y,isHighlighted:y===i&&f.is_tappable,isToday:(0,R.cellIso)(f)===b,isPast:(0,R.cellIso)(f)!=null&&(0,R.cellIso)(f)<b,marks:(0,R.dateCellMarks)((0,R.cellIso)(f),{selectedIso:n.selectedIso,range:x}),onSelect:o,onHighlight:s},(0,R.cellIso)(f)??`pad-${y}`))})]})}function Yt({option:e,id:i,index:a,isHighlighted:r,isToday:n,isPast:o,marks:s,onSelect:g,onHighlight:w}){let[b,x]=(0,ut.useState)(!1),f=(0,R.cellDay)(e);if(f==null)return(0,K.jsx)("div",{id:i,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-hidden":"true","aria-selected":!1,tabIndex:-1,className:`${T.cell} ${T.blank}`});let y=()=>{x(!0),g(e),setTimeout(()=>x(!1),170)},P=[T.cell,T.day,o?T.past:"",r?T.highlighted:"",n?T.today:"",s.inRange?T.inRange:"",s.selected?T.selected:"",b?T.pressed:""].filter(Boolean).join(" ");return(0,K.jsx)("div",{id:i,role:"option","data-aia-option":"","data-aia-date-cell":"","aria-selected":r,"aria-label":e.text,tabIndex:0,className:P,onClick:y,onKeyDown:v=>{(v.key==="Enter"||v.key===" ")&&(v.preventDefault(),y())},onMouseEnter:()=>w(a),children:(0,K.jsx)("span",{className:T.number,children:f})})}var Re=require("@magicx-eng/ai-autocomplete-vanilla"),qe=require("react");if(typeof document<"u"&&!document.getElementById("ac-style-5259a217")){let e=document.createElement("style");e.id="ac-style-5259a217",e.textContent=`.aia-cluster {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--aia-cluster-gap, 0.5rem);
+}
+/* Inline-level variant \u2014 used when the cluster must sit inline (e.g. inside
+   a contentEditable). Rendered on a <span> so it's valid inline content. */
+.aia-cluster[data-inline] {
+  display: inline-flex;
+}
+.aia-cluster[data-nowrap] {
+  flex-wrap: nowrap;
+}
+.aia-cluster[data-align="start"] {
+  align-items: start;
+}
+.aia-cluster[data-align="center"] {
+  align-items: center;
+}
+.aia-cluster[data-align="end"] {
+  align-items: end;
 }
-`,document.head.appendChild(e)}var at=require("react/jsx-runtime");function Ne({gap:e,align:o="center",justify:a="start",noWrap:r=!1,inline:n=!1,className:i,children:s,...f}){let w=e?{"--aia-cluster-gap":e}:void 0,b={className:i?`aia-cluster ${i}`:"aia-cluster","data-align":o,"data-justify":a,"data-nowrap":r||void 0,"data-inline":n||void 0,style:w,...f};return n?(0,at.jsx)("span",{...b,children:s}):(0,at.jsx)("div",{...b,children:s})}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
+.aia-cluster[data-align="baseline"] {
+  align-items: baseline;
+}
+.aia-cluster[data-justify="start"] {
+  justify-content: start;
+}
+.aia-cluster[data-justify="center"] {
+  justify-content: center;
+}
+.aia-cluster[data-justify="end"] {
+  justify-content: end;
+}
+.aia-cluster[data-justify="between"] {
+  justify-content: space-between;
+}
+.aia-cluster[data-justify="around"] {
+  justify-content: space-around;
+}
+`,document.head.appendChild(e)}var at=require("react/jsx-runtime");function He({gap:e,align:i="center",justify:a="start",noWrap:r=!1,inline:n=!1,className:o,children:s,...g}){let w=e?{"--aia-cluster-gap":e}:void 0,b={className:o?`aia-cluster ${o}`:"aia-cluster","data-align":i,"data-justify":a,"data-nowrap":r||void 0,"data-inline":n||void 0,style:w,...g};return n?(0,at.jsx)("span",{...b,children:s}):(0,at.jsx)("div",{...b,children:s})}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. */
-.DropdownFooter-module_footer_qQQ7x {
+.aia-footer-qQQ7x {
   display: flex;
   flex-direction: column;
   gap: 8px;
@@ -1042,19 +1121,19 @@
   pointer-events: none;
 }
 
-.DropdownFooter-module_hintGroup_ZzbPf {
+.aia-hintGroup-ZzbPf {
   min-width: 0;
 }
 
 /* Re-enabled over the footer's \`pointer-events: none\`: both groups are visible
    chips sitting on the scroll band, so a click on one must land on the chip
    rather than falling through to the option row behind it. */
-.DropdownFooter-module_hintGroup_ZzbPf,
-.DropdownFooter-module_brandLink_r4f3R {
+.aia-hintGroup-ZzbPf,
+.aia-brandLink-r4f3R {
   pointer-events: auto;
 }
 
-.DropdownFooter-module_brandLink_r4f3R {
+.aia-brandLink-r4f3R {
   display: inline-flex;
   align-items: center;
   gap: 2px;
@@ -1068,8 +1147,8 @@
    scrolling behind the footer. The inline padding keeps the fill from hugging
    the glyphs. --aia-footer-chip-bg resolves to \`transparent\` on the glass
    surface, where there's no solid color to fill with. */
-.DropdownFooter-module_hintGroup_ZzbPf,
-.DropdownFooter-module_brandLink_r4f3R {
+.aia-hintGroup-ZzbPf,
+.aia-brandLink-r4f3R {
   /* Mixed here rather than declared on the container: a custom property
      substitutes var() on the element its declaration applies to, so a mix
      computed upstream would freeze the *theme's* surface and miss a
@@ -1088,18 +1167,18 @@
    "AI" was getting clipped / washed out. Give the whole brand its own opaque,
    fully-rounded surface pill so it always reads clearly over the fade. Declared
    after the shared .hintGroup/.brandLink chip rule so it wins. */
-.DropdownFooter-module_brandLink_r4f3R {
+.aia-brandLink-r4f3R {
   background: var(--aia-footer-brand-pill-bg, var(--aia-surface, #ffffff));
   border-radius: 999px;
   padding: 2px 4px;
   gap: 4px;
 }
 
-.DropdownFooter-module_brandLink_r4f3R:hover {
+.aia-brandLink-r4f3R:hover {
   opacity: 0.7;
 }
 
-.DropdownFooter-module_key_Bz1H- {
+.aia-key-Bz1H- {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1114,21 +1193,21 @@
   color: var(--aia-footer-hint-color, #505050);
 }
 
-.DropdownFooter-module_hint_GKEOH {
+.aia-hint-GKEOH {
   font-family: inherit;
   font-size: 11px;
   line-height: 18px;
   color: var(--aia-footer-hint-color, #505050);
 }
 
-.DropdownFooter-module_brand_Al-lR {
+.aia-brand-Al-lR {
   font-family: inherit;
   font-size: 10px;
   line-height: 18px;
   color: var(--aia-footer-brand-color, #b0b0b0);
 }
 
-.DropdownFooter-module_badge_Fk9vg {
+.aia-badge-Fk9vg {
   display: inline-flex;
   align-items: center;
   height: var(--aia-footer-row-height, 23px);
@@ -1145,18 +1224,18 @@
    keyboard hint ("tab to select" is meaningless on touch), leaving only the
    AI-Autocomplete brand pinned to the right. */
 @media (max-width: 768px) {
-  .DropdownFooter-module_hintGroup_ZzbPf {
+  .aia-hintGroup-ZzbPf {
     display: none;
   }
-  .DropdownFooter-module_row_BgZ6Q {
+  .aia-row-BgZ6Q {
     justify-content: flex-end;
   }
 }
-`,document.head.appendChild(e)}var he={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"};var ne=require("react/jsx-runtime");function gt({isOptionHighlighted:e=!1,isInputEmpty:o=!1}){let{key:a,hint:r}=(0,Ee.getFooterHint)(e,o),[n,i]=(0,qe.useState)(Ee.ATTRIBUTION_URL);return(0,qe.useEffect)(()=>{i((0,Ee.buildAttributionUrl)())},[]),(0,ne.jsx)("footer",{className:he.footer,"data-aia-footer":"",children:(0,ne.jsxs)(Ne,{justify:"between",noWrap:!0,className:he.row,children:[(0,ne.jsxs)(Ne,{gap:"5px",className:he.hintGroup,children:[(0,ne.jsx)("kbd",{className:he.key,children:a}),(0,ne.jsx)("span",{className:he.hint,children:r})]}),(0,ne.jsxs)("a",{className:he.brandLink,href:n,target:"_blank",rel:"noopener noreferrer",children:[(0,ne.jsx)("span",{className:he.brand,children:"AI"}),(0,ne.jsx)("span",{className:he.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 ue={footer:"aia-footer-qQQ7x",hintGroup:"aia-hintGroup-ZzbPf",brandLink:"aia-brandLink-r4f3R",key:"aia-key-Bz1H-",hint:"aia-hint-GKEOH",brand:"aia-brand-Al-lR",badge:"aia-badge-Fk9vg",row:"aia-row-BgZ6Q"};var ne=require("react/jsx-runtime");function mt({isOptionHighlighted:e=!1,isInputEmpty:i=!1}){let{key:a,hint:r}=(0,Re.getFooterHint)(e,i),[n,o]=(0,qe.useState)(Re.ATTRIBUTION_URL);return(0,qe.useEffect)(()=>{o((0,Re.buildAttributionUrl)())},[]),(0,ne.jsx)("footer",{className:ue.footer,"data-aia-footer":"",children:(0,ne.jsxs)(He,{justify:"between",noWrap:!0,className:ue.row,children:[(0,ne.jsxs)(He,{gap:"5px",className:ue.hintGroup,children:[(0,ne.jsx)("kbd",{className:ue.key,children:a}),(0,ne.jsx)("span",{className:ue.hint,children:r})]}),(0,ne.jsxs)("a",{className:ue.brandLink,href:n,target:"_blank",rel:"noopener noreferrer",children:[(0,ne.jsx)("span",{className:ue.brand,children:"AI"}),(0,ne.jsx)("span",{className:ue.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. */
-.ParamPill-module_pill_6Ga7S {
+.aia-pill-6Ga7S {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1175,10 +1254,10 @@
   letter-spacing: 0.06em;
   cursor: pointer;
   white-space: nowrap;
-  animation: ParamPill-module_fadeIn_Ux4eQ 400ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
+  animation: aia-fadeIn-Ux4eQ 400ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
 }
 
-.ParamPill-module_rounded_y7xA9 {
+.aia-rounded-y7xA9 {
   border-radius: 999px;
 }
 
@@ -1186,15 +1265,15 @@
    and hides the text. The base pill is now transparent, so fill the interior
    with the skeleton color (inside the dashed border) and pulse it so it still
    reads as a loading chip. */
-.ParamPill-module_skeleton_57P0T {
+.aia-skeleton-57P0T {
   pointer-events: none;
   cursor: default;
   color: transparent;
   background: var(--aia-skeleton-bg, var(--aia-pill-bg, rgba(189, 189, 189, 0.25)));
-  animation: ParamPill-module_skeletonPulse_xGcUy 1.4s ease-in-out infinite;
+  animation: aia-skeletonPulse-xGcUy 1.4s ease-in-out infinite;
 }
 
-@keyframes ParamPill-module_skeletonPulse_xGcUy {
+@keyframes aia-skeletonPulse-xGcUy {
   0%,
   100% {
     filter: brightness(1);
@@ -1204,12 +1283,12 @@
   }
 }
 
-@keyframes ParamPill-module_fadeIn_Ux4eQ {
+@keyframes aia-fadeIn-Ux4eQ {
   from {
     opacity: 0;
   }
 }
-`,document.head.appendChild(e)}var Ie={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"};var bt=require("react/jsx-runtime"),ot={selected:1,first:.7,next:.4,last:.2};function ft({label:e,state:o,rounded:a,loading:r,onClick:n}){let i=[Ie.pill,a?Ie.rounded:"",r?Ie.skeleton:""].filter(Boolean).join(" ");return(0,bt.jsx)("button",{type:"button","data-aia-pill":"","data-aia-loading":r?"":void 0,tabIndex:-1,contentEditable:!1,suppressContentEditableWarning:!0,className:i,style:{opacity:ot[o]},onMouseDown:s=>s.preventDefault(),onClick:r?void 0:n,disabled:r,children:e})}if(typeof document<"u"&&!document.getElementById("ac-style-0fcb7940")){let e=document.createElement("style");e.id="ac-style-0fcb7940",e.textContent=`.PillList-module_list_qvLqO {
+`,document.head.appendChild(e)}var Se={pill:"aia-pill-6Ga7S",fadeIn:"aia-fadeIn-Ux4eQ",rounded:"aia-rounded-y7xA9",skeleton:"aia-skeleton-57P0T",skeletonPulse:"aia-skeletonPulse-xGcUy"};var bt=require("react/jsx-runtime"),it={selected:1,first:.7,next:.4,last:.2};function gt({label:e,state:i,rounded:a,loading:r,onClick:n}){let o=[Se.pill,a?Se.rounded:"",r?Se.skeleton:""].filter(Boolean).join(" ");return(0,bt.jsx)("button",{type:"button","data-aia-pill":"","data-aia-loading":r?"":void 0,tabIndex:-1,contentEditable:!1,suppressContentEditableWarning:!0,className:o,style:{opacity:it[i]},onMouseDown:s=>s.preventDefault(),onClick:r?void 0:n,disabled:r,children:e})}if(typeof document<"u"&&!document.getElementById("ac-style-0fcb7940")){let e=document.createElement("style");e.id="ac-style-0fcb7940",e.textContent=`.aia-list-qvLqO {
   position: relative;
   z-index: 1;
   pointer-events: auto;
@@ -1219,7 +1298,7 @@
   align-items: center;
   vertical-align: middle;
 }
-`,document.head.appendChild(e)}var it={list:"PillList-module_list_qvLqO"};var Fe=require("react/jsx-runtime"),Zt=[125,69];function vt(e){return e===0?"first":e===1?"next":"last"}function Ue({pills:e,activePillIndex:o,onSelectPill:a,activeSelected:r,rounded:n,loading:i}){return i&&e.length===0?(0,Fe.jsx)("span",{className:it.list,"data-aia-pill-list-loading":"",children:Zt.map((s,f)=>(0,Fe.jsx)("span",{"data-aia-pill-skeleton":"",className:`${Ie.pill} ${n?Ie.rounded:""} ${Ie.skeleton}`,style:{width:s,opacity:ot[vt(f)]}},`skel-${s}`))}):(0,Fe.jsx)("span",{className:it.list,"data-aia-pill-list-loading":i?"":void 0,children:e.map((s,f)=>{let w=!!r&&f===o;return(0,Fe.jsx)(ft,{label:s.text,state:w?"selected":vt(f),selected:w,rounded:n,loading:i,onClick:()=>a(f)},`${s.type}-${s.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 ot={list:"aia-list-qvLqO"};var Be=require("react/jsx-runtime"),Xt=[125,69];function vt(e){return e===0?"first":e===1?"next":"last"}function Ue({pills:e,activePillIndex:i,onSelectPill:a,activeSelected:r,rounded:n,loading:o}){return o&&e.length===0?(0,Be.jsx)("span",{className:ot.list,"data-aia-pill-list-loading":"",children:Xt.map((s,g)=>(0,Be.jsx)("span",{"data-aia-pill-skeleton":"",className:`${Se.pill} ${n?Se.rounded:""} ${Se.skeleton}`,style:{width:s,opacity:it[vt(g)]}},`skel-${s}`))}):(0,Be.jsx)("span",{className:ot.list,"data-aia-pill-list-loading":o?"":void 0,children:e.map((s,g)=>{let w=!!r&&g===i;return(0,Be.jsx)(gt,{label:s.text,state:w?"selected":vt(g),selected:w,rounded:n,loading:o,onClick:()=>a(g)},`${s.type}-${s.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.
 
@@ -1229,7 +1308,7 @@
    reason there is no \`prefers-color-scheme\` rule in this file \u2014 the panel's
    darkness comes from --aia-surface, which is independent of the OS setting. */
 
-.ProductStrip-module_section_Hugfg {
+.aia-section-Hugfg {
   display: flex;
   flex-direction: column;
   gap: 6px;
@@ -1239,7 +1318,7 @@
   min-width: 0;
 }
 
-.ProductStrip-module_label_nuc93 {
+.aia-label-nuc93 {
   font-family: inherit;
   font-size: var(--aia-products-label-font-size, 11px);
   font-weight: 500;
@@ -1255,7 +1334,7 @@
    itself is \`overflow: hidden\`, so the page can never gain a sideways
    scrollbar no matter how many cards there are. \`overscroll-behavior-x\` stops
    a trackpad fling at either end from chaining out to the page. */
-.ProductStrip-module_row_WDVBX {
+.aia-row-WDVBX {
   display: flex;
   gap: var(--aia-product-gap, 8px);
   min-width: 0;
@@ -1269,11 +1348,11 @@
   -ms-overflow-style: none;
 }
 
-.ProductStrip-module_row_WDVBX::-webkit-scrollbar {
+.aia-row-WDVBX::-webkit-scrollbar {
   display: none;
 }
 
-.ProductStrip-module_card_JBGYT {
+.aia-card-JBGYT {
   flex: 0 0 auto;
   display: flex;
   flex-direction: column;
@@ -1289,7 +1368,7 @@
   transition: background-color 150ms ease;
 }
 
-.ProductStrip-module_card_JBGYT:hover {
+.aia-card-JBGYT:hover {
   background: var(--aia-product-bg-active, var(--aia-option-bg, transparent));
 }
 
@@ -1297,14 +1376,14 @@
    a background change. Drawn INSIDE the card (negative offset): the row is a
    scroll container with clipped overflow, so an outset ring is cut off on the
    first and last cards and on every card's top and bottom edge. */
-.ProductStrip-module_card_JBGYT:focus-visible {
+.aia-card-JBGYT:focus-visible {
   outline: 2px solid var(--aia-product-focus-ring, var(--aia-option-color-selected, currentColor));
   outline-offset: -2px;
 }
 
 /* Square media tile. aspect-ratio (not a fixed height) keeps it square at any
    --aia-product-card-width a consumer sets. */
-.ProductStrip-module_media_RrbGe {
+.aia-media-RrbGe {
   display: block;
   position: relative;
   width: 100%;
@@ -1314,35 +1393,40 @@
   background: var(--aia-product-media-bg, var(--aia-skeleton-bg, rgba(189, 189, 189, 0.25)));
 }
 
-.ProductStrip-module_image_5pNL7 {
+.aia-image-5pNL7 {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 
-/* Placeholder tile for a product with no image \u2014 a faint glyph on the same
-   media fill, so a card without art reads as "no photo" instead of broken. */
-.ProductStrip-module_media_RrbGe[data-aia-product-placeholder]::after {
+/* Placeholder tile for a product with no image \u2014 a storefront pictogram on
+   the same media fill, so a card without art reads as "no photo" instead of
+   broken. The pictogram is inlined as a data URI so the placeholder needs no
+   network and no asset pipeline; --aia-product-placeholder-image swaps it. */
+.aia-media-RrbGe[data-aia-product-placeholder]::after {
   content: "";
   position: absolute;
-  inset: 30%;
-  border-radius: 3px;
-  border: 1.5px solid var(--aia-product-placeholder-color, var(--aia-option-color, #c1c4cb));
-  opacity: 0.35;
+  inset: 22%;
+  background:
+    var(
+      --aia-product-placeholder-image,
+      url("data:image/svg+xml,%3Csvg viewBox='0 -0.5 32 32' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='matrix(1,0,0,1,-384,-144)'%3E%3Cg transform='matrix(0.875,0,0,0.875,90.25,19.125)'%3E%3Cpath d='M340.924,147.74C341.224,146.789 342.107,146.143 343.104,146.143C347.705,146.143 360.491,146.143 364.985,146.143C365.965,146.143 366.836,146.768 367.15,147.697C368.119,150.386 370,155.73 370,157C370,159.208 368.208,161 366,161C363.792,161 362,159.208 362,157C362,159.208 360.208,161 358,161C355.792,161 354,159.208 354,157C354,159.208 352.208,161 350,161C347.792,161 346,159.208 346,157C346,159.208 344.208,161 342,161C340.53,161 339.244,160.205 338.549,159.022C338.057,158.185 337.944,157.179 338.236,156.254C338.787,154.507 340.172,150.121 340.924,147.74Z' fill='%2390e0ef'%3E%3C/path%3E%3C/g%3E%3Cg transform='matrix(1,0,0,1.32454,48,-56.1457)'%3E%3Cpath d='M341.026,160.675C341.026,160.675 341.01,168.196 341.003,171.488C341.002,171.889 341.213,172.273 341.588,172.557C341.963,172.841 342.472,173 343.003,173C347.188,173 356.817,173 361,173C361.53,173 362.039,172.841 362.414,172.558C362.789,172.275 363,171.891 363,171.49C363,168.2 363,160.675 363,160.675' fill='%2390e0ef'%3E%3C/path%3E%3C/g%3E%3Cg transform='matrix(1,0,0,1,48,0)'%3E%3Cpath d='M355,168C355,166.895 354.105,166 353,166C352.356,166 351.644,166 351,166C349.895,166 349,166.895 349,168C349,170.069 349,173 349,173L355,173L355,168Z' fill='%2390e0ef'%3E%3C/path%3E%3C/g%3E%3Cg transform='matrix(1.11111,0,0,1.11111,-47.2678,-87.5361)'%3E%3Ccircle cx='411.5' cy='213.5' r='4.5' fill='%2390e0ef'%3E%3C/circle%3E%3C/g%3E%3Cpath d='M405.529,146C406.628,144.773 408.225,144 410,144C413.311,144 416,146.689 416,150C416,151.549 415.412,152.962 414.446,154.027C414.775,155.15 415,156.076 415,156.5C415,158.459 413.746,160.127 411.998,160.744L411.998,171C411.998,171.796 411.682,172.559 411.119,173.121C410.557,173.684 409.794,174 408.998,174L391.002,174C390.205,174 389.441,173.683 388.879,173.119C388.316,172.555 388,171.79 388.002,170.994L388.024,160.752C387.007,160.399 386.155,159.691 385.618,158.776L385.618,158.776C385.044,157.799 384.912,156.626 385.253,155.546L387.605,148.097C387.999,146.849 389.157,146 390.466,146L405.529,146ZM409.998,160.972C408.79,160.838 407.726,160.225 407,159.327C406.175,160.347 404.913,161 403.5,161C402.087,161 400.825,160.347 400,159.327C399.175,160.347 397.913,161 396.5,161C395.087,161 393.825,160.347 393,159.327C392.278,160.219 391.222,160.831 390.023,160.97L390.002,170.998C390.002,171.263 390.107,171.518 390.294,171.706C390.482,171.894 390.736,172 391.002,172L396,172L396,168C396,166.343 397.343,165 399,165L401,165C402.657,165 404,166.343 404,168L404,172L408.998,172C409.263,172 409.517,171.895 409.705,171.707C409.893,171.52 409.998,171.265 409.998,171L409.998,160.972ZM402,172L398,172L398,168C398,167.448 398.448,167 399,167C399,167 401,167 401,167C401.552,167 402,167.448 402,168L402,172ZM404.342,148L390.466,148C390.03,148 389.644,148.283 389.512,148.699L387.16,156.148C386.99,156.688 387.056,157.275 387.342,157.763C387.777,158.503 388.581,159 389.5,159C390.88,159 392,157.88 392,156.5C392,155.003 394,155.003 394,156.5C394,157.88 395.12,159 396.5,159C397.88,159 399,157.88 399,156.5C399,155.004 401,155.004 401,156.5C401,157.88 402.12,159 403.5,159C404.88,159 406,157.88 406,156.5C406,154.986 408,154.986 408,156.5C408,157.88 409.12,159 410.5,159C411.88,159 413,157.88 413,156.5C413,156.259 412.917,155.843 412.779,155.318C411.948,155.753 411.003,156 410,156C406.689,156 404,153.311 404,150C404,149.299 404.12,148.626 404.342,148ZM410,146C412.208,146 414,147.792 414,150C414,152.208 412.208,154 410,154C407.792,154 406,152.208 406,150C406,147.792 407.792,146 410,146ZM407.543,151.207L408.546,152.21C408.733,152.397 408.988,152.503 409.253,152.503C409.519,152.503 409.773,152.397 409.961,152.209L412.458,149.706C412.848,149.316 412.847,148.682 412.456,148.292C412.066,147.902 411.432,147.903 411.042,148.294L409.252,150.088C409.252,150.088 408.957,149.793 408.957,149.793C408.567,149.403 407.933,149.403 407.543,149.793C407.153,150.183 407.153,150.817 407.543,151.207Z' fill='%231990a7'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
+    )
+    center / contain no-repeat;
 }
 
 /* The text column. Only the title is guaranteed; vendor and price render no
    element at all when absent, so the gap can't reserve space for a missing
    line. */
-.ProductStrip-module_body_ly032 {
+.aia-body-ly032 {
   display: flex;
   flex-direction: column;
   gap: 2px;
   min-width: 0;
 }
 
-.ProductStrip-module_vendor_Gvu7G {
+.aia-vendor-Gvu7G {
   font-family: inherit;
   font-size: var(--aia-product-vendor-font-size, 10px);
   line-height: 14px;
@@ -1357,7 +1441,7 @@
   text-overflow: ellipsis;
 }
 
-.ProductStrip-module_title_gCNmq {
+.aia-title-gCNmq {
   font-family: inherit;
   font-size: var(--aia-product-title-font-size, 12px);
   font-weight: 400;
@@ -1376,7 +1460,7 @@
   overflow: hidden;
 }
 
-.ProductStrip-module_price_gULcE {
+.aia-price-gULcE {
   font-family: inherit;
   font-size: var(--aia-product-price-font-size, 11px);
   font-weight: 500;
@@ -1386,42 +1470,40 @@
     var(--aia-option-color-selected, var(--aia-color-text-default, #fff))
   );
 }
-`,document.head.appendChild(e)}var X={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"};var q=require("react/jsx-runtime");function wt({products:e,listboxId:o,onSelect:a,onFocusChange:r,focusable:n=!0}){if(e.length===0)return null;let i=`${o}-products-label`;return(0,q.jsxs)("section",{className:X.section,"data-aia-products":"",role:"group","aria-labelledby":i,children:[(0,q.jsx)("div",{className:X.label,id:i,children:"Products"}),(0,q.jsx)("div",{className:X.row,"data-aia-products-row":"",children:e.map((s,f)=>(0,q.jsx)(Jt,{product:s,id:`${o}-product-${f}`,onSelect:a,onFocusChange:r,focusable:n},s.id))})]})}function Jt({product:e,id:o,onSelect:a,onFocusChange:r,focusable:n}){let i=s=>{s.metaKey||s.ctrlKey||s.shiftKey||s.altKey||s.button!==0||(s.preventDefault(),a(e))};return(0,q.jsxs)("a",{id:o,className:X.card,"data-aia-product":"",role:"option","aria-selected":!1,href:e.url,tabIndex:n?0:-1,onClick:i,onKeyDown:s=>{s.key!=="Enter"&&s.key!==" "||(s.preventDefault(),a(e))},onFocus:()=>r?.(!0),onBlur:s=>{s.relatedTarget?.closest("[data-aia-dropdown]")||r?.(!1)},children:[(0,q.jsx)("span",{className:X.media,"data-aia-product-placeholder":e.imageUrl?void 0:"",children:e.imageUrl?(0,q.jsx)("img",{className:X.image,src:e.imageUrl,alt:"",loading:"lazy",decoding:"async"}):null}),(0,q.jsxs)("span",{className:X.body,children:[e.vendor?(0,q.jsx)("span",{className:X.vendor,children:e.vendor}):null,(0,q.jsx)("span",{className:X.title,children:e.title}),e.price?(0,q.jsx)("span",{className:X.price,children:e.price}):null]})]})}var U=require("@magicx-eng/ai-autocomplete-vanilla"),ge=require("react");var xt=require("@magicx-eng/ai-autocomplete-vanilla"),je=require("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(
-        auto-fit,
-        minmax(min(var(--aia-grid-min), 100%), var(--aia-grid-max, 1fr))
-      );
-    gap: var(--aia-grid-gap, 0);
-  }
-
-  /* Scrollable variant \u2014 capped height with a styled thin scrollbar. Rows pack
-     from the top instead of stretching to fill the container. */
-  .aia-grid[data-scroll] {
-    grid-auto-rows: min-content;
-    align-content: start;
-    justify-content: start;
-    /* The scroll box's reserved band (--aia-grid-scroll-* / --aia-grid-overlap-*)
-       is deliberately NOT declared here \u2014 see the unlayered rule in
-       appearance.css for why. */
-    max-height: var(--aia-grid-max-height, 120px);
-    overflow-y: auto;
-    scrollbar-width: thin;
-    scrollbar-color: var(--aia-scrollbar-thumb, rgba(0, 0, 0, 0.3)) transparent;
-  }
-  .aia-grid[data-scroll]::-webkit-scrollbar {
-    width: 6px;
-  }
-  .aia-grid[data-scroll]::-webkit-scrollbar-track {
-    background: transparent;
-  }
-  .aia-grid[data-scroll]::-webkit-scrollbar-thumb {
-    background: var(--aia-scrollbar-thumb, rgba(0, 0, 0, 0.3));
-    border-radius: 3px;
-  }
+`,document.head.appendChild(e)}var Y={section:"aia-section-Hugfg",label:"aia-label-nuc93",row:"aia-row-WDVBX",card:"aia-card-JBGYT",media:"aia-media-RrbGe",image:"aia-image-5pNL7",body:"aia-body-ly032",vendor:"aia-vendor-Gvu7G",title:"aia-title-gCNmq",price:"aia-price-gULcE"};var q=require("react/jsx-runtime");function wt({products:e,listboxId:i,onSelect:a,onFocusChange:r,focusable:n=!0}){if(e.length===0)return null;let o=`${i}-products-label`;return(0,q.jsxs)("section",{className:Y.section,"data-aia-products":"",role:"group","aria-labelledby":o,children:[(0,q.jsx)("div",{className:Y.label,id:o,children:"Products"}),(0,q.jsx)("div",{className:Y.row,"data-aia-products-row":"",children:e.map((s,g)=>(0,q.jsx)(Jt,{product:s,id:`${i}-product-${g}`,onSelect:a,onFocusChange:r,focusable:n},s.id))})]})}function Jt({product:e,id:i,onSelect:a,onFocusChange:r,focusable:n}){let o=s=>{s.metaKey||s.ctrlKey||s.shiftKey||s.altKey||s.button!==0||(s.preventDefault(),a(e))};return(0,q.jsxs)("a",{id:i,className:Y.card,"data-aia-product":"",role:"option","aria-selected":!1,href:e.url,tabIndex:n?0:-1,onClick:o,onKeyDown:s=>{s.key!=="Enter"&&s.key!==" "||(s.preventDefault(),a(e))},onFocus:()=>r?.(!0),onBlur:s=>{s.relatedTarget?.closest("[data-aia-dropdown]")||r?.(!1)},children:[(0,q.jsx)("span",{className:Y.media,"data-aia-product-placeholder":e.imageUrl?void 0:"",children:e.imageUrl?(0,q.jsx)("img",{className:Y.image,src:e.imageUrl,alt:"",loading:"lazy",decoding:"async"}):null}),(0,q.jsxs)("span",{className:Y.body,children:[e.vendor?(0,q.jsx)("span",{className:Y.vendor,children:e.vendor}):null,(0,q.jsx)("span",{className:Y.title,children:e.title}),e.price?(0,q.jsx)("span",{className:Y.price,children:e.price}):null]})]})}var U=require("@magicx-eng/ai-autocomplete-vanilla"),me=require("react");var xt=require("@magicx-eng/ai-autocomplete-vanilla"),je=require("react");if(typeof document<"u"&&!document.getElementById("ac-style-948e58da")){let e=document.createElement("style");e.id="ac-style-948e58da",e.textContent=`.aia-grid {
+  display: grid;
+  grid-template-columns: repeat(
+      auto-fit,
+      minmax(min(var(--aia-grid-min), 100%), var(--aia-grid-max, 1fr))
+    );
+  gap: var(--aia-grid-gap, 0);
+}
+
+/* Scrollable variant \u2014 capped height with a styled thin scrollbar. Rows pack
+   from the top instead of stretching to fill the container. */
+.aia-grid[data-scroll] {
+  grid-auto-rows: min-content;
+  align-content: start;
+  justify-content: start;
+  /* The scroll box's reserved band (--aia-grid-scroll-* / --aia-grid-overlap-*)
+     is deliberately NOT declared here \u2014 see the rule in
+     appearance.css for why. */
+  max-height: var(--aia-grid-max-height, 120px);
+  overflow-y: auto;
+  scrollbar-width: thin;
+  scrollbar-color: var(--aia-scrollbar-thumb, rgba(0, 0, 0, 0.3)) transparent;
+}
+.aia-grid[data-scroll]::-webkit-scrollbar {
+  width: 6px;
+}
+.aia-grid[data-scroll]::-webkit-scrollbar-track {
+  background: transparent;
 }
-`,document.head.appendChild(e)}var _t=require("react/jsx-runtime");function yt({min:e="16rem",max:o,gap:a,scroll:r=!1,maxHeight:n,scrollResetKey:i,cols:s,template:f,innerRef:w,className:b,children:x,...m}){let y=(0,je.useRef)(null);(0,je.useLayoutEffect)(()=>{if(i===void 0)return;let v=y.current;v&&(v.scrollTop=0)},[i]);let P={"--aia-grid-min":e};return o&&(P["--aia-grid-max"]=o),a&&(P["--aia-grid-gap"]=a),n&&(P["--aia-grid-max-height"]=n),s&&(P.gridTemplateColumns=(0,xt.optionsGridTemplateColumns)(s)),f&&(P.gridTemplateColumns=f),(0,_t.jsx)("div",{ref:v=>{y.current=v,w?.(v)},className:b?`aia-grid ${b}`:"aia-grid","data-scroll":r||void 0,style:P,...m,children:x})}var Te=require("@magicx-eng/ai-autocomplete-vanilla"),me=require("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 {
+.aia-grid[data-scroll]::-webkit-scrollbar-thumb {
+  background: var(--aia-scrollbar-thumb, rgba(0, 0, 0, 0.3));
+  border-radius: 3px;
+}
+`,document.head.appendChild(e)}var kt=require("react/jsx-runtime");function yt({min:e="16rem",max:i,gap:a,scroll:r=!1,maxHeight:n,scrollResetKey:o,cols:s,template:g,innerRef:w,className:b,children:x,...f}){let y=(0,je.useRef)(null);(0,je.useLayoutEffect)(()=>{if(o===void 0)return;let v=y.current;v&&(v.scrollTop=0)},[o]);let P={"--aia-grid-min":e};return i&&(P["--aia-grid-max"]=i),a&&(P["--aia-grid-gap"]=a),n&&(P["--aia-grid-max-height"]=n),s&&(P.gridTemplateColumns=(0,xt.optionsGridTemplateColumns)(s)),g&&(P.gridTemplateColumns=g),(0,kt.jsx)("div",{ref:v=>{y.current=v,w?.(v)},className:b?`aia-grid ${b}`:"aia-grid","data-scroll":r||void 0,style:P,...f,children:x})}var De=require("@magicx-eng/ai-autocomplete-vanilla"),fe=require("react");if(typeof document<"u"&&!document.getElementById("ac-style-82820da7")){let e=document.createElement("style");e.id="ac-style-82820da7",e.textContent=`.aia-item-d4vpD {
   position: relative;
   overflow: visible;
   display: flex;
@@ -1444,54 +1526,54 @@
      optionEnterDelayMs). The durations and distance mirror OPTION_ENTER_* in
      the core's derive/optionsEntrance.ts \u2014 change both together. */
   animation:
-    SuggestionItem-module_fadeIn_I8u35 150ms ease-out both,
-    SuggestionItem-module_riseIn_etXZT 280ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
+    aia-fadeIn-I8u35 150ms ease-out both,
+    aia-riseIn-etXZT 280ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
   animation-delay: var(--aia-option-enter-delay, 0ms);
 }
 
-@keyframes SuggestionItem-module_fadeIn_I8u35 {
+@keyframes aia-fadeIn-I8u35 {
   from {
     opacity: 0;
   }
 }
 
-@keyframes SuggestionItem-module_riseIn_etXZT {
+@keyframes aia-riseIn-etXZT {
   from {
     transform: translateY(16px);
   }
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .SuggestionItem-module_item_d4vpD {
+  .aia-item-d4vpD {
     animation-duration: 0s;
     animation-delay: 0s;
   }
 }
 
-.SuggestionItem-module_content_T-Qba {
+.aia-content-T-Qba {
   position: relative;
   z-index: 2;
 }
 
-.SuggestionItem-module_tappable_70KcX {
+.aia-tappable-70KcX {
   cursor: pointer;
 }
 
-.SuggestionItem-module_tappable_70KcX:hover {
+.aia-tappable-70KcX:hover {
   color: var(--aia-option-color-selected, var(--aia-color-text-default, #fff));
 }
 
-.SuggestionItem-module_nonTappable_xSZM- {
+.aia-nonTappable-xSZM- {
   cursor: default;
 }
 
-.SuggestionItem-module_highlighted_Hb0SU {
+.aia-highlighted-Hb0SU {
   color: var(--aia-option-color-selected, var(--aia-color-text-default, #fff));
   background: var(--aia-option-bg, transparent);
   font-weight: 500;
 }
 
-.SuggestionItem-module_tag_e3Fwe {
+.aia-tag-e3Fwe {
   font-size: 11px;
   margin-left: 6px;
   opacity: 0.5;
@@ -1499,17 +1581,17 @@
 
 /* Press feedback: the picked option's text compresses down while every other
    option steps back in opacity \u2014 no fill, no glow, the hierarchy carries it. */
-.SuggestionItem-module_pressed_98o-r {
+.aia-pressed-98o-r {
   color: var(--aia-option-color-selected, var(--aia-color-text-default, #fff));
-  animation: SuggestionItem-module_pressCompress_ICV3q 170ms ease forwards;
+  animation: aia-pressCompress-ICV3q 170ms ease forwards;
 }
 
-[role="listbox"]:has(.SuggestionItem-module_pressed_98o-r) .SuggestionItem-module_item_d4vpD:not(.SuggestionItem-module_pressed_98o-r) {
+[role="listbox"]:has(.aia-pressed-98o-r) .aia-item-d4vpD:not(.aia-pressed-98o-r) {
   opacity: 0.35;
   transition: opacity 60ms ease;
 }
 
-@keyframes SuggestionItem-module_pressCompress_ICV3q {
+@keyframes aia-pressCompress-ICV3q {
   0% {
     transform: scale(1);
   }
@@ -1528,7 +1610,7 @@
    bottom edge, signalling more options below (the desktop footer is opaque, so
    rows no longer dissolve through it). A mask instead of a color so any themed
    option color fades the same way. */
-.SuggestionItem-module_scrollHint_xKXPt .SuggestionItem-module_content_T-Qba {
+.aia-scrollHint-xKXPt .aia-content-T-Qba {
   -webkit-mask-image: linear-gradient(to bottom, rgb(0 0 0), rgb(0 0 0 / 0.6));
   mask-image: linear-gradient(to bottom, rgb(0 0 0), rgb(0 0 0 / 0.6));
 }
@@ -1537,9 +1619,9 @@
    inline span so the line box and padding match the non-loading state byte
    for byte. Just hide the text and apply a background as a skeleton bar; the
    pulse provides the shimmer. */
-.SuggestionItem-module_item_d4vpD[data-aia-loading] {
+.aia-item-d4vpD[data-aia-loading] {
   cursor: default;
-  animation: SuggestionItem-module_skeletonPulse_plvdD 1.4s ease-in-out infinite;
+  animation: aia-skeletonPulse-plvdD 1.4s ease-in-out infinite;
 }
 
 /* Skeleton fill is on the inner text span (a true inline element) so multi-
@@ -1547,7 +1629,7 @@
    flex item \u2014 blockified by spec \u2014 so painting the background there would
    collapse all lines into one tall rectangle. \`box-decoration-break: clone\`
    makes the radius render cleanly on each line bar. */
-.SuggestionItem-module_item_d4vpD[data-aia-loading] .SuggestionItem-module_text_yqoh9 {
+.aia-item-d4vpD[data-aia-loading] .aia-text-yqoh9 {
   color: transparent;
   background: var(--aia-skeleton-bg, var(--aia-pill-bg, rgba(189, 189, 189, 0.25)));
   border-radius: 999px;
@@ -1555,7 +1637,7 @@
   box-decoration-break: clone;
 }
 
-.SuggestionItem-module_item_d4vpD[data-aia-loading] .SuggestionItem-module_tag_e3Fwe {
+.aia-item-d4vpD[data-aia-loading] .aia-tag-e3Fwe {
   display: none;
 }
 
@@ -1564,7 +1646,7 @@
    wrapped option and never grows the line box. The glyph draws in
    currentColor, so it follows the option's text color through hover and
    highlight, and is sized in em so --aia-option-font-size scales it. */
-.SuggestionItem-module_icon_Qw938 {
+.aia-icon-Qw938 {
   display: inline-flex;
   align-items: center;
   height: 21px; /* = the option's line-height */
@@ -1578,7 +1660,7 @@
   will-change: transform;
 }
 
-.SuggestionItem-module_icon_Qw938 svg {
+.aia-icon-Qw938 svg {
   display: block;
   width: 1em;
   height: 1em;
@@ -1588,7 +1670,7 @@
    hanging indent below, so a row that flips into loading and back \u2014 the
    same element in React, a rebuilt one in vanilla \u2014 draws its bar and its
    text at the same x and nothing slides sideways. */
-.SuggestionItem-module_item_d4vpD[data-aia-loading] .SuggestionItem-module_icon_Qw938 {
+.aia-item-d4vpD[data-aia-loading] .aia-icon-Qw938 {
   visibility: hidden;
 }
 
@@ -1598,12 +1680,12 @@
    first line's text rather than under the icon. \`.content\` is a flex item
    (blockified), so text-indent applies to it directly. Skeleton rows keep
    it too: their icon is hidden but still occupies its column. */
-.SuggestionItem-module_content_T-Qba:has(.SuggestionItem-module_icon_Qw938) {
+.aia-content-T-Qba:has(.aia-icon-Qw938) {
   padding-left: calc(1em + 8px);
   text-indent: calc(-1em - 8px);
 }
 
-@keyframes SuggestionItem-module_skeletonPulse_plvdD {
+@keyframes aia-skeletonPulse-plvdD {
   0%,
   100% {
     filter: brightness(1);
@@ -1612,24 +1694,22 @@
     filter: brightness(0.55);
   }
 }
-`,document.head.appendChild(e)}var Z={item:"SuggestionItem-module_item_d4vpD",fadeIn:"SuggestionItem-module_fadeIn_I8u35",riseIn:"SuggestionItem-module_riseIn_etXZT",content:"SuggestionItem-module_content_T-Qba",tappable:"SuggestionItem-module_tappable_70KcX",nonTappable:"SuggestionItem-module_nonTappable_xSZM-",highlighted:"SuggestionItem-module_highlighted_Hb0SU",tag:"SuggestionItem-module_tag_e3Fwe",pressed:"SuggestionItem-module_pressed_98o-r",pressCompress:"SuggestionItem-module_pressCompress_ICV3q",scrollHint:"SuggestionItem-module_scrollHint_xKXPt",skeletonPulse:"SuggestionItem-module_skeletonPulse_plvdD",text:"SuggestionItem-module_text_yqoh9",icon:"SuggestionItem-module_icon_Qw938"};var Ae=require("react/jsx-runtime");function kt({option:e,isHighlighted:o,onSelect:a,onHighlight:r,id:n,loading:i,showIcon:s=!0,scrollHint:f,enterDelayMs:w=0}){let[b]=(0,me.useState)(w),[x,m]=(0,me.useState)(!1),y=(0,me.useMemo)(()=>s&&e.icon_svg?(0,Te.sanitizeOptionIconSvg)(e.icon_svg):null,[s,e.icon_svg]),P=(0,me.useRef)(void 0);(0,me.useEffect)(()=>()=>clearTimeout(P.current),[]);let v=()=>{i||!e.is_tappable||x||(m(!0),a(e),clearTimeout(P.current),P.current=setTimeout(()=>m(!1),170))},C=[Z.item,o&&!i?Z.highlighted:"",e.is_tappable?Z.tappable:Z.nonTappable,x?Z.pressed:"",f?Z.scrollHint:""].filter(Boolean).join(" ");return(0,Ae.jsx)("div",{id:n,role:"option","data-aia-option":"","data-aia-loading":i?"":void 0,"data-aia-icon":y&&e.icon?e.icon:void 0,"aria-selected":o,className:C,style:{[Te.OPTION_ENTER_DELAY_VAR]:`${b}ms`},tabIndex:i||!e.is_tappable?-1:0,onClick:v,onKeyDown:O=>{!i&&e.is_tappable&&(O.key==="Enter"||O.key===" ")&&(O.preventDefault(),v())},onMouseEnter:!i&&e.is_tappable?r:void 0,children:(0,Ae.jsxs)("span",{className:Z.content,children:[y&&(0,Ae.jsx)("span",{className:`${Z.icon} magicx-aia-option-icon`,"aria-hidden":"true",dangerouslySetInnerHTML:{__html:y}}),(0,Ae.jsx)("span",{className:Z.text,children:(0,Te.optionLabel)(e)}),e.tag&&(0,Ae.jsx)("span",{className:Z.tag,children:e.tag})]})})}var nt=require("react/jsx-runtime");function ea(){let[e,o]=(0,ge.useState)(U.isOptionsGridMobileViewport);return(0,ge.useEffect)(()=>{if(typeof window>"u"||!window.matchMedia)return;let a=window.matchMedia(U.OPTIONS_GRID_MOBILE_QUERY),r=()=>o(a.matches);return r(),a.addEventListener("change",r),()=>a.removeEventListener("change",r)},[]),e}function Pt({options:e,activeIndex:o,onSelect:a,onHighlight:r,listboxId:n,loading:i,groupKey:s="",optionsPosition:f="below",showIcons:w=!0}){let b=ea(),x=(0,ge.useRef)(null),[m,y]=(0,ge.useState)(null);(0,ge.useLayoutEffect)(()=>{let v=x.current,O=v&&!i&&(0,U.needsOptionsGridMeasurement)(e.length,b)?(0,U.measureOptionsGrid)(v):null;y(O?(0,U.planOptionsGrid)(e.length,b,O.rowWidths,O.gridWidth):null)},[e,b,i]);let P=m??(0,U.planOptionsGrid)(e.length,b,null,null);return(0,nt.jsx)(yt,{min:"250px",max:"1fr",gap:"0",scroll:!0,scrollResetKey:s,template:P.template,maxHeight:P.maxHeight,innerRef:v=>{x.current=v},"data-aia-group":s,children:e.map((v,C)=>(0,nt.jsx)(kt,{option:v,isHighlighted:C===o,onSelect:a,onHighlight:()=>r(C),id:`${n}-option-${C}`,loading:i,showIcon:w,scrollHint:!i&&P.scrollHintIndices.includes(C),enterDelayMs:i?0:(0,U.optionEnterDelayMs)(C,P.cols,e.length,f)},`${s}\0${v.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;
-    gap: var(--aia-stack-space, 0.5rem);
-  }
-  .aia-stack[data-align="start"] {
-    align-items: start;
-  }
-  .aia-stack[data-align="center"] {
-    align-items: center;
-  }
-  .aia-stack[data-align="end"] {
-    align-items: end;
-  }
-  /* data-align="stretch" is the flex default \u2014 no rule needed. */
+`,document.head.appendChild(e)}var X={item:"aia-item-d4vpD",fadeIn:"aia-fadeIn-I8u35",riseIn:"aia-riseIn-etXZT",content:"aia-content-T-Qba",tappable:"aia-tappable-70KcX",nonTappable:"aia-nonTappable-xSZM-",highlighted:"aia-highlighted-Hb0SU",tag:"aia-tag-e3Fwe",pressed:"aia-pressed-98o-r",pressCompress:"aia-pressCompress-ICV3q",scrollHint:"aia-scrollHint-xKXPt",skeletonPulse:"aia-skeletonPulse-plvdD",text:"aia-text-yqoh9",icon:"aia-icon-Qw938"};var Ie=require("react/jsx-runtime");function Ct({option:e,isHighlighted:i,onSelect:a,onHighlight:r,id:n,loading:o,showIcon:s=!0,scrollHint:g,enterDelayMs:w=0}){let[b]=(0,fe.useState)(w),[x,f]=(0,fe.useState)(!1),y=(0,fe.useMemo)(()=>s&&e.icon_svg?(0,De.sanitizeOptionIconSvg)(e.icon_svg):null,[s,e.icon_svg]),P=(0,fe.useRef)(void 0);(0,fe.useEffect)(()=>()=>clearTimeout(P.current),[]);let v=()=>{o||!e.is_tappable||x||(f(!0),a(e),clearTimeout(P.current),P.current=setTimeout(()=>f(!1),170))},A=[X.item,i&&!o?X.highlighted:"",e.is_tappable?X.tappable:X.nonTappable,x?X.pressed:"",g?X.scrollHint:""].filter(Boolean).join(" ");return(0,Ie.jsx)("div",{id:n,role:"option","data-aia-option":"","data-aia-loading":o?"":void 0,"data-aia-icon":y&&e.icon?e.icon:void 0,"aria-selected":i,className:A,style:{[De.OPTION_ENTER_DELAY_VAR]:`${b}ms`},tabIndex:o||!e.is_tappable?-1:0,onClick:v,onKeyDown:M=>{!o&&e.is_tappable&&(M.key==="Enter"||M.key===" ")&&(M.preventDefault(),v())},onMouseEnter:!o&&e.is_tappable?r:void 0,children:(0,Ie.jsxs)("span",{className:X.content,children:[y&&(0,Ie.jsx)("span",{className:`${X.icon} magicx-aia-option-icon`,"aria-hidden":"true",dangerouslySetInnerHTML:{__html:y}}),(0,Ie.jsx)("span",{className:X.text,children:(0,De.optionLabel)(e)}),e.tag&&(0,Ie.jsx)("span",{className:X.tag,children:e.tag})]})})}var nt=require("react/jsx-runtime");function ea(){let[e,i]=(0,me.useState)(U.isOptionsGridMobileViewport);return(0,me.useEffect)(()=>{if(typeof window>"u"||!window.matchMedia)return;let a=window.matchMedia(U.OPTIONS_GRID_MOBILE_QUERY),r=()=>i(a.matches);return r(),a.addEventListener("change",r),()=>a.removeEventListener("change",r)},[]),e}function Pt({options:e,activeIndex:i,onSelect:a,onHighlight:r,listboxId:n,loading:o,groupKey:s="",optionsPosition:g="below",showIcons:w=!0}){let b=ea(),x=(0,me.useRef)(null),[f,y]=(0,me.useState)(null);(0,me.useLayoutEffect)(()=>{let v=x.current,M=v&&!o&&(0,U.needsOptionsGridMeasurement)(e.length,b)?(0,U.measureOptionsGrid)(v):null;y(M?(0,U.planOptionsGrid)(e.length,b,M.rowWidths,M.gridWidth):null)},[e,b,o]);let P=f??(0,U.planOptionsGrid)(e.length,b,null,null);return(0,nt.jsx)(yt,{min:"250px",max:"1fr",gap:"0",scroll:!0,scrollResetKey:s,template:P.template,maxHeight:P.maxHeight,innerRef:v=>{x.current=v},"data-aia-group":s,children:e.map((v,A)=>(0,nt.jsx)(Ct,{option:v,isHighlighted:A===i,onSelect:a,onHighlight:()=>r(A),id:`${n}-option-${A}`,loading:o,showIcon:w,scrollHint:!o&&P.scrollHintIndices.includes(A),enterDelayMs:o?0:(0,U.optionEnterDelayMs)(A,P.cols,e.length,g)},`${s}\0${v.text}`))})}if(typeof document<"u"&&!document.getElementById("ac-style-8414cd5f")){let e=document.createElement("style");e.id="ac-style-8414cd5f",e.textContent=`.aia-stack {
+  display: flex;
+  flex-direction: column;
+  gap: var(--aia-stack-space, 0.5rem);
+}
+.aia-stack[data-align="start"] {
+  align-items: start;
+}
+.aia-stack[data-align="center"] {
+  align-items: center;
+}
+.aia-stack[data-align="end"] {
+  align-items: end;
 }
-`,document.head.appendChild(e)}var St=require("react/jsx-runtime");function It({space:e,align:o="stretch",className:a,children:r,...n}){let i=e?{"--aia-stack-space":e}:void 0;return(0,St.jsx)("div",{className:a?`aia-stack ${a}`:"aia-stack","data-align":o,style:i,...n,children:r})}var L=require("react/jsx-runtime"),ta=[159,119,164],aa=()=>{},At=()=>{};function oa(e){let o=()=>typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(prefers-color-scheme: dark)").matches,[a,r]=(0,J.useState)(o);if((0,J.useEffect)(()=>{if(e!=="auto"||typeof window>"u"||typeof window.matchMedia!="function")return;let n=window.matchMedia("(prefers-color-scheme: dark)"),i=()=>r(n.matches);return n.addEventListener("change",i),()=>n.removeEventListener("change",i)},[e]),e!==void 0)return e==="auto"?a?"dark":"light":e}function ia(e,o){let a=(0,J.useRef)(null);(0,J.useEffect)(()=>{let r=e.current,n=o.current;if(!r||!n)return;let i=r.querySelector(".aia-grid[data-scroll]");if(a.current&&a.current.grid!==i&&(a.current.controller.destroy(),a.current=null),i&&!a.current){a.current={grid:i,controller:(0,Re.attachScrollArrow)({dropdown:r,grid:i,button:n})};return}a.current?.controller.update()}),(0,J.useEffect)(()=>()=>{a.current?.controller.destroy(),a.current=null},[])}function $e({suggestions:e,activeIndex:o,onSelect:a,onHighlight:r,isOpen:n,id:i,className:s,pills:f,onPillClick:w,showPills:b=!0,onSkip:x,showSkipButton:m=!0,showOptionIcons:y=!0,skipDisabled:P=!1,activeSelected:v=!1,isLoading:C=!1,isInputEmpty:O=!1,products:z,onProductSelect:H,onProductFocusChange:re,formatType:K="options",dateView:A=null,selectedDateIso:te=null,selectedDateRange:fe=null,dateRangeStart:se=null,onPreviousMonth:u,onNextMonth:be,optionsPosition:N="below",mode:ve}){let le=oa(ve),ae=le!==void 0,de=(0,J.useRef)(null),oe=(0,J.useRef)(null);ia(de,oe);let ce=e[0]?.options??[],pe=!!(f&&f.length>0&&w),W=!!(z&&z.length>0),$=n&&(ce.length>0||b&&pe||C||W),Y={suggestions:e,activeIndex:o,pills:f,showPills:b,showSkipButton:m,showOptionIcons:y,skipDisabled:P,activeSelected:v,isLoading:C,isInputEmpty:O,products:z,formatType:K,dateView:A,selectedDateIso:te,selectedDateRange:fe,dateRangeStart:se},V=(0,J.useRef)(Y);$&&(V.current=Y);let t=$?Y:V.current,p=t.suggestions[0],h=p?.options??[],_=t.activeIndex>=0&&!!h[t.activeIndex]?.is_tappable,l=!!(t.pills&&t.pills.length>0&&w),M=t.showPills&&l,ie=t.showPills&&!l&&t.isLoading,F=M||ie,d=l&&t.showSkipButton&&!t.isInputEmpty&&!!x,we=t.pills?.[0]?.text,De=(0,Re.isCalendarFormat)(t.formatType)&&t.dateView!=null,xe=h.length>0&&!De,Ce=h.length>0&&De&&!t.isLoading,ye=t.isLoading&&!xe&&!Ce,_e=t.products??[];return(0,L.jsxs)("div",{ref:de,id:i,role:"listbox","data-aia-dropdown":"","data-options-position":N,"data-mode":le,"data-aia-loading":t.isLoading?"":void 0,"data-aia-has-products":_e.length>0?"":void 0,className:`${ae?"magicx-aia ":""}${ue.dropdown} ${$?ue.visible:""} ${s??""}`,onMouseDown:G=>G.preventDefault(),children:[(0,L.jsxs)(It,{space:"8px",children:[(F||d)&&(0,L.jsxs)(Ne,{noWrap:!0,className:ue.pillBar,"data-aia-pillbar":"",children:[F&&(0,L.jsx)("span",{className:ue.pillScroll,"data-aia-pill-scroll":"",children:(0,L.jsx)(Ue,{pills:t.pills??[],activePillIndex:0,activeSelected:t.activeSelected,onSelectPill:w??(()=>{}),rounded:!0,loading:t.isLoading})}),d&&(0,L.jsx)("button",{type:"button",tabIndex:-1,className:ue.skip,"data-aia-skip":"",disabled:t.isLoading||t.skipDisabled,"aria-label":we?`Skip ${we}`:"Skip",onClick:x,children:"skip"})]}),xe&&(0,L.jsx)(Pt,{options:h,activeIndex:t.activeIndex,onSelect:a,onHighlight:r,listboxId:i,loading:t.isLoading,groupKey:p?`${p.type} ${p.text}`:"",optionsPosition:N,showIcons:t.showOptionIcons}),Ce&&t.dateView&&(0,L.jsx)(mt,{options:h,activeIndex:t.activeIndex,listboxId:i,view:t.dateView,selection:{selectedIso:t.selectedDateIso??null,selectedRange:t.selectedDateRange??null,rangeStart:t.dateRangeStart??null},onSelect:a,onHighlight:r,onPreviousMonth:u??At,onNextMonth:be??At}),ye&&(0,L.jsx)("div",{className:ue.skeletonBars,"data-aia-skeleton-bars":"",children:ta.map(G=>(0,L.jsx)("span",{className:ue.skeletonBar,style:{width:G}},`bar-${G}`))}),(0,L.jsx)(wt,{products:_e,listboxId:i,onSelect:H??aa,onFocusChange:re,focusable:$}),(0,L.jsx)(gt,{isOptionHighlighted:_,isInputEmpty:t.isInputEmpty})]}),(0,L.jsx)("button",{ref:oe,type:"button",tabIndex:-1,className:ue.scrollArrow,"data-aia-scroll-arrow":"","aria-label":Re.SCROLL_ARROW_LABEL,"aria-hidden":"true",children:(0,L.jsx)("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:(0,L.jsx)("path",{d:"M4 6.5 8 10.5l4-4"})})})]})}var Le=require("@magicx-eng/ai-autocomplete-vanilla");if(typeof document<"u"&&!document.getElementById("ac-style-fdee06e6")){let e=document.createElement("style");e.id="ac-style-fdee06e6",e.textContent=`.SubmitButton-module_submitButton_otz7H {
+/* data-align="stretch" is the flex default \u2014 no rule needed. */
+`,document.head.appendChild(e)}var Et=require("react/jsx-runtime");function St({space:e,align:i="stretch",className:a,children:r,...n}){let o=e?{"--aia-stack-space":e}:void 0;return(0,Et.jsx)("div",{className:a?`aia-stack ${a}`:"aia-stack","data-align":i,style:o,...n,children:r})}var O=require("react/jsx-runtime"),ta=[159,119,164],aa=()=>{},It=()=>{};function ia(e){let i=()=>typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(prefers-color-scheme: dark)").matches,[a,r]=(0,J.useState)(i);if((0,J.useEffect)(()=>{if(e!=="auto"||typeof window>"u"||typeof window.matchMedia!="function")return;let n=window.matchMedia("(prefers-color-scheme: dark)"),o=()=>r(n.matches);return n.addEventListener("change",o),()=>n.removeEventListener("change",o)},[e]),e!==void 0)return e==="auto"?a?"dark":"light":e}function oa(e,i){let a=(0,J.useRef)(null);(0,J.useEffect)(()=>{let r=e.current,n=i.current;if(!r||!n)return;let o=r.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:(0,Le.attachScrollArrow)({dropdown:r,grid:o,button:n})};return}a.current?.controller.update()}),(0,J.useEffect)(()=>()=>{a.current?.controller.destroy(),a.current=null},[])}function $e({suggestions:e,activeIndex:i,onSelect:a,onHighlight:r,isOpen:n,id:o,className:s,pills:g,onPillClick:w,showPills:b=!0,onSkip:x,showSkipButton:f=!0,showOptionIcons:y=!0,skipDisabled:P=!1,activeSelected:v=!1,isLoading:A=!1,isInputEmpty:M=!1,products:N,onProductSelect:G,onProductFocusChange:re,formatType:W="options",dateView:I=null,selectedDateIso:te=null,selectedDateRange:ge=null,dateRangeStart:se=null,onPreviousMonth:h,onNextMonth:be,optionsPosition:H="below",mode:ve}){let le=ia(ve),ae=le!==void 0,de=(0,J.useRef)(null),ie=(0,J.useRef)(null);oa(de,ie);let ce=e[0]?.options??[],pe=!!(g&&g.length>0&&w),_=!!(N&&N.length>0),$=n&&(ce.length>0||b&&pe||A||_),Z={suggestions:e,activeIndex:i,pills:g,showPills:b,showSkipButton:f,showOptionIcons:y,skipDisabled:P,activeSelected:v,isLoading:A,isInputEmpty:M,products:N,formatType:W,dateView:I,selectedDateIso:te,selectedDateRange:ge,dateRangeStart:se},V=(0,J.useRef)(Z);$&&(V.current=Z);let t=$?Z:V.current,p=t.suggestions[0],u=p?.options??[],k=t.activeIndex>=0&&!!u[t.activeIndex]?.is_tappable,l=!!(t.pills&&t.pills.length>0&&w),z=t.showPills&&l,oe=t.showPills&&!l&&t.isLoading,B=z||oe,d=l&&t.showSkipButton&&!t.isInputEmpty&&!!x,we=t.pills?.[0]?.text,Te=(0,Le.isCalendarFormat)(t.formatType)&&t.dateView!=null,xe=u.length>0&&!Te,Ae=u.length>0&&Te&&!t.isLoading,ye=t.isLoading&&!xe&&!Ae,ke=t.products??[];return(0,O.jsxs)("div",{ref:de,id:o,role:"listbox","data-aia-dropdown":"","data-options-position":H,"data-mode":le,"data-aia-loading":t.isLoading?"":void 0,"data-aia-has-products":ke.length>0?"":void 0,className:`${ae?"magicx-aia ":""}${he.dropdown} ${$?he.visible:""} ${s??""}`,onMouseDown:F=>F.preventDefault(),children:[(0,O.jsxs)(St,{space:"8px",children:[(B||d)&&(0,O.jsxs)(He,{noWrap:!0,className:he.pillBar,"data-aia-pillbar":"",children:[B&&(0,O.jsx)("span",{className:he.pillScroll,"data-aia-pill-scroll":"",children:(0,O.jsx)(Ue,{pills:t.pills??[],activePillIndex:0,activeSelected:t.activeSelected,onSelectPill:w??(()=>{}),rounded:!0,loading:t.isLoading})}),d&&(0,O.jsx)("button",{type:"button",tabIndex:-1,className:he.skip,"data-aia-skip":"",disabled:t.isLoading||t.skipDisabled,"aria-label":we?`Skip ${we}`:"Skip",onClick:x,children:"skip"})]}),xe&&(0,O.jsx)(Pt,{options:u,activeIndex:t.activeIndex,onSelect:a,onHighlight:r,listboxId:o,loading:t.isLoading,groupKey:p?`${p.type} ${p.text}`:"",optionsPosition:H,showIcons:t.showOptionIcons}),Ae&&t.dateView&&(0,O.jsx)(ft,{options:u,activeIndex:t.activeIndex,listboxId:o,view:t.dateView,selection:{selectedIso:t.selectedDateIso??null,selectedRange:t.selectedDateRange??null,rangeStart:t.dateRangeStart??null},onSelect:a,onHighlight:r,onPreviousMonth:h??It,onNextMonth:be??It}),ye&&(0,O.jsx)("div",{className:he.skeletonBars,"data-aia-skeleton-bars":"",children:ta.map(F=>(0,O.jsx)("span",{className:he.skeletonBar,style:{width:F}},`bar-${F}`))}),(0,O.jsx)(wt,{products:ke,listboxId:o,onSelect:G??aa,onFocusChange:re,focusable:$}),(0,O.jsx)(mt,{isOptionHighlighted:k,isInputEmpty:t.isInputEmpty})]}),(0,O.jsx)("button",{ref:ie,type:"button",tabIndex:-1,className:he.scrollArrow,"data-aia-scroll-arrow":"","aria-label":Le.SCROLL_ARROW_LABEL,"aria-hidden":"true",children:(0,O.jsx)("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:(0,O.jsx)("path",{d:"M4 6.5 8 10.5l4-4"})})})]})}var Oe=require("@magicx-eng/ai-autocomplete-vanilla");if(typeof document<"u"&&!document.getElementById("ac-style-fdee06e6")){let e=document.createElement("style");e.id="ac-style-fdee06e6",e.textContent=`.aia-submitButton-otz7H {
   flex-shrink: 0;
   width: 32px;
   height: 32px;
@@ -1645,7 +1725,7 @@
   transition: opacity 0.2s ease;
 }
 
-.SubmitButton-module_submitButton_otz7H:hover {
+.aia-submitButton-otz7H:hover {
   opacity: 0.85;
 }
 
@@ -1653,7 +1733,7 @@
    tokens fall back to the enabled ones, so a consumer's themed color is never
    washed out. Opt into a faded/dimmed rest state by setting
    --aia-submit-bg-disabled / --aia-submit-color-disabled. */
-.SubmitButton-module_submitButton_otz7H:disabled {
+.aia-submitButton-otz7H:disabled {
   background: var(
     --aia-submit-bg-disabled,
     var(--aia-submit-bg, var(--aia-color-text-default, #fff))
@@ -1664,5 +1744,5 @@
   );
   cursor: default;
 }
-`,document.head.appendChild(e)}var Dt={submitButton:"SubmitButton-module_submitButton_otz7H"};var Ve=require("react/jsx-runtime");function Ct({disabled:e,onClick:o}){return(0,Ve.jsx)("button",{type:"button","data-aia-submit":"",className:Dt.submitButton,disabled:e,onClick:a=>{a.stopPropagation(),o()},"aria-label":"Submit",children:(0,Ve.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",role:"img","aria-label":"Submit",children:(0,Ve.jsx)("path",{d:"M9 14V4M9 4L4 9M9 4L14 9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})}var Oe=require("@magicx-eng/ai-autocomplete-vanilla"),I=require("react");var rt=require("react");function Et(e){let o=(0,rt.useRef)(e);o.current=e;let a=Object.keys(e??{}).sort().join("\0"),r=(0,rt.useRef)({key:"
",overrides:void 0});if(r.current.key!==a){let n={};for(let i of Object.keys(e??{})){let s=(f,w,b)=>{let x=o.current?.[i];return x?x(f,w,b):[]};n[i]=s}r.current={key:a,overrides:e?n:void 0}}return{overrides:r.current.overrides,key:a}}var st=require("react");function Tt(e){let o=(0,st.useRef)(e);o.current=e;let a=(0,st.useRef)(null);a.current===null&&(a.current={fetch:(n,i)=>{let s=o.current;return s?s.fetch(n,i):Promise.reject(new Error("products config removed"))},transform:n=>o.current?.transform(n)??[],get limit(){return o.current?.limit}});let r=e!==void 0;return{config:r?a.current:void 0,enabled:r}}var na={text:"",completedParams:[],identifiedParams:[],skippedParams:[],pendingSpan:null,suggestions:[],products:[],customFields:null,optionSearch:null,activeDropdownIndex:-1,newParamId:null,isLoading:!0,isReady:!1,error:null,segments:[],actionableSuggestions:[],filteredOptions:[],activeFormatType:"options",dateView:null,dateRangeStart:null,placeholderText:"",optionQuery:"",isSearchingOptions:!1,isDropdownOpen:!1,isActivePillSelected:!1,filterBase:0,filterInProgress:!1,pillTapped:!1,skipNextFetch:!1,lastRawQuery:"",isFocused:!1,editingParam:null,editingIdentified:null,editingAnchor:null,editingTail:null,caretOffset:null,inSelectionAnimation:!1,dateViewMonth:null,pendingRangeStart:null};function Qe({onSubmit:e,onResult:o,onError:a,optionOverrides:r,maskCompletedText:n,apiConfig:i,additionalContext:s,columns:f=2,dropdownTrigger:w,optionsPosition:b,closeDropdownOnBlur:x,showNonTappableOptions:m,showOptionIcons:y,showSkipButton:P,showProducts:v,onFocus:C,onBlur:O,value:z,completedParams:H,onChange:re,onParamsChange:K,products:A,onProductSelect:te,source:fe,setCursor:se}){let u=(0,I.useRef)(null),[be,N]=(0,I.useState)(null),ve=(0,I.useRef)(e);ve.current=e;let le=(0,I.useRef)(o);le.current=o;let ae=(0,I.useRef)(a);ae.current=a;let de=(0,I.useRef)(re);de.current=re;let oe=(0,I.useRef)(K);oe.current=K;let ce=(0,I.useRef)(C);ce.current=C;let pe=(0,I.useRef)(O);pe.current=O;let W=(0,I.useRef)(se);W.current=se;let $=(0,I.useRef)(te);$.current=te;let Y=Tt(A),V=Et(r);(0,I.useEffect)(()=>{if(typeof document>"u")return;let g=new Oe.AIAutocomplete(document.createElement("div"),{renderMode:"headless",apiConfig:i,additionalContext:s,optionOverrides:V.overrides,maskCompletedText:n,columns:f,dropdownTrigger:w,optionsPosition:b,closeDropdownOnBlur:x,showNonTappableOptions:m,showProducts:v,source:fe,value:z,completedParams:H,onSubmit:(...R)=>ve.current?.(...R),onResult:(...R)=>le.current?.(...R),onError:(...R)=>ae.current?.(...R),onChange:(...R)=>de.current?.(...R),onParamsChange:(...R)=>oe.current?.(...R),onFocus:()=>ce.current?.(),onBlur:()=>pe.current?.(),onProductSelect:R=>$.current?.(R),setCursor:R=>W.current?.(R),products:Y.config});u.current=g,N(g.getState());let Q=g.subscribe(R=>N(R));return()=>{Q(),g.destroy(),u.current===g&&(u.current=null)}},[]),(0,I.useEffect)(()=>{z!==void 0&&u.current?.setValue(z)},[z]),(0,I.useEffect)(()=>{H!==void 0&&u.current?.setCompletedParams(H)},[H]);let t=JSON.stringify(i??null),p;try{p=JSON.stringify(s??null)}catch{p="[unstringifiable]"}(0,I.useEffect)(()=>{u.current?.update({apiConfig:i,additionalContext:s,optionOverrides:V.overrides,dropdownTrigger:w,optionsPosition:b,closeDropdownOnBlur:x,showNonTappableOptions:m,showProducts:v})},[t,p,V.key,w,b,x,m,v]);let h=(0,I.useRef)(!1);(0,I.useEffect)(()=>{if(!h.current){h.current=!0;return}u.current?.update({products:Y.config})},[Y.enabled]);let _=(0,I.useRef)(null);_.current===null&&(_.current={handleTextChange:g=>u.current?.handleTextChange(g),handleKeyDown:g=>{let Q="nativeEvent"in g?g.nativeEvent:g;u.current?.handleKeyDown(Q)},setFocused:g=>u.current?.setFocused(g),startEditingParam:g=>u.current?.startEditingParam(g),exitEditMode:()=>u.current?.exitEditMode(),handleCaretAfterInput:g=>u.current?.handleCaretAfterInput(g),handleCaretMove:g=>u.current?.handleCaretMove(g),replaceEditingRange:g=>u.current?.replaceEditingRange(g)??!1,setActivePill:g=>u.current?.setActivePill(g),skipActivePill:()=>u.current?.skipActivePill(),removeLastParam:()=>u.current?.removeLastParam(),clearNewParamId:()=>u.current?.clearNewParamId(),reset:()=>u.current?.reset(),selectOption:g=>u.current?.selectOption(g),selectProduct:g=>u.current?.selectProduct(g),setActiveDropdownIndex:g=>u.current?.setActiveDropdownIndex(g),showPreviousMonth:()=>u.current?.showPreviousMonth(),showNextMonth:()=>u.current?.showNextMonth(),handleFocus:()=>u.current?.setFocused(!0),handleBlur:()=>u.current?.setFocused(!1)});let l=_.current,M=(0,I.useCallback)(g=>{let Q=g.target.value,Ze=Q.length>0&&!g.nativeEvent?.isComposing&&Q[0]!==Q[0].toUpperCase()?Q[0].toUpperCase()+Q.slice(1):Q;u.current?.handleTextChange(Ze)},[]),ie=(0,I.useCallback)(g=>{u.current?.handleKeyDown(g.nativeEvent)},[]),F=u.current,d=be??na,we=z!==void 0?z:d.text,De=H!==void 0?H:d.completedParams,xe=d.actionableSuggestions,Ce=xe[0],ye=F?.listboxId??"",_e=d.activeDropdownIndex>=0&&F?`${ye}-option-${d.activeDropdownIndex}`:void 0,G=d.editingParam,ke=d.editingIdentified,Me=G?{type:G.suggestionType,text:G.suggestionPlaceholder,required:!0,options:G.options}:ke?{type:ke.type,text:(0,Oe.identifiedParamLabel)(ke.type),required:!0,options:[]}:null,Ge=Me??Ce,Xe=Me?[Me]:xe,ze=(0,Oe.dateSelectionFor)(d),Be=!F||d.isLoading&&!d.editingParam&&!d.inSelectionAnimation||d.isSearchingOptions;return{completedParams:De,skippedParams:d.skippedParams,identifiedParams:d.identifiedParams,suggestionPills:xe,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:Be,isFocused:d.isFocused,isDropdownOpen:d.isDropdownOpen,isActivePillSelected:d.isActivePillSelected,placeholderText:d.placeholderText,listboxId:ye,error:d.error,products:d.products,customFields:d.customFields,selectProduct:l.selectProduct,handleTextChange:l.handleTextChange,handleKeyDown:l.handleKeyDown,setFocused:l.setFocused,editingParam:G,editingIdentified:ke,editingAnchor:d.editingAnchor,caretOffset:d.caretOffset,startEditingParam:l.startEditingParam,exitEditMode:l.exitEditMode,handleCaretAfterInput:l.handleCaretAfterInput,handleCaretMove:l.handleCaretMove,replaceEditingRange:l.replaceEditingRange,inputProps:{value:we,placeholder:d.placeholderText||void 0,onChange:M,onKeyDown:ie,onFocus:l.handleFocus,onBlur:l.handleBlur,role:"combobox","aria-expanded":d.isDropdownOpen,"aria-activedescendant":_e,"aria-autocomplete":"list","aria-controls":ye},reset:l.reset,dropdownProps:{suggestions:Ge?[{...Ge,options:d.filteredOptions}]:[],activeIndex:d.activeDropdownIndex,onSelect:l.selectOption,onHighlight:l.setActiveDropdownIndex,isOpen:d.isDropdownOpen,id:ye,pills:Xe,activeSelected:d.isActivePillSelected,onPillClick:l.setActivePill,onSkip:l.skipActivePill,showSkipButton:(P??!0)&&!G&&!ke,showOptionIcons:y??!0,skipDisabled:d.inSelectionAnimation,isLoading:Be,isInputEmpty:we.trim().length===0,products:d.products,onProductSelect:l.selectProduct,onProductFocusChange:l.setFocused,formatType:d.activeFormatType,dateView:d.dateView,selectedDateIso:ze.selectedIso,selectedDateRange:ze.selectedRange,dateRangeStart:ze.rangeStart,onPreviousMonth:l.showPreviousMonth,onNextMonth:l.showNextMonth,optionsPosition:b??"below"}}}var j=require("@magicx-eng/ai-autocomplete-vanilla"),k=require("react"),Ye;function ra(){if(Ye!==void 0)return Ye;if(typeof document>"u")return!1;let e=document.createElement("div");return e.setAttribute("contenteditable","plaintext-only"),Ye=e.contentEditable==="plaintext-only",Ye}function Rt(e){let{segments:o,showChipIcons:a=!0,newParamId:r,editingParam:n,editingIdentified:i,editingAnchor:s,caretOffset:f,placeholderText:w,isFocused:b,isDropdownOpen:x,listboxId:m,activeDescendantId:y,autoFocus:P,handleTextChange:v,handleKeyDown:C,handleCaretAfterInput:O,handleCaretMove:z,startEditingParam:H,replaceEditingRange:re,setFocused:K}=e,A=(0,k.useRef)(null),te=(0,k.useRef)(!1),fe=(0,k.useRef)(""),se=(0,k.useRef)(""),u=(0,k.useRef)(null),be=(0,k.useRef)(0);u.current=f,(0,k.useEffect)(()=>{if(!P)return;let t=A.current;if(!t)return;document.activeElement===t?K(!0):t.focus();let p=t.ownerDocument??document,h=p.getSelection(),_=h&&h.rangeCount>0&&t.contains(h.anchorNode);if(h&&!_){let l=p.createRange();l.selectNodeContents(t),l.collapse(!0),h.removeAllRanges(),h.addRange(l)}},[P,K]),(0,k.useEffect)(()=>{let t=A.current;if(!t)return;let p=t.ownerDocument??document,h=()=>{let _=p.getSelection();if(!_||_.rangeCount===0||!_.anchorNode||!t.contains(_.anchorNode))return;let l=_.anchorNode,M=l.nodeType===Node.ELEMENT_NODE?l:l.parentElement,F=(_.isCollapsed?M?.closest("strong[data-param-id]"):null)?.dataset.paramId??null,d=n?.id??i?.id??null;if(F&&F!==d){H(F);return}performance.now()-be.current<50||z((0,j.getCursorOffset)(t))};return p.addEventListener("selectionchange",h),()=>p.removeEventListener("selectionchange",h)},[n,i,H,z]),(0,k.useLayoutEffect)(()=>{let t=A.current;t&&(0,j.renderEditableContent)({input:t,segments:o,newParamId:r,editingParamId:n?.id??null,placeholderText:w??"",isFocused:b,showChipIcons:a})},[o,r,n,w,b,a]),(0,k.useLayoutEffect)(()=>{let t=fe.current,p=r??"";if(fe.current=p,!p||p===t)return;let h=A.current;if(!h)return;h.focus();let _=u.current??(0,j.plainTextLength)(h);(0,j.setCursorOffset)(h,_)},[r]),(0,k.useLayoutEffect)(()=>{let t=se.current,p=n?.id??"";if(se.current=p,!p||p===t||s==null)return;let h=A.current;h&&(0,j.setCursorOffset)(h,s)},[n,s]);let N=(0,k.useCallback)(()=>{if(te.current)return;let t=A.current;if(!t)return;let p=(0,j.extractPlainText)(t),_=p.length>0&&p[0]!==p[0].toUpperCase()?p[0].toUpperCase()+p.slice(1):p;v(_)},[v]),ve=(0,k.useCallback)(()=>{be.current=performance.now(),N();let t=A.current;t&&O((0,j.getCursorOffset)(t))},[N,O]);(0,k.useEffect)(()=>{let t=A.current;if(!t)return;let p=h=>{let _=h,l=_.inputType;if(l==="insertParagraph"||l==="insertLineBreak"||l==="insertFromDrop"){h.preventDefault();return}if(l.startsWith("insert")||l.startsWith("delete")){let M=l.startsWith("delete")?"":_.data??"";re(M)&&h.preventDefault()}};return t.addEventListener("beforeinput",p),()=>t.removeEventListener("beforeinput",p)},[re]);let le=(0,k.useCallback)(()=>{te.current=!0},[]),ae=(0,k.useCallback)(()=>{te.current=!1,N()},[N]),de=(0,k.useCallback)(t=>{t.preventDefault();let p=A.current;if(!p)return;let h=(t.clipboardData.getData("text/plain")??"").replace(/\r?\n/g," ");if(!h)return;let _=p.ownerDocument??document,l=_.getSelection();if(!l||l.rangeCount===0)return;let M=l.getRangeAt(0);if(!p.contains(M.startContainer))return;M.deleteContents();let ie=_.createTextNode(h);M.insertNode(ie),M.setStartAfter(ie),M.collapse(!0),l.removeAllRanges(),l.addRange(M),N()},[N]),oe=(0,k.useCallback)(t=>C(t),[C]),ce=(0,k.useCallback)(()=>K(!0),[K]),pe=(0,k.useCallback)(()=>K(!1),[K]),W=(0,k.useCallback)(()=>A.current?.focus(),[]),$=(0,k.useCallback)(()=>A.current?.blur(),[]),Y=(0,k.useCallback)(()=>{let t=A.current;return t?(0,j.extractPlainText)(t):""},[]),V=ra()?"plaintext-only":"true";return{inputRef:A,editorProps:{ref:A,contentEditable:V,suppressContentEditableWarning:!0,tabIndex:0,role:"combobox","aria-autocomplete":"list","aria-haspopup":"listbox","aria-controls":m,"aria-expanded":x,"aria-activedescendant":y,spellCheck:!0,enterKeyHint:"send",onInput:ve,onKeyDown:oe,onCompositionStart:le,onCompositionEnd:ae,onPaste:de,onFocus:ce,onBlur:pe},getPlainText:Y,focus:W,blur:$}}var ee=require("react/jsx-runtime");function sa(e){return e!=="auto"?e:typeof window>"u"||window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}var Ot=(0,T.forwardRef)(function({onSubmit:o,onResult:a,onError:r,optionOverrides:n,maskCompletedText:i,className:s,apiConfig:f,additionalContext:w,columns:b,pillPlacement:x="dropdown",mode:m="auto",optionsPosition:y="below",animations:P=!0,dropdownTrigger:v,closeDropdownOnBlur:C,showNonTappableOptions:O,showOptionIcons:z=!0,showChipIcons:H=!0,showSkipButton:re,showProducts:K,autoFocus:A=!0,onFocus:te,onBlur:fe,value:se,completedParams:u,onChange:be,onParamsChange:N,products:ve,onProductSelect:le,submitButton:ae},de){let oe=(0,T.useRef)(null),ce=(0,T.useRef)(null),pe=(0,T.useRef)(()=>{}),W=(0,T.useRef)(null),$=(0,T.useRef)(null);(0,T.useEffect)(()=>{let S=oe.current;if(S)return W.current?W.current.setMode(m):W.current=new Le.ModeController(S,m),()=>{W.current?.destroy(),W.current=null}},[m]);let Y=(0,T.useCallback)(S=>{let Pe=$.current?.current;Pe&&(Pe.focus(),(0,Le.setCursorOffset)(Pe,S))},[]),{completedParams:V,skippedParams:t,identifiedParams:p,isReady:h,customFields:_,suggestionPills:l,setActivePill:M,skipActivePill:ie,segments:F,newParamId:d,clearNewParamId:we,placeholderText:De,isFocused:xe,isDropdownOpen:Ce,isActivePillSelected:ye,isLoading:_e,activeIndex:G,listboxId:ke,handleTextChange:Me,handleKeyDown:Ge,setFocused:Xe,editingParam:ze,editingIdentified:Be,editingAnchor:g,caretOffset:Q,startEditingParam:R,handleCaretAfterInput:Ze,handleCaretMove:Lt,replaceEditingRange:Mt,dropdownProps:zt,reset:He}=Qe({onSubmit:S=>pe.current(S),onResult:a,onError:r,optionOverrides:n,maskCompletedText:i,apiConfig:f,additionalContext:w,columns:b,dropdownTrigger:v,optionsPosition:y,closeDropdownOnBlur:C,showNonTappableOptions:O,showOptionIcons:z,showSkipButton:re,showProducts:K,onFocus:te,onBlur:fe,value:se,completedParams:u,onChange:be,onParamsChange:N,products:ve,onProductSelect:le,source:"full-sdk",setCursor:Y});(0,T.useEffect)(()=>{if(!d)return;let S=window.setTimeout(()=>we(),650);return()=>window.clearTimeout(S)},[d,we]);let Nt=G>=0?`${ke}-option-${G}`:void 0,{inputRef:Je,editorProps:Ft,focus:Ke,blur:lt,getPlainText:dt}=Rt({segments:F,newParamId:d,editingParam:ze,editingIdentified:Be,editingAnchor:g,caretOffset:Q,placeholderText:De,isFocused:xe,showChipIcons:H,isDropdownOpen:Ce,listboxId:ke,activeDescendantId:Nt,autoFocus:A,handleTextChange:Me,handleKeyDown:Ge,handleCaretAfterInput:Ze,handleCaretMove:Lt,startEditingParam:R,replaceEditingRange:Mt,setFocused:Xe});$.current=Je,(0,T.useLayoutEffect)(()=>{let S=ce.current,Pe=Je.current;if(!S||!Pe)return;let ct=()=>{let ut=S.firstElementChild;if(!ut)return;let Kt=ut.getBoundingClientRect(),Wt=Pe.getBoundingClientRect();Kt.top>=Wt.bottom-2?S.setAttribute("data-aia-pill-wrapped",""):S.removeAttribute("data-aia-pill-wrapped")};ct();let pt=new ResizeObserver(ct);return pt.observe(Pe),()=>pt.disconnect()},[F,l.length,_e,Je]),(0,T.useImperativeHandle)(de,()=>({focus:Ke,blur:lt,reset:He,setMode:S=>W.current?.setMode(S),skipActivePill:ie}),[Ke,lt,He,ie]);let We=!!F.length||V.length>0,et=(0,T.useCallback)(()=>{if(!We)return;let S=dt();o((0,Le.buildSubmitResult)(S,V,t,{identifiedParams:p,isReady:h,customFields:_})),He()},[We,V,t,p,h,_,o,He,dt]);pe.current=et;let Gt=(0,T.useCallback)(S=>{S.target?.closest("[data-aia-pill]")||Ke()},[Ke]),Bt=x==="inline",Ht=x==="dropdown";return(0,ee.jsxs)("div",{ref:oe,className:`magicx-aia ${Se.container} ${s??""}`,"data-pill-placement":x,"data-options-position":y,"data-animations":P?"on":"off","data-mode":sa(m),children:[(0,ee.jsx)($e,{...zt,showPills:Ht}),(0,ee.jsxs)("div",{className:Se.inputWrapper,onClick:Gt,children:[(0,ee.jsxs)("div",{className:Se.editorArea,"data-aia-editor":"",children:[(0,ee.jsx)("div",{...Ft,className:Se.input,"data-aia-input":""}),Bt&&(_e||l.length>0)&&(0,ee.jsx)("span",{ref:ce,className:Se.pillListContainer,"data-aia-pill-list-container":"",children:(0,ee.jsx)(Ue,{pills:l,activePillIndex:0,activeSelected:ye,onSelectPill:M,loading:_e})})]}),ae===null?null:ae===void 0?(0,ee.jsx)(Ct,{disabled:!We,onClick:et}):(0,ee.jsx)("span",{"data-aia-submit":"",className:Se.submitSlot,onClick:S=>{We&&(S.stopPropagation(),et())},children:ae})]})]})});0&&(module.exports={AIAutocomplete,AIAutocompleteDropdown,DATE_RANGE_META_END,DATE_RANGE_META_START,PRODUCT_PATH_PREFIX,WEEKDAY_LABELS,buildSubmitResult,cellDay,cellIso,dateCellMarks,formatDate,formatDateRange,isoDate,monthLabel,optionLabel,parseDate,parseLooseDate,parseLooseDateRange,productFromMatchedItem,productsFromCustomFields,sanitizeOptionIconSvg,selectedRangeFor,useAIAutocomplete,visibleDateRange,withSkippedParams});
+`,document.head.appendChild(e)}var Tt={submitButton:"aia-submitButton-otz7H"};var Ve=require("react/jsx-runtime");function At({disabled:e,onClick:i}){return(0,Ve.jsx)("button",{type:"button","data-aia-submit":"",className:Tt.submitButton,disabled:e,onClick:a=>{a.stopPropagation(),i()},"aria-label":"Submit",children:(0,Ve.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",role:"img","aria-label":"Submit",children:(0,Ve.jsx)("path",{d:"M9 14V4M9 4L4 9M9 4L14 9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})}var Me=require("@magicx-eng/ai-autocomplete-vanilla"),S=require("react");var rt=require("react");function Rt(e){let i=(0,rt.useRef)(e);i.current=e;let a=Object.keys(e??{}).sort().join("\0"),r=(0,rt.useRef)({key:"
",overrides:void 0});if(r.current.key!==a){let n={};for(let o of Object.keys(e??{})){let s=(g,w,b)=>{let x=i.current?.[o];return x?x(g,w,b):[]};n[o]=s}r.current={key:a,overrides:e?n:void 0}}return{overrides:r.current.overrides,key:a}}var st=require("react");function Dt(e){let i=(0,st.useRef)(e);i.current=e;let a=(0,st.useRef)(null);a.current===null&&(a.current={fetch:(n,o)=>{let s=i.current;return s?s.fetch(n,o):Promise.reject(new Error("products config removed"))},transform:n=>i.current?.transform(n)??[],get limit(){return i.current?.limit}});let r=e!==void 0;return{config:r?a.current:void 0,enabled:r}}var na={text:"",completedParams:[],identifiedParams:[],skippedParams:[],pendingSpan:null,suggestions:[],products:[],customFields:null,optionSearch:null,activeDropdownIndex:-1,newParamId:null,isLoading:!0,isReady:!1,error:null,segments:[],actionableSuggestions:[],filteredOptions:[],activeFormatType:"options",dateView:null,dateRangeStart:null,placeholderText:"",optionQuery:"",isSearchingOptions:!1,isDropdownOpen:!1,isActivePillSelected:!1,filterBase:0,filterInProgress:!1,pillTapped:!1,skipNextFetch:!1,lastRawQuery:"",isFocused:!1,editingParam:null,editingIdentified:null,editingAnchor:null,editingTail:null,caretOffset:null,inSelectionAnimation:!1,dateViewMonth:null,pendingRangeStart:null};function Qe({onSubmit:e,onResult:i,onError:a,optionOverrides:r,maskCompletedText:n,apiConfig:o,additionalContext:s,columns:g=2,dropdownTrigger:w,optionsPosition:b,closeDropdownOnBlur:x,showNonTappableOptions:f,showOptionIcons:y,showSkipButton:P,showProducts:v,onFocus:A,onBlur:M,value:N,completedParams:G,onChange:re,onParamsChange:W,products:I,onProductSelect:te,source:ge,setCursor:se}){let h=(0,S.useRef)(null),[be,H]=(0,S.useState)(null),ve=(0,S.useRef)(e);ve.current=e;let le=(0,S.useRef)(i);le.current=i;let ae=(0,S.useRef)(a);ae.current=a;let de=(0,S.useRef)(re);de.current=re;let ie=(0,S.useRef)(W);ie.current=W;let ce=(0,S.useRef)(A);ce.current=A;let pe=(0,S.useRef)(M);pe.current=M;let _=(0,S.useRef)(se);_.current=se;let $=(0,S.useRef)(te);$.current=te;let Z=Dt(I),V=Rt(r);(0,S.useEffect)(()=>{if(typeof document>"u")return;let m=new Me.AIAutocomplete(document.createElement("div"),{renderMode:"headless",apiConfig:o,additionalContext:s,optionOverrides:V.overrides,maskCompletedText:n,columns:g,dropdownTrigger:w,optionsPosition:b,closeDropdownOnBlur:x,showNonTappableOptions:f,showProducts:v,source:ge,value:N,completedParams:G,onSubmit:(...L)=>ve.current?.(...L),onResult:(...L)=>le.current?.(...L),onError:(...L)=>ae.current?.(...L),onChange:(...L)=>de.current?.(...L),onParamsChange:(...L)=>ie.current?.(...L),onFocus:()=>ce.current?.(),onBlur:()=>pe.current?.(),onProductSelect:L=>$.current?.(L),setCursor:L=>_.current?.(L),products:Z.config});h.current=m,H(m.getState());let Q=m.subscribe(L=>H(L));return()=>{Q(),m.destroy(),h.current===m&&(h.current=null)}},[]),(0,S.useEffect)(()=>{N!==void 0&&h.current?.setValue(N)},[N]),(0,S.useEffect)(()=>{G!==void 0&&h.current?.setCompletedParams(G)},[G]);let t=JSON.stringify(o??null),p;try{p=JSON.stringify(s??null)}catch{p="[unstringifiable]"}(0,S.useEffect)(()=>{h.current?.update({apiConfig:o,additionalContext:s,optionOverrides:V.overrides,dropdownTrigger:w,optionsPosition:b,closeDropdownOnBlur:x,showNonTappableOptions:f,showProducts:v})},[t,p,V.key,w,b,x,f,v]);let u=(0,S.useRef)(!1);(0,S.useEffect)(()=>{if(!u.current){u.current=!0;return}h.current?.update({products:Z.config})},[Z.enabled]);let k=(0,S.useRef)(null);k.current===null&&(k.current={handleTextChange:m=>h.current?.handleTextChange(m),handleKeyDown:m=>{let Q="nativeEvent"in m?m.nativeEvent:m;h.current?.handleKeyDown(Q)},setFocused:m=>h.current?.setFocused(m),startEditingParam:m=>h.current?.startEditingParam(m),exitEditMode:()=>h.current?.exitEditMode(),handleCaretAfterInput:m=>h.current?.handleCaretAfterInput(m),handleCaretMove:m=>h.current?.handleCaretMove(m),replaceEditingRange:m=>h.current?.replaceEditingRange(m)??!1,setActivePill:m=>h.current?.setActivePill(m),skipActivePill:()=>h.current?.skipActivePill(),removeLastParam:()=>h.current?.removeLastParam(),clearNewParamId:()=>h.current?.clearNewParamId(),reset:()=>h.current?.reset(),selectOption:m=>h.current?.selectOption(m),selectProduct:m=>h.current?.selectProduct(m),setActiveDropdownIndex:m=>h.current?.setActiveDropdownIndex(m),showPreviousMonth:()=>h.current?.showPreviousMonth(),showNextMonth:()=>h.current?.showNextMonth(),handleFocus:()=>h.current?.setFocused(!0),handleBlur:()=>h.current?.setFocused(!1)});let l=k.current,z=(0,S.useCallback)(m=>{let Q=m.target.value,Xe=Q.length>0&&!m.nativeEvent?.isComposing&&Q[0]!==Q[0].toUpperCase()?Q[0].toUpperCase()+Q.slice(1):Q;h.current?.handleTextChange(Xe)},[]),oe=(0,S.useCallback)(m=>{h.current?.handleKeyDown(m.nativeEvent)},[]),B=h.current,d=be??na,we=N!==void 0?N:d.text,Te=G!==void 0?G:d.completedParams,xe=d.actionableSuggestions,Ae=xe[0],ye=B?.listboxId??"",ke=d.activeDropdownIndex>=0&&B?`${ye}-option-${d.activeDropdownIndex}`:void 0,F=d.editingParam,Ce=d.editingIdentified,ze=F?{type:F.suggestionType,text:F.suggestionPlaceholder,required:!0,options:F.options}:Ce?{type:Ce.type,text:(0,Me.identifiedParamLabel)(Ce.type),required:!0,options:[]}:null,Fe=ze??Ae,Ye=ze?[ze]:xe,Ne=(0,Me.dateSelectionFor)(d),Ke=!B||d.isLoading&&!d.editingParam&&!d.inSelectionAnimation||d.isSearchingOptions;return{completedParams:Te,skippedParams:d.skippedParams,identifiedParams:d.identifiedParams,suggestionPills:xe,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:Ke,isFocused:d.isFocused,isDropdownOpen:d.isDropdownOpen,isActivePillSelected:d.isActivePillSelected,placeholderText:d.placeholderText,listboxId:ye,error:d.error,products:d.products,customFields:d.customFields,selectProduct:l.selectProduct,handleTextChange:l.handleTextChange,handleKeyDown:l.handleKeyDown,setFocused:l.setFocused,editingParam:F,editingIdentified:Ce,editingAnchor:d.editingAnchor,caretOffset:d.caretOffset,startEditingParam:l.startEditingParam,exitEditMode:l.exitEditMode,handleCaretAfterInput:l.handleCaretAfterInput,handleCaretMove:l.handleCaretMove,replaceEditingRange:l.replaceEditingRange,inputProps:{value:we,placeholder:d.placeholderText||void 0,onChange:z,onKeyDown:oe,onFocus:l.handleFocus,onBlur:l.handleBlur,role:"combobox","aria-expanded":d.isDropdownOpen,"aria-activedescendant":ke,"aria-autocomplete":"list","aria-controls":ye},reset:l.reset,dropdownProps:{suggestions:Fe?[{...Fe,options:d.filteredOptions}]:[],activeIndex:d.activeDropdownIndex,onSelect:l.selectOption,onHighlight:l.setActiveDropdownIndex,isOpen:d.isDropdownOpen,id:ye,pills:Ye,activeSelected:d.isActivePillSelected,onPillClick:l.setActivePill,onSkip:l.skipActivePill,showSkipButton:(P??!0)&&!F&&!Ce,showOptionIcons:y??!0,skipDisabled:d.inSelectionAnimation,isLoading:Ke,isInputEmpty:we.trim().length===0,products:d.products,onProductSelect:l.selectProduct,onProductFocusChange:l.setFocused,formatType:d.activeFormatType,dateView:d.dateView,selectedDateIso:Ne.selectedIso,selectedDateRange:Ne.selectedRange,dateRangeStart:Ne.rangeStart,onPreviousMonth:l.showPreviousMonth,onNextMonth:l.showNextMonth,optionsPosition:b??"below"}}}var j=require("@magicx-eng/ai-autocomplete-vanilla"),C=require("react"),Ze;function ra(){if(Ze!==void 0)return Ze;if(typeof document>"u")return!1;let e=document.createElement("div");return e.setAttribute("contenteditable","plaintext-only"),Ze=e.contentEditable==="plaintext-only",Ze}function Lt(e){let{segments:i,showChipIcons:a=!0,newParamId:r,editingParam:n,editingIdentified:o,editingAnchor:s,caretOffset:g,placeholderText:w,isFocused:b,isDropdownOpen:x,listboxId:f,activeDescendantId:y,autoFocus:P,handleTextChange:v,handleKeyDown:A,handleCaretAfterInput:M,handleCaretMove:N,startEditingParam:G,replaceEditingRange:re,setFocused:W}=e,I=(0,C.useRef)(null),te=(0,C.useRef)(!1),ge=(0,C.useRef)(""),se=(0,C.useRef)(""),h=(0,C.useRef)(null),be=(0,C.useRef)(0);h.current=g,(0,C.useEffect)(()=>{if(!P)return;let t=I.current;if(!t)return;document.activeElement===t?W(!0):t.focus();let p=t.ownerDocument??document,u=p.getSelection(),k=u&&u.rangeCount>0&&t.contains(u.anchorNode);if(u&&!k){let l=p.createRange();l.selectNodeContents(t),l.collapse(!0),u.removeAllRanges(),u.addRange(l)}},[P,W]),(0,C.useEffect)(()=>{let t=I.current;if(!t)return;let p=t.ownerDocument??document,u=()=>{let k=p.getSelection();if(!k||k.rangeCount===0||!k.anchorNode||!t.contains(k.anchorNode))return;let l=k.anchorNode,z=l.nodeType===Node.ELEMENT_NODE?l:l.parentElement,B=(k.isCollapsed?z?.closest("strong[data-param-id]"):null)?.dataset.paramId??null,d=n?.id??o?.id??null;if(B&&B!==d){G(B);return}performance.now()-be.current<50||N((0,j.getCursorOffset)(t))};return p.addEventListener("selectionchange",u),()=>p.removeEventListener("selectionchange",u)},[n,o,G,N]),(0,C.useLayoutEffect)(()=>{let t=I.current;t&&(0,j.renderEditableContent)({input:t,segments:i,newParamId:r,editingParamId:n?.id??null,placeholderText:w??"",isFocused:b,showChipIcons:a})},[i,r,n,w,b,a]),(0,C.useLayoutEffect)(()=>{let t=ge.current,p=r??"";if(ge.current=p,!p||p===t)return;let u=I.current;if(!u)return;u.focus();let k=h.current??(0,j.plainTextLength)(u);(0,j.setCursorOffset)(u,k)},[r]),(0,C.useLayoutEffect)(()=>{let t=se.current,p=n?.id??"";if(se.current=p,!p||p===t||s==null)return;let u=I.current;u&&(0,j.setCursorOffset)(u,s)},[n,s]);let H=(0,C.useCallback)(()=>{if(te.current)return;let t=I.current;if(!t)return;let p=(0,j.extractPlainText)(t),k=p.length>0&&p[0]!==p[0].toUpperCase()?p[0].toUpperCase()+p.slice(1):p;v(k)},[v]),ve=(0,C.useCallback)(()=>{be.current=performance.now(),H();let t=I.current;t&&M((0,j.getCursorOffset)(t))},[H,M]);(0,C.useEffect)(()=>{let t=I.current;if(!t)return;let p=u=>{let k=u,l=k.inputType;if(l==="insertParagraph"||l==="insertLineBreak"||l==="insertFromDrop"){u.preventDefault();return}if(l.startsWith("insert")||l.startsWith("delete")){let z=l.startsWith("delete")?"":k.data??"";re(z)&&u.preventDefault()}};return t.addEventListener("beforeinput",p),()=>t.removeEventListener("beforeinput",p)},[re]);let le=(0,C.useCallback)(()=>{te.current=!0},[]),ae=(0,C.useCallback)(()=>{te.current=!1,H()},[H]),de=(0,C.useCallback)(t=>{t.preventDefault();let p=I.current;if(!p)return;let u=(t.clipboardData.getData("text/plain")??"").replace(/\r?\n/g," ");if(!u)return;let k=p.ownerDocument??document,l=k.getSelection();if(!l||l.rangeCount===0)return;let z=l.getRangeAt(0);if(!p.contains(z.startContainer))return;z.deleteContents();let oe=k.createTextNode(u);z.insertNode(oe),z.setStartAfter(oe),z.collapse(!0),l.removeAllRanges(),l.addRange(z),H()},[H]),ie=(0,C.useCallback)(t=>A(t),[A]),ce=(0,C.useCallback)(()=>W(!0),[W]),pe=(0,C.useCallback)(()=>W(!1),[W]),_=(0,C.useCallback)(()=>I.current?.focus(),[]),$=(0,C.useCallback)(()=>I.current?.blur(),[]),Z=(0,C.useCallback)(()=>{let t=I.current;return t?(0,j.extractPlainText)(t):""},[]),V=ra()?"plaintext-only":"true";return{inputRef:I,editorProps:{ref:I,contentEditable:V,suppressContentEditableWarning:!0,tabIndex:0,role:"combobox","aria-autocomplete":"list","aria-haspopup":"listbox","aria-controls":f,"aria-expanded":x,"aria-activedescendant":y,spellCheck:!0,enterKeyHint:"send",onInput:ve,onKeyDown:ie,onCompositionStart:le,onCompositionEnd:ae,onPaste:de,onFocus:ce,onBlur:pe},getPlainText:Z,focus:_,blur:$}}var ee=require("react/jsx-runtime");function sa(e){return e!=="auto"?e:typeof window>"u"||window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}var Mt=(0,D.forwardRef)(function({onSubmit:i,onResult:a,onError:r,optionOverrides:n,maskCompletedText:o,className:s,apiConfig:g,additionalContext:w,columns:b,pillPlacement:x="dropdown",mode:f="auto",optionsPosition:y="below",animations:P=!0,dropdownTrigger:v,closeDropdownOnBlur:A,showNonTappableOptions:M,showOptionIcons:N=!0,showChipIcons:G=!0,showSkipButton:re,showProducts:W,autoFocus:I=!0,onFocus:te,onBlur:ge,value:se,completedParams:h,onChange:be,onParamsChange:H,products:ve,onProductSelect:le,submitButton:ae},de){let ie=(0,D.useRef)(null),ce=(0,D.useRef)(null),pe=(0,D.useRef)(()=>{}),_=(0,D.useRef)(null),$=(0,D.useRef)(null);(0,D.useEffect)(()=>{let E=ie.current;if(E)return _.current?_.current.setMode(f):_.current=new Oe.ModeController(E,f),()=>{_.current?.destroy(),_.current=null}},[f]);let Z=(0,D.useCallback)(E=>{let Pe=$.current?.current;Pe&&(Pe.focus(),(0,Oe.setCursorOffset)(Pe,E))},[]),{completedParams:V,skippedParams:t,identifiedParams:p,isReady:u,customFields:k,suggestionPills:l,setActivePill:z,skipActivePill:oe,segments:B,newParamId:d,clearNewParamId:we,placeholderText:Te,isFocused:xe,isDropdownOpen:Ae,isActivePillSelected:ye,isLoading:ke,activeIndex:F,listboxId:Ce,handleTextChange:ze,handleKeyDown:Fe,setFocused:Ye,editingParam:Ne,editingIdentified:Ke,editingAnchor:m,caretOffset:Q,startEditingParam:L,handleCaretAfterInput:Xe,handleCaretMove:Ot,replaceEditingRange:zt,dropdownProps:Nt,reset:Ge}=Qe({onSubmit:E=>pe.current(E),onResult:a,onError:r,optionOverrides:n,maskCompletedText:o,apiConfig:g,additionalContext:w,columns:b,dropdownTrigger:v,optionsPosition:y,closeDropdownOnBlur:A,showNonTappableOptions:M,showOptionIcons:N,showSkipButton:re,showProducts:W,onFocus:te,onBlur:ge,value:se,completedParams:h,onChange:be,onParamsChange:H,products:ve,onProductSelect:le,source:"full-sdk",setCursor:Z});(0,D.useEffect)(()=>{if(!d)return;let E=window.setTimeout(()=>we(),650);return()=>window.clearTimeout(E)},[d,we]);let Ht=F>=0?`${Ce}-option-${F}`:void 0,{inputRef:Je,editorProps:Bt,focus:We,blur:lt,getPlainText:dt}=Lt({segments:B,newParamId:d,editingParam:Ne,editingIdentified:Ke,editingAnchor:m,caretOffset:Q,placeholderText:Te,isFocused:xe,showChipIcons:G,isDropdownOpen:Ae,listboxId:Ce,activeDescendantId:Ht,autoFocus:I,handleTextChange:ze,handleKeyDown:Fe,handleCaretAfterInput:Xe,handleCaretMove:Ot,startEditingParam:L,replaceEditingRange:zt,setFocused:Ye});$.current=Je,(0,D.useLayoutEffect)(()=>{let E=ce.current,Pe=Je.current;if(!E||!Pe)return;let ct=()=>{let ht=E.firstElementChild;if(!ht)return;let Wt=ht.getBoundingClientRect(),_t=Pe.getBoundingClientRect();Wt.top>=_t.bottom-2?E.setAttribute("data-aia-pill-wrapped",""):E.removeAttribute("data-aia-pill-wrapped")};ct();let pt=new ResizeObserver(ct);return pt.observe(Pe),()=>pt.disconnect()},[B,l.length,ke,Je]),(0,D.useImperativeHandle)(de,()=>({focus:We,blur:lt,reset:Ge,setMode:E=>_.current?.setMode(E),skipActivePill:oe}),[We,lt,Ge,oe]);let _e=!!B.length||V.length>0,et=(0,D.useCallback)(()=>{if(!_e)return;let E=dt();i((0,Oe.buildSubmitResult)(E,V,t,{identifiedParams:p,isReady:u,customFields:k})),Ge()},[_e,V,t,p,u,k,i,Ge,dt]);pe.current=et;let Ft=(0,D.useCallback)(E=>{E.target?.closest("[data-aia-pill]")||We()},[We]),Kt=x==="inline",Gt=x==="dropdown";return(0,ee.jsxs)("div",{ref:ie,className:`magicx-aia ${Ee.container} ${s??""}`,"data-pill-placement":x,"data-options-position":y,"data-animations":P?"on":"off","data-mode":sa(f),children:[(0,ee.jsx)($e,{...Nt,showPills:Gt}),(0,ee.jsxs)("div",{className:Ee.inputWrapper,"data-aia-input-wrapper":"",onClick:Ft,children:[(0,ee.jsxs)("div",{className:Ee.editorArea,"data-aia-editor":"",children:[(0,ee.jsx)("div",{...Bt,className:Ee.input,"data-aia-input":""}),Kt&&(ke||l.length>0)&&(0,ee.jsx)("span",{ref:ce,className:Ee.pillListContainer,"data-aia-pill-list-container":"",children:(0,ee.jsx)(Ue,{pills:l,activePillIndex:0,activeSelected:ye,onSelectPill:z,loading:ke})})]}),ae===null?null:ae===void 0?(0,ee.jsx)(At,{disabled:!_e,onClick:et}):(0,ee.jsx)("span",{"data-aia-submit":"","data-aia-submit-slot":"",className:Ee.submitSlot,onClick:E=>{_e&&(E.stopPropagation(),et())},children:ae})]})]})});0&&(module.exports={AIAutocomplete,AIAutocompleteDropdown,DATE_RANGE_META_END,DATE_RANGE_META_START,PRODUCT_PATH_PREFIX,WEEKDAY_LABELS,buildSubmitResult,cellDay,cellIso,dateCellMarks,formatDate,formatDateRange,isoDate,monthLabel,optionLabel,parseDate,parseLooseDate,parseLooseDateRange,productFromMatchedItem,productsFromCustomFields,sanitizeOptionIconSvg,selectedRangeFor,useAIAutocomplete,visibleDateRange,withSkippedParams});
 //# sourceMappingURL=index.js.map