@inkeep/cxkit-primitives 0.5.31 → 0.5.32

package/dist/components/embedded-search.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),R=require("../atoms/cmdk/index.cjs"),r=require("./factory.cjs"),m=require("../utils/misc.cjs"),h=require("react"),o=require("./embedded-search/search-provider.cjs"),Te=require("./tagline-logo-icon.cjs"),_=require("../atoms/icons/custom-icon.cjs"),fe=require("@radix-ui/react-scroll-area"),Ae=require("@radix-ui/react-tabs"),P=require("../providers/config-provider.cjs"),Le=require("../providers/search-events-provider.cjs"),L=require("../atoms/link.cjs"),I=require("../providers/source-item-provider.cjs"),x=require("../atoms/icons/built-in-icon-renderer.cjs"),xe=require("../utils/highlight-emphasis.cjs"),ye=require("../hooks/use-scrolling-fades.cjs"),Ce=require("@inkeep/cxkit-color-mode"),Oe=require("../atoms/avatars/ai.cjs"),j=require("./modal/modal-provider.cjs"),k=require("../utils/compose-refs.cjs"),g=require("../utils/compose-event-handlers.cjs"),je=require("../atoms/shadow/context.cjs"),qe=require("../atoms/markdown/index.cjs");function q(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const s=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,s.get?s:{enumerable:!0,get:()=>e[i]})}}return t.default=e,Object.freeze(t)}const E=q(fe),w=q(Ae),p="__ask_ai__",Be=r.ikp("div",{_id:"aiSearchWrapper"}),B=e=>{const{searchSettings:{view:t}}=P.useInkeepConfig(),{isHidden:i,hasContent:s,isMobile:a}=o.useSearch(),c=j.useModal();return n.jsx(Be,{"data-hidden":m.dataAttr(i),"data-has-content":m.dataAttr(s),"data-in-modal":m.dataAttr(!!c),"data-mobile":m.dataAttr(a),"data-view":t,"data-dual-pane-search-expanded":m.dataAttr(s&&t==="dual-pane"&&!i),...e})},He=r.ikp(R.Command,{_id:"aiSearchRoot"}),H=e=>{const{isHidden:t,selectedItem:i,onSelectedItemChange:s}=o.useSearch();return n.jsx(He,{"data-hidden":m.dataAttr(t),shouldFilter:!1,loop:!1,value:i,onValueChange:s,...e})},N=r.ikp(R.Command.List,{_id:"aiSearchContent"}),M=h.forwardRef((e,t)=>{const{selectedItem:i}=o.useSearch();return n.jsx(N,{"aria-activedescendant":`aiSearchResults__Item-${i}`,...e,ref:t})}),D=r.ikp("div",{_id:"aiSearchInputGroup"}),F=r.ikp(_.CustomIcon,{_id:"aiSearchInputIcon",iconKey:"search"}),Ne=r.ikp(R.Command.Input,{_id:"aiSearchInput"}),U=h.forwardRef(({onInput:e,...t},i)=>{const{query:s,onInput:a,placeholder:c,inputRef:d,shouldAutoFocusInput:u,selectedItem:l}=o.useSearch(),S=k.useComposedRefs(i,d),v=j.useModal();return h.useEffect(()=>{requestAnimationFrame(()=>{u&&d?.current&&(d.current.focus(),d.current.selectionStart=d.current.value.length)})},[u,d,v?.isOpen]),n.jsx(Ne,{ref:S,placeholder:c,value:s,onInput:g.composeEventHandlers(e,a),"aria-activedescendant":`aiSearchResults__Item-${l}`,...t})}),Me=r.ikp(x.BuiltInIconRenderer,{_id:"aiSearchLoading",iconSettings:{builtIn:"LuLoaderCircle"}}),V=e=>{const{loading:t,resultsList:i}=o.useSearch();return!t||i.length===0?null:n.jsx(Me,{...e})},De=r.ikp(R.Command.Item,{_id:"aiAskAITrigger",value:p}),K=e=>{const{setSelectedItem:t,results:i,tab:s}=o.useSearch(),a=i[s]?.[0]?.id??"NONE";return n.jsx(De,{...e,id:`aiSearchResults__Item-${p}`,tabIndex:0,onPointerLeave:()=>t(a)})},Fe=r.ikp("img",{_id:"aiAskAITrigger__Icon"}),G=e=>{const{aiChatSettings:t}=P.useInkeepConfig(),{aiAssistantAvatar:i}=t??{},s=typeof i=="string"?i:i?.light,a=(typeof i=="string"?i:i?.dark)??s,c=Ce.useColorModeValue(s,a),[d,u]=h.useState(c);h.useEffect(()=>{u(c)},[c]);const l=()=>{u(null)};return n.jsx(Fe,{asChild:!0,...e,children:d?n.jsx("img",{src:d,alt:"AI Avatar","data-type":"image",onError:g.composeEventHandlers(l),...e}):n.jsx(Oe.default,{"data-type":"icon",...e})})},W=r.ikp("span",{_id:"aiAskAITrigger__Label"}),$=r.ikp(_.CustomIcon,{_id:"aiAskAITrigger__Indicator",iconKey:"openLinkInSameTab"}),Ue=r.ikp(w.Root,{_id:"aiSearchResults"}),Q=e=>{const{tab:t,onTabChange:i,hasContent:s}=o.useSearch();return n.jsx(Ue,{value:t,onValueChange:i,"data-has-content":m.dataAttr(s),...e})},Ve=r.ikp("div",{_id:"aiSearchResults__Loading"}),z=e=>{const{loading:t,resultsList:i}=o.useSearch();return!t||i.length>0?null:n.jsx(Ve,{...e})},Ke=r.ikp(R.Command.Empty,{_id:"aiSearchResults__Empty"}),J=e=>{const{query:t,loading:i,results:s,tab:a}=o.useSearch(),c=s[a]?.length;return i||!t||c?null:n.jsx(Ke,{children:"No results found.",...e})},Ge=r.ikp(w.List,{_id:"aiSearchResults__TabList"}),X=e=>{const{children:t,...i}=e,{searchSettings:{tabs:s}}=P.useInkeepConfig(),{results:a,loading:c,resultsList:d}=o.useSearch();if(c&&d.length===0)return null;const u=Object.keys(a);return!s.length||!u.length?null:n.jsx(Ge,{tabIndex:-1,children:m.maybeRender(t,u),...i})},We=r.ikp(w.Trigger,{_id:"aiSearchResults__Tab"}),Y=h.forwardRef((e,t)=>{const i=h.useRef(null),s=k.useComposedRefs(t,i),{tab:a,onClick:c,...d}=e,{results:u,tab:l,inputRef:S}=o.useSearch(),v=u[a].length,b=a===l,T=()=>{S.current?.focus()},f=je.useShadow();return h.useEffect(()=>{b&&f?.shadowHost?.shadowRoot?.activeElement?.hasAttribute("ikp-tab")&&i.current?.focus()},[b]),n.jsx(We,{ref:s,"ikp-tab":"",tabIndex:b?0:-1,value:a,children:`${a} (${v})`,onClick:g.composeEventHandlers(c,T),...d})}),Z=r.ikp("div",{_id:"aiSearchResults__Content"}),$e=r.ikp(E.Root,{_id:"aiSearchResults__ScrollArea"}),ee=e=>{const{loading:t,resultsList:i}=o.useSearch();return t&&i.length===0?null:n.jsx($e,{tabIndex:-1,...e})},Qe=r.ikp(E.Viewport,{_id:"aiSearchResults__ScrollAreaViewport"}),te=h.forwardRef(({children:e,...t},i)=>{const s=ye.useScrollingFades(),a=k.useComposedRefs(i,s),{tab:c}=o.useSearch();return h.useEffect(()=>{c&&s.current?.scrollTo({top:0,behavior:"auto"})},[c]),n.jsx(Qe,{ref:a,tabIndex:-1,children:n.jsx("div",{tabIndex:-1,style:{display:"grid"},children:e}),...t})}),ze=r.ikp(E.ScrollAreaScrollbar,{_id:"aiSearchResults__ScrollAreaScrollbar"}),Je=r.ikp(E.ScrollAreaThumb,{_id:"aiSearchResults__ScrollAreaThumb"}),Xe=r.ikp(E.Corner,{_id:"aiSearchResults__ScrollAreaCorner"}),Ye=r.ikp(w.Content,{_id:"aiSearchResults__List"}),ie=e=>{const{children:t,...i}=e,{results:s,tab:a}=o.useSearch(),c=s[a]??[];return n.jsx(Ye,{value:a,"data-has-results":m.dataAttr(c.length>0),"aria-label":"Search results",children:m.maybeRender(t,c),tabIndex:-1,...i})},Ze=r.ikp(R.Command.Item,{_id:"aiSearchResults__Item",asChild:!0}),re=h.forwardRef(({item:e,onClick:t,onSelect:i,children:s,...a},c)=>{const{searchSettings:{shouldOpenLinksInNewTab:d}}=P.useInkeepConfig(),{logEvent:u}=Le.useSearchEvents(),{query:l,transitionsDisabled:S,selectedItem:v}=o.useSearch(),b=h.useRef(null),T=k.useComposedRefs(c,b),f=()=>{b.current?.click()},C=()=>{u({eventName:"search_result_clicked",properties:{searchQuery:l,title:e.title,url:e.url}})},A=e.shouldOpenInNewTab!==void 0?e.shouldOpenInNewTab:d,O=v===e.id,we=O||(v==="NONE"||v===p);return n.jsx(I.SourceItemProvider,{source:{...e,isExternal:A},children:n.jsx(Ze,{ref:T,value:e.id,"data-type":e.type,"data-breadcrumbs":!!e.breadcrumbs?.length,"data-disable-transitions":m.dataAttr(S),onSelect:g.composeEventHandlers(i,f),onClick:g.composeEventHandlers(t,C),"data-selected":m.dataAttr(O),tabIndex:we?0:-1,...a,children:n.jsx(L.LinkWithQueryParams,{href:e.url,isExternal:A,appendToUrl:e.appendToUrl,children:s,id:`aiSearchResults__Item-${e.id}`})})})}),et=r.ikp("div",{_id:"aiSearchResults__ItemBreadcrumbs"}),y=e=>{const{source:t}=I.useSourceItem(),{tab:i}=o.useSearch();if(!t.breadcrumbs?.length)return null;const{children:s,...a}=e,d=t.tabs?.find(u=>typeof u!="string"&&u[0]===i)?.[1]?.breadcrumbs??t.breadcrumbs??[];return n.jsx(et,{"aria-hidden":"true",children:m.maybeRender(s,d),...a})},se=r.ikp(_.CustomIcon,{_id:"aiSearchResults__ItemBreadcrumbIcon",iconKey:"breadcrumbSeparator"}),tt=r.ikp(x.BuiltInIconRenderer,{_id:"aiSearchResults__ItemIcon"}),ne=e=>{const{source:t}=I.useSourceItem();return n.jsx(tt,{iconSettings:t.icon,"data-type":t.type,...e})},it=r.ikp("span",{_id:"aiSearchResults__ItemTitle"}),ae=e=>{const{source:t}=I.useSourceItem();return n.jsx(it,{"data-type":t.type,children:t.title,...e})},rt=r.ikp("span",{_id:"aiSearchResults__ItemTag"}),ce=e=>{const{source:t}=I.useSourceItem();return n.jsx(rt,{"data-type":t.type,children:t.tag,...e})},st=r.ikp("span",{_id:"aiSearchResults__ItemDescription"}),de=e=>{const{source:t}=I.useSourceItem(),{children:i,...s}=e,a=h.useMemo(()=>t.description?xe.highlightEmphasis(t.description):[],[t.description]);return a.length?n.jsx(st,{"data-type":t.type,"aria-hidden":"true",children:m.maybeRender(i,a),...s}):null},nt=r.ikp("span",{_id:"aiSearchResults__ItemDescriptionPart"}),oe=e=>{const{part:t,...i}=e,{source:s}=I.useSourceItem();return typeof t=="string"?t:n.jsx(nt,{"data-type":s.type,children:t.content,"data-highlighted":m.dataAttr(t.highlighted),...i})},at=r.ikp(_.CustomIcon,{_id:"aiSearchResults__ItemIndicator"}),ue=e=>{const{source:t}=I.useSourceItem();return n.jsx(at,{iconKey:t.isExternal?"openLinkInNewTab":"openLinkInSameTab",...e})},ct=r.ikp("div",{_id:"aiSearchResults__ItemPreview","aria-hidden":!0}),le=e=>{const{searchSettings:{view:t,shouldOpenLinksInNewTab:i}}=P.useInkeepConfig(),{results:s,tab:a,selectedItem:c}=o.useSearch(),d=s[a]??[],u=h.useRef(null),l=h.useMemo(()=>{if(c===p)return u.current;const v=d.find(b=>b.id===c);return u.current=v??null,v},[c]);if(t!=="dual-pane"||c===p||!l)return null;const S=l.shouldOpenInNewTab!==void 0?l.shouldOpenInNewTab:i;return n.jsx(I.SourceItemProvider,{source:{...l,isExternal:S},children:n.jsx(ct,{...e})})},dt=r.ikp("div",{_id:"aiSearchResults__ItemPreview__Header"}),ot=r.ikp(L.LinkWithQueryParams,{_id:"aiSearchResults__ItemPreview__Heading"}),me=e=>{const{source:t}=I.useSourceItem();return n.jsx(ot,{href:t.url,isExternal:t.isExternal,appendToUrl:t.appendToUrl,"data-type":t.type,...e})},ut=r.ikp("span",{_id:"aiSearchResults__ItemPreview__Title"}),he=e=>{const{source:t}=I.useSourceItem();return n.jsx(ut,{children:t.title,...e})},lt=r.ikp(_.CustomIcon,{_id:"aiSearchResults__ItemPreview__Title__LinkIcon",iconKey:"openLinkInNewTab"}),Ie=e=>{const{source:t}=I.useSourceItem();return n.jsx(lt,{iconKey:t.isExternal?"openLinkInNewTab":"openLinkInSameTab",...e})},mt=r.ikp(y,{_id:"aiSearchResults__ItemPreview__Breadcrumbs"}),ve=r.ikp(se,{_id:"aiSearchResults__ItemPreview__BreadcrumbIcon"}),ht=r.ikp(qe.Markdown,{_id:"aiSearchResults__ItemPreview__Body"}),Se=e=>{const{source:t}=I.useSourceItem(),{searchSettings:{shouldOpenLinksInNewTab:i}}=P.useInkeepConfig();return n.jsx(ht,{shouldOpenLinksInNewTab:i,children:t.description,...e})},It=r.ikp("div",{_id:"aiSearchResults__ItemPreview__Outline"}),be=e=>{const{source:t}=I.useSourceItem(),{resultsList:i}=o.useSearch();return i.find(c=>c.id===t.id)?.rootRecord.topLevelHeadings?.length?n.jsx(It,{...e}):null},Pe=r.ikp("span",{_id:"aiSearchResults__ItemPreview__Outline__Title",children:"On this page"}),vt=r.ikp("ul",{_id:"aiSearchResults__ItemPreview__Outline__List"}),pe=e=>{const{source:t}=I.useSourceItem(),{resultsList:i}=o.useSearch(),s=i.find(l=>l.id===t.id),a=s?.rootRecord.topLevelHeadings;if(!a?.length)return null;const c=a.map(l=>{const S=l?.anchor&&l?.anchor===s?.content?.anchor,v=l?.anchor===s?.pathHeadings?.[0]?.anchor;return{...l,isMatch:S||v}}),{children:d,...u}=e;return n.jsx(vt,{children:m.maybeRender(d,c),...u})},St=r.ikp(L.LinkWithQueryParams,{_id:"aiSearchResults__ItemPreview__Outline__Item"}),Re=e=>{const{searchSettings:{shouldOpenLinksInNewTab:t}}=P.useInkeepConfig();return n.jsx(St,{isExternal:t,...e})},_e=r.ikp(_.CustomIcon,{_id:"aiSearchResults__ItemPreview__Outline__ItemIcon",iconKey:"newLine"}),bt=r.ikp("span",{_id:"aiSearchResults__ItemPreview__Outline__ItemText"}),ge=e=>n.jsx(bt,{...e}),Ee=r.ikp(x.BuiltInIconRenderer,{_id:"aiSearchResults__ItemPreview__Outline__ItemLinkIcon",iconSettings:{builtIn:"LuLink"}}),Pt=r.ikp("div",{_id:"aiSearchFooter"}),ke=e=>{const{hasContent:t}=o.useSearch();return n.jsx(Pt,{"data-has-results":m.dataAttr(t),...e})},pt=r.ikp("div",{_id:"aiSearchTagline__Container"}),Rt=r.ikp("span",{_id:"aiSearchTagline__Text",children:"Powered by"}),_t=r.ikp(Te.default,{_id:"aiSearchTagline__Logo"}),gt=r.ikp("a",{_id:"aiSearchTagline__BrandName",children:"inkeep",href:"https://www.inkeep.com/",target:"_blank",rel:"noopener noreferrer"});exports.Provider=o.SearchProvider;exports.ASK_AI_TRIGGER_VALUE=p;exports.AskAITrigger=K;exports.AskAITriggerIcon=G;exports.AskAITriggerIndicator=$;exports.AskAITriggerLabel=W;exports.Content=M;exports.EmbeddedSearchInputIcon=F;exports.EmbeddedSearchPrimitiveAskAITrigger=K;exports.EmbeddedSearchPrimitiveAskAITriggerIcon=G;exports.EmbeddedSearchPrimitiveAskAITriggerIndicator=$;exports.EmbeddedSearchPrimitiveAskAITriggerLabel=W;exports.EmbeddedSearchPrimitiveContent=M;exports.EmbeddedSearchPrimitiveFooter=ke;exports.EmbeddedSearchPrimitiveInput=U;exports.EmbeddedSearchPrimitiveInputGroup=D;exports.EmbeddedSearchPrimitiveLoading=V;exports.EmbeddedSearchPrimitiveResults=Q;exports.EmbeddedSearchPrimitiveResultsContent=Z;exports.EmbeddedSearchPrimitiveResultsEmpty=J;exports.EmbeddedSearchPrimitiveResultsItem=re;exports.EmbeddedSearchPrimitiveResultsItemBreadcrumbs=y;exports.EmbeddedSearchPrimitiveResultsItemDescription=de;exports.EmbeddedSearchPrimitiveResultsItemDescriptionPart=oe;exports.EmbeddedSearchPrimitiveResultsItemIcon=ne;exports.EmbeddedSearchPrimitiveResultsItemIndicator=ue;exports.EmbeddedSearchPrimitiveResultsItemPreview=le;exports.EmbeddedSearchPrimitiveResultsItemPreviewBody=Se;exports.EmbeddedSearchPrimitiveResultsItemPreviewBreadcrumbIcon=ve;exports.EmbeddedSearchPrimitiveResultsItemPreviewHeading=me;exports.EmbeddedSearchPrimitiveResultsItemPreviewOutline=be;exports.EmbeddedSearchPrimitiveResultsItemPreviewOutlineItem=Re;exports.EmbeddedSearchPrimitiveResultsItemPreviewOutlineItemIcon=_e;exports.EmbeddedSearchPrimitiveResultsItemPreviewOutlineItemLinkIcon=Ee;exports.EmbeddedSearchPrimitiveResultsItemPreviewOutlineItemText=ge;exports.EmbeddedSearchPrimitiveResultsItemPreviewOutlineList=pe;exports.EmbeddedSearchPrimitiveResultsItemPreviewOutlineTitle=Pe;exports.EmbeddedSearchPrimitiveResultsItemPreviewTitle=he;exports.EmbeddedSearchPrimitiveResultsItemPreviewTitleLinkIcon=Ie;exports.EmbeddedSearchPrimitiveResultsItemTag=ce;exports.EmbeddedSearchPrimitiveResultsItemTitle=ae;exports.EmbeddedSearchPrimitiveResultsList=ie;exports.EmbeddedSearchPrimitiveResultsLoading=z;exports.EmbeddedSearchPrimitiveResultsScrollArea=ee;exports.EmbeddedSearchPrimitiveResultsScrollAreaViewport=te;exports.EmbeddedSearchPrimitiveResultsTab=Y;exports.EmbeddedSearchPrimitiveResultsTabList=X;exports.EmbeddedSearchPrimitiveRoot=H;exports.EmbeddedSearchPrimitiveWrapper=B;exports.Footer=ke;exports.Input=U;exports.InputGroup=D;exports.InputIcon=F;exports.Loading=V;exports.PrimitiveContent=N;exports.Results=Q;exports.ResultsContent=Z;exports.ResultsEmpty=J;exports.ResultsItem=re;exports.ResultsItemBreadcrumbIcon=se;exports.ResultsItemBreadcrumbs=y;exports.ResultsItemDescription=de;exports.ResultsItemDescriptionPart=oe;exports.ResultsItemIcon=ne;exports.ResultsItemIndicator=ue;exports.ResultsItemPreview=le;exports.ResultsItemPreviewBody=Se;exports.ResultsItemPreviewBreadcrumbIcon=ve;exports.ResultsItemPreviewBreadcrumbs=mt;exports.ResultsItemPreviewHeader=dt;exports.ResultsItemPreviewHeading=me;exports.ResultsItemPreviewOutline=be;exports.ResultsItemPreviewOutlineItem=Re;exports.ResultsItemPreviewOutlineItemIcon=_e;exports.ResultsItemPreviewOutlineItemLinkIcon=Ee;exports.ResultsItemPreviewOutlineItemText=ge;exports.ResultsItemPreviewOutlineList=pe;exports.ResultsItemPreviewOutlineTitle=Pe;exports.ResultsItemPreviewTitle=he;exports.ResultsItemPreviewTitleLinkIcon=Ie;exports.ResultsItemTag=ce;exports.ResultsItemTitle=ae;exports.ResultsList=ie;exports.ResultsLoading=z;exports.ResultsScrollArea=ee;exports.ResultsScrollAreaCorner=Xe;exports.ResultsScrollAreaScrollbar=ze;exports.ResultsScrollAreaThumb=Je;exports.ResultsScrollAreaViewport=te;exports.ResultsTab=Y;exports.ResultsTabList=X;exports.Root=H;exports.TaglineBrandName=gt;exports.TaglineContainer=pt;exports.TaglineLogo=_t;exports.TaglineText=Rt;exports.Wrapper=B;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),R=require("../atoms/cmdk/index.cjs"),r=require("./factory.cjs"),m=require("../utils/misc.cjs"),h=require("react"),d=require("./embedded-search/search-provider.cjs"),Te=require("./tagline-logo-icon.cjs"),_=require("../atoms/icons/custom-icon.cjs"),fe=require("@radix-ui/react-scroll-area"),Ae=require("@radix-ui/react-tabs"),P=require("../providers/config-provider.cjs"),Le=require("../providers/search-events-provider.cjs"),L=require("../atoms/link.cjs"),I=require("../providers/source-item-provider.cjs"),x=require("../atoms/icons/built-in-icon-renderer.cjs"),xe=require("../utils/highlight-emphasis.cjs"),ye=require("../hooks/use-scrolling-fades.cjs"),Ce=require("@inkeep/cxkit-color-mode"),Oe=require("../atoms/avatars/ai.cjs"),j=require("./modal/modal-provider.cjs"),k=require("../utils/compose-refs.cjs"),g=require("../utils/compose-event-handlers.cjs"),je=require("../atoms/shadow/context.cjs"),qe=require("../atoms/markdown/index.cjs");function q(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const s=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,s.get?s:{enumerable:!0,get:()=>e[i]})}}return t.default=e,Object.freeze(t)}const E=q(fe),w=q(Ae),p="__ask_ai__",Be=r.ikp("div",{_id:"aiSearchWrapper"}),B=e=>{const{searchSettings:{view:t}}=P.useInkeepConfig(),{isHidden:i,hasContent:s,isMobile:a}=d.useSearch(),c=j.useModal();return n.jsx(Be,{"data-hidden":m.dataAttr(i),"data-has-content":m.dataAttr(s),"data-in-modal":m.dataAttr(!!c),"data-mobile":m.dataAttr(a),"data-view":t,"data-dual-pane-search-expanded":m.dataAttr(s&&t==="dual-pane"&&!i),...e})},He=r.ikp(R.Command,{_id:"aiSearchRoot"}),H=e=>{const{isHidden:t,selectedItem:i,onSelectedItemChange:s}=d.useSearch();return n.jsx(He,{"data-hidden":m.dataAttr(t),shouldFilter:!1,loop:!1,value:i,onValueChange:s,...e})},N=r.ikp(R.Command.List,{_id:"aiSearchContent"}),M=h.forwardRef((e,t)=>{const{selectedItem:i}=d.useSearch();return n.jsx(N,{"aria-activedescendant":`aiSearchResults__Item-${i}`,...e,ref:t})}),D=r.ikp("div",{_id:"aiSearchInputGroup"}),F=r.ikp(_.CustomIcon,{_id:"aiSearchInputIcon",iconKey:"search"}),Ne=r.ikp(R.Command.Input,{_id:"aiSearchInput"}),U=h.forwardRef(({onInput:e,...t},i)=>{const{query:s,onInput:a,placeholder:c,inputRef:o,shouldAutoFocusInput:u,selectedItem:l}=d.useSearch(),S=k.useComposedRefs(i,o),v=j.useModal();return h.useEffect(()=>{requestAnimationFrame(()=>{u&&o?.current&&(o.current.focus(),o.current.selectionStart=o.current.value.length)})},[u,o,v?.isOpen]),n.jsx(Ne,{ref:S,placeholder:c,value:s,onInput:g.composeEventHandlers(e,a),"aria-activedescendant":`aiSearchResults__Item-${l}`,...t})}),Me=r.ikp(x.BuiltInIconRenderer,{_id:"aiSearchLoading",iconSettings:{builtIn:"LuLoaderCircle"}}),V=e=>{const{loading:t,resultsList:i}=d.useSearch();return!t||i.length===0?null:n.jsx(Me,{...e})},De=r.ikp(R.Command.Item,{_id:"aiAskAITrigger",value:p}),K=e=>{const{setSelectedItem:t,results:i,tab:s}=d.useSearch(),a=i[s]?.[0]?.id??"NONE";return n.jsx(De,{...e,id:`aiSearchResults__Item-${p}`,tabIndex:0,onPointerLeave:()=>t(a)})},Fe=r.ikp("img",{_id:"aiAskAITrigger__Icon"}),G=e=>{const{aiChatSettings:t}=P.useInkeepConfig(),{aiAssistantAvatar:i}=t??{},s=typeof i=="string"?i:i?.light,a=(typeof i=="string"?i:i?.dark)??s,c=Ce.useColorModeValue(s,a),[o,u]=h.useState(c);h.useEffect(()=>{u(c)},[c]);const l=()=>{u(null)};return n.jsx(Fe,{asChild:!0,...e,children:o?n.jsx("img",{src:o,alt:"AI Avatar","data-type":"image",onError:g.composeEventHandlers(l),...e}):n.jsx(Oe.default,{"data-type":"icon",...e})})},W=r.ikp("span",{_id:"aiAskAITrigger__Label"}),$=r.ikp(_.CustomIcon,{_id:"aiAskAITrigger__Indicator",iconKey:"openLinkInSameTab"}),Ue=r.ikp(w.Root,{_id:"aiSearchResults"}),Q=e=>{const{tab:t,onTabChange:i,hasContent:s}=d.useSearch();return n.jsx(Ue,{value:t,onValueChange:i,"data-has-content":m.dataAttr(s),...e})},Ve=r.ikp("div",{_id:"aiSearchResults__Loading"}),z=e=>{const{loading:t,resultsList:i}=d.useSearch();return!t||i.length>0?null:n.jsx(Ve,{...e})},Ke=r.ikp(R.Command.Empty,{_id:"aiSearchResults__Empty"}),J=e=>{const{query:t,loading:i,results:s,tab:a}=d.useSearch(),c=s[a]?.length;return i||!t||c?null:n.jsx(Ke,{children:"No results found.",...e})},Ge=r.ikp(w.List,{_id:"aiSearchResults__TabList"}),X=e=>{const{children:t,...i}=e,{searchSettings:{tabs:s}}=P.useInkeepConfig(),{results:a,loading:c,resultsList:o}=d.useSearch();if(c&&o.length===0)return null;const u=Object.keys(a);return!s.length||!u.length?null:n.jsx(Ge,{tabIndex:-1,children:m.maybeRender(t,u),...i})},We=r.ikp(w.Trigger,{_id:"aiSearchResults__Tab"}),Y=h.forwardRef((e,t)=>{const i=h.useRef(null),s=k.useComposedRefs(t,i),{tab:a,onClick:c,...o}=e,{results:u,tab:l,inputRef:S}=d.useSearch(),v=u[a].length,b=a===l,T=()=>{S.current?.focus()},f=je.useShadow();return h.useEffect(()=>{b&&f?.shadowHost?.shadowRoot?.activeElement?.hasAttribute("ikp-tab")&&i.current?.focus()},[b]),n.jsx(We,{ref:s,"ikp-tab":"",tabIndex:b?0:-1,value:a,children:`${a} (${v})`,onClick:g.composeEventHandlers(c,T),...o})}),Z=r.ikp("div",{_id:"aiSearchResults__Content"}),$e=r.ikp(E.Root,{_id:"aiSearchResults__ScrollArea"}),ee=e=>{const{loading:t,resultsList:i}=d.useSearch();return t&&i.length===0?null:n.jsx($e,{tabIndex:-1,...e})},Qe=r.ikp(E.Viewport,{_id:"aiSearchResults__ScrollAreaViewport"}),te=h.forwardRef(({children:e,...t},i)=>{const s=ye.useScrollingFades(),a=k.useComposedRefs(i,s),{tab:c}=d.useSearch();return h.useEffect(()=>{c&&s.current?.scrollTo({top:0,behavior:"auto"})},[c]),n.jsx(Qe,{ref:a,tabIndex:-1,children:n.jsx("div",{tabIndex:-1,style:{display:"grid"},children:e}),...t})}),ze=r.ikp(E.ScrollAreaScrollbar,{_id:"aiSearchResults__ScrollAreaScrollbar"}),Je=r.ikp(E.ScrollAreaThumb,{_id:"aiSearchResults__ScrollAreaThumb"}),Xe=r.ikp(E.Corner,{_id:"aiSearchResults__ScrollAreaCorner"}),Ye=r.ikp(w.Content,{_id:"aiSearchResults__List"}),ie=e=>{const{children:t,...i}=e,{results:s,tab:a}=d.useSearch(),c=s[a]??[];return n.jsx(Ye,{value:a,"data-has-results":m.dataAttr(c.length>0),"aria-label":"Search results",children:m.maybeRender(t,c),tabIndex:-1,...i})},Ze=r.ikp(R.Command.Item,{_id:"aiSearchResults__Item",asChild:!0}),re=h.forwardRef(({item:e,onClick:t,onSelect:i,children:s,...a},c)=>{const{searchSettings:{shouldOpenLinksInNewTab:o}}=P.useInkeepConfig(),{logEvent:u}=Le.useSearchEvents(),{query:l,transitionsDisabled:S,selectedItem:v}=d.useSearch(),b=h.useRef(null),T=k.useComposedRefs(c,b),f=()=>{b.current?.click()},C=()=>{u({eventName:"search_result_clicked",properties:{searchQuery:l,title:e.title,url:e.url}})},A=e.shouldOpenInNewTab!==void 0?e.shouldOpenInNewTab:o,O=v===e.id,we=O||(v==="NONE"||v===p);return n.jsx(I.SourceItemProvider,{source:{...e,isExternal:A},children:n.jsx(Ze,{ref:T,value:e.id,"data-type":e.type,"data-breadcrumbs":!!e.breadcrumbs?.length,"data-disable-transitions":m.dataAttr(S),onSelect:g.composeEventHandlers(i,f),onClick:g.composeEventHandlers(t,C),"data-selected":m.dataAttr(O),tabIndex:we?0:-1,...a,children:n.jsx(L.LinkWithQueryParams,{href:e.url,isExternal:A,appendToUrl:e.appendToUrl,children:s,id:`aiSearchResults__Item-${e.id}`})})})}),et=r.ikp("div",{_id:"aiSearchResults__ItemBreadcrumbs"}),y=e=>{const{source:t}=I.useSourceItem(),{tab:i}=d.useSearch();if(!t.breadcrumbs?.length)return null;const{children:s,...a}=e,o=t.tabs?.find(u=>typeof u!="string"&&u[0]===i)?.[1]?.breadcrumbs??t.breadcrumbs??[];return n.jsx(et,{"aria-hidden":"true",children:m.maybeRender(s,o),...a})},se=r.ikp(_.CustomIcon,{_id:"aiSearchResults__ItemBreadcrumbIcon",iconKey:"breadcrumbSeparator"}),tt=r.ikp(x.BuiltInIconRenderer,{_id:"aiSearchResults__ItemIcon"}),ne=e=>{const{source:t}=I.useSourceItem();return n.jsx(tt,{iconSettings:t.icon,"data-type":t.type,...e})},it=r.ikp("span",{_id:"aiSearchResults__ItemTitle"}),ae=e=>{const{source:t}=I.useSourceItem();return n.jsx(it,{"data-type":t.type,children:t.title,...e})},rt=r.ikp("span",{_id:"aiSearchResults__ItemTag"}),ce=e=>{const{source:t}=I.useSourceItem();return n.jsx(rt,{"data-type":t.type,children:t.tag,...e})},st=r.ikp("span",{_id:"aiSearchResults__ItemDescription"}),de=e=>{const{source:t}=I.useSourceItem(),{children:i,...s}=e,a=h.useMemo(()=>t.description?xe.highlightEmphasis(t.description):[],[t.description]);return a.length?n.jsx(st,{"data-type":t.type,"aria-hidden":"true",children:m.maybeRender(i,a),...s}):null},nt=r.ikp("span",{_id:"aiSearchResults__ItemDescriptionPart"}),oe=e=>{const{part:t,...i}=e,{source:s}=I.useSourceItem();return typeof t=="string"?t:n.jsx(nt,{"data-type":s.type,children:t.content,"data-highlighted":m.dataAttr(t.highlighted),...i})},at=r.ikp(_.CustomIcon,{_id:"aiSearchResults__ItemIndicator"}),ue=e=>{const{source:t}=I.useSourceItem();return n.jsx(at,{iconKey:t.isExternal?"openLinkInNewTab":"openLinkInSameTab",...e})},ct=r.ikp("div",{_id:"aiSearchResults__ItemPreview","aria-hidden":!0}),le=e=>{const{searchSettings:{view:t,shouldOpenLinksInNewTab:i}}=P.useInkeepConfig(),{results:s,tab:a,selectedItem:c}=d.useSearch(),o=s[a]??[],u=h.useRef(null),l=h.useMemo(()=>{if(c===p)return u.current;const v=o.find(b=>b.id===c);return u.current=v??null,v},[c]);if(t!=="dual-pane"||c===p||!l)return null;const S=l.shouldOpenInNewTab!==void 0?l.shouldOpenInNewTab:i;return n.jsx(I.SourceItemProvider,{source:{...l,isExternal:S},children:n.jsx(ct,{...e})})},dt=r.ikp("div",{_id:"aiSearchResults__ItemPreview__Header"}),ot=r.ikp(L.LinkWithQueryParams,{_id:"aiSearchResults__ItemPreview__Heading"}),me=e=>{const{source:t}=I.useSourceItem();return n.jsx(ot,{href:t.url,isExternal:t.isExternal,appendToUrl:t.appendToUrl,"data-type":t.type,...e})},ut=r.ikp("span",{_id:"aiSearchResults__ItemPreview__Title"}),he=e=>{const{source:t}=I.useSourceItem();return n.jsx(ut,{children:t.title,...e})},lt=r.ikp(_.CustomIcon,{_id:"aiSearchResults__ItemPreview__Title__LinkIcon",iconKey:"openLinkInNewTab"}),Ie=e=>{const{source:t}=I.useSourceItem();return n.jsx(lt,{iconKey:t.isExternal?"openLinkInNewTab":"openLinkInSameTab",...e})},mt=r.ikp(y,{_id:"aiSearchResults__ItemPreview__Breadcrumbs"}),ve=r.ikp(se,{_id:"aiSearchResults__ItemPreview__BreadcrumbIcon"}),ht=r.ikp(qe.Markdown,{_id:"aiSearchResults__ItemPreview__Body"}),Se=e=>{const{source:t}=I.useSourceItem(),{resultsList:i}=d.useSearch(),s=i.find(c=>c.id===t.id),{searchSettings:{shouldOpenLinksInNewTab:a}}=P.useInkeepConfig();return s?n.jsx(ht,{shouldOpenLinksInNewTab:a,children:s.preview,...e}):null},It=r.ikp("div",{_id:"aiSearchResults__ItemPreview__Outline"}),be=e=>{const{source:t}=I.useSourceItem(),{resultsList:i}=d.useSearch();return i.find(c=>c.id===t.id)?.rootRecord.topLevelHeadings?.length?n.jsx(It,{...e}):null},Pe=r.ikp("span",{_id:"aiSearchResults__ItemPreview__Outline__Title",children:"On this page"}),vt=r.ikp("ul",{_id:"aiSearchResults__ItemPreview__Outline__List"}),pe=e=>{const{source:t}=I.useSourceItem(),{resultsList:i}=d.useSearch(),s=i.find(l=>l.id===t.id),a=s?.rootRecord.topLevelHeadings;if(!a?.length)return null;const c=a.map(l=>{const S=l?.anchor&&l?.anchor===s?.content?.anchor,v=l?.anchor===s?.pathHeadings?.[0]?.anchor;return{...l,isMatch:S||v}}),{children:o,...u}=e;return n.jsx(vt,{children:m.maybeRender(o,c),...u})},St=r.ikp(L.LinkWithQueryParams,{_id:"aiSearchResults__ItemPreview__Outline__Item"}),Re=e=>{const{searchSettings:{shouldOpenLinksInNewTab:t}}=P.useInkeepConfig();return n.jsx(St,{isExternal:t,...e})},_e=r.ikp(_.CustomIcon,{_id:"aiSearchResults__ItemPreview__Outline__ItemIcon",iconKey:"newLine"}),bt=r.ikp("span",{_id:"aiSearchResults__ItemPreview__Outline__ItemText"}),ge=e=>n.jsx(bt,{...e}),Ee=r.ikp(x.BuiltInIconRenderer,{_id:"aiSearchResults__ItemPreview__Outline__ItemLinkIcon",iconSettings:{builtIn:"LuLink"}}),Pt=r.ikp("div",{_id:"aiSearchFooter"}),ke=e=>{const{hasContent:t}=d.useSearch();return n.jsx(Pt,{"data-has-results":m.dataAttr(t),...e})},pt=r.ikp("div",{_id:"aiSearchTagline__Container"}),Rt=r.ikp("span",{_id:"aiSearchTagline__Text",children:"Powered by"}),_t=r.ikp(Te.default,{_id:"aiSearchTagline__Logo"}),gt=r.ikp("a",{_id:"aiSearchTagline__BrandName",children:"inkeep",href:"https://www.inkeep.com/",target:"_blank",rel:"noopener noreferrer"});exports.Provider=d.SearchProvider;exports.ASK_AI_TRIGGER_VALUE=p;exports.AskAITrigger=K;exports.AskAITriggerIcon=G;exports.AskAITriggerIndicator=$;exports.AskAITriggerLabel=W;exports.Content=M;exports.EmbeddedSearchInputIcon=F;exports.EmbeddedSearchPrimitiveAskAITrigger=K;exports.EmbeddedSearchPrimitiveAskAITriggerIcon=G;exports.EmbeddedSearchPrimitiveAskAITriggerIndicator=$;exports.EmbeddedSearchPrimitiveAskAITriggerLabel=W;exports.EmbeddedSearchPrimitiveContent=M;exports.EmbeddedSearchPrimitiveFooter=ke;exports.EmbeddedSearchPrimitiveInput=U;exports.EmbeddedSearchPrimitiveInputGroup=D;exports.EmbeddedSearchPrimitiveLoading=V;exports.EmbeddedSearchPrimitiveResults=Q;exports.EmbeddedSearchPrimitiveResultsContent=Z;exports.EmbeddedSearchPrimitiveResultsEmpty=J;exports.EmbeddedSearchPrimitiveResultsItem=re;exports.EmbeddedSearchPrimitiveResultsItemBreadcrumbs=y;exports.EmbeddedSearchPrimitiveResultsItemDescription=de;exports.EmbeddedSearchPrimitiveResultsItemDescriptionPart=oe;exports.EmbeddedSearchPrimitiveResultsItemIcon=ne;exports.EmbeddedSearchPrimitiveResultsItemIndicator=ue;exports.EmbeddedSearchPrimitiveResultsItemPreview=le;exports.EmbeddedSearchPrimitiveResultsItemPreviewBody=Se;exports.EmbeddedSearchPrimitiveResultsItemPreviewBreadcrumbIcon=ve;exports.EmbeddedSearchPrimitiveResultsItemPreviewHeading=me;exports.EmbeddedSearchPrimitiveResultsItemPreviewOutline=be;exports.EmbeddedSearchPrimitiveResultsItemPreviewOutlineItem=Re;exports.EmbeddedSearchPrimitiveResultsItemPreviewOutlineItemIcon=_e;exports.EmbeddedSearchPrimitiveResultsItemPreviewOutlineItemLinkIcon=Ee;exports.EmbeddedSearchPrimitiveResultsItemPreviewOutlineItemText=ge;exports.EmbeddedSearchPrimitiveResultsItemPreviewOutlineList=pe;exports.EmbeddedSearchPrimitiveResultsItemPreviewOutlineTitle=Pe;exports.EmbeddedSearchPrimitiveResultsItemPreviewTitle=he;exports.EmbeddedSearchPrimitiveResultsItemPreviewTitleLinkIcon=Ie;exports.EmbeddedSearchPrimitiveResultsItemTag=ce;exports.EmbeddedSearchPrimitiveResultsItemTitle=ae;exports.EmbeddedSearchPrimitiveResultsList=ie;exports.EmbeddedSearchPrimitiveResultsLoading=z;exports.EmbeddedSearchPrimitiveResultsScrollArea=ee;exports.EmbeddedSearchPrimitiveResultsScrollAreaViewport=te;exports.EmbeddedSearchPrimitiveResultsTab=Y;exports.EmbeddedSearchPrimitiveResultsTabList=X;exports.EmbeddedSearchPrimitiveRoot=H;exports.EmbeddedSearchPrimitiveWrapper=B;exports.Footer=ke;exports.Input=U;exports.InputGroup=D;exports.InputIcon=F;exports.Loading=V;exports.PrimitiveContent=N;exports.Results=Q;exports.ResultsContent=Z;exports.ResultsEmpty=J;exports.ResultsItem=re;exports.ResultsItemBreadcrumbIcon=se;exports.ResultsItemBreadcrumbs=y;exports.ResultsItemDescription=de;exports.ResultsItemDescriptionPart=oe;exports.ResultsItemIcon=ne;exports.ResultsItemIndicator=ue;exports.ResultsItemPreview=le;exports.ResultsItemPreviewBody=Se;exports.ResultsItemPreviewBreadcrumbIcon=ve;exports.ResultsItemPreviewBreadcrumbs=mt;exports.ResultsItemPreviewHeader=dt;exports.ResultsItemPreviewHeading=me;exports.ResultsItemPreviewOutline=be;exports.ResultsItemPreviewOutlineItem=Re;exports.ResultsItemPreviewOutlineItemIcon=_e;exports.ResultsItemPreviewOutlineItemLinkIcon=Ee;exports.ResultsItemPreviewOutlineItemText=ge;exports.ResultsItemPreviewOutlineList=pe;exports.ResultsItemPreviewOutlineTitle=Pe;exports.ResultsItemPreviewTitle=he;exports.ResultsItemPreviewTitleLinkIcon=Ie;exports.ResultsItemTag=ce;exports.ResultsItemTitle=ae;exports.ResultsList=ie;exports.ResultsLoading=z;exports.ResultsScrollArea=ee;exports.ResultsScrollAreaCorner=Xe;exports.ResultsScrollAreaScrollbar=ze;exports.ResultsScrollAreaThumb=Je;exports.ResultsScrollAreaViewport=te;exports.ResultsTab=Y;exports.ResultsTabList=X;exports.Root=H;exports.TaglineBrandName=gt;exports.TaglineContainer=pt;exports.TaglineLogo=_t;exports.TaglineText=Rt;exports.Wrapper=B;

