@inkeep/cxkit-styled 0.5.69 → 0.5.71

package/dist/components/embedded-search.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("@inkeep/cxkit-primitives"),s=require("../utils.cjs"),i=require("../ui/recipes/citation.cjs"),c=require("../ui/recipes/link.cjs"),l=require("../ui/recipes/scrollable.cjs"),n=require("./embedded-search/results-loading.cjs"),m=require("merge-anything"),o=require("../ui/markdown-styles.cjs"),h=e=>r.jsx(a.EmbeddedSearchPrimitive.Provider,{...e}),u=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.Wrapper,{className:s.cn("data-[hidden]:hidden rounded-md flex","bg-white dark:bg-gray-dark-950",e),...t}),b=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.Root,{className:s.cn("data-[hidden]:hidden flex flex-col w-full","[--footer-height:theme(spacing.9)]","data-[mobile]:[--input-height:theme(spacing.16)]","[--ask-ai-trigger-height:0px]","[[data-show-ask-ai-card]_&]:[--ask-ai-trigger-height:theme(spacing.11)]",e),...t}),x=a.EmbeddedSearchPrimitive.Content,p=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.InputGroup,{className:s.cn("flex items-center w-full px-5 pt-3 pb-3 gap-3","[[data-show-ask-ai-card]_&]:pb-1","[[data-mobile]_&]:max-h-[var(--input-height)]",e),...t}),g=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.InputIcon,{className:s.cn("min-w-5 w-5 text-xl","text-gray-500 dark:text-white-alpha-600",e),...t}),v=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.Input,{className:s.cn("min-h-[38px] overflow-hidden w-full resize-none","py-1.5 max-h-[10vh] placeholder:text-gray-500","w-full dark:placeholder:text-gray-dark-200","border-none outline-none shadow-none bg-transparent",e),...t}),I=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.Loading,{className:s.cn("animate-spin text-gray-400 dark:text-white-alpha-500",e),...t}),S=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.AskAITrigger,{className:s.cn(i.citation({slot:"root"}),"m-auto w-[calc(100%_-_theme(spacing.5))]","border-transparent dark:border-transparent","mb-3 py-0 h-11 cursor-pointer","h-[var(--ask-ai-trigger-height)]",e),...t}),R=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.AskAITriggerIcon,{className:s.cn("[grid-area:icon] h-5 w-5","[--start-color:theme(colors.inkeep-expanded-primary.300)]","[--end-color:theme(colors.inkeep-expanded-primary.700)]","dark:[--start-color:theme(colors.inkeep-expanded-primary.50)]","dark:[--end-color:theme(colors.inkeep-expanded-primary.300)]",e),...t}),E=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.AskAITriggerLabel,{className:s.cn(i.citation({slot:"title"}),"font-normal",e),...t}),P=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.AskAITriggerIndicator,{className:s.cn(i.citation({slot:"indicator"}),e),...t}),w=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.Results,{className:s.cn(l.scrollable({section:"content"}),"h-0 max-h-full","data-[has-content]:h-[min(calc(85vh_-_72px),calc(850px_-_72px_-_275px))]","md:data-[dual-pane-search-expanded]:h-[min(calc(85vh_-_72px),calc(900px_-_72px_-_135px))]","[[data-mobile]_&]:h-[calc(100vh-var(--input-height)-var(--footer-height)-var(--ask-ai-trigger-height))]","transition-all duration-300 ease-in-out data-[has-content]:pb-2",e),...t}),k=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsLoading,{className:s.cn("group mb-1 relative transition-all w-full h-full",e),children:r.jsx(n.ResultsLoading,{}),...t}),f=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsEmpty,{className:s.cn("flex w-full h-full","overflow-hidden relative grow-[2]","items-center justify-center text-gray-600","dark:text-gray-dark-400 mt-8",e),...t}),y=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsTabList,{className:s.cn("shrink-0 max-w-full","flex gap-3 px-5 py-1","overflow-x-auto [scrollbar-width:thin]",e),...t}),j=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsTab,{className:s.cn("px-3 text-1sm font-medium rounded-full shrink-0","py-1 transition-all duration-200 leading-snug","border border-gray-300 dark:border-gray-dark-500","hover:bg-gray-50 dark:hover:bg-white-alpha-50","data-[state=active]:bg-inkeep-primary-light-subtle","hover:data-[state=active]:bg-inkeep-primary-light-subtle","data-[state=active]:text-inkeep-expanded-primary-900","data-[state=active]:border-inkeep-primary-medium-subtle","dark:data-[state=active]:bg-white-alpha-100","dark:hover:data-[state=active]:bg-white-alpha-100","dark:data-[state=active]:text-inkeep-expanded-primary-300","dark:data-[state=active]:border-inkeep-expanded-primary-300","focus:outline-inkeep-expanded-primary-700 dark:focus:outline-inkeep-expanded-primary-300",e),...t}),T=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsContent,{className:s.cn("flex overflow-hidden h-full",e),...t}),N=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsScrollArea,{className:s.cn("overflow-hidden h-full first:w-full","first:[[data-view=dual-pane]_&]:flex-1 md:first:[[data-view=dual-pane]_&]:flex-[0_0_44%]",'befter:content-[""] befter:absolute befter:inset-x-0',"befter:h-10 befter:pointer-events-none","befter:transition-opacity befter:duration-300","befter:ease-in-out befter:from-white","befter:dark:from-gray-dark-950 befter:to-transparent","before:top-0 after:bottom-0","before:bg-gradient-to-b after:bg-gradient-to-t","has-[[data-scroll-top]]:before:opacity-0","has-[[data-scroll-bottom]]:after:opacity-0",e),...t}),A=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsScrollAreaViewport,{className:s.cn("h-full w-full rounded-[inherit]",e),...t}),L=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsScrollAreaScrollbar,{className:s.cn("flex select-none touch-none p-0.5","transition-colors duration-[160ms] ease-in-out","w-2.5 border-l border-l-transparent",e),...t}),_=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsScrollAreaThumb,{className:s.cn("relative flex-1 rounded-full","bg-gray-300 dark:bg-white-alpha-200",e),...t}),O=a.EmbeddedSearchPrimitive.ResultsScrollAreaCorner,B=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsList,{className:s.cn("w-full flex flex-col","items-center gap-2.5 h-full shrink-0","px-5 py-1 content-center -my-[1px]",e),...t}),C=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItem,{className:s.cn(i.citation({slot:"root"}),e),...t}),q=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemBreadcrumbs,{className:s.cn(i.citation({slot:"breadcrumbs"}),e),...t}),D=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemBreadcrumbIcon,{className:s.cn(i.citation({slot:"breadcrumbsIcon"}),e),...t}),H=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemIcon,{className:s.cn(i.citation({slot:"icon"}),e),...t}),F=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemTitle,{className:s.cn(i.citation({slot:"title"}),e),...t}),G=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemTag,{className:s.cn(i.citation({slot:"tag"}),e),...t}),V=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemDescription,{className:s.cn(i.citation({slot:"description"}),e),...t}),W=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemDescriptionPart,{className:s.cn(i.citation({slot:"descriptionPart"}),e),...t}),z=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemIndicator,{className:s.cn(i.citation({slot:"indicator"}),e),...t}),M=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreview,{className:s.cn("flex-1 min-w-0 break-words pt-3 pb-4 pr-10 pl-5","hidden md:flex flex-col gap-6",e),...t}),$=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreviewHeader,{className:s.cn("flex flex-col gap-5",e),...t}),J=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreviewHeading,{className:s.cn("inline-block",e),...t}),K=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreviewTitle,{className:s.cn("text-3xl leading-snug tracking-tight","font-semibold hover:text-inkeep-primary-stronger","dark:hover:text-inkeep-expanded-primary-100",e),...t}),Q=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreviewTitleLinkIcon,{className:s.cn("inline-block ml-2 mb-2 tracking-tight text-gray-500 dark:text-white-alpha-500",e),...t}),U=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreviewBreadcrumbs,{className:s.cn(i.citation({slot:"breadcrumbs"}),"!line-clamp-none whitespace-normal text-gray-500 dark:text-gray-dark-200 text-sm",e),...t}),X=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreviewBreadcrumbIcon,{className:s.cn(i.citation({slot:"breadcrumbsIcon"}),e),...t}),Y=({className:e,componentStyles:t,...d})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreviewBody,{className:s.cn("max-w-full text-gray-700 dark:text-gray-dark-100 [&_em]:font-bold [&_em]:not-italic",e),componentStyles:m.merge(o.markdownStyles,t??{}),...d}),Z=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreviewOutline,{className:s.cn("flex flex-col gap-3",e),...t}),ee=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreviewOutlineTitle,{className:s.cn("text-xs uppercase font-semibold tracking-widest","text-gray-500 dark:text-white-alpha-500",e),...t}),te=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreviewOutlineList,{className:s.cn("flex flex-col gap-4",e),...t}),ae=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreviewOutlineItem,{className:s.cn("flex items-center gap-1 text-gray-600 dark:text-white-alpha-600 font-medium ",`${t.href?"cursor-pointer hover:text-gray-800 dark:hover:text-white-alpha-800 dark:data-[is-match]:hover:text-inkeep-expanded-primary-200 data-[is-match]:hover:text-inkeep-expanded-primary-800 ":""}`,"data-[is-match]:text-inkeep-expanded-primary-700","dark:data-[is-match]:text-inkeep-expanded-primary-300",e),...t}),re=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreviewOutlineItemIcon,{className:s.cn(e),...t}),se=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreviewOutlineItemText,{className:s.cn(e),...t}),ie=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.ResultsItemPreviewOutlineItemLinkIcon,{className:s.cn("h-3 !min-h-0 !min-w-0",e),...t}),de=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.Footer,{className:s.cn("justify-self-end","px-5 pt-1 pb-3","[[data-mobile]_&]:py-0","[[data-mobile]_&]:items-center","[[data-mobile]_&]:h-[var(--footer-height)]","hidden data-[has-results]:flex",e),...t}),ce=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.TaglineContainer,{className:s.cn("flex items-center whitespace-nowrap",e),...t}),le=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.TaglineText,{className:s.cn("text-xs md:text-sm text-gray-500 dark:text-white-alpha-600",e),...t}),ne=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.TaglineLogo,{className:s.cn("text-gray-400 dark:text-white-alpha-500","w-[18px] ml-2 mr-1",e),...t}),me=({className:e,...t})=>r.jsx(a.EmbeddedSearchPrimitive.TaglineBrandName,{className:s.cn(c.link(),"inline-flex text-xs md:text-sm text-gray-500","dark:text-white-alpha-600 font-bold",e),...t});exports.AskAITrigger=S;exports.AskAITriggerIcon=R;exports.AskAITriggerIndicator=P;exports.AskAITriggerLabel=E;exports.Content=x;exports.Footer=de;exports.Input=v;exports.InputGroup=p;exports.InputIcon=g;exports.Loading=I;exports.Provider=h;exports.Results=w;exports.ResultsContent=T;exports.ResultsEmpty=f;exports.ResultsItem=C;exports.ResultsItemBreadcrumbIcon=D;exports.ResultsItemBreadcrumbs=q;exports.ResultsItemDescription=V;exports.ResultsItemDescriptionPart=W;exports.ResultsItemIcon=H;exports.ResultsItemIndicator=z;exports.ResultsItemPreview=M;exports.ResultsItemPreviewBody=Y;exports.ResultsItemPreviewBreadcrumbIcon=X;exports.ResultsItemPreviewBreadcrumbs=U;exports.ResultsItemPreviewHeader=$;exports.ResultsItemPreviewHeading=J;exports.ResultsItemPreviewOutline=Z;exports.ResultsItemPreviewOutlineItem=ae;exports.ResultsItemPreviewOutlineItemIcon=re;exports.ResultsItemPreviewOutlineItemLinkIcon=ie;exports.ResultsItemPreviewOutlineItemText=se;exports.ResultsItemPreviewOutlineList=te;exports.ResultsItemPreviewOutlineTitle=ee;exports.ResultsItemPreviewTitle=K;exports.ResultsItemPreviewTitleLinkIcon=Q;exports.ResultsItemTag=G;exports.ResultsItemTitle=F;exports.ResultsList=B;exports.ResultsLoading=k;exports.ResultsScrollArea=N;exports.ResultsScrollAreaCorner=O;exports.ResultsScrollAreaScrollbar=L;exports.ResultsScrollAreaThumb=_;exports.ResultsScrollAreaViewport=A;exports.ResultsTab=j;exports.ResultsTabList=y;exports.Root=b;exports.TaglineBrandName=me;exports.TaglineContainer=ce;exports.TaglineLogo=ne;exports.TaglineText=le;exports.Wrapper=u;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("@inkeep/cxkit-primitives"),s=require("../utils.cjs"),i=require("../ui/recipes/citation.cjs"),n=require("../ui/recipes/link.cjs"),c=require("../ui/recipes/scrollable.cjs"),l=require("./embedded-search/results-loading.cjs"),m=require("merge-anything"),o=require("../ui/markdown-styles.cjs"),h=e=>a.jsx(r.EmbeddedSearchPrimitive.Provider,{...e}),u=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.Wrapper,{className:s.cn("data-[hidden]:hidden rounded-md flex","bg-white dark:bg-gray-dark-950",e),...t}),b=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.Root,{className:s.cn("data-[hidden]:hidden flex flex-col w-full","[--footer-height:theme(spacing.9)]","data-[mobile]:[--input-height:theme(spacing.16)]","[--ask-ai-trigger-height:0px]","[[data-show-ask-ai-card]_&]:[--ask-ai-trigger-height:theme(spacing.11)]",e),...t}),p=r.EmbeddedSearchPrimitive.Content,x=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.InputGroup,{className:s.cn("flex items-center w-full px-5 pt-3 pb-3 gap-3","[[data-show-ask-ai-card]_&]:pb-1","[[data-mobile]_&]:max-h-[var(--input-height)]",e),...t}),g=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.InputIcon,{className:s.cn("min-w-5 w-5 text-xl","text-gray-500 dark:text-white-alpha-600",e),...t}),I=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.Input,{className:s.cn("min-h-[38px] overflow-hidden w-full resize-none","py-1.5 max-h-[10vh] placeholder:text-gray-500","w-full dark:placeholder:text-gray-dark-200","border-none outline-none shadow-none bg-transparent",e),...t}),v=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.Loading,{className:s.cn("animate-spin text-gray-400 dark:text-white-alpha-500",e),...t}),S=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.AskAITrigger,{className:s.cn(i.citation({slot:"root"}),"m-auto w-[calc(100%_-_theme(spacing.5))]","border-transparent dark:border-transparent","mb-3 py-0 h-11 cursor-pointer","h-[var(--ask-ai-trigger-height)]","grid-template-[none] flex items-center",e),...t}),E=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.AskAITriggerIcon,{className:s.cn("[grid-area:icon] h-5 w-5 flex-shrink-0","[--start-color:theme(colors.inkeep-expanded-primary.300)]","[--end-color:theme(colors.inkeep-expanded-primary.700)]","dark:[--start-color:theme(colors.inkeep-expanded-primary.50)]","dark:[--end-color:theme(colors.inkeep-expanded-primary.300)]",e),...t}),R=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.AskAITriggerLabel,{className:s.cn(i.citation({slot:"title"}),"font-medium text-gray-700",e),...t}),k=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.AskAITriggerQuery,{className:s.cn("font-semibold !bg-clip-text text-transparent ml-2","animate-shine [background:linear-gradient(270deg,theme(colors.inkeep-primary.stronger-light),transparent)_-200%_50%_/_25%_100%_no-repeat,theme(colors.inkeep-expanded-primary.800)] ","dark:[background:linear-gradient(270deg,theme(colors.inkeep-expanded-primary.100),transparent)_-200%_50%_/_25%_100%_no-repeat,theme(colors.inkeep-expanded-primary.400)]",e),...t}),P=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.AskAITriggerIndicator,{className:s.cn(i.citation({slot:"indicator"}),"ml-1",e),...t}),w=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.AskAITriggerIndicatorText,{className:s.cn("text-xs text-inkeep-primary-medium-subtle bg-gray-500 bg-clip-text dark:bg-white-alpha-800 flex-shrink-0 ml-auto","opacity-0 group-selected:opacity-100 transition-opacity duration-100 ease-in-out",e),...t}),f=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.Results,{className:s.cn(c.scrollable({section:"content"}),"h-0 max-h-full","data-[has-content]:h-[min(calc(85vh_-_72px),calc(850px_-_72px_-_275px))]","md:data-[dual-pane-search-expanded]:h-[min(calc(85vh_-_72px),calc(900px_-_72px_-_135px))]","[[data-mobile]_&]:h-[calc(100vh-var(--input-height)-var(--footer-height)-var(--ask-ai-trigger-height))]","transition-all duration-300 ease-in-out data-[has-content]:pb-2",e),...t}),y=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsLoading,{className:s.cn("group mb-1 relative transition-all w-full h-full",e),children:a.jsx(l.ResultsLoading,{}),...t}),T=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsEmpty,{className:s.cn("flex w-full h-full","overflow-hidden relative grow-[2]","items-center justify-center text-gray-600","dark:text-gray-dark-400 mt-8",e),...t}),j=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsTabList,{className:s.cn("shrink-0 max-w-full","flex gap-3 px-5 py-1","overflow-x-auto [scrollbar-width:thin]",e),...t}),N=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsTab,{className:s.cn("px-3 text-1sm font-medium rounded-full shrink-0","py-1 transition-all duration-200 leading-snug","border border-gray-300 dark:border-gray-dark-500","hover:bg-gray-50 dark:hover:bg-white-alpha-50","data-[state=active]:bg-inkeep-primary-light-subtle","hover:data-[state=active]:bg-inkeep-primary-light-subtle","data-[state=active]:text-inkeep-expanded-primary-900","data-[state=active]:border-inkeep-primary-medium-subtle","dark:data-[state=active]:bg-white-alpha-100","dark:hover:data-[state=active]:bg-white-alpha-100","dark:data-[state=active]:text-inkeep-expanded-primary-300","dark:data-[state=active]:border-inkeep-expanded-primary-300","focus:outline-inkeep-expanded-primary-700 dark:focus:outline-inkeep-expanded-primary-300",e),...t}),A=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsContent,{className:s.cn("flex overflow-hidden h-full",e),...t}),_=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsScrollArea,{className:s.cn("overflow-hidden h-full first:w-full","first:[[data-view=dual-pane]_&]:flex-1 md:first:[[data-view=dual-pane]_&]:flex-[0_0_44%]",'befter:content-[""] befter:absolute befter:inset-x-0',"befter:h-10 befter:pointer-events-none","befter:transition-opacity befter:duration-300","befter:ease-in-out befter:from-white","befter:dark:from-gray-dark-950 befter:to-transparent","before:top-0 after:bottom-0","before:bg-gradient-to-b after:bg-gradient-to-t","has-[[data-scroll-top]]:before:opacity-0","has-[[data-scroll-bottom]]:after:opacity-0",e),...t}),L=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsScrollAreaViewport,{className:s.cn("h-full w-full rounded-[inherit]",e),...t}),O=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsScrollAreaScrollbar,{className:s.cn("flex select-none touch-none p-0.5","transition-colors duration-[160ms] ease-in-out","w-2.5 border-l border-l-transparent",e),...t}),B=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsScrollAreaThumb,{className:s.cn("relative flex-1 rounded-full","bg-gray-300 dark:bg-white-alpha-200",e),...t}),C=r.EmbeddedSearchPrimitive.ResultsScrollAreaCorner,q=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsList,{className:s.cn("w-full flex flex-col","items-center gap-2.5 h-full shrink-0","px-5 py-1 content-center -my-[1px]",e),...t}),D=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItem,{className:s.cn(i.citation({slot:"root"}),e),...t}),H=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemBreadcrumbs,{className:s.cn(i.citation({slot:"breadcrumbs"}),e),...t}),F=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemBreadcrumbIcon,{className:s.cn(i.citation({slot:"breadcrumbsIcon"}),e),...t}),G=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemIcon,{className:s.cn(i.citation({slot:"icon"}),e),...t}),Q=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemTitle,{className:s.cn(i.citation({slot:"title"}),e),...t}),V=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemTag,{className:s.cn(i.citation({slot:"tag"}),e),...t}),W=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemDescription,{className:s.cn(i.citation({slot:"description"}),e),...t}),z=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemDescriptionPart,{className:s.cn(i.citation({slot:"descriptionPart"}),e),...t}),M=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemIndicator,{className:s.cn(i.citation({slot:"indicator"}),e),...t}),$=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreview,{className:s.cn("flex-1 min-w-0 break-words pt-3 pb-4 pr-10 pl-5","hidden md:flex flex-col gap-6",e),...t}),J=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreviewHeader,{className:s.cn("flex flex-col gap-5",e),...t}),K=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreviewHeading,{className:s.cn("inline-block",e),...t}),U=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreviewTitle,{className:s.cn("text-3xl leading-snug tracking-tight","font-semibold hover:text-inkeep-primary-stronger","dark:hover:text-inkeep-expanded-primary-100",e),...t}),X=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreviewTitleLinkIcon,{className:s.cn("inline-block ml-2 mb-2 tracking-tight text-gray-500 dark:text-white-alpha-500",e),...t}),Y=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreviewBreadcrumbs,{className:s.cn(i.citation({slot:"breadcrumbs"}),"!line-clamp-none whitespace-normal text-gray-500 dark:text-gray-dark-200 text-sm",e),...t}),Z=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreviewBreadcrumbIcon,{className:s.cn(i.citation({slot:"breadcrumbsIcon"}),e),...t}),ee=({className:e,componentStyles:t,...d})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreviewBody,{className:s.cn("max-w-full text-gray-700 dark:text-gray-dark-100 [&_em]:font-bold [&_em]:not-italic",e),componentStyles:m.merge(o.markdownStyles,t??{}),...d}),te=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreviewOutline,{className:s.cn("flex flex-col gap-3",e),...t}),re=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreviewOutlineTitle,{className:s.cn("text-xs uppercase font-semibold tracking-widest","text-gray-500 dark:text-white-alpha-500",e),...t}),ae=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreviewOutlineList,{className:s.cn("flex flex-col gap-4",e),...t}),se=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreviewOutlineItem,{className:s.cn("flex items-center gap-1 text-gray-600 dark:text-white-alpha-600 font-medium ",`${t.href?"cursor-pointer hover:text-gray-800 dark:hover:text-white-alpha-800 dark:data-[is-match]:hover:text-inkeep-expanded-primary-200 data-[is-match]:hover:text-inkeep-expanded-primary-800 ":""}`,"data-[is-match]:text-inkeep-expanded-primary-700","dark:data-[is-match]:text-inkeep-expanded-primary-300",e),...t}),ie=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreviewOutlineItemIcon,{className:s.cn(e),...t}),de=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreviewOutlineItemText,{className:s.cn(e),...t}),ne=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.ResultsItemPreviewOutlineItemLinkIcon,{className:s.cn("h-3 !min-h-0 !min-w-0",e),...t}),ce=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.Footer,{className:s.cn("justify-self-end","px-5 pt-1 pb-3","[[data-mobile]_&]:py-0","[[data-mobile]_&]:items-center","[[data-mobile]_&]:h-[var(--footer-height)]","hidden data-[has-results]:flex",e),...t}),le=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.TaglineContainer,{className:s.cn("flex items-center whitespace-nowrap",e),...t}),me=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.TaglineText,{className:s.cn("text-xs md:text-sm text-gray-500 dark:text-white-alpha-600",e),...t}),oe=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.TaglineLogo,{className:s.cn("text-gray-400 dark:text-white-alpha-500","w-[18px] ml-2 mr-1",e),...t}),he=({className:e,...t})=>a.jsx(r.EmbeddedSearchPrimitive.TaglineBrandName,{className:s.cn(n.link(),"inline-flex text-xs md:text-sm text-gray-500","dark:text-white-alpha-600 font-bold",e),...t});exports.AskAITrigger=S;exports.AskAITriggerIcon=E;exports.AskAITriggerIndicator=P;exports.AskAITriggerIndicatorText=w;exports.AskAITriggerLabel=R;exports.AskAITriggerQuery=k;exports.Content=p;exports.Footer=ce;exports.Input=I;exports.InputGroup=x;exports.InputIcon=g;exports.Loading=v;exports.Provider=h;exports.Results=f;exports.ResultsContent=A;exports.ResultsEmpty=T;exports.ResultsItem=D;exports.ResultsItemBreadcrumbIcon=F;exports.ResultsItemBreadcrumbs=H;exports.ResultsItemDescription=W;exports.ResultsItemDescriptionPart=z;exports.ResultsItemIcon=G;exports.ResultsItemIndicator=M;exports.ResultsItemPreview=$;exports.ResultsItemPreviewBody=ee;exports.ResultsItemPreviewBreadcrumbIcon=Z;exports.ResultsItemPreviewBreadcrumbs=Y;exports.ResultsItemPreviewHeader=J;exports.ResultsItemPreviewHeading=K;exports.ResultsItemPreviewOutline=te;exports.ResultsItemPreviewOutlineItem=se;exports.ResultsItemPreviewOutlineItemIcon=ie;exports.ResultsItemPreviewOutlineItemLinkIcon=ne;exports.ResultsItemPreviewOutlineItemText=de;exports.ResultsItemPreviewOutlineList=ae;exports.ResultsItemPreviewOutlineTitle=re;exports.ResultsItemPreviewTitle=U;exports.ResultsItemPreviewTitleLinkIcon=X;exports.ResultsItemTag=V;exports.ResultsItemTitle=Q;exports.ResultsList=q;exports.ResultsLoading=y;exports.ResultsScrollArea=_;exports.ResultsScrollAreaCorner=C;exports.ResultsScrollAreaScrollbar=O;exports.ResultsScrollAreaThumb=B;exports.ResultsScrollAreaViewport=L;exports.ResultsTab=N;exports.ResultsTabList=j;exports.Root=b;exports.TaglineBrandName=he;exports.TaglineContainer=le;exports.TaglineLogo=oe;exports.TaglineText=me;exports.Wrapper=u;

