branch is gone.\nreturn /*#__PURE__*/_jsxs(\"a\",{href:row.url,id:optionId,role:\"option\",\"aria-selected\":!!active,\"data-nav-index\":navIndex,style:rowStyle,onMouseEnter:()=>setHover(true),onMouseLeave:()=>setHover(false),onClick:()=>{if(onNavigate)onNavigate();},children:[img?/*#__PURE__*/_jsx(\"img\",{src:img,alt:\"\",style:thumbStyle,loading:\"lazy\"}):/*#__PURE__*/_jsx(\"div\",{style:thumbStyle,\"aria-hidden\":\"true\"}),/*#__PURE__*/_jsxs(\"div\",{style:{minWidth:0,flex:1},children:[/*#__PURE__*/_jsx(\"p\",{style:titleStyle,children:row.title}),showPrice&&row.price?/*#__PURE__*/_jsxs(\"div\",{style:priceLineStyle,children:[/*#__PURE__*/_jsx(\"span\",{style:priceStyle,children:row.price}),row.compareAt?/*#__PURE__*/_jsx(\"span\",{style:cmpStyle,children:row.compareAt}):null]}):null]}),divider?/*#__PURE__*/_jsx(\"span\",{\"aria-hidden\":\"true\",style:{position:\"absolute\",left:divider.inset,right:divider.inset,bottom:0,borderTop:`${divider.thickness}px ${divider.style} ${divider.color}`,pointerEvents:\"none\"}}):null]});}export default function SN2_search_sidebar(props){const{mode,maxResults,placeholder,headingText,emptyText,drawerWidth,drawerBg,accentColor,thumbSize,thumbRadius,imageGap,rowPaddingX,rowPaddingY,rowGap,titleFontFamily,titleFontSize,titleFontWeight,titleColor,priceFontSize,priceFontWeight,showDivider,dividerColor,dividerThickness,dividerStyle:dividerLineStyle,dividerInset,debounceMs,showPrice,iconColor,showTriggerIcon,mobileFullScreen,fullScreenBelow,style,currency,productPathBase,searchPageUrl,onRequestClose,recentSearches,popularTerms}=props;const onCanvas=RenderTarget.current()===RenderTarget.canvas;const ccy=currency||\"USD\";const productBase=productPathBase||\"/products/\";const searchUrl=searchPageUrl||\"/search?q=\";const[open,setOpen]=useState(onCanvas);const[query,setQuery]=useState(\"\");const[rows,setRows]=useState(onCanvas?SAMPLE_ROWS:[]);const[loading,setLoading]=useState(false);const[searched,setSearched]=useState(false);const[errored,setErrored]=useState(false);const[activeIndex,setActiveIndex]=useState(-1)// item 3\n;const[recent,setRecent]=useState([])// item 10\n;const inputRef=useRef(null);const rootRef=useRef(null);const resultsRef=useRef(null);const debounceRef=useRef(null);const reqIdRef=useRef(0);const abortRef=useRef(null);// Latest `open` for closures that outlive a render (observer callback).\nconst openRef=useRef(open);// The registry keeps one public sn-search:open listener and one set of\n// body observers for all mounted SN2 search instances.\nuseEffect(()=>{openRef.current=open;},[open]);const baseId=useId();const instanceId=`sn2-${baseId.replace(/[^a-zA-Z0-9_-]/g,\"\")}`;const titleId=`${baseId}-title`;const listboxId=`${baseId}-listbox`;const minQueryLen=2;const limit=Math.max(1,Math.min(50,Number(maxResults)||10));// ---- Fetch with request-id race guard + abort of the prior request ----\nconst runSearch=useCallback(raw=>{const tokens=tokenize(raw);const trimmedLen=tokens.join(\"\").length;const built=buildQuery(tokens);if(trimmedLen
r.json()).then(json=>{if(myId!==reqIdRef.current)return;// stale — ignore\n// Storefront returns HTTP 200 with {data:null, errors:[…]}\n// on cost/throttle/malformed queries. Treat as an error,\n// NOT an empty result, so we don't mislabel it \"no results\".\nconst hasErrors=json&&json.errors&&json.errors.length>0;const products=json&&json.data&&json.data.products?json.data.products:null;if(hasErrors||!products){setRows([]);setLoading(false);setSearched(true);setErrored(true);setActiveIndex(-1);return;}const edges=products.edges||[];const mapped=[];for(const edge of edges){const n=edge&&edge.node?edge.node:null;if(!n)continue;const handles=n.collections&&n.collections.edges?n.collections.edges.map(e=>e&&e.node?e.node.handle:null).filter(Boolean):[];let route=routeFor(handles);if(!route)route=routeForProductType(n.productType);// Item 1: never null — fall back to the product route.\nconst url=route?`/${route}/${n.handle}`:`${productBase}${n.handle}`;const priceAmt=n.priceRange&&n.priceRange.minVariantPrice&&n.priceRange.minVariantPrice.amount;const cmpAmt=n.compareAtPriceRange&&n.compareAtPriceRange.minVariantPrice&&n.compareAtPriceRange.minVariantPrice.amount;const priceCents=parseMoneyCents(priceAmt);const cmpCents=parseMoneyCents(cmpAmt);const onSale=priceCents!==null&&cmpCents!==null&&cmpCents>priceCents;mapped.push({id:n.id,title:n.title||\"\",url,image:n.featuredImage&&n.featuredImage.url?n.featuredImage.url:null,price:moneyFromCents(priceCents,ccy),compareAt:onSale?moneyFromCents(cmpCents,ccy):\"\",priceUnavailable:priceCents===null});}setRows(mapped);setLoading(false);setSearched(true);setErrored(false);setActiveIndex(-1);}).catch(err=>{// Aborted requests are intentional — never surface them.\nif(err&&err.name===\"AbortError\")return;if(myId!==reqIdRef.current)return;setRows([]);setLoading(false);setSearched(true);setErrored(true);setActiveIndex(-1);});},[limit,ccy,productBase]);// ---- Debounced input handler ----\nconst onInput=useCallback(value=>{setQuery(value);setActiveIndex(-1);if(debounceRef.current)clearTimeout(debounceRef.current);const ms=Math.max(0,Number(debounceMs)||250);debounceRef.current=setTimeout(()=>{runSearch(value);},ms);},[debounceMs,runSearch]);// ---- Recent searches (item 10) ----\nuseEffect(()=>{if(onCanvas||!isBrowser())return;if(recentSearches!==false)setRecent(readRecent());},[onCanvas,recentSearches]);const commitRecent=useCallback(term=>{if(recentSearches===false)return;const t=String(term||\"\").trim();if(t.length{const next=[t,...prev.filter(x=>x.toLowerCase()!==t.toLowerCase())].slice(0,RECENT_MAX);writeRecent(next);return next;});},[recentSearches]);const selectAssist=useCallback(term=>{setQuery(term);setActiveIndex(-1);runSearch(term);},[runSearch]);// ---- Open / close drawer ----\nconst doClose=useCallback(()=>{setOpen(false);if(debounceRef.current)clearTimeout(debounceRef.current);reqIdRef.current++// invalidate any in-flight request\n;if(abortRef.current)abortRef.current.abort();// Never leave a stuck loading state when nothing is in flight.\nsetLoading(false);setSearched(false);setErrored(false);setRows([]);setActiveIndex(-1);// Clear ?search= deep-link param on close.\nif(isBrowser()){try{const url=new URL(window.location.href);if(url.searchParams.has(\"search\")){url.searchParams.delete(\"search\");window.history.replaceState({},\"\",url.pathname+url.search+url.hash);}}catch(e){}}},[]);const doOpen=useCallback((seed,pushParam)=>{if(isBrowser())closeOtherSearchEntries(instanceId);setOpen(true);if(typeof seed===\"string\"&&seed.length>0){setQuery(seed);runSearch(seed);}if(pushParam&&isBrowser()){try{const url=new URL(window.location.href);url.searchParams.set(\"search\",seed||\"\");window.history.replaceState({},\"\",url.pathname+url.search+url.hash);}catch(e){}}},[runSearch,instanceId]);// ---- Item 5: real close contract for embedded mode ----\n// Last-resort fallback ONLY (isolated, clearly brittle): fabricate Escape\n// and click the host overlay's close affordance. Used only when no\n// `onRequestClose` handler is wired, so it is never the default path.\nconst legacyForceClose=useCallback(()=>{if(!isBrowser())return;const fireEsc=type=>document.dispatchEvent(new KeyboardEvent(type,{key:\"Escape\",code:\"Escape\",keyCode:27,which:27,bubbles:true,cancelable:true}));try{fireEsc(\"keydown\");fireEsc(\"keyup\");}catch(e){}let wrap=rootRef.current?rootRef.current.parentElement:null;while(wrap&&wrap!==document.body&&getComputedStyle(wrap).position!==\"fixed\")wrap=wrap.parentElement;const closeEl=(wrap||document).querySelector('[data-framer-name=\"x\"],[data-framer-name=\"globe\"],[aria-label*=\"close\" i]');if(closeEl){const r=closeEl.getBoundingClientRect();const o={bubbles:true,cancelable:true,composed:true,clientX:r.left+r.width/2,clientY:r.top+r.height/2,button:0,pointerId:1,pointerType:\"mouse\",isPrimary:true};try{closeEl.dispatchEvent(new PointerEvent(\"pointerdown\",o));closeEl.dispatchEvent(new PointerEvent(\"pointerup\",o));closeEl.dispatchEvent(new MouseEvent(\"click\",o));closeEl.click();}catch(e){}}},[]);const requestClose=useCallback(allowHostFallback=>{doClose();// Fire the callback for every real close path when wired.\nif(typeof onRequestClose===\"function\"){onRequestClose();return;}if(allowHostFallback)legacyForceClose();},[doClose,onRequestClose,legacyForceClose]);const dismiss=useCallback(()=>{// Embedded fallback only runs when no host close handler is wired.\nrequestClose(true);},[requestClose]);useEffect(()=>{if(onCanvas||!isBrowser())return;const unregister=registerSearchInstance({id:instanceId,mode,open:doOpen,close:doClose,isOpen:()=>openRef.current,getRoot:()=>rootRef.current,mobileFullScreen:mobileFullScreen!==false,fullScreenBelow:Math.max(0,Number(fullScreenBelow)||1024)});scheduleDeepLinkOpen();return unregister;},[onCanvas,instanceId,mode,doOpen,doClose,mobileFullScreen,fullScreenBelow]);// ---- Esc to close, ref-counted body scroll lock while open ----\nuseEffect(()=>{if(onCanvas||!isBrowser())return;if(!open)return;const onKey=e=>{if(e.key===\"Escape\")requestClose(mode===\"embedded\");};document.addEventListener(\"keydown\",onKey);const w=window;const count=Number(w[LOCK_COUNT_KEY])||0;if(count===0){// First drawer to open: remember the real previous overflow once.\nw[LOCK_PREV_KEY]=document.body.style.overflow;document.body.style.overflow=\"hidden\";}w[LOCK_COUNT_KEY]=count+1;return()=>{document.removeEventListener(\"keydown\",onKey);const c=Number(w[LOCK_COUNT_KEY])||1;const next=c-1;w[LOCK_COUNT_KEY]=next;if(next<=0){document.body.style.overflow=w[LOCK_PREV_KEY]||\"\";w[LOCK_COUNT_KEY]=0;}};},[open,onCanvas,requestClose,mode]);// ---- Autofocus the input when the drawer opens (rAF, no magic delay) ----\nuseEffect(()=>{if(onCanvas||!isBrowser())return;if(!open)return;let raf1=0;let raf2=0;raf1=window.requestAnimationFrame(()=>{raf2=window.requestAnimationFrame(()=>{if(inputRef.current)inputRef.current.focus();});});return()=>{if(raf1)window.cancelAnimationFrame(raf1);if(raf2)window.cancelAnimationFrame(raf2);};},[open,onCanvas]);// ---- Keep the active row scrolled into view (item 3) ----\nuseEffect(()=>{if(activeIndex<0||!resultsRef.current)return;const el=resultsRef.current.querySelector(`[data-nav-index=\"${activeIndex}\"]`);if(el&&typeof el.scrollIntoView===\"function\")el.scrollIntoView({block:\"nearest\"});},[activeIndex]);// ---- Cleanup debounce + in-flight fetch on unmount ----\nuseEffect(()=>{return()=>{if(debounceRef.current)clearTimeout(debounceRef.current);if(abortRef.current)abortRef.current.abort();};},[]);// Embedded mobile width tagging is handled by the singleton registry above,\n// so duplicate desktop/mobile instances don't each attach body observers.\nconst widthPx=Math.max(280,Number(drawerWidth)||576);const thumb=Math.max(28,Number(thumbSize)||56);const showPrices=showPrice!==false;// Result-row formatting (all configurable from Properties).\nconst rowCfg={thumbRadius:thumbRadius??8,imageGap:imageGap??14,rowPaddingX:rowPaddingX??12,rowPaddingY:rowPaddingY??10,titleFontFamily:titleFontFamily||\"'Instrument Sans', sans-serif\",titleFontSize:titleFontSize??14.5,titleFontWeight:titleFontWeight??400,titleColor:titleColor||\"#000\",priceFontSize:priceFontSize??13.5,priceFontWeight:priceFontWeight??600};const rowsGap=rowGap??0;const dividerOn=!!showDivider;const posBase=onCanvas?\"absolute\":\"fixed\";const drawerHeight=onCanvas?\"100%\":\"100dvh\";// ---- Empty-query assists (item 10) ----\nconst popular=Array.isArray(popularTerms)?popularTerms:[];const shownRecent=recentSearches!==false&&!onCanvas?recent:[];const assistsShown=!onCanvas&&query.trim().length0||popular.length>0);const assistTerms=assistsShown?[...shownRecent,...popular]:[];const navLen=rows.length>0?rows.length:assistTerms.length;// ---- Keyboard navigation of results / assists (item 3) ----\nconst onInputKeyDown=e=>{if(e.key===\"ArrowDown\"){if(navLen>0){e.preventDefault();setActiveIndex(i=>i+1>=navLen?0:i+1);}}else if(e.key===\"ArrowUp\"){if(navLen>0){e.preventDefault();setActiveIndex(i=>i<=0?navLen-1:i-1);}}else if(e.key===\"Enter\"){if(rows.length>0&&activeIndex>=0&&activeIndex0&&activeIndex>=0&&activeIndex=minQueryLen){e.preventDefault();commitRecent(query);if(!onCanvas)window.location.href=searchUrl+encodeURIComponent(query.trim());}}};// ---- Styles ----\nconst scrimStyle={position:posBase,inset:0,background:\"rgba(0,0,0,0.5)\",zIndex:Z_SCRIM,opacity:open?1:0,transition:\"opacity 280ms ease\",pointerEvents:open?\"auto\":\"none\"};const drawerStyle={position:posBase,top:0,right:0,height:drawerHeight,// Self mode is natively responsive: min(100vw, widthPx) is full-width\n// on phones (no DOM hacks needed).\nwidth:onCanvas?\"100%\":`min(100vw, ${widthPx}px)`,maxWidth:onCanvas?\"100%\":\"100vw\",background:drawerBg||\"#F6F6F4\",zIndex:Z_DRAWER,transform:open?\"translateX(0)\":\"translateX(100%)\",transition:\"transform 320ms cubic-bezier(0.22,1,0.36,1)\",display:\"flex\",flexDirection:\"column\",boxSizing:\"border-box\",boxShadow:open?\"-12px 0 40px rgba(0,0,0,0.18)\":\"none\",fontFamily:\"'Instrument Sans', sans-serif\"};const headerRowStyle={display:\"flex\",alignItems:\"center\",justifyContent:\"space-between\",padding:\"20px 24px 12px\"};const headingStyle={fontFamily:\"'TASA Orbiter', 'Instrument Sans', sans-serif\",fontSize:12,fontWeight:500,letterSpacing:\"0.25px\",lineHeight:\"14.4px\",textTransform:\"uppercase\",color:\"rgb(0,0,0)\",margin:0};const closeBtnStyle={appearance:\"none\",border:\"none\",background:\"transparent\",cursor:\"pointer\",width:32,height:32,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",padding:0,color:\"#000\",borderRadius:8};const inputWrapStyle={padding:\"8px 24px 16px\"};const inputStyle={width:\"100%\",boxSizing:\"border-box\",background:\"#FFFFFF\",padding:\"12px 16px\",borderRadius:8,border:\"none\",outline:\"none\",fontFamily:\"'Instrument Sans', sans-serif\",fontSize:16,letterSpacing:\"-0.64px\",color:\"#000\"};const resultsStyle={flex:1,overflowY:\"auto\",WebkitOverflowScrolling:\"touch\",padding:\"0 12px 24px\",display:\"flex\",flexDirection:\"column\",gap:rowsGap};const stateTextStyle={padding:\"16px 12px\",fontSize:14,color:\"#6b6b66\",fontFamily:\"'Instrument Sans', sans-serif\"};const assistHeadingStyle={padding:\"12px 12px 6px\",fontSize:11,fontWeight:600,letterSpacing:\"0.4px\",textTransform:\"uppercase\",color:\"#9a9a94\",fontFamily:\"'Instrument Sans', sans-serif\"};const assistBtnBase={appearance:\"none\",border:\"none\",textAlign:\"left\",background:\"transparent\",cursor:\"pointer\",width:\"100%\",padding:\"10px 12px\",borderRadius:10,fontFamily:\"'Instrument Sans', sans-serif\",fontSize:14,color:\"#000\"};const viewAllStyle={display:\"block\",margin:\"8px 12px 0\",padding:\"12px\",textAlign:\"center\",textDecoration:\"none\",color:\"#000\",fontFamily:\"'Instrument Sans', sans-serif\",fontSize:13.5,fontWeight:600,borderTop:\"1px solid #E5E5E2\"};// Self-mode trigger icon (matches 16x16 header icons inside a 46px cell).\nconst iconCellStyle={width:46,height:46,display:\"inline-flex\",alignItems:\"center\",justifyContent:\"center\",background:\"transparent\",border:\"none\",cursor:\"pointer\",padding:0,color:iconColor||\"#000\"};const SearchIcon=/*#__PURE__*/_jsxs(\"svg\",{width:\"16\",height:\"16\",viewBox:\"0 0 16 16\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",\"aria-hidden\":\"true\",children:[/*#__PURE__*/_jsx(\"circle\",{cx:\"7\",cy:\"7\",r:\"5\",stroke:\"currentColor\",strokeWidth:\"1.5\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"11.1\",y1:\"11.1\",x2:\"14.5\",y2:\"14.5\",stroke:\"currentColor\",strokeWidth:\"1.5\",strokeLinecap:\"round\"})]});const CloseIcon=/*#__PURE__*/_jsxs(\"svg\",{width:\"18\",height:\"18\",viewBox:\"0 0 18 18\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",\"aria-hidden\":\"true\",children:[/*#__PURE__*/_jsx(\"line\",{x1:\"3.5\",y1:\"3.5\",x2:\"14.5\",y2:\"14.5\",stroke:\"currentColor\",strokeWidth:\"1.6\",strokeLinecap:\"round\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"14.5\",y1:\"3.5\",x2:\"3.5\",y2:\"14.5\",stroke:\"currentColor\",strokeWidth:\"1.6\",strokeLinecap:\"round\"})]});const showIcon=mode!==\"overlayNative\"&&showTriggerIcon!==false;// Replaces the original dangerouslySetInnerHTML placeholder style with a\n// plain