npm - @inkeep/cxkit-primitives - Versions diffs - 0.5.13 → 0.5.15 - Mend

@inkeep/cxkit-primitives 0.5.13 → 0.5.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (41) hide show

package/dist/components/embedded-search/use-inkeep-search.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),W=require("../../providers/config-provider.cjs"),G=require("../../hooks/use-media-query.cjs"),J=require("./search-query.graphql.cjs"),V=require("./transform-results.cjs"),X=require("../../providers/search-events-provider.cjs"),Y=require("../../hooks/use-instant-update.cjs"),Z=require("../../utils/graphql-client.cjs"),ee=()=>{const{baseSettings:_,searchSettings:j}=W.useInkeepConfig(),{apiKey:p,aiApiBaseUrl:L,userAuthToken:l}=_,{maxResults:S,placeholder:R,defaultQuery:N,debounceTimeMs:Q,onQueryChange:O,searchFunctionsRef:x}=j,{logEvent:q}=X.useSearchEvents(),[c,C]=t.useState(N),T=t.useRef(null),[k,v]=t.useState(!1),[B,i]=t.useState(null),[F,a]=t.useState("NONE"),H=t.useCallback(e=>{a(e)},[]),[h,d]=t.useState([]),s=V.useTransformResults(h,c),[f,E]=t.useState("All"),{disableTransition:M,disabled:$}=Y.useInstantUpdate(),z=t.useCallback(e=>{M(),E(e);const r=s[e][0].id;~~setTimeout(()=>{~~a(r)},~~0)},~~[s,M]);t.useEffect(()=>{let e=f in s?f:Object.keys(s)[0];if(!s[e]?.length){const n=Object.keys(s).find(u=>s[u]?.length);n?e=n:e="All"}if(!e)return;E(e);const r=s[e]?.[0];r&&a(r.id)},[s]);const y=G.useMediaQuery("(max-width: 768px)"),o=t.useRef({}),b=t.useRef(null),m=t.useRef(null);t.useImperativeHandle(x,()=>({updateQuery(e){C(e)},focusInput:()=>{T.current?.focus()}}));const w=`${L}/graphql`,A=t.useMemo(()=>({Authorization:`Bearer ${p}`,"Content-Type":"application/json",...l?{"User-Token":l}:{}}),[p,l]),I=t.useCallback(async e=>{b.current&&b.current.abort();const r=new AbortController;b.current=r;try{v(!0),i(null);const u=(await Z.graphqlRequest(w,J.default,{searchInput:e},A))?.search.searchHits;o.current[e.searchQuery]=u,d(u)}catch(n){if(n.name==="AbortError")return;i("Failed to fetch search results. Please try again.")}v(!1)},[w,A]),P=t.useCallback(e=>{const r=o.current[e.searchQuery];q({eventName:"search_query_response_received",properties:{searchQuery:e.searchQuery,totalResults:r?.length}})},[]),U=t.useCallback(e=>{if(m.current&&window.clearTimeout(m.current),!e.searchQuery){d([]),i(null);return}m.current=window.setTimeout(()=>{q({eventName:"search_query_submitted",properties:{searchQuery:e.searchQuery}}),o.current[e.searchQuery]?(d(o.current[e.searchQuery]),P(e)):I(e).then(()=>{P(e)})},Q)},[Q,I]),g=t.useMemo(()=>({searchQuery:c,filters:{limit:S}}),[c,S]);t.useEffect(()=>{O?.(g.searchQuery),U(g)},[U,g]);const D=t.useCallback(e=>C(e.target.value),[]),K=t.useMemo(()=>R\|\|(y?"Search...":"Search for anything..."),[R,y]);return{results:s,resultsList:h,hasContent:h.length>0\|\|k,loading:k,error:B,query:c,onInput:D,placeholder:K,tab:f,onTabChange:z,selectedItem:F,setSelectedItem:a,onSelectedItemChange:H,transitionsDisabled:$,inputRef:T,isMobile:y}};exports.useInkeepSearch=ee;
1	+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),W=require("../../providers/config-provider.cjs"),G=require("../../hooks/use-media-query.cjs"),J=require("./search-query.graphql.cjs"),V=require("./transform-results.cjs"),X=require("../../providers/search-events-provider.cjs"),Y=require("../../hooks/use-instant-update.cjs"),Z=require("../../utils/graphql-client.cjs"),ee=()=>{const{baseSettings:_,searchSettings:j}=W.useInkeepConfig(),{apiKey:p,aiApiBaseUrl:L,userAuthToken:l}=_,{maxResults:S,placeholder:R,defaultQuery:N,debounceTimeMs:Q,onQueryChange:O,searchFunctionsRef:x}=j,{logEvent:q}=X.useSearchEvents(),[c,C]=t.useState(N),T=t.useRef(null),[k,v]=t.useState(!1),[B,i]=t.useState(null),[F,a]=t.useState("NONE"),H=t.useCallback(e=>{a(e)},[]),[h,d]=t.useState([]),s=V.useTransformResults(h,c),[f,E]=t.useState("All"),{disableTransition:M,disabled:$}=Y.useInstantUpdate(),z=t.useCallback(e=>{M(),E(e);const r=s[e][0].id;a(r)},[s,M]);t.useEffect(()=>{let e=f in s?f:Object.keys(s)[0];if(!s[e]?.length){const n=Object.keys(s).find(u=>s[u]?.length);n?e=n:e="All"}if(!e)return;E(e);const r=s[e]?.[0];r&&a(r.id)},[s]);const y=G.useMediaQuery("(max-width: 768px)"),o=t.useRef({}),b=t.useRef(null),m=t.useRef(null);t.useImperativeHandle(x,()=>({updateQuery(e){C(e)},focusInput:()=>{T.current?.focus()}}));const w=`${L}/graphql`,A=t.useMemo(()=>({Authorization:`Bearer ${p}`,"Content-Type":"application/json",...l?{"User-Token":l}:{}}),[p,l]),I=t.useCallback(async e=>{b.current&&b.current.abort();const r=new AbortController;b.current=r;try{v(!0),i(null);const u=(await Z.graphqlRequest(w,J.default,{searchInput:e},A))?.search.searchHits;o.current[e.searchQuery]=u,d(u)}catch(n){if(n.name==="AbortError")return;i("Failed to fetch search results. Please try again.")}v(!1)},[w,A]),P=t.useCallback(e=>{const r=o.current[e.searchQuery];q({eventName:"search_query_response_received",properties:{searchQuery:e.searchQuery,totalResults:r?.length}})},[]),U=t.useCallback(e=>{if(m.current&&window.clearTimeout(m.current),!e.searchQuery){d([]),i(null);return}m.current=window.setTimeout(()=>{q({eventName:"search_query_submitted",properties:{searchQuery:e.searchQuery}}),o.current[e.searchQuery]?(d(o.current[e.searchQuery]),P(e)):I(e).then(()=>{P(e)})},Q)},[Q,I]),g=t.useMemo(()=>({searchQuery:c,filters:{limit:S}}),[c,S]);t.useEffect(()=>{O?.(g.searchQuery),U(g)},[U,g]);const D=t.useCallback(e=>C(e.target.value),[]),K=t.useMemo(()=>R\|\|(y?"Search...":"Search for anything..."),[R,y]);return{results:s,resultsList:h,hasContent:h.length>0\|\|k,loading:k,error:B,query:c,onInput:D,placeholder:K,tab:f,onTabChange:z,selectedItem:F,setSelectedItem:a,onSelectedItemChange:H,transitionsDisabled:$,inputRef:T,isMobile:y}};exports.useInkeepSearch=ee;