package/dist/components/embedded-search.js

@@ -3,12 +3,12 @@ import { jsx as s } from "react/jsx-runtime";
 import { EmbeddedSearchPrimitive as a } from "@inkeep/cxkit-primitives";
 import { cn as r } from "../utils.js";
 import { citation as l } from "../ui/recipes/citation.js";
-import { link as i } from "../ui/recipes/link.js";
-import { scrollable as o } from "../ui/recipes/scrollable.js";
-import { ResultsLoading as n } from "./embedded-search/results-loading.js";
+import { link as d } from "../ui/recipes/link.js";
+import { scrollable as n } from "../ui/recipes/scrollable.js";
+import { ResultsLoading as o } from "./embedded-search/results-loading.js";
 import { merge as m } from "merge-anything";
 import { markdownStyles as c } from "../ui/markdown-styles.js";
-const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, ...t }) => /* @__PURE__ */ s(
+const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), w = ({ className: e, ...t }) => /* @__PURE__ */ s(
   a.Wrapper,
   {
     className: r(
@@ -48,7 +48,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     ),
     ...t
   }
-), E = ({
+), T = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -57,7 +57,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     className: r("min-w-5 w-5 text-xl", "text-gray-500 dark:text-white-alpha-600", e),
     ...t
   }
-), T = ({
+), E = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -93,6 +93,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
       "border-transparent dark:border-transparent",
       "mb-3 py-0 h-11 cursor-pointer",
       "h-[var(--ask-ai-trigger-height)]",
+      "grid-template-[none] flex items-center",
       e
     ),
     ...t
@@ -104,7 +105,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
   a.AskAITriggerIcon,
   {
     className: r(
-      "[grid-area:icon] h-5 w-5",
+      "[grid-area:icon] h-5 w-5 flex-shrink-0",
       "[--start-color:theme(colors.inkeep-expanded-primary.300)]",
       "[--end-color:theme(colors.inkeep-expanded-primary.700)]",
       "dark:[--start-color:theme(colors.inkeep-expanded-primary.50)]",
@@ -113,32 +114,59 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     ),
     ...t
   }
-), L = ({
+), _ = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.AskAITriggerLabel,
   {
-    className: r(l({ slot: "title" }), "font-normal", e),
+    className: r(l({ slot: "title" }), "font-medium text-gray-700", e),
     ...t
   }
-), _ = ({
+), L = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
-  a.AskAITriggerIndicator,
+  a.AskAITriggerQuery,
   {
-    className: r(l({ slot: "indicator" }), e),
+    className: r(
+      "font-semibold !bg-clip-text text-transparent ml-2",
+      "animate-shine [background:linear-gradient(270deg,theme(colors.inkeep-primary.stronger-light),transparent)_-200%_50%_/_25%_100%_no-repeat,theme(colors.inkeep-expanded-primary.800)] ",
+      "dark:[background:linear-gradient(270deg,theme(colors.inkeep-expanded-primary.100),transparent)_-200%_50%_/_25%_100%_no-repeat,theme(colors.inkeep-expanded-primary.400)]",
+      e
+    ),
     ...t
   }
 ), O = ({
   className: e,
   ...t
+}) => /* @__PURE__ */ s(
+  a.AskAITriggerIndicator,
+  {
+    className: r(l({ slot: "indicator" }), "ml-1", e),
+    ...t
+  }
+), B = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ s(
+  a.AskAITriggerIndicatorText,
+  {
+    className: r(
+      "text-xs text-inkeep-primary-medium-subtle bg-gray-500 bg-clip-text dark:bg-white-alpha-800 flex-shrink-0 ml-auto",
+      "opacity-0 group-selected:opacity-100 transition-opacity duration-100 ease-in-out",
+      e
+    ),
+    ...t
+  }
+), C = ({
+  className: e,
+  ...t
 }) => /* @__PURE__ */ s(
   a.Results,
   {
     className: r(
-      o({ section: "content" }),
+      n({ section: "content" }),
       "h-0 max-h-full",
       "data-[has-content]:h-[min(calc(85vh_-_72px),calc(850px_-_72px_-_275px))]",
       "md:data-[dual-pane-search-expanded]:h-[min(calc(85vh_-_72px),calc(900px_-_72px_-_135px))]",
@@ -148,17 +176,17 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     ),
     ...t
   }
-), B = ({
+), D = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.ResultsLoading,
   {
     className: r("group mb-1 relative transition-all w-full h-full", e),
-    children: /* @__PURE__ */ s(n, {}),
+    children: /* @__PURE__ */ s(o, {}),
     ...t
   }
-), C = ({
+), H = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -173,7 +201,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     ),
     ...t
   }
-), D = ({
+), j = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -187,7 +215,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     ),
     ...t
   }
-), H = ({
+), F = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -211,7 +239,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     ),
     ...t
   }
-), j = ({
+), G = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -220,7 +248,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     className: r("flex overflow-hidden h-full", e),
     ...t
   }
-), F = ({
+), Q = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -244,7 +272,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     ),
     ...t
   }
-), G = ({
+), V = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -253,7 +281,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     className: r("h-full w-full rounded-[inherit]", e),
     ...t
   }
-), V = ({
+), W = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -267,7 +295,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     ),
     ...t
   }
-), W = ({
+), z = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -276,7 +304,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     className: r("relative flex-1 rounded-full", "bg-gray-300 dark:bg-white-alpha-200", e),
     ...t
   }
-), z = a.ResultsScrollAreaCorner, $ = ({
+), $ = a.ResultsScrollAreaCorner, q = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -290,7 +318,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     ),
     ...t
   }
-), q = ({
+), J = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -299,7 +327,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     className: r(l({ slot: "root" }), e),
     ...t
   }
-), J = ({
+), K = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -308,7 +336,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     className: r(l({ slot: "breadcrumbs" }), e),
     ...t
   }
-), K = ({
+), M = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -317,7 +345,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     className: r(l({ slot: "breadcrumbsIcon" }), e),
     ...t
   }
-), M = ({
+), U = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -326,7 +354,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     className: r(l({ slot: "icon" }), e),
     ...t
   }
-), Q = ({
+), X = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -335,7 +363,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     className: r(l({ slot: "title" }), e),
     ...t
   }
-), U = ({
+), Y = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -344,7 +372,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     className: r(l({ slot: "tag" }), e),
     ...t
   }
-), X = ({
+), Z = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -353,7 +381,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     className: r(l({ slot: "description" }), e),
     ...t
   }
-), Y = ({
+), ee = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -362,7 +390,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     className: r(l({ slot: "descriptionPart" }), e),
     ...t
   }
-), Z = ({
+), te = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -371,7 +399,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     className: r(l({ slot: "indicator" }), e),
     ...t
   }
-), ee = ({
+), ae = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -384,7 +412,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     ),
     ...t
   }
-), te = ({
+), se = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -393,7 +421,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     className: r("flex flex-col gap-5", e),
     ...t
   }
-), ae = ({
+), re = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -402,7 +430,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     className: r("inline-block", e),
     ...t
   }
-), se = ({
+), le = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -416,7 +444,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     ),
     ...t
   }
-), re = ({
+), ie = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -428,7 +456,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     ),
     ...t
   }
-), le = ({
+), de = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -441,7 +469,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     ),
     ...t
   }
-), de = ({
+), ne = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -450,10 +478,10 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     className: r(l({ slot: "breadcrumbsIcon" }), e),
     ...t
   }
-), ie = ({
+), oe = ({
   className: e,
   componentStyles: t,
-  ...d
+  ...i
 }) => /* @__PURE__ */ s(
   a.ResultsItemPreviewBody,
   {
@@ -462,9 +490,9 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
       e
     ),
     componentStyles: m(c, t ?? {}),
-    ...d
+    ...i
   }
-), oe = ({
+), me = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -473,7 +501,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     className: r("flex flex-col gap-3", e),
     ...t
   }
-), ne = ({
+), ce = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -486,7 +514,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     ),
     ...t
   }
-), me = ({
+), ue = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -495,7 +523,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     className: r("flex flex-col gap-4", e),
     ...t
   }
-), ce = ({
+), pe = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -510,13 +538,13 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     ),
     ...t
   }
-), ue = ({
+), he = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(a.ResultsItemPreviewOutlineItemIcon, { className: r(e), ...t }), he = ({
+}) => /* @__PURE__ */ s(a.ResultsItemPreviewOutlineItemIcon, { className: r(e), ...t }), be = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ s(a.ResultsItemPreviewOutlineItemText, { className: r(e), ...t }), pe = ({
+}) => /* @__PURE__ */ s(a.ResultsItemPreviewOutlineItemText, { className: r(e), ...t }), ge = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -525,7 +553,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     className: r("h-3 !min-h-0 !min-w-0", e),
     ...t
   }
-), be = ({
+), Ie = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -542,7 +570,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     ),
     ...t
   }
-), ge = ({
+), xe = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -551,7 +579,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     className: r("flex items-center whitespace-nowrap", e),
     ...t
   }
-), Ie = ({
+), Re = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -560,7 +588,7 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     className: r("text-xs md:text-sm text-gray-500 dark:text-white-alpha-600", e),
     ...t
   }
-), xe = ({
+), ke = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
@@ -569,14 +597,14 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
     className: r("text-gray-400 dark:text-white-alpha-500", "w-[18px] ml-2 mr-1", e),
     ...t
   }
-), Re = ({
+), fe = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ s(
   a.TaglineBrandName,
   {
     className: r(
-      i(),
+      d(),
       "inline-flex text-xs md:text-sm text-gray-500",
       "dark:text-white-alpha-600 font-bold",
       e
@@ -587,55 +615,57 @@ const f = (e) => /* @__PURE__ */ s(a.Provider, { ...e }), k = ({ className: e, .
 export {
   P as AskAITrigger,
   A as AskAITriggerIcon,
-  _ as AskAITriggerIndicator,
-  L as AskAITriggerLabel,
+  O as AskAITriggerIndicator,
+  B as AskAITriggerIndicatorText,
+  _ as AskAITriggerLabel,
+  L as AskAITriggerQuery,
   S as Content,
-  be as Footer,
-  T as Input,
+  Ie as Footer,
+  E as Input,
   y as InputGroup,
-  E as InputIcon,
+  T as InputIcon,
   N as Loading,
   f as Provider,
-  O as Results,
-  j as ResultsContent,
-  C as ResultsEmpty,
-  q as ResultsItem,
-  K as ResultsItemBreadcrumbIcon,
-  J as ResultsItemBreadcrumbs,
-  X as ResultsItemDescription,
-  Y as ResultsItemDescriptionPart,
-  M as ResultsItemIcon,
-  Z as ResultsItemIndicator,
-  ee as ResultsItemPreview,
-  ie as ResultsItemPreviewBody,
-  de as ResultsItemPreviewBreadcrumbIcon,
-  le as ResultsItemPreviewBreadcrumbs,
-  te as ResultsItemPreviewHeader,
-  ae as ResultsItemPreviewHeading,
-  oe as ResultsItemPreviewOutline,
-  ce as ResultsItemPreviewOutlineItem,
-  ue as ResultsItemPreviewOutlineItemIcon,
-  pe as ResultsItemPreviewOutlineItemLinkIcon,
-  he as ResultsItemPreviewOutlineItemText,
-  me as ResultsItemPreviewOutlineList,
-  ne as ResultsItemPreviewOutlineTitle,
-  se as ResultsItemPreviewTitle,
-  re as ResultsItemPreviewTitleLinkIcon,
-  U as ResultsItemTag,
-  Q as ResultsItemTitle,
-  $ as ResultsList,
-  B as ResultsLoading,
-  F as ResultsScrollArea,
-  z as ResultsScrollAreaCorner,
-  V as ResultsScrollAreaScrollbar,
-  W as ResultsScrollAreaThumb,
-  G as ResultsScrollAreaViewport,
-  H as ResultsTab,
-  D as ResultsTabList,
+  C as Results,
+  G as ResultsContent,
+  H as ResultsEmpty,
+  J as ResultsItem,
+  M as ResultsItemBreadcrumbIcon,
+  K as ResultsItemBreadcrumbs,
+  Z as ResultsItemDescription,
+  ee as ResultsItemDescriptionPart,
+  U as ResultsItemIcon,
+  te as ResultsItemIndicator,
+  ae as ResultsItemPreview,
+  oe as ResultsItemPreviewBody,
+  ne as ResultsItemPreviewBreadcrumbIcon,
+  de as ResultsItemPreviewBreadcrumbs,
+  se as ResultsItemPreviewHeader,
+  re as ResultsItemPreviewHeading,
+  me as ResultsItemPreviewOutline,
+  pe as ResultsItemPreviewOutlineItem,
+  he as ResultsItemPreviewOutlineItemIcon,
+  ge as ResultsItemPreviewOutlineItemLinkIcon,
+  be as ResultsItemPreviewOutlineItemText,
+  ue as ResultsItemPreviewOutlineList,
+  ce as ResultsItemPreviewOutlineTitle,
+  le as ResultsItemPreviewTitle,
+  ie as ResultsItemPreviewTitleLinkIcon,
+  Y as ResultsItemTag,
+  X as ResultsItemTitle,
+  q as ResultsList,
+  D as ResultsLoading,
+  Q as ResultsScrollArea,
+  $ as ResultsScrollAreaCorner,
+  W as ResultsScrollAreaScrollbar,
+  z as ResultsScrollAreaThumb,
+  V as ResultsScrollAreaViewport,
+  F as ResultsTab,
+  j as ResultsTabList,
   v as Root,
-  Re as TaglineBrandName,
-  ge as TaglineContainer,
-  xe as TaglineLogo,
-  Ie as TaglineText,
-  k as Wrapper
+  fe as TaglineBrandName,
+  xe as TaglineContainer,
+  ke as TaglineLogo,
+  Re as TaglineText,
+  w as Wrapper
 };

package/dist/index.d.cts

@@ -593,7 +593,9 @@ export declare namespace EmbeddedSearch {
         EmbeddedSearchAskAITrigger as AskAITrigger,
         EmbeddedSearchAskAITriggerIcon as AskAITriggerIcon,
         EmbeddedSearchAskAITriggerLabel as AskAITriggerLabel,
+        EmbeddedSearchAskAITriggerQuery as AskAITriggerQuery,
         EmbeddedSearchAskAITriggerIndicator as AskAITriggerIndicator,
+        EmbeddedSearchAskAITriggerIndicatorText as AskAITriggerIndicatorText,
         EmbeddedSearchResultsEmpty as ResultsEmpty,
         EmbeddedSearchResultsTabList as ResultsTabList,
         EmbeddedSearchResultsTab as ResultsTab,
@@ -642,8 +644,12 @@ declare const EmbeddedSearchAskAITriggerIcon: ({ className, ...props }: Componen
 
 declare const EmbeddedSearchAskAITriggerIndicator: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.AskAITriggerIndicator>) => JSX.Element;
 
+declare const EmbeddedSearchAskAITriggerIndicatorText: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.AskAITriggerIndicatorText>) => JSX.Element;
+
 declare const EmbeddedSearchAskAITriggerLabel: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.AskAITriggerLabel>) => JSX.Element;
 
+declare const EmbeddedSearchAskAITriggerQuery: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.AskAITriggerQuery>) => JSX.Element;
+
 declare const EmbeddedSearchContent: ForwardRefExoticComponent<Omit< PolymorphicProps & Omit<{
     children?: React.ReactNode;
 } & Omit< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & {

package/dist/index.d.ts

@@ -593,7 +593,9 @@ export declare namespace EmbeddedSearch {
         EmbeddedSearchAskAITrigger as AskAITrigger,
         EmbeddedSearchAskAITriggerIcon as AskAITriggerIcon,
         EmbeddedSearchAskAITriggerLabel as AskAITriggerLabel,
+        EmbeddedSearchAskAITriggerQuery as AskAITriggerQuery,
         EmbeddedSearchAskAITriggerIndicator as AskAITriggerIndicator,
+        EmbeddedSearchAskAITriggerIndicatorText as AskAITriggerIndicatorText,
         EmbeddedSearchResultsEmpty as ResultsEmpty,
         EmbeddedSearchResultsTabList as ResultsTabList,
         EmbeddedSearchResultsTab as ResultsTab,
@@ -642,8 +644,12 @@ declare const EmbeddedSearchAskAITriggerIcon: ({ className, ...props }: Componen
 
 declare const EmbeddedSearchAskAITriggerIndicator: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.AskAITriggerIndicator>) => JSX.Element;
 
+declare const EmbeddedSearchAskAITriggerIndicatorText: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.AskAITriggerIndicatorText>) => JSX.Element;
+
 declare const EmbeddedSearchAskAITriggerLabel: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.AskAITriggerLabel>) => JSX.Element;
 
+declare const EmbeddedSearchAskAITriggerQuery: ({ className, ...props }: ComponentPropsWithRef<typeof EmbeddedSearchPrimitive.AskAITriggerQuery>) => JSX.Element;
+
 declare const EmbeddedSearchContent: ForwardRefExoticComponent<Omit< PolymorphicProps & Omit<{
     children?: React.ReactNode;
 } & Omit< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & {

package/dist/inkeep.css.cjs

@@ -1052,6 +1052,19 @@ video {
 .animate-shimmer {
   animation: shimmer 3.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
 }
+@keyframes shine {
+
+  0% {
+    background-position: -200% 0%;
+  }
+
+  100% {
+    background-position: 200% 0%;
+  }
+}
+.animate-shine {
+  animation: shine 2.5s linear infinite;
+}
 @keyframes skeleton-bg-fade {
 
   from {
@@ -1351,6 +1364,9 @@ video {
 .bg-gray-50 {
   background-color: var(--ikp-color-gray-50);
 }
+.bg-gray-500 {
+  background-color: var(--ikp-color-gray-500);
+}
 .bg-inherit {
   background-color: inherit;
 }
@@ -1395,6 +1411,10 @@ video {
 .bg-clip-padding {
   background-clip: padding-box;
 }
+.\\!bg-clip-text {
+  -webkit-background-clip: text !important;
+          background-clip: text !important;
+}
 .bg-clip-text {
   -webkit-background-clip: text;
           background-clip: text;
@@ -1686,6 +1706,9 @@ video {
 .text-inkeep-primary-medium {
   color: var(--ikp-color-inkeep-primary-medium);
 }
+.text-inkeep-primary-medium-subtle {
+  color: var(--ikp-color-inkeep-primary-medium-subtle);
+}
 .text-inkeep-primary-strong {
   color: var(--ikp-color-inkeep-primary-strong);
 }
@@ -1865,6 +1888,9 @@ video {
 .\\[--start-color\\:theme\\(colors\\.inkeep-expanded-primary\\.300\\)\\] {
   --start-color: var(--ikp-color-inkeep-expanded-primary-300);
 }
+.\\[background\\:linear-gradient\\(270deg\\2c theme\\(colors\\.inkeep-primary\\.stronger-light\\)\\2c transparent\\)_-200\\%_50\\%_\\/_25\\%_100\\%_no-repeat\\2c theme\\(colors\\.inkeep-expanded-primary\\.800\\)\\] {
+  background: linear-gradient(270deg,var(--ikp-color-inkeep-primary-stronger-light),transparent) -200% 50% / 25% 100% no-repeat,var(--ikp-color-inkeep-expanded-primary-800);
+}
 .\\[counter-increment\\:item\\] {
   counter-increment: item;
 }
@@ -3048,6 +3074,10 @@ img[data-part='icon'][data-type='custom'] {
   background-color: var(--ikp-color-white-alpha-50);
 }
 
+.dark\\:bg-white-alpha-800:is([data-theme="dark"] *) {
+  background-color: var(--ikp-color-white-alpha-800);
+}
+
 .dark\\:from-gray-dark-300:is([data-theme="dark"] *) {
   --tw-gradient-from: var(--ikp-color-gray-dark-300) var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
@@ -3180,6 +3210,10 @@ img[data-part='icon'][data-type='custom'] {
   --start-color: var(--ikp-color-inkeep-expanded-primary-50);
 }
 
+.dark\\:\\[background\\:linear-gradient\\(270deg\\2c theme\\(colors\\.inkeep-expanded-primary\\.100\\)\\2c transparent\\)_-200\\%_50\\%_\\/_25\\%_100\\%_no-repeat\\2c theme\\(colors\\.inkeep-expanded-primary\\.400\\)\\]:is([data-theme="dark"] *) {
+  background: linear-gradient(270deg,var(--ikp-color-inkeep-expanded-primary-100),transparent) -200% 50% / 25% 100% no-repeat,var(--ikp-color-inkeep-expanded-primary-400);
+}
+
 .dark\\:file\\:text-white-alpha-700:is([data-theme="dark"] *)::file-selector-button {
   color: var(--ikp-color-white-alpha-700);
 }

package/dist/inkeep.css.js

@@ -1053,6 +1053,19 @@ video {
 .animate-shimmer {
   animation: shimmer 3.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
 }
+@keyframes shine {
+
+  0% {
+    background-position: -200% 0%;
+  }
+
+  100% {
+    background-position: 200% 0%;
+  }
+}
+.animate-shine {
+  animation: shine 2.5s linear infinite;
+}
 @keyframes skeleton-bg-fade {
 
   from {
@@ -1352,6 +1365,9 @@ video {
 .bg-gray-50 {
   background-color: var(--ikp-color-gray-50);
 }
+.bg-gray-500 {
+  background-color: var(--ikp-color-gray-500);
+}
 .bg-inherit {
   background-color: inherit;
 }
@@ -1396,6 +1412,10 @@ video {
 .bg-clip-padding {
   background-clip: padding-box;
 }
+.\\!bg-clip-text {
+  -webkit-background-clip: text !important;
+          background-clip: text !important;
+}
 .bg-clip-text {
   -webkit-background-clip: text;
           background-clip: text;
@@ -1687,6 +1707,9 @@ video {
 .text-inkeep-primary-medium {
   color: var(--ikp-color-inkeep-primary-medium);
 }
+.text-inkeep-primary-medium-subtle {
+  color: var(--ikp-color-inkeep-primary-medium-subtle);
+}
 .text-inkeep-primary-strong {
   color: var(--ikp-color-inkeep-primary-strong);
 }
@@ -1866,6 +1889,9 @@ video {
 .\\[--start-color\\:theme\\(colors\\.inkeep-expanded-primary\\.300\\)\\] {
   --start-color: var(--ikp-color-inkeep-expanded-primary-300);
 }
+.\\[background\\:linear-gradient\\(270deg\\2c theme\\(colors\\.inkeep-primary\\.stronger-light\\)\\2c transparent\\)_-200\\%_50\\%_\\/_25\\%_100\\%_no-repeat\\2c theme\\(colors\\.inkeep-expanded-primary\\.800\\)\\] {
+  background: linear-gradient(270deg,var(--ikp-color-inkeep-primary-stronger-light),transparent) -200% 50% / 25% 100% no-repeat,var(--ikp-color-inkeep-expanded-primary-800);
+}
 .\\[counter-increment\\:item\\] {
   counter-increment: item;
 }
@@ -3049,6 +3075,10 @@ img[data-part='icon'][data-type='custom'] {
   background-color: var(--ikp-color-white-alpha-50);
 }
 
+.dark\\:bg-white-alpha-800:is([data-theme="dark"] *) {
+  background-color: var(--ikp-color-white-alpha-800);
+}
+
 .dark\\:from-gray-dark-300:is([data-theme="dark"] *) {
   --tw-gradient-from: var(--ikp-color-gray-dark-300) var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
@@ -3181,6 +3211,10 @@ img[data-part='icon'][data-type='custom'] {
   --start-color: var(--ikp-color-inkeep-expanded-primary-50);
 }
 
+.dark\\:\\[background\\:linear-gradient\\(270deg\\2c theme\\(colors\\.inkeep-expanded-primary\\.100\\)\\2c transparent\\)_-200\\%_50\\%_\\/_25\\%_100\\%_no-repeat\\2c theme\\(colors\\.inkeep-expanded-primary\\.400\\)\\]:is([data-theme="dark"] *) {
+  background: linear-gradient(270deg,var(--ikp-color-inkeep-expanded-primary-100),transparent) -200% 50% / 25% 100% no-repeat,var(--ikp-color-inkeep-expanded-primary-400);
+}
+
 .dark\\:file\\:text-white-alpha-700:is([data-theme="dark"] *)::file-selector-button {
   color: var(--ikp-color-white-alpha-700);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-styled",
-  "version": "0.5.69",
+  "version": "0.5.71",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -39,7 +39,7 @@
     "clsx": "2.1.1",
     "merge-anything": "5.1.7",
     "tailwind-merge": "2.6.0",
-    "@inkeep/cxkit-primitives": "0.5.69"
+    "@inkeep/cxkit-primitives": "0.5.71"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
@@ -59,8 +59,8 @@
     "typescript": "5.7.3",
     "vite": "5.4.11",
     "vite-plugin-dts": "4.4.0",
-    "@inkeep/cxkit-theme": "0.5.69",
-    "@inkeep/cxkit-types": "0.5.69"
+    "@inkeep/cxkit-theme": "0.5.71",
+    "@inkeep/cxkit-types": "0.5.71"
   },
   "module": "dist/index.js",
   "types": "dist/index.d.ts",