package/dist/components/embedded-search.js

@@ -4,7 +4,7 @@ import { Command as S } from "../atoms/cmdk/index.js";
 import { ikp as r } from "./factory.js";
 import { dataAttr as I, maybeRender as g } from "../utils/misc.js";
 import { forwardRef as T, useEffect as f, useState as D, useRef as O, useMemo as H } from "react";
-import { useSearch as d } from "./embedded-search/search-provider.js";
+import { useSearch as l } from "./embedded-search/search-provider.js";
 import { SearchProvider as Xt } from "./embedded-search/search-provider.js";
 import V from "./tagline-logo-icon.js";
 import { CustomIcon as b } from "../atoms/icons/custom-icon.js";
@@ -29,7 +29,7 @@ const P = "__ask_ai__", z = r("div", {
 }), Ze = (e) => {
   const {
     searchSettings: { view: t }
-  } = R(), { isHidden: i, hasContent: s, isMobile: a } = d(), o = M();
+  } = R(), { isHidden: i, hasContent: s, isMobile: a } = l(), o = M();
   return /* @__PURE__ */ n(
     z,
     {
@@ -45,7 +45,7 @@ const P = "__ask_ai__", z = r("div", {
 }, J = r(S, {
   _id: "aiSearchRoot"
 }), et = (e) => {
-  const { isHidden: t, selectedItem: i, onSelectedItemChange: s } = d();
+  const { isHidden: t, selectedItem: i, onSelectedItemChange: s } = l();
   return /* @__PURE__ */ n(
     J,
     {
@@ -60,7 +60,7 @@ const P = "__ask_ai__", z = r("div", {
 }, X = r(S.List, {
   _id: "aiSearchContent"
 }), tt = T((e, t) => {
-  const { selectedItem: i } = d();
+  const { selectedItem: i } = l();
   return /* @__PURE__ */ n(
     X,
     {
@@ -77,12 +77,12 @@ const P = "__ask_ai__", z = r("div", {
 }), Y = r(S.Input, {
   _id: "aiSearchInput"
 }), st = T(({ onInput: e, ...t }, i) => {
-  const { query: s, onInput: a, placeholder: o, inputRef: c, shouldAutoFocusInput: l, selectedItem: u } = d(), _ = L(i, c), h = M();
+  const { query: s, onInput: a, placeholder: o, inputRef: c, shouldAutoFocusInput: d, selectedItem: u } = l(), _ = L(i, c), h = M();
   return f(() => {
     requestAnimationFrame(() => {
-      l && c?.current && (c.current.focus(), c.current.selectionStart = c.current.value.length);
+      d && c?.current && (c.current.focus(), c.current.selectionStart = c.current.value.length);
     });
-  }, [l, c, h?.isOpen]), /* @__PURE__ */ n(
+  }, [d, c, h?.isOpen]), /* @__PURE__ */ n(
     Y,
     {
       ref: _,
@@ -99,13 +99,13 @@ const P = "__ask_ai__", z = r("div", {
     builtIn: "LuLoaderCircle"
   }
 }), nt = (e) => {
-  const { loading: t, resultsList: i } = d();
+  const { loading: t, resultsList: i } = l();
   return !t || i.length === 0 ? null : /* @__PURE__ */ n(Z, { ...e });
 }, ee = r(S.Item, {
   _id: "aiAskAITrigger",
   value: P
 }), at = (e) => {
-  const { setSelectedItem: t, results: i, tab: s } = d(), a = i[s]?.[0]?.id ?? "NONE";
+  const { setSelectedItem: t, results: i, tab: s } = l(), a = i[s]?.[0]?.id ?? "NONE";
   return /* @__PURE__ */ n(
     ee,
     {
@@ -118,9 +118,9 @@ const P = "__ask_ai__", z = r("div", {
 }, te = r("img", {
   _id: "aiAskAITrigger__Icon"
 }), ot = (e) => {
-  const { aiChatSettings: t } = R(), { aiAssistantAvatar: i } = t ?? {}, s = typeof i == "string" ? i : i?.light, a = (typeof i == "string" ? i : i?.dark) ?? s, o = W(s, a), [c, l] = D(o);
+  const { aiChatSettings: t } = R(), { aiAssistantAvatar: i } = t ?? {}, s = typeof i == "string" ? i : i?.light, a = (typeof i == "string" ? i : i?.dark) ?? s, o = W(s, a), [c, d] = D(o);
   return f(() => {
-    l(o);
+    d(o);
   }, [o]), /* @__PURE__ */ n(te, { asChild: !0, ...e, children: c ? (
     // biome-ignore lint/a11y/useAltText: <explanation>
     /* @__PURE__ */ n(
@@ -130,7 +130,7 @@ const P = "__ask_ai__", z = r("div", {
         alt: "AI Avatar",
         "data-type": "image",
         onError: p(() => {
-          l(null);
+          d(null);
         }),
         ...e
       }
@@ -144,7 +144,7 @@ const P = "__ask_ai__", z = r("div", {
 }), ie = r(E.Root, {
   _id: "aiSearchResults"
 }), dt = (e) => {
-  const { tab: t, onTabChange: i, hasContent: s } = d();
+  const { tab: t, onTabChange: i, hasContent: s } = l();
   return /* @__PURE__ */ n(
     ie,
     {
@@ -157,26 +157,26 @@ const P = "__ask_ai__", z = r("div", {
 }, re = r("div", {
   _id: "aiSearchResults__Loading"
 }), ut = (e) => {
-  const { loading: t, resultsList: i } = d();
+  const { loading: t, resultsList: i } = l();
   return !t || i.length > 0 ? null : /* @__PURE__ */ n(re, { ...e });
 }, se = r(S.Empty, {
   _id: "aiSearchResults__Empty"
 }), mt = (e) => {
-  const { query: t, loading: i, results: s, tab: a } = d(), o = s[a]?.length;
+  const { query: t, loading: i, results: s, tab: a } = l(), o = s[a]?.length;
   return i || !t || o ? null : /* @__PURE__ */ n(se, { children: "No results found.", ...e });
 }, ne = r(E.List, {
   _id: "aiSearchResults__TabList"
 }), ht = (e) => {
   const { children: t, ...i } = e, {
     searchSettings: { tabs: s }
-  } = R(), { results: a, loading: o, resultsList: c } = d();
+  } = R(), { results: a, loading: o, resultsList: c } = l();
   if (o && c.length === 0) return null;
-  const l = Object.keys(a);
-  return !s.length || !l.length ? null : /* @__PURE__ */ n(ne, { tabIndex: -1, children: g(t, l), ...i });
+  const d = Object.keys(a);
+  return !s.length || !d.length ? null : /* @__PURE__ */ n(ne, { tabIndex: -1, children: g(t, d), ...i });
 }, ae = r(E.Trigger, {
   _id: "aiSearchResults__Tab"
 }), It = T((e, t) => {
-  const i = O(null), s = L(t, i), { tab: a, onClick: o, ...c } = e, { results: l, tab: u, inputRef: _ } = d(), h = l[a].length, v = a === u, A = () => {
+  const i = O(null), s = L(t, i), { tab: a, onClick: o, ...c } = e, { results: d, tab: u, inputRef: _ } = l(), h = d[a].length, v = a === u, A = () => {
     _.current?.focus();
   }, k = j();
   return f(() => {
@@ -198,12 +198,12 @@ const P = "__ask_ai__", z = r("div", {
 }), oe = r(w.Root, {
   _id: "aiSearchResults__ScrollArea"
 }), vt = (e) => {
-  const { loading: t, resultsList: i } = d();
+  const { loading: t, resultsList: i } = l();
   return t && i.length === 0 ? null : /* @__PURE__ */ n(oe, { tabIndex: -1, ...e });
 }, ce = r(w.Viewport, {
   _id: "aiSearchResults__ScrollAreaViewport"
 }), Rt = T(({ children: e, ...t }, i) => {
-  const s = G(), a = L(i, s), { tab: o } = d();
+  const s = G(), a = L(i, s), { tab: o } = l();
   return f(() => {
     o && s.current?.scrollTo({ top: 0, behavior: "auto" });
   }, [o]), /* @__PURE__ */ n(
@@ -230,7 +230,7 @@ const P = "__ask_ai__", z = r("div", {
 }), le = r(E.Content, {
   _id: "aiSearchResults__List"
 }), Pt = (e) => {
-  const { children: t, ...i } = e, { results: s, tab: a } = d(), o = s[a] ?? [];
+  const { children: t, ...i } = e, { results: s, tab: a } = l(), o = s[a] ?? [];
   return /* @__PURE__ */ n(
     le,
     {
@@ -248,10 +248,10 @@ const P = "__ask_ai__", z = r("div", {
 }), gt = T(({ item: e, onClick: t, onSelect: i, children: s, ...a }, o) => {
   const {
     searchSettings: { shouldOpenLinksInNewTab: c }
-  } = R(), { logEvent: l } = K(), { query: u, transitionsDisabled: _, selectedItem: h } = d(), v = O(null), A = L(o, v), k = () => {
+  } = R(), { logEvent: d } = K(), { query: u, transitionsDisabled: _, selectedItem: h } = l(), v = O(null), A = L(o, v), k = () => {
     v.current?.click();
   }, B = () => {
-    l({
+    d({
       eventName: "search_result_clicked",
       properties: {
         searchQuery: u,
@@ -288,9 +288,9 @@ const P = "__ask_ai__", z = r("div", {
 }), ue = r("div", {
   _id: "aiSearchResults__ItemBreadcrumbs"
 }), me = (e) => {
-  const { source: t } = m(), { tab: i } = d();
+  const { source: t } = m(), { tab: i } = l();
   if (!t.breadcrumbs?.length) return null;
-  const { children: s, ...a } = e, c = t.tabs?.find((l) => typeof l != "string" && l[0] === i)?.[1]?.breadcrumbs ?? t.breadcrumbs ?? [];
+  const { children: s, ...a } = e, c = t.tabs?.find((d) => typeof d != "string" && d[0] === i)?.[1]?.breadcrumbs ?? t.breadcrumbs ?? [];
   return /* @__PURE__ */ n(
     ue,
     {
@@ -360,10 +360,10 @@ const P = "__ask_ai__", z = r("div", {
 }), kt = (e) => {
   const {
     searchSettings: { view: t, shouldOpenLinksInNewTab: i }
-  } = R(), { results: s, tab: a, selectedItem: o } = d(), c = s[a] ?? [], l = O(null), u = H(() => {
-    if (o === P) return l.current;
+  } = R(), { results: s, tab: a, selectedItem: o } = l(), c = s[a] ?? [], d = O(null), u = H(() => {
+    if (o === P) return d.current;
     const h = c.find((v) => v.id === o);
-    return l.current = h ?? null, h;
+    return d.current = h ?? null, h;
   }, [o]);
   if (t !== "dual-pane" || o === P || !u) return null;
   const _ = u.shouldOpenInNewTab !== void 0 ? u.shouldOpenInNewTab : i;
@@ -414,21 +414,21 @@ const P = "__ask_ai__", z = r("div", {
 ), we = r(Q, {
   _id: "aiSearchResults__ItemPreview__Body"
 }), Ht = (e) => {
-  const { source: t } = m(), {
-    searchSettings: { shouldOpenLinksInNewTab: i }
+  const { source: t } = m(), { resultsList: i } = l(), s = i.find((o) => o.id === t.id), {
+    searchSettings: { shouldOpenLinksInNewTab: a }
   } = R();
-  return /* @__PURE__ */ n(
+  return s ? /* @__PURE__ */ n(
     we,
     {
-      shouldOpenLinksInNewTab: i,
-      children: t.description,
+      shouldOpenLinksInNewTab: a,
+      children: s.preview,
       ...e
     }
-  );
+  ) : null;
 }, fe = r("div", {
   _id: "aiSearchResults__ItemPreview__Outline"
 }), Ft = (e) => {
-  const { source: t } = m(), { resultsList: i } = d();
+  const { source: t } = m(), { resultsList: i } = l();
   return i.find((o) => o.id === t.id)?.rootRecord.topLevelHeadings?.length ? /* @__PURE__ */ n(fe, { ...e }) : null;
 }, Mt = r("span", {
   _id: "aiSearchResults__ItemPreview__Outline__Title",
@@ -436,7 +436,7 @@ const P = "__ask_ai__", z = r("div", {
 }), Ee = r("ul", {
   _id: "aiSearchResults__ItemPreview__Outline__List"
 }), Ut = (e) => {
-  const { source: t } = m(), { resultsList: i } = d(), s = i.find((u) => u.id === t.id), a = s?.rootRecord.topLevelHeadings;
+  const { source: t } = m(), { resultsList: i } = l(), s = i.find((u) => u.id === t.id), a = s?.rootRecord.topLevelHeadings;
   if (!a?.length) return null;
   const o = a.map((u) => {
     const _ = u?.anchor && u?.anchor === s?.content?.anchor, h = u?.anchor === s?.pathHeadings?.[0]?.anchor;
@@ -444,8 +444,8 @@ const P = "__ask_ai__", z = r("div", {
       ...u,
       isMatch: _ || h
     };
-  }), { children: c, ...l } = e;
-  return /* @__PURE__ */ n(Ee, { children: g(c, o), ...l });
+  }), { children: c, ...d } = e;
+  return /* @__PURE__ */ n(Ee, { children: g(c, o), ...d });
 }, Le = r(C, {
   _id: "aiSearchResults__ItemPreview__Outline__Item"
 }), Dt = (e) => {
@@ -469,7 +469,7 @@ const P = "__ask_ai__", z = r("div", {
 ), ke = r("div", {
   _id: "aiSearchFooter"
 }), Gt = (e) => {
-  const { hasContent: t } = d();
+  const { hasContent: t } = l();
   return /* @__PURE__ */ n(ke, { "data-has-results": I(t), ...e });
 }, Wt = r("div", {
   _id: "aiSearchTagline__Container"

package/dist/index.d.cts

@@ -2231,7 +2231,7 @@ declare const EmbeddedSearchPrimitiveResultsItemIndicator: (props: Omit<Componen
 
 declare const EmbeddedSearchPrimitiveResultsItemPreview: (props: ComponentPropsWithRef<typeof PrimitiveResultsItemPreview>) => JSX.Element | null;
 
-declare const EmbeddedSearchPrimitiveResultsItemPreviewBody: (props: EmbeddedSearchPrimitiveResultsItemPreviewBodyProps) => JSX.Element;
+declare const EmbeddedSearchPrimitiveResultsItemPreviewBody: (props: EmbeddedSearchPrimitiveResultsItemPreviewBodyProps) => JSX.Element | null;
 
 declare interface EmbeddedSearchPrimitiveResultsItemPreviewBodyProps extends ComponentPropsWithRef<typeof PrimitiveResultsItemPreviewBody> {
     componentStyles?: Partial<Record<MarkdownComponentID, string>>;

package/dist/index.d.ts

@@ -2231,7 +2231,7 @@ declare const EmbeddedSearchPrimitiveResultsItemIndicator: (props: Omit<Componen
 
 declare const EmbeddedSearchPrimitiveResultsItemPreview: (props: ComponentPropsWithRef<typeof PrimitiveResultsItemPreview>) => JSX.Element | null;
 
-declare const EmbeddedSearchPrimitiveResultsItemPreviewBody: (props: EmbeddedSearchPrimitiveResultsItemPreviewBodyProps) => JSX.Element;
+declare const EmbeddedSearchPrimitiveResultsItemPreviewBody: (props: EmbeddedSearchPrimitiveResultsItemPreviewBodyProps) => JSX.Element | null;
 
 declare interface EmbeddedSearchPrimitiveResultsItemPreviewBodyProps extends ComponentPropsWithRef<typeof PrimitiveResultsItemPreviewBody> {
     componentStyles?: Partial<Record<MarkdownComponentID, string>>;

package/dist/providers/base-events-provider.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react/jsx-runtime"),t=require("react"),y=require("../atoms/api/analytics/events.cjs"),B=require("./config-provider.cjs"),b=require("./user-provider.cjs"),p=t.createContext(void 0),f=({children:e})=>{const{baseSettings:s,componentType:n}=B.useInkeepConfig(),{apiKey:o,analyticsApiBaseUrl:r,tags:i,privacyPreferences:d,env:E}=s,{userProperties:c}=b.useUser(),a=t.useMemo(()=>({widgetLibraryVersion:"0.5.31",componentType:n,tags:i}),[n,i]),u=!d.optOutAllAnalytics&&E!=="development",g={logEvent:t.useCallback(async v=>{const m={...a,...v.properties},l={eventName:v.eventName,properties:m,userProperties:c};u&&y.logEvent(l,o,r),s.onEvent?.(l)},[u,s,o,r,c,a])};return P.jsx(p.Provider,{value:g,children:e})},x=()=>{const e=t.useContext(p);if(!e)throw new Error("useBaseEvents must be used within a BaseEventsProvider");return e};exports.BaseEventsProvider=f;exports.useBaseEvents=x;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react/jsx-runtime"),t=require("react"),y=require("../atoms/api/analytics/events.cjs"),B=require("./config-provider.cjs"),b=require("./user-provider.cjs"),p=t.createContext(void 0),f=({children:e})=>{const{baseSettings:s,componentType:n}=B.useInkeepConfig(),{apiKey:o,analyticsApiBaseUrl:r,tags:i,privacyPreferences:d,env:E}=s,{userProperties:c}=b.useUser(),a=t.useMemo(()=>({widgetLibraryVersion:"0.5.32",componentType:n,tags:i}),[n,i]),u=!d.optOutAllAnalytics&&E!=="development",g={logEvent:t.useCallback(async v=>{const m={...a,...v.properties},l={eventName:v.eventName,properties:m,userProperties:c};u&&y.logEvent(l,o,r),s.onEvent?.(l)},[u,s,o,r,c,a])};return P.jsx(p.Provider,{value:g,children:e})},x=()=>{const e=t.useContext(p);if(!e)throw new Error("useBaseEvents must be used within a BaseEventsProvider");return e};exports.BaseEventsProvider=f;exports.useBaseEvents=x;

package/dist/providers/base-events-provider.js

@@ -7,7 +7,7 @@ import { useUser as b } from "./user-provider.js";
 const m = x(void 0), U = ({ children: e }) => {
   const { baseSettings: t, componentType: o } = C(), { apiKey: n, analyticsApiBaseUrl: s, tags: r, privacyPreferences: u, env: l } = t, { userProperties: i } = b(), a = d(
     () => ({
-      widgetLibraryVersion: "0.5.31",
+      widgetLibraryVersion: "0.5.32",
       componentType: o,
       tags: r
     }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-primitives",
-  "version": "0.5.31",
+  "version": "0.5.32",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -59,9 +59,9 @@
     "remark-gfm": "^4.0.1",
     "unist-util-visit": "^5.0.0",
     "use-sync-external-store": "^1.4.0",
-    "@inkeep/cxkit-color-mode": "0.5.31",
-    "@inkeep/cxkit-theme": "0.5.31",
-    "@inkeep/cxkit-types": "0.5.31"
+    "@inkeep/cxkit-color-mode": "0.5.32",
+    "@inkeep/cxkit-theme": "0.5.32",
+    "@inkeep/cxkit-types": "0.5.32"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",