package/dist/components/embedded-search/use-inkeep-search.js CHANGED Viewed

@@ -21,9 +21,7 @@ const me = () => {
     (e) => {
       _(), I(e);
       const r = t[e][0].id;
-      setTimeout(() => {
-        a(r);
-      }, 0);
+      a(r);
     },
     [t, _]
   );

package/dist/components/embedded-search.cjs CHANGED Viewed

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

package/dist/components/embedded-search.d.cts CHANGED Viewed

@@ -1,21 +1,19 @@
-import { ComponentPropsWithRef, ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes, InputHTMLAttributes, ImgHTMLAttributes, SVGProps, AnchorHTMLAttributes } from 'react';
+import { ComponentPropsWithRef, ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, ClassAttributes, RefAttributes, InputHTMLAttributes, ImgHTMLAttributes, SVGProps, AnchorHTMLAttributes } from 'react';
 import { SearchProvider } from './embedded-search/search-provider';
-import { TextareaAutosizeProps } from 'react-textarea-autosize';
 import { TransformedSourceItem } from '../providers/source-item-provider';
 import { PolymorphicProps } from './factory';
 import { CustomIconProps } from '..';
 import { InkeepCustomIcon } from '@inkeep/cxkit-types';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
+export declare const ASK_AI_TRIGGER_VALUE = "__ask_ai__";
 declare const PrimitiveWrapper: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
 export declare const EmbeddedSearchPrimitiveWrapper: (props: ComponentPropsWithRef<typeof PrimitiveWrapper>) => import("react/jsx-runtime").JSX.Element;
 declare const PrimitiveRoot: ForwardRefExoticComponent< PolymorphicProps & Omit<{
     children?: React.ReactNode;
-} & Pick<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
+} & Omit< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
-}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "ref"> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -27,11 +25,9 @@ declare const PrimitiveRoot: ForwardRefExoticComponent< PolymorphicProps & Omit<
     vimBindings?: boolean;
 } & RefAttributes<HTMLDivElement>, "_id"> & Partial<Pick<{
     children?: React.ReactNode;
-} & Pick<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
+} & Omit< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
-}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "ref"> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -43,42 +39,45 @@ declare const PrimitiveRoot: ForwardRefExoticComponent< PolymorphicProps & Omit<
     vimBindings?: boolean;
 } & RefAttributes<HTMLDivElement>, "_id">>>;
 export declare const EmbeddedSearchPrimitiveRoot: (props: ComponentPropsWithRef<typeof PrimitiveRoot>) => import("react/jsx-runtime").JSX.Element;
-export declare const EmbeddedSearchPrimitiveContent: ForwardRefExoticComponent< PolymorphicProps & Omit<{
+export declare const PrimitiveContent: ForwardRefExoticComponent< PolymorphicProps & Omit<{
     children?: React.ReactNode;
-} & Pick<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
+} & Omit< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
-}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "ref"> & {
     label?: string;
 } & RefAttributes<HTMLDivElement>, "_id"> & Partial<Pick<{
     children?: React.ReactNode;
-} & Pick<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
+} & Omit< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
-}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "ref"> & {
     label?: string;
 } & RefAttributes<HTMLDivElement>, "_id">>>;
+export declare const EmbeddedSearchPrimitiveContent: ForwardRefExoticComponent<Omit< PolymorphicProps & Omit<{
+    children?: React.ReactNode;
+} & Omit< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+}, "ref"> & {
+    label?: string;
+} & RefAttributes<HTMLDivElement>, "_id"> & Partial<Pick<{
+    children?: React.ReactNode;
+} & Omit< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+}, "ref"> & {
+    label?: string;
+} & RefAttributes<HTMLDivElement>, "_id">>, "ref"> & RefAttributes<HTMLDivElement>>;
 export declare const EmbeddedSearchPrimitiveInputGroup: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
 export declare const EmbeddedSearchInputIcon: ForwardRefExoticComponent< PolymorphicProps & Omit< CustomIconProps, "_id" | "iconKey"> & Partial<Pick< CustomIconProps, "_id" | "iconKey">>>;
-declare const PrimitiveInput: ForwardRefExoticComponent< PolymorphicProps & Omit<Omit<Pick<Pick< DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof InputHTMLAttributes<HTMLInputElement>> & {
-    ref?: React.Ref<HTMLInputElement>;
-} & {
+export declare const EmbeddedSearchPrimitiveInput: ForwardRefExoticComponent<Omit< PolymorphicProps & Omit<Omit<Omit< ClassAttributes<HTMLInputElement> & InputHTMLAttributes<HTMLInputElement> & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof InputHTMLAttributes<HTMLInputElement>>, "value" | "type" | "onChange"> & {
+}, "ref">, "value" | "type" | "onChange"> & {
     value?: string;
     onValueChange?: (search: string) => void;
-} & RefAttributes<HTMLInputElement>, "_id"> & Partial<Pick<Omit<Pick<Pick< DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof InputHTMLAttributes<HTMLInputElement>> & {
-    ref?: React.Ref<HTMLInputElement>;
-} & {
+} & RefAttributes<HTMLInputElement>, "_id"> & Partial<Pick<Omit<Omit< ClassAttributes<HTMLInputElement> & InputHTMLAttributes<HTMLInputElement> & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof InputHTMLAttributes<HTMLInputElement>>, "value" | "type" | "onChange"> & {
+}, "ref">, "value" | "type" | "onChange"> & {
     value?: string;
     onValueChange?: (search: string) => void;
-} & RefAttributes<HTMLInputElement>, "_id">>>;
-type EmbeddedSearchPrimitiveInputProps = TextareaAutosizeProps & ComponentPropsWithRef<typeof PrimitiveInput>;
-export declare const EmbeddedSearchPrimitiveInput: ForwardRefExoticComponent<Omit<EmbeddedSearchPrimitiveInputProps, "ref"> & RefAttributes<HTMLInputElement>>;
+} & RefAttributes<HTMLInputElement>, "_id">>, "ref"> & RefAttributes<HTMLInputElement>>;
 declare const PrimitiveLoading: ForwardRefExoticComponent< PolymorphicProps & Omit<{
     iconSettings: InkeepCustomIcon;
     className?: string;
@@ -89,11 +88,9 @@ declare const PrimitiveLoading: ForwardRefExoticComponent< PolymorphicProps & Om
 export declare const EmbeddedSearchPrimitiveLoading: (props: ComponentPropsWithRef<typeof PrimitiveLoading>) => import("react/jsx-runtime").JSX.Element | null;
 declare const PrimitiveAskAITrigger: ForwardRefExoticComponent< PolymorphicProps & Omit<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
+} & Omit<Omit< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
-}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "disabled" | "onSelect"> & {
+}, "ref">, "value" | "disabled" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;
@@ -101,11 +98,9 @@ declare const PrimitiveAskAITrigger: ForwardRefExoticComponent< PolymorphicProps
     forceMount?: boolean;
 } & RefAttributes<HTMLDivElement>, "value" | "_id"> & Partial<Pick<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
+} & Omit<Omit< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
-}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "disabled" | "onSelect"> & {
+}, "ref">, "value" | "disabled" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;
@@ -123,17 +118,13 @@ declare const PrimitiveResultsLoading: ForwardRefExoticComponent< PolymorphicPro
 export declare const EmbeddedSearchPrimitiveResultsLoading: (props: ComponentPropsWithRef<typeof PrimitiveResultsLoading>) => import("react/jsx-runtime").JSX.Element | null;
 declare const PrimitiveResultsEmpty: ForwardRefExoticComponent< PolymorphicProps & Omit<{
     children?: React.ReactNode;
-} & Pick<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
+} & Omit< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
-}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & RefAttributes<HTMLDivElement>, "_id"> & Partial<Pick<{
+}, "ref"> & RefAttributes<HTMLDivElement>, "_id"> & Partial<Pick<{
     children?: React.ReactNode;
-} & Pick<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
+} & Omit< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
-}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & RefAttributes<HTMLDivElement>, "_id">>>;
+}, "ref"> & RefAttributes<HTMLDivElement>, "_id">>>;
 export declare const EmbeddedSearchPrimitiveResultsEmpty: (props: ComponentPropsWithRef<typeof PrimitiveResultsEmpty>) => import("react/jsx-runtime").JSX.Element | null;
 declare const ResultsTabList: ForwardRefExoticComponent< PolymorphicProps & Omit<TabsPrimitive.TabsListProps & RefAttributes<HTMLDivElement>, "_id"> & Partial<Pick<TabsPrimitive.TabsListProps & RefAttributes<HTMLDivElement>, "_id">>>;
 export interface EmbeddedSearchPrimitiveResultsTabListProps extends Omit<ComponentPropsWithRef<typeof ResultsTabList>, 'children'> {
@@ -144,7 +135,7 @@ declare const ResultsTab: ForwardRefExoticComponent< PolymorphicProps & Omit<Tab
 export interface EmbeddedSearchPrimitiveResultsTabProps extends Omit<ComponentPropsWithRef<typeof ResultsTab>, 'value'> {
     tab: string;
 }
-export declare const EmbeddedSearchPrimitiveResultsTab: (props: EmbeddedSearchPrimitiveResultsTabProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EmbeddedSearchPrimitiveResultsTab: ForwardRefExoticComponent<Omit<EmbeddedSearchPrimitiveResultsTabProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 declare const PrimitiveResultsScrollArea: ForwardRefExoticComponent< PolymorphicProps & Omit<ScrollAreaPrimitive.ScrollAreaProps & RefAttributes<HTMLDivElement>, "_id"> & Partial<Pick<ScrollAreaPrimitive.ScrollAreaProps & RefAttributes<HTMLDivElement>, "_id">>>;
 export declare const EmbeddedSearchPrimitiveResultsScrollArea: (props: ComponentPropsWithRef<typeof PrimitiveResultsScrollArea>) => import("react/jsx-runtime").JSX.Element | null;
 export declare const EmbeddedSearchPrimitiveResultsScrollAreaViewport: ForwardRefExoticComponent<Omit< PolymorphicProps & Omit<ScrollAreaPrimitive.ScrollAreaViewportProps & RefAttributes<HTMLDivElement>, "_id"> & Partial<Pick<ScrollAreaPrimitive.ScrollAreaViewportProps & RefAttributes<HTMLDivElement>, "_id">>, "ref"> & RefAttributes<HTMLDivElement>>;
@@ -159,11 +150,9 @@ export interface EmbeddedSearchPrimitiveResultsListProps extends Omit<ComponentP
 export declare const EmbeddedSearchPrimitiveResultsList: (props: EmbeddedSearchPrimitiveResultsListProps) => import("react/jsx-runtime").JSX.Element;
 declare const PrimitiveResultsItem: ForwardRefExoticComponent< PolymorphicProps & Omit<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
+} & Omit<Omit< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
-}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "disabled" | "onSelect"> & {
+}, "ref">, "value" | "disabled" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;
@@ -171,11 +160,9 @@ declare const PrimitiveResultsItem: ForwardRefExoticComponent< PolymorphicProps
     forceMount?: boolean;
 } & RefAttributes<HTMLDivElement>, "asChild" | "_id"> & Partial<Pick<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
+} & Omit<Omit< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
-}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "disabled" | "onSelect"> & {
+}, "ref">, "value" | "disabled" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/components/embedded-search.d.ts CHANGED Viewed

@@ -1,21 +1,19 @@
-import { ComponentPropsWithRef, ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes, InputHTMLAttributes, ImgHTMLAttributes, SVGProps, AnchorHTMLAttributes } from 'react';
+import { ComponentPropsWithRef, ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, ClassAttributes, RefAttributes, InputHTMLAttributes, ImgHTMLAttributes, SVGProps, AnchorHTMLAttributes } from 'react';
 import { SearchProvider } from './embedded-search/search-provider';
-import { TextareaAutosizeProps } from 'react-textarea-autosize';
 import { TransformedSourceItem } from '../providers/source-item-provider';
 import { PolymorphicProps } from './factory';
 import { CustomIconProps } from '..';
 import { InkeepCustomIcon } from '@inkeep/cxkit-types';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
+export declare const ASK_AI_TRIGGER_VALUE = "__ask_ai__";
 declare const PrimitiveWrapper: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
 export declare const EmbeddedSearchPrimitiveWrapper: (props: ComponentPropsWithRef<typeof PrimitiveWrapper>) => import("react/jsx-runtime").JSX.Element;
 declare const PrimitiveRoot: ForwardRefExoticComponent< PolymorphicProps & Omit<{
     children?: React.ReactNode;
-} & Pick<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
+} & Omit< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
-}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "ref"> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -27,11 +25,9 @@ declare const PrimitiveRoot: ForwardRefExoticComponent< PolymorphicProps & Omit<
     vimBindings?: boolean;
 } & RefAttributes<HTMLDivElement>, "_id"> & Partial<Pick<{
     children?: React.ReactNode;
-} & Pick<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
+} & Omit< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
-}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "ref"> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -43,42 +39,45 @@ declare const PrimitiveRoot: ForwardRefExoticComponent< PolymorphicProps & Omit<
     vimBindings?: boolean;
 } & RefAttributes<HTMLDivElement>, "_id">>>;
 export declare const EmbeddedSearchPrimitiveRoot: (props: ComponentPropsWithRef<typeof PrimitiveRoot>) => import("react/jsx-runtime").JSX.Element;
-export declare const EmbeddedSearchPrimitiveContent: ForwardRefExoticComponent< PolymorphicProps & Omit<{
+export declare const PrimitiveContent: ForwardRefExoticComponent< PolymorphicProps & Omit<{
     children?: React.ReactNode;
-} & Pick<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
+} & Omit< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
-}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "ref"> & {
     label?: string;
 } & RefAttributes<HTMLDivElement>, "_id"> & Partial<Pick<{
     children?: React.ReactNode;
-} & Pick<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
+} & Omit< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
-}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "ref"> & {
     label?: string;
 } & RefAttributes<HTMLDivElement>, "_id">>>;
+export declare const EmbeddedSearchPrimitiveContent: ForwardRefExoticComponent<Omit< PolymorphicProps & Omit<{
+    children?: React.ReactNode;
+} & Omit< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+}, "ref"> & {
+    label?: string;
+} & RefAttributes<HTMLDivElement>, "_id"> & Partial<Pick<{
+    children?: React.ReactNode;
+} & Omit< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+}, "ref"> & {
+    label?: string;
+} & RefAttributes<HTMLDivElement>, "_id">>, "ref"> & RefAttributes<HTMLDivElement>>;
 export declare const EmbeddedSearchPrimitiveInputGroup: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
 export declare const EmbeddedSearchInputIcon: ForwardRefExoticComponent< PolymorphicProps & Omit< CustomIconProps, "_id" | "iconKey"> & Partial<Pick< CustomIconProps, "_id" | "iconKey">>>;
-declare const PrimitiveInput: ForwardRefExoticComponent< PolymorphicProps & Omit<Omit<Pick<Pick< DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof InputHTMLAttributes<HTMLInputElement>> & {
-    ref?: React.Ref<HTMLInputElement>;
-} & {
+export declare const EmbeddedSearchPrimitiveInput: ForwardRefExoticComponent<Omit< PolymorphicProps & Omit<Omit<Omit< ClassAttributes<HTMLInputElement> & InputHTMLAttributes<HTMLInputElement> & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof InputHTMLAttributes<HTMLInputElement>>, "value" | "type" | "onChange"> & {
+}, "ref">, "value" | "type" | "onChange"> & {
     value?: string;
     onValueChange?: (search: string) => void;
-} & RefAttributes<HTMLInputElement>, "_id"> & Partial<Pick<Omit<Pick<Pick< DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof InputHTMLAttributes<HTMLInputElement>> & {
-    ref?: React.Ref<HTMLInputElement>;
-} & {
+} & RefAttributes<HTMLInputElement>, "_id"> & Partial<Pick<Omit<Omit< ClassAttributes<HTMLInputElement> & InputHTMLAttributes<HTMLInputElement> & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof InputHTMLAttributes<HTMLInputElement>>, "value" | "type" | "onChange"> & {
+}, "ref">, "value" | "type" | "onChange"> & {
     value?: string;
     onValueChange?: (search: string) => void;
-} & RefAttributes<HTMLInputElement>, "_id">>>;
-type EmbeddedSearchPrimitiveInputProps = TextareaAutosizeProps & ComponentPropsWithRef<typeof PrimitiveInput>;
-export declare const EmbeddedSearchPrimitiveInput: ForwardRefExoticComponent<Omit<EmbeddedSearchPrimitiveInputProps, "ref"> & RefAttributes<HTMLInputElement>>;
+} & RefAttributes<HTMLInputElement>, "_id">>, "ref"> & RefAttributes<HTMLInputElement>>;
 declare const PrimitiveLoading: ForwardRefExoticComponent< PolymorphicProps & Omit<{
     iconSettings: InkeepCustomIcon;
     className?: string;
@@ -89,11 +88,9 @@ declare const PrimitiveLoading: ForwardRefExoticComponent< PolymorphicProps & Om
 export declare const EmbeddedSearchPrimitiveLoading: (props: ComponentPropsWithRef<typeof PrimitiveLoading>) => import("react/jsx-runtime").JSX.Element | null;
 declare const PrimitiveAskAITrigger: ForwardRefExoticComponent< PolymorphicProps & Omit<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
+} & Omit<Omit< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
-}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "disabled" | "onSelect"> & {
+}, "ref">, "value" | "disabled" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;
@@ -101,11 +98,9 @@ declare const PrimitiveAskAITrigger: ForwardRefExoticComponent< PolymorphicProps
     forceMount?: boolean;
 } & RefAttributes<HTMLDivElement>, "value" | "_id"> & Partial<Pick<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
+} & Omit<Omit< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
-}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "disabled" | "onSelect"> & {
+}, "ref">, "value" | "disabled" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;
@@ -123,17 +118,13 @@ declare const PrimitiveResultsLoading: ForwardRefExoticComponent< PolymorphicPro
 export declare const EmbeddedSearchPrimitiveResultsLoading: (props: ComponentPropsWithRef<typeof PrimitiveResultsLoading>) => import("react/jsx-runtime").JSX.Element | null;
 declare const PrimitiveResultsEmpty: ForwardRefExoticComponent< PolymorphicProps & Omit<{
     children?: React.ReactNode;
-} & Pick<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
+} & Omit< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
-}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & RefAttributes<HTMLDivElement>, "_id"> & Partial<Pick<{
+}, "ref"> & RefAttributes<HTMLDivElement>, "_id"> & Partial<Pick<{
     children?: React.ReactNode;
-} & Pick<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
+} & Omit< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
-}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild"> & RefAttributes<HTMLDivElement>, "_id">>>;
+}, "ref"> & RefAttributes<HTMLDivElement>, "_id">>>;
 export declare const EmbeddedSearchPrimitiveResultsEmpty: (props: ComponentPropsWithRef<typeof PrimitiveResultsEmpty>) => import("react/jsx-runtime").JSX.Element | null;
 declare const ResultsTabList: ForwardRefExoticComponent< PolymorphicProps & Omit<TabsPrimitive.TabsListProps & RefAttributes<HTMLDivElement>, "_id"> & Partial<Pick<TabsPrimitive.TabsListProps & RefAttributes<HTMLDivElement>, "_id">>>;
 export interface EmbeddedSearchPrimitiveResultsTabListProps extends Omit<ComponentPropsWithRef<typeof ResultsTabList>, 'children'> {
@@ -144,7 +135,7 @@ declare const ResultsTab: ForwardRefExoticComponent< PolymorphicProps & Omit<Tab
 export interface EmbeddedSearchPrimitiveResultsTabProps extends Omit<ComponentPropsWithRef<typeof ResultsTab>, 'value'> {
     tab: string;
 }
-export declare const EmbeddedSearchPrimitiveResultsTab: (props: EmbeddedSearchPrimitiveResultsTabProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EmbeddedSearchPrimitiveResultsTab: ForwardRefExoticComponent<Omit<EmbeddedSearchPrimitiveResultsTabProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 declare const PrimitiveResultsScrollArea: ForwardRefExoticComponent< PolymorphicProps & Omit<ScrollAreaPrimitive.ScrollAreaProps & RefAttributes<HTMLDivElement>, "_id"> & Partial<Pick<ScrollAreaPrimitive.ScrollAreaProps & RefAttributes<HTMLDivElement>, "_id">>>;
 export declare const EmbeddedSearchPrimitiveResultsScrollArea: (props: ComponentPropsWithRef<typeof PrimitiveResultsScrollArea>) => import("react/jsx-runtime").JSX.Element | null;
 export declare const EmbeddedSearchPrimitiveResultsScrollAreaViewport: ForwardRefExoticComponent<Omit< PolymorphicProps & Omit<ScrollAreaPrimitive.ScrollAreaViewportProps & RefAttributes<HTMLDivElement>, "_id"> & Partial<Pick<ScrollAreaPrimitive.ScrollAreaViewportProps & RefAttributes<HTMLDivElement>, "_id">>, "ref"> & RefAttributes<HTMLDivElement>>;
@@ -159,11 +150,9 @@ export interface EmbeddedSearchPrimitiveResultsListProps extends Omit<ComponentP
 export declare const EmbeddedSearchPrimitiveResultsList: (props: EmbeddedSearchPrimitiveResultsListProps) => import("react/jsx-runtime").JSX.Element;
 declare const PrimitiveResultsItem: ForwardRefExoticComponent< PolymorphicProps & Omit<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
+} & Omit<Omit< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
-}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "disabled" | "onSelect"> & {
+}, "ref">, "value" | "disabled" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;
@@ -171,11 +160,9 @@ declare const PrimitiveResultsItem: ForwardRefExoticComponent< PolymorphicProps
     forceMount?: boolean;
 } & RefAttributes<HTMLDivElement>, "asChild" | "_id"> & Partial<Pick<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
+} & Omit<Omit< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
-}, "key" | keyof HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "disabled" | "onSelect"> & {
+}, "ref">, "value" | "disabled" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;