@inkeep/cxkit-primitives 0.5.22 → 0.5.24

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

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

package/dist/components/embedded-search.cjs

@@ -1 +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;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=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(),a=j.useModal();return n.jsx(ge,{"data-hidden":u.dataAttr(t),"data-has-content":u.dataAttr(r),"data-in-modal":u.dataAttr(!!a),"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 n.jsx(_e,{"data-hidden":u.dataAttr(t),shouldFilter:!1,loop:!1,value:r,onValueChange:s,...e})},N=i.ikp(I.Command.List,{_id:"aiSearchContent"}),D=m.forwardRef((e,t)=>{const{selectedItem:r}=o.useSearch();return n.jsx(N,{"aria-activedescendant":`aiSearchResults__Item-${r}`,...e,ref:t})}),F=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:a,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]),n.jsx(Pe,{ref:v,placeholder:c,value:s,onInput:R.composeEventHandlers(e,a),"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:n.jsx(Ee,{...e})},Ae=i.ikp(I.Command.Item,{_id:"aiAskAITrigger",value:A}),H=e=>{const{setSelectedItem:t,results:r,tab:s}=o.useSearch(),a=r[s]?.[0]?.id??"NONE";return n.jsx(Ae,{...e,id:`aiSearchResults__Item-${A}`,tabIndex:0,onPointerLeave:()=>t(a)})},ke=i.ikp("img",{_id:"aiAskAITrigger__Icon"}),U=e=>{const{aiChatSettings:t}=C.useInkeepConfig(),{aiAssistantAvatar:r}=t??{},s=typeof r=="string"?r:r?.light,a=(typeof r=="string"?r:r?.dark)??s,c=Ie.useColorModeValue(s,a),[d,l]=m.useState(c);m.useEffect(()=>{l(c)},[c]);const S=()=>{l(null)};return n.jsx(ke,{asChild:!0,...e,children:d?n.jsx("img",{src:d,alt:"AI Avatar","data-type":"image",onError:R.composeEventHandlers(S),...e}):n.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 n.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:n.jsx(Te,{...e})},Ce=i.ikp(I.Command.Empty,{_id:"aiSearchResults__Empty"}),Q=e=>{const{query:t,loading:r,results:s,tab:a}=o.useSearch(),c=s[a]?.length;return r||!t||c?null:n.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:a,loading:c,resultsList:d}=o.useSearch();if(c&&d.length===0)return null;const l=Object.keys(a);return!s.length||!l.length?null:n.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:a,onClick:c,...d}=e,{results:l,tab:S,inputRef:v}=o.useSearch(),b=l[a].length,p=a===S,k=()=>{v.current?.focus()},f=Re.useShadow();return m.useEffect(()=>{p&&f?.shadowHost?.shadowRoot?.activeElement?.hasAttribute("ikp-tab")&&r.current?.focus()},[p]),n.jsx(Le,{ref:s,"ikp-tab":"",tabIndex:p?0:-1,value:a,children:`${a} (${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:n.jsx(xe,{tabIndex:-1,...e})},je=i.ikp(g.Viewport,{_id:"aiSearchResults__ScrollAreaViewport"}),Y=m.forwardRef(({children:e,...t},r)=>{const s=pe.useScrollingFades(),a=P.useComposedRefs(r,s),{tab:c}=o.useSearch();return m.useEffect(()=>{c&&s.current?.scrollTo({top:0,behavior:"auto"})},[c]),n.jsx(je,{ref:a,tabIndex:-1,children:n.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"}),Ne=i.ikp(E.Content,{_id:"aiSearchResults__List"}),Z=e=>{const{children:t,...r}=e,{results:s,tab:a}=o.useSearch(),c=s[a]??[];return n.jsx(Ne,{value:a,"data-has-results":u.dataAttr(c.length>0),"aria-label":"Search results",children:u.maybeRender(t,c),tabIndex:-1,...r})},De=i.ikp(I.Command.Item,{_id:"aiSearchResults__Item",asChild:!0}),ee=m.forwardRef(({item:e,onClick:t,onSelect:r,children:s,...a},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=e.shouldOpenInNewTab!==void 0?e.shouldOpenInNewTab:d,L=b===e.id,de=L||(b==="NONE"||b===A);return n.jsx(h.SourceItemProvider,{source:{...e,isExternal:T},children:n.jsx(De,{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,...a,children:n.jsx(Se.LinkWithQueryParams,{href:e.url,isExternal:T,appendToUrl:e.appendToUrl,children:s,id:`aiSearchResults__Item-${e.id}`})})})}),Fe=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,...a}=e,d=t.tabs?.find(l=>typeof l!="string"&&l[0]===r)?.[1]?.breadcrumbs??t.breadcrumbs??[];return n.jsx(Fe,{"aria-hidden":"true",children:u.maybeRender(s,d),...a})},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 n.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 n.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 n.jsx(He,{"data-type":t.type,children:t.tag,...e})},Ue=i.ikp("span",{_id:"aiSearchResults__ItemDescription"}),ne=e=>{const{source:t}=h.useSourceItem(),{children:r,...s}=e,a=m.useMemo(()=>t.description?be.highlightEmphasis(t.description):[],[t.description]);return a.length?n.jsx(Ue,{"data-type":t.type,"aria-hidden":"true",children:u.maybeRender(r,a),...s}):null},Ge=i.ikp("span",{_id:"aiSearchResults__ItemDescriptionPart"}),ae=e=>{const{part:t,...r}=e,{source:s}=h.useSourceItem();return typeof t=="string"?t:n.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 n.jsx(Ke,{iconKey:t.isExternal?"openLinkInNewTab":"openLinkInSameTab",...e})},We=i.ikp("div",{_id:"aiSearchFooter"}),oe=e=>{const{resultsList:t}=o.useSearch();return n.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=D;exports.EmbeddedSearchInputIcon=O;exports.EmbeddedSearchPrimitiveAskAITrigger=H;exports.EmbeddedSearchPrimitiveAskAITriggerIcon=U;exports.EmbeddedSearchPrimitiveAskAITriggerIndicator=K;exports.EmbeddedSearchPrimitiveAskAITriggerLabel=G;exports.EmbeddedSearchPrimitiveContent=D;exports.EmbeddedSearchPrimitiveFooter=oe;exports.EmbeddedSearchPrimitiveInput=V;exports.EmbeddedSearchPrimitiveInputGroup=F;exports.EmbeddedSearchPrimitiveLoading=M;exports.EmbeddedSearchPrimitiveResults=W;exports.EmbeddedSearchPrimitiveResultsEmpty=Q;exports.EmbeddedSearchPrimitiveResultsItem=ee;exports.EmbeddedSearchPrimitiveResultsItemBreadcrumbs=te;exports.EmbeddedSearchPrimitiveResultsItemDescription=ne;exports.EmbeddedSearchPrimitiveResultsItemDescriptionPart=ae;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=F;exports.InputIcon=O;exports.Loading=M;exports.PrimitiveContent=N;exports.Results=W;exports.ResultsEmpty=Q;exports.ResultsItem=ee;exports.ResultsItemBreadcrumbIcon=Oe;exports.ResultsItemBreadcrumbs=te;exports.ResultsItemDescription=ne;exports.ResultsItemDescriptionPart=ae;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.js

@@ -6,12 +6,12 @@ import { dataAttr as u, maybeRender as v } from "../utils/misc.js";
 import { forwardRef as _, useEffect as f, useState as V, useRef as B, useMemo as U } from "react";
 import { useSearch as l } from "./embedded-search/search-provider.js";
 import { SearchProvider as Tt } from "./embedded-search/search-provider.js";
-import M from "./tagline-logo-icon.js";
+import O from "./tagline-logo-icon.js";
 import { CustomIcon as P } from "../atoms/icons/custom-icon.js";
 import * as R from "@radix-ui/react-scroll-area";
 import * as T from "@radix-ui/react-tabs";
 import { useInkeepConfig as y } from "../providers/config-provider.js";
-import { useSearchEvents as O } from "../providers/search-events-provider.js";
+import { useSearchEvents as M } from "../providers/search-events-provider.js";
 import { LinkWithQueryParams as $ } from "../atoms/link.js";
 import { SourceItemProvider as G, useSourceItem as h } from "../providers/source-item-provider.js";
 import { BuiltInIconRenderer as N } from "../atoms/icons/built-in-icon-renderer.js";
@@ -25,7 +25,7 @@ import { composeEventHandlers as g } from "../utils/compose-event-handlers.js";
 import { useShadow as j } from "../atoms/shadow/context.js";
 const C = "__ask_ai__", Q = s("div", {
   _id: "aiSearchWrapper"
-}), Oe = (e) => {
+}), Me = (e) => {
   const { isHidden: t, hasContent: r, isMobile: i } = l(), n = F();
   return /* @__PURE__ */ a(
     Q,
@@ -241,7 +241,7 @@ const C = "__ask_ai__", Q = s("div", {
 }), ct = _(({ item: e, onClick: t, onSelect: r, children: i, ...n }, o) => {
   const {
     searchSettings: { shouldOpenLinksInNewTab: c }
-  } = y(), { logEvent: d } = O(), { query: p, transitionsDisabled: S, selectedItem: m } = l(), b = B(null), E = A(o, b), L = () => {
+  } = y(), { logEvent: d } = M(), { query: p, transitionsDisabled: S, selectedItem: m } = l(), b = B(null), E = A(o, b), L = () => {
     b.current?.click();
   }, w = () => {
     d({
@@ -252,7 +252,7 @@ const C = "__ask_ai__", Q = s("div", {
         url: e.url
       }
     });
-  }, k = c || !!e.shouldOpenInNewTab, x = m === e.id, D = x || (m === "NONE" || m === C);
+  }, k = e.shouldOpenInNewTab !== void 0 ? e.shouldOpenInNewTab : c, x = m === e.id, D = x || (m === "NONE" || m === C);
   return /* @__PURE__ */ a(G, { source: { ...e, isExternal: k }, children: /* @__PURE__ */ a(
     le,
     {
@@ -357,7 +357,7 @@ const C = "__ask_ai__", Q = s("div", {
 }), _t = s("span", {
   _id: "aiSearchTagline__Text",
   children: "Powered by"
-}), Rt = s(M, {
+}), Rt = s(O, {
   _id: "aiSearchTagline__Logo"
 }), vt = s("a", {
   _id: "aiSearchTagline__BrandName",
@@ -400,7 +400,7 @@ export {
   tt as EmbeddedSearchPrimitiveResultsTab,
   et as EmbeddedSearchPrimitiveResultsTabList,
   $e as EmbeddedSearchPrimitiveRoot,
-  Oe as EmbeddedSearchPrimitiveWrapper,
+  Me as EmbeddedSearchPrimitiveWrapper,
   St as Footer,
   qe as Input,
   Ke as InputGroup,
@@ -433,5 +433,5 @@ export {
   gt as TaglineContainer,
   Rt as TaglineLogo,
   _t as TaglineText,
-  Oe as Wrapper
+  Me as Wrapper
 };

package/dist/components/modal/use-inkeep-modal.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),p=c=>{const{isOpen:s,onOpenChange:l,shortcutKey:a}=c??{},e=n.useCallback(o=>{l?.(o)},[l]),r=n.useCallback(o=>{e(o)},[e]),u=n.useCallback(()=>e(!0),[e]),d=n.useCallback(()=>e(!1),[e]);return n.useEffect(()=>{const o=t=>{a&&(t.metaKey||t.ctrlKey)&&t.key.toLowerCase()===a.toLowerCase()&&(t.preventDefault(),t.stopPropagation(),e(!0)),t.key==="Escape"&&s&&(t.preventDefault(),e(!1))};return document.addEventListener("keydown",o),()=>document.removeEventListener("keydown",o)},[a,e,s]),{isOpen:s,openModal:u,closeModal:d,handleOpenChange:r,shortcutKey:a}};exports.useInkeepModal=p;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),c=require("@radix-ui/react-use-controllable-state"),p=s=>{const{isOpen:t,onOpenChange:a,shortcutKey:o}=s??{},[l=!1,n]=c.useControllableState({prop:t,defaultProp:t,onChange:a});return u.useEffect(()=>{const r=e=>{o&&(e.metaKey||e.ctrlKey)&&e.key.toLowerCase()===o.toLowerCase()&&(e.preventDefault(),e.stopPropagation(),n(!0)),e.key==="Escape"&&t&&(e.preventDefault(),n(!1))};return document.addEventListener("keydown",r),()=>document.removeEventListener("keydown",r)},[o,n,t]),{isOpen:l,setOpen:n,shortcutKey:o}};exports.useInkeepModal=p;

package/dist/components/modal/use-inkeep-modal.js

@@ -1,28 +1,21 @@
 "use client";
-import { useCallback as s, useEffect as d } from "react";
-const i = (c) => {
-  const { isOpen: a, onOpenChange: r, shortcutKey: n } = c ?? {}, e = s(
-    (t) => {
-      r?.(t);
-    },
-    [r]
-  ), l = s(
-    (t) => {
-      e(t);
-    },
-    [e]
-  ), p = s(() => e(!0), [e]), u = s(() => e(!1), [e]);
-  return d(() => {
-    const t = (o) => {
-      n && (o.metaKey || o.ctrlKey) && o.key.toLowerCase() === n.toLowerCase() && (o.preventDefault(), o.stopPropagation(), e(!0)), o.key === "Escape" && a && (o.preventDefault(), e(!1));
+import { useEffect as u } from "react";
+import { useControllableState as l } from "@radix-ui/react-use-controllable-state";
+const i = (s) => {
+  const { isOpen: o, onOpenChange: a, shortcutKey: t } = s ?? {}, [p = !1, n] = l({
+    prop: o,
+    defaultProp: o,
+    onChange: a
+  });
+  return u(() => {
+    const r = (e) => {
+      t && (e.metaKey || e.ctrlKey) && e.key.toLowerCase() === t.toLowerCase() && (e.preventDefault(), e.stopPropagation(), n(!0)), e.key === "Escape" && o && (e.preventDefault(), n(!1));
     };
-    return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-  }, [n, e, a]), {
-    isOpen: a,
-    openModal: p,
-    closeModal: u,
-    handleOpenChange: l,
-    shortcutKey: n
+    return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
+  }, [t, n, o]), {
+    isOpen: p,
+    setOpen: n,
+    shortcutKey: t
   };
 };
 export {

package/dist/components/modal.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("../atoms/dialog.cjs"),i=require("./factory.cjs"),d=require("../atoms/icons/custom-icon.cjs"),c=require("./modal/use-inkeep-modal.cjs"),s=require("./modal/modal-provider.cjs"),u=require("../utils/compose-event-handlers.cjs"),m=require("../hooks/use-media-query.cjs"),M=require("../utils/misc.cjs"),p=i.ikp(t.Root,{_id:"modal"}),v=e=>{const{onOpenChange:n,config:l,...a}=e,r=c.useInkeepModal(l);return o.jsx(s.ModalProvider,{modal:r,children:o.jsx(p,{open:r.isOpen,onOpenChange:u.composeEventHandlers(n,r.handleOpenChange),...a})})},C=i.ikp(t.Overlay,{_id:"modal__Overlay"}),y=i.ikp(t.Content,{_id:"modal__Content","aria-describedby":void 0}),_=e=>{const n=m.useMediaQuery("(max-width: 768px)");return o.jsx(y,{"data-mobile":M.dataAttr(n),...e})},q=i.ikp(t.Close,{_id:"modal__Close",children:o.jsx(d.CustomIcon,{iconKey:"close"})}),O=e=>s.useModal()?o.jsx(q,{...e}):null;exports.Close=O;exports.Content=_;exports.Modal=v;exports.Overlay=C;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("../atoms/dialog.cjs"),i=require("./factory.cjs"),c=require("../atoms/icons/custom-icon.cjs"),u=require("./modal/use-inkeep-modal.cjs"),s=require("./modal/modal-provider.cjs"),m=require("../utils/compose-event-handlers.cjs"),M=require("../hooks/use-media-query.cjs"),p=require("../utils/misc.cjs"),v=i.ikp(t.Root,{_id:"modal"}),C=e=>{const{onOpenChange:n,config:l,...a}=e,r=u.useInkeepModal(l);return o.jsx(s.ModalProvider,{modal:r,children:o.jsx(v,{open:r.isOpen,onOpenChange:m.composeEventHandlers(n,d=>r.setOpen(d)),...a})})},y=i.ikp(t.Overlay,{_id:"modal__Overlay"}),_=i.ikp(t.Content,{_id:"modal__Content","aria-describedby":void 0}),q=e=>{const n=M.useMediaQuery("(max-width: 768px)");return o.jsx(_,{"data-mobile":p.dataAttr(n),...e})},O=i.ikp(t.Close,{_id:"modal__Close",children:o.jsx(c.CustomIcon,{iconKey:"close"})}),x=e=>s.useModal()?o.jsx(O,{...e}):null;exports.Close=x;exports.Content=q;exports.Modal=C;exports.Overlay=y;

package/dist/components/modal.js

@@ -1,40 +1,40 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
-import { Overlay as l, Root as d, Content as m, Close as s } from "../atoms/dialog.js";
-import { ikp as n } from "./factory.js";
-import { CustomIcon as c } from "../atoms/icons/custom-icon.js";
-import { useInkeepModal as p } from "./modal/use-inkeep-modal.js";
-import { ModalProvider as C, useModal as M } from "./modal/modal-provider.js";
-import { composeEventHandlers as f } from "../utils/compose-event-handlers.js";
-import { useMediaQuery as u } from "../hooks/use-media-query.js";
-import { dataAttr as v } from "../utils/misc.js";
-const _ = n(d, {
+import { Overlay as s, Root as d, Content as m, Close as c } from "../atoms/dialog.js";
+import { ikp as r } from "./factory.js";
+import { CustomIcon as p } from "../atoms/icons/custom-icon.js";
+import { useInkeepModal as C } from "./modal/use-inkeep-modal.js";
+import { ModalProvider as M, useModal as f } from "./modal/modal-provider.js";
+import { composeEventHandlers as u } from "../utils/compose-event-handlers.js";
+import { useMediaQuery as v } from "../hooks/use-media-query.js";
+import { dataAttr as _ } from "../utils/misc.js";
+const O = r(d, {
   _id: "modal"
-}), A = (o) => {
-  const { onOpenChange: t, config: i, ...a } = o, r = p(i);
-  return /* @__PURE__ */ e(C, { modal: r, children: /* @__PURE__ */ e(
-    _,
+}), E = (o) => {
+  const { onOpenChange: t, config: i, ...a } = o, n = C(i);
+  return /* @__PURE__ */ e(M, { modal: n, children: /* @__PURE__ */ e(
+    O,
     {
-      open: r.isOpen,
-      onOpenChange: f(t, r.handleOpenChange),
+      open: n.isOpen,
+      onOpenChange: u(t, (l) => n.setOpen(l)),
       ...a
     }
   ) });
-}, E = n(l, {
+}, H = r(s, {
   _id: "modal__Overlay"
-}), O = n(m, {
+}), y = r(m, {
   _id: "modal__Content",
   "aria-describedby": void 0
-}), H = (o) => {
-  const t = u("(max-width: 768px)");
-  return /* @__PURE__ */ e(O, { "data-mobile": v(t), ...o });
-}, h = n(s, {
+}), K = (o) => {
+  const t = v("(max-width: 768px)");
+  return /* @__PURE__ */ e(y, { "data-mobile": _(t), ...o });
+}, h = r(c, {
   _id: "modal__Close",
-  children: /* @__PURE__ */ e(c, { iconKey: "close" })
-}), K = (o) => M() ? /* @__PURE__ */ e(h, { ...o }) : null;
+  children: /* @__PURE__ */ e(p, { iconKey: "close" })
+}), Q = (o) => f() ? /* @__PURE__ */ e(h, { ...o }) : null;
 export {
-  K as Close,
-  H as Content,
-  A as Modal,
-  E as Overlay
+  Q as Close,
+  K as Content,
+  E as Modal,
+  H as Overlay
 };

package/dist/index.d.cts

@@ -3541,10 +3541,8 @@ declare const useInkeepIntelligentForm: (props: InkeepIntelligentFormSettings) =
 };
 
 declare const useInkeepModal: (props: InkeepModalSettings | undefined) => {
-    isOpen: boolean | undefined;
-    openModal: () => void;
-    closeModal: () => void;
-    handleOpenChange: (newState: boolean) => void;
+    isOpen: boolean;
+    setOpen: Dispatch<SetStateAction<boolean | undefined>>;
     shortcutKey: string | null | undefined;
 };
 
@@ -3615,10 +3613,8 @@ export declare const useMessageAttachments: () => MessageAttachmentsContextValue
 export declare const useMessageFeedback: () => FeedbackContextValue;
 
 export declare const useModal: () => {
-    isOpen: boolean | undefined;
-    openModal: () => void;
-    closeModal: () => void;
-    handleOpenChange: (newState: boolean) => void;
+    isOpen: boolean;
+    setOpen: Dispatch<SetStateAction<boolean | undefined>>;
     shortcutKey: string | null | undefined;
 } | undefined;
 

package/dist/index.d.ts

@@ -3541,10 +3541,8 @@ declare const useInkeepIntelligentForm: (props: InkeepIntelligentFormSettings) =
 };
 
 declare const useInkeepModal: (props: InkeepModalSettings | undefined) => {
-    isOpen: boolean | undefined;
-    openModal: () => void;
-    closeModal: () => void;
-    handleOpenChange: (newState: boolean) => void;
+    isOpen: boolean;
+    setOpen: Dispatch<SetStateAction<boolean | undefined>>;
     shortcutKey: string | null | undefined;
 };
 
@@ -3615,10 +3613,8 @@ export declare const useMessageAttachments: () => MessageAttachmentsContextValue
 export declare const useMessageFeedback: () => FeedbackContextValue;
 
 export declare const useModal: () => {
-    isOpen: boolean | undefined;
-    openModal: () => void;
-    closeModal: () => void;
-    handleOpenChange: (newState: boolean) => void;
+    isOpen: boolean;
+    setOpen: Dispatch<SetStateAction<boolean | undefined>>;
     shortcutKey: string | null | undefined;
 } | undefined;
 

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

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

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

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

package/dist/providers/chat-form-provider.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react/jsx-runtime"),o=require("react"),x=require("react-hook-form"),P=require("./conversation-provider.cjs"),w=require("../components/modal/modal-provider.cjs"),M=require("../utils/form.cjs"),j="root.serverError",f=o.createContext(void 0);function h(){const[t,n]=o.useState(null),[S,u]=o.useState(!1),{conversation:i}=P.useInkeepConversation(),v=w.useModal(),F=e=>{n(e)},C=()=>{n(null),u(!1),t?.buttons.close?.action==="close_modal"&&v?.closeModal()},c=o.useMemo(()=>t?.fields.map(e=>{const s=e;return"_type"in e&&e._type==="include_chat_session"&&(s.isRequired=!1,s.inputType="checkbox",i.id||(s.isHidden=!0)),s}),[t?.fields,i.id]),a=c?.find(e=>"_type"in e&&e._type==="include_chat_session"),r=o.useMemo(()=>M.getFormDefaultValues(c),[c]),{control:b,handleSubmit:p,formState:{errors:m,isSubmitting:E},setError:_,reset:l}=x.useForm({defaultValues:r});o.useEffect(()=>{r&&l(r)},[l,r]);const y=p(async e=>{const R=i.id&&a&&e[a.name]?i:null;try{await t?.buttons.submit.onSubmit({values:e,conversation:R}),u(!0)}catch(d){_(j,{message:d instanceof Error?d.message:"Something went wrong."})}}),g=m?.root?.serverError;return{form:t,openForm:F,closeForm:C,handleSubmit:y,isSuccess:S,isSubmitting:E,formError:g,fields:c,errors:m,control:b,defaultValues:r}}const k=({children:t})=>{const n=h();return q.jsx(f.Provider,{value:n,children:t})},V=()=>{const t=o.useContext(f);if(!t)throw new Error("useChatForm must be used within a ChatFormProvider");return t};exports.ChatFormProvider=k;exports.useChatForm=V;exports.useChatFormState=h;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react/jsx-runtime"),o=require("react"),x=require("react-hook-form"),P=require("./conversation-provider.cjs"),w=require("../components/modal/modal-provider.cjs"),M=require("../utils/form.cjs"),j="root.serverError",f=o.createContext(void 0);function h(){const[t,n]=o.useState(null),[S,u]=o.useState(!1),{conversation:i}=P.useInkeepConversation(),v=w.useModal(),F=e=>{n(e)},C=()=>{n(null),u(!1),t?.buttons.close?.action==="close_modal"&&v?.setOpen(!1)},c=o.useMemo(()=>t?.fields.map(e=>{const s=e;return"_type"in e&&e._type==="include_chat_session"&&(s.isRequired=!1,s.inputType="checkbox",i.id||(s.isHidden=!0)),s}),[t?.fields,i.id]),a=c?.find(e=>"_type"in e&&e._type==="include_chat_session"),r=o.useMemo(()=>M.getFormDefaultValues(c),[c]),{control:b,handleSubmit:p,formState:{errors:m,isSubmitting:E},setError:_,reset:l}=x.useForm({defaultValues:r});o.useEffect(()=>{r&&l(r)},[l,r]);const y=p(async e=>{const R=i.id&&a&&e[a.name]?i:null;try{await t?.buttons.submit.onSubmit({values:e,conversation:R}),u(!0)}catch(d){_(j,{message:d instanceof Error?d.message:"Something went wrong."})}}),g=m?.root?.serverError;return{form:t,openForm:F,closeForm:C,handleSubmit:y,isSuccess:S,isSubmitting:E,formError:g,fields:c,errors:m,control:b,defaultValues:r}}const k=({children:t})=>{const n=h();return q.jsx(f.Provider,{value:n,children:t})},O=()=>{const t=o.useContext(f);if(!t)throw new Error("useChatForm must be used within a ChatFormProvider");return t};exports.ChatFormProvider=k;exports.useChatForm=O;exports.useChatFormState=h;

package/dist/providers/chat-form-provider.js

@@ -1,20 +1,20 @@
 "use client";
 import { jsx as w } from "react/jsx-runtime";
-import { useState as d, useMemo as f, useEffect as R, createContext as M, useContext as P } from "react";
+import { useState as f, useMemo as d, useEffect as R, createContext as M, useContext as P } from "react";
 import { useForm as V } from "react-hook-form";
 import { useInkeepConversation as k } from "./conversation-provider.js";
 import { useModal as I } from "../components/modal/modal-provider.js";
-import { getFormDefaultValues as j } from "../utils/form.js";
-const q = "root.serverError", p = M(void 0);
-function A() {
-  const [t, r] = d(null), [h, c] = d(!1), { conversation: n } = k(), S = I(), b = (o) => {
-    r(o);
+import { getFormDefaultValues as O } from "../utils/form.js";
+const j = "root.serverError", p = M(void 0);
+function q() {
+  const [o, r] = f(null), [h, c] = f(!1), { conversation: n } = k(), S = I(), b = (t) => {
+    r(t);
   }, v = () => {
-    r(null), c(!1), t?.buttons.close?.action === "close_modal" && S?.closeModal();
-  }, i = f(() => t?.fields.map((o) => {
-    const s = o;
-    return "_type" in o && o._type === "include_chat_session" && (s.isRequired = !1, s.inputType = "checkbox", n.id || (s.isHidden = !0)), s;
-  }), [t?.fields, n.id]), a = i?.find((o) => "_type" in o && o._type === "include_chat_session"), e = f(() => j(i), [i]), {
+    r(null), c(!1), o?.buttons.close?.action === "close_modal" && S?.setOpen(!1);
+  }, i = d(() => o?.fields.map((t) => {
+    const s = t;
+    return "_type" in t && t._type === "include_chat_session" && (s.isRequired = !1, s.inputType = "checkbox", n.id || (s.isHidden = !0)), s;
+  }), [o?.fields, n.id]), a = i?.find((t) => "_type" in t && t._type === "include_chat_session"), e = d(() => O(i), [i]), {
     control: C,
     handleSubmit: F,
     formState: { errors: u, isSubmitting: E },
@@ -26,18 +26,18 @@ function A() {
   R(() => {
     e && m(e);
   }, [m, e]);
-  const x = F(async (o) => {
-    const g = n.id && a && o[a.name] ? n : null;
+  const x = F(async (t) => {
+    const g = n.id && a && t[a.name] ? n : null;
     try {
-      await t?.buttons.submit.onSubmit({ values: o, conversation: g }), c(!0);
+      await o?.buttons.submit.onSubmit({ values: t, conversation: g }), c(!0);
     } catch (l) {
-      _(q, {
+      _(j, {
         message: l instanceof Error ? l.message : "Something went wrong."
       });
     }
   }), y = u?.root?.serverError;
   return {
-    form: t,
+    form: o,
     openForm: b,
     closeForm: v,
     handleSubmit: x,
@@ -50,17 +50,17 @@ function A() {
     defaultValues: e
   };
 }
-const G = ({ children: t }) => {
-  const r = A();
-  return /* @__PURE__ */ w(p.Provider, { value: r, children: t });
+const G = ({ children: o }) => {
+  const r = q();
+  return /* @__PURE__ */ w(p.Provider, { value: r, children: o });
 }, J = () => {
-  const t = P(p);
-  if (!t)
+  const o = P(p);
+  if (!o)
     throw new Error("useChatForm must be used within a ChatFormProvider");
-  return t;
+  return o;
 };
 export {
   G as ChatFormProvider,
   J as useChatForm,
-  A as useChatFormState
+  q as useChatFormState
 };