@inkeep/cxkit-primitives 0.5.11 → 0.5.12

package/dist/components/chat-button.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react/jsx-runtime"),u=require("react"),h=require("@radix-ui/react-avatar"),n=require("./factory.cjs"),l=require("../atoms/avatars/ai.cjs"),B=require("../providers/config-provider.cjs"),f=require("../utils/compose-event-handlers.cjs");function _(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(a,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return a.default=t,Object.freeze(a)}const d=_(h),p=n.ikp("div",{_id:"chatButton__Container"}),A=n.ikp("button",{_id:"chatButton__Button"}),P=n.ikp("div",{_id:"chatButton__Text"}),b=n.ikp(d.Root,{_id:"chatButton__AvatarContent"}),k=n.ikp(d.Image,{_id:"chatButton__AvatarImage"}),m=u.memo(t=>{const{onLoadingStatusChange:a,...e}=t,{aiChatSettings:o}=B.useInkeepConfig(),{aiAssistantAvatar:i}=o??{},r=typeof i=="string"?i:i?.dark,[s,c]=u.useState(r);u.useEffect(()=>{c(r)},[r]);const g=C=>{C==="error"&&c(null)};return s?v.jsx(k,{src:s,"data-type":"image",onLoadingStatusChange:f.composeEventHandlers(a,g),...e}):v.jsx(l.default,{"data-type":"icon",...t})});exports.ChatButton=A;exports.ChatButtonAvatarContent=b;exports.ChatButtonAvatarImage=m;exports.ChatButtonContainer=p;exports.ChatButtonPrimitiveAvatarImage=m;exports.ChatButtonText=P;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),c=require("react"),f=require("@radix-ui/react-avatar"),n=require("./factory.cjs"),B=require("../atoms/avatars/ai.cjs"),_=require("../providers/config-provider.cjs"),p=require("../utils/compose-event-handlers.cjs"),A=require("@inkeep/cxkit-color-mode");function P(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const l=P(f),k=n.ikp("div",{_id:"chatButton__Container"}),b=n.ikp("button",{_id:"chatButton__Button"}),y=n.ikp("div",{_id:"chatButton__Text"}),S=n.ikp(l.Root,{_id:"chatButton__AvatarContent"}),j=n.ikp(l.Image,{_id:"chatButton__AvatarImage"}),g=c.memo(e=>{const{onLoadingStatusChange:a,avatar:t,...o}=e,{aiChatSettings:m}=_.useInkeepConfig(),{aiAssistantAvatar:r}=m??{},i=typeof t=="string"?t:A.useColorModeValue(t?.light,t?.dark),u=typeof r=="string"?r:r?.dark,[s,v]=c.useState(i??u);c.useEffect(()=>{v(i??u)},[i,u]);const C=h=>{h==="error"&&v(null)};return s?d.jsx(j,{src:s,"data-type":"image",onLoadingStatusChange:p.composeEventHandlers(a,C),...o}):d.jsx(B.default,{"data-type":"icon",...e})});exports.ChatButton=b;exports.ChatButtonAvatarContent=S;exports.ChatButtonAvatarImage=g;exports.ChatButtonContainer=k;exports.ChatButtonPrimitiveAvatarImage=g;exports.ChatButtonText=y;

package/dist/components/chat-button.d.cts

@@ -1,4 +1,5 @@
 import { ComponentPropsWithRef, ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, ButtonHTMLAttributes, RefAttributes, MemoExoticComponent } from 'react';
+import { InkeepAIChatSettings } from '@inkeep/cxkit-types';
 import { PolymorphicProps } from './factory';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 declare const ChatButtonPrimitiveContainer: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
@@ -6,6 +7,12 @@ declare const ChatButtonPrimitiveButton: ForwardRefExoticComponent< PolymorphicP
 declare const ChatButtonPrimitiveText: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
 declare const PrimitiveChatButtonAvatarContent: ForwardRefExoticComponent< PolymorphicProps & Omit<AvatarPrimitive.AvatarProps & RefAttributes<HTMLSpanElement>, "_id"> & Partial<Pick<AvatarPrimitive.AvatarProps & RefAttributes<HTMLSpanElement>, "_id">>>;
 declare const PrimitiveChatButtonAvatarImage: ForwardRefExoticComponent< PolymorphicProps & Omit<AvatarPrimitive.AvatarImageProps & RefAttributes<HTMLImageElement>, "_id"> & Partial<Pick<AvatarPrimitive.AvatarImageProps & RefAttributes<HTMLImageElement>, "_id">>>;
-type ChatButtonPrimitiveAvatarImageProps = ComponentPropsWithRef<'svg'> | ComponentPropsWithRef<typeof PrimitiveChatButtonAvatarImage>;
+type OnLoadingStatusChange = AvatarPrimitive.AvatarImageProps['onLoadingStatusChange'];
+type AvatarImageProps = {
+    onLoadingStatusChange?: OnLoadingStatusChange;
+} & (ComponentPropsWithRef<'svg'> | ComponentPropsWithRef<typeof PrimitiveChatButtonAvatarImage>);
+type ChatButtonPrimitiveAvatarImageProps = AvatarImageProps & {
+    avatar?: InkeepAIChatSettings['aiAssistantAvatar'];
+};
 export declare const ChatButtonPrimitiveAvatarImage: MemoExoticComponent<(props: ChatButtonPrimitiveAvatarImageProps) => import("react/jsx-runtime").JSX.Element>;
 export { ChatButtonPrimitiveContainer as ChatButtonContainer, ChatButtonPrimitiveText as ChatButtonText, ChatButtonPrimitiveButton as ChatButton, ChatButtonPrimitiveAvatarImage as ChatButtonAvatarImage, PrimitiveChatButtonAvatarContent as ChatButtonAvatarContent, };

package/dist/components/chat-button.d.ts

@@ -1,4 +1,5 @@
 import { ComponentPropsWithRef, ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, ButtonHTMLAttributes, RefAttributes, MemoExoticComponent } from 'react';
+import { InkeepAIChatSettings } from '@inkeep/cxkit-types';
 import { PolymorphicProps } from './factory';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 declare const ChatButtonPrimitiveContainer: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
@@ -6,6 +7,12 @@ declare const ChatButtonPrimitiveButton: ForwardRefExoticComponent< PolymorphicP
 declare const ChatButtonPrimitiveText: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
 declare const PrimitiveChatButtonAvatarContent: ForwardRefExoticComponent< PolymorphicProps & Omit<AvatarPrimitive.AvatarProps & RefAttributes<HTMLSpanElement>, "_id"> & Partial<Pick<AvatarPrimitive.AvatarProps & RefAttributes<HTMLSpanElement>, "_id">>>;
 declare const PrimitiveChatButtonAvatarImage: ForwardRefExoticComponent< PolymorphicProps & Omit<AvatarPrimitive.AvatarImageProps & RefAttributes<HTMLImageElement>, "_id"> & Partial<Pick<AvatarPrimitive.AvatarImageProps & RefAttributes<HTMLImageElement>, "_id">>>;
-type ChatButtonPrimitiveAvatarImageProps = ComponentPropsWithRef<'svg'> | ComponentPropsWithRef<typeof PrimitiveChatButtonAvatarImage>;
+type OnLoadingStatusChange = AvatarPrimitive.AvatarImageProps['onLoadingStatusChange'];
+type AvatarImageProps = {
+    onLoadingStatusChange?: OnLoadingStatusChange;
+} & (ComponentPropsWithRef<'svg'> | ComponentPropsWithRef<typeof PrimitiveChatButtonAvatarImage>);
+type ChatButtonPrimitiveAvatarImageProps = AvatarImageProps & {
+    avatar?: InkeepAIChatSettings['aiAssistantAvatar'];
+};
 export declare const ChatButtonPrimitiveAvatarImage: MemoExoticComponent<(props: ChatButtonPrimitiveAvatarImageProps) => import("react/jsx-runtime").JSX.Element>;
 export { ChatButtonPrimitiveContainer as ChatButtonContainer, ChatButtonPrimitiveText as ChatButtonText, ChatButtonPrimitiveButton as ChatButton, ChatButtonPrimitiveAvatarImage as ChatButtonAvatarImage, PrimitiveChatButtonAvatarContent as ChatButtonAvatarContent, };

package/dist/components/chat-button.js

@@ -1,42 +1,45 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
-import { memo as c, useState as v, useEffect as d } from "react";
-import * as s from "@radix-ui/react-avatar";
+import { jsx as m } from "react/jsx-runtime";
+import { memo as g, useState as d, useEffect as B } from "react";
+import * as u from "@radix-ui/react-avatar";
 import { ikp as t } from "./factory.js";
-import g from "../atoms/avatars/ai.js";
-import { useInkeepConfig as B } from "../providers/config-provider.js";
-import { composeEventHandlers as _ } from "../utils/compose-event-handlers.js";
-const k = t("div", {
+import f from "../atoms/avatars/ai.js";
+import { useInkeepConfig as _ } from "../providers/config-provider.js";
+import { composeEventHandlers as p } from "../utils/compose-event-handlers.js";
+import { useColorModeValue as A } from "@inkeep/cxkit-color-mode";
+const b = t("div", {
   _id: "chatButton__Container"
-}), L = t("button", {
+}), E = t("button", {
   _id: "chatButton__Button"
-}), y = t("div", {
+}), U = t("div", {
   _id: "chatButton__Text"
-}), T = t(s.Root, {
+}), j = t(u.Root, {
   _id: "chatButton__AvatarContent"
-}), f = t(s.Image, {
+}), l = t(u.Image, {
   _id: "chatButton__AvatarImage"
-}), U = c((n) => {
-  const { onLoadingStatusChange: m, ...u } = n, { aiChatSettings: h } = B(), { aiAssistantAvatar: a } = h ?? {}, o = typeof a == "string" ? a : a?.dark, [i, e] = v(o);
-  return d(() => {
-    e(o);
-  }, [o]), i ? /* @__PURE__ */ r(
-    f,
+}), H = g((r) => {
+  const { onLoadingStatusChange: c, avatar: a, ...h } = r, { aiChatSettings: v } = _(), { aiAssistantAvatar: o } = v ?? {}, n = typeof a == "string" ? a : A(a?.light, a?.dark), i = typeof o == "string" ? o : o?.dark, [e, s] = d(
+    n ?? i
+  );
+  return B(() => {
+    s(n ?? i);
+  }, [n, i]), e ? /* @__PURE__ */ m(
+    l,
     {
-      src: i,
+      src: e,
       "data-type": "image",
-      onLoadingStatusChange: _(m, (C) => {
-        C === "error" && e(null);
+      onLoadingStatusChange: p(c, (C) => {
+        C === "error" && s(null);
       }),
-      ...u
+      ...h
     }
-  ) : /* @__PURE__ */ r(g, { "data-type": "icon", ...n });
+  ) : /* @__PURE__ */ m(f, { "data-type": "icon", ...r });
 });
 export {
-  L as ChatButton,
-  T as ChatButtonAvatarContent,
-  U as ChatButtonAvatarImage,
-  k as ChatButtonContainer,
-  U as ChatButtonPrimitiveAvatarImage,
-  y as ChatButtonText
+  E as ChatButton,
+  j as ChatButtonAvatarContent,
+  H as ChatButtonAvatarImage,
+  b as ChatButtonContainer,
+  H as ChatButtonPrimitiveAvatarImage,
+  U as ChatButtonText
 };

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

@@ -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:R,placeholder:S,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),a(s[e][0].id)},[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:R}}),[c,R]);t.useEffect(()=>{O?.(g.searchQuery),U(g)},[U,g]);const D=t.useCallback(e=>C(e.target.value),[]),K=t.useMemo(()=>S||(y?"Search...":"Search for anything..."),[S,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;
+"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;

package/dist/components/embedded-search/use-inkeep-search.d.cts

@@ -11,7 +11,7 @@ export declare const useInkeepSearch: () => {
     onInput: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
     placeholder: string;
     tab: string;
-    onTabChange: (value: string) => void;
+    onTabChange: (newTab: string) => void;
     selectedItem: string | undefined;
     setSelectedItem: Dispatch<SetStateAction<string | undefined>>;
     onSelectedItemChange: (value: string) => void;

package/dist/components/embedded-search/use-inkeep-search.d.ts

@@ -11,7 +11,7 @@ export declare const useInkeepSearch: () => {
     onInput: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
     placeholder: string;
     tab: string;
-    onTabChange: (value: string) => void;
+    onTabChange: (newTab: string) => void;
     selectedItem: string | undefined;
     setSelectedItem: Dispatch<SetStateAction<string | undefined>>;
     onSelectedItemChange: (value: string) => void;

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

@@ -12,29 +12,33 @@ const me = () => {
     maxResults: S,
     placeholder: C,
     defaultQuery: H,
-    debounceTimeMs: k,
+    debounceTimeMs: v,
     onQueryChange: P,
     searchFunctionsRef: $
-  } = B, { logEvent: v } = re(), [c, w] = s(H), A = l(null), [q, E] = s(!1), [z, f] = s(null), [D, a] = s("NONE"), K = n((e) => {
+  } = B, { logEvent: k } = re(), [c, w] = s(H), A = l(null), [q, E] = s(!1), [z, f] = s(null), [D, a] = s("NONE"), K = n((e) => {
     a(e);
-  }, []), [m, d] = s([]), t = te(m, c), [p, _] = s("All"), { disableTransition: x, disabled: W } = se(), G = n(
+  }, []), [m, d] = s([]), t = te(m, c), [p, I] = s("All"), { disableTransition: _, disabled: W } = se(), G = n(
     (e) => {
-      x(), _(e), a(t[e][0].id);
+      _(), I(e);
+      const r = t[e][0].id;
+      setTimeout(() => {
+        a(r);
+      }, 0);
     },
-    [t, x]
+    [t, _]
   );
   j(() => {
     let e = p in t ? p : Object.keys(t)[0];
     if (!t[e]?.length) {
-      const o = Object.keys(t).find((u) => t[u]?.length);
+      const o = Object.keys(t).find((i) => t[i]?.length);
       o ? e = o : e = "All";
     }
     if (!e) return;
-    _(e);
+    I(e);
     const r = t[e]?.[0];
     r && a(r.id);
   }, [t]);
-  const y = Z("(max-width: 768px)"), i = l({}), b = l(null), g = l(null);
+  const y = Z("(max-width: 768px)"), u = l({}), b = l(null), g = l(null);
   X($, () => ({
     updateQuery(e) {
       w(e);
@@ -43,7 +47,7 @@ const me = () => {
       A.current?.focus();
     }
   }));
-  const I = `${F}/graphql`, L = R(
+  const x = `${F}/graphql`, L = R(
     () => ({
       Authorization: `Bearer ${T}`,
       "Content-Type": "application/json",
@@ -57,8 +61,8 @@ const me = () => {
       b.current = r;
       try {
         E(!0), f(null);
-        const u = (await ne(I, ee, { searchInput: e }, L))?.search.searchHits;
-        i.current[e.searchQuery] = u, d(u);
+        const i = (await ne(x, ee, { searchInput: e }, L))?.search.searchHits;
+        u.current[e.searchQuery] = i, d(i);
       } catch (o) {
         if (o.name === "AbortError")
           return;
@@ -66,10 +70,10 @@ const me = () => {
       }
       E(!1);
     },
-    [I, L]
+    [x, L]
   ), N = n((e) => {
-    const r = i.current[e.searchQuery];
-    v({
+    const r = u.current[e.searchQuery];
+    k({
       eventName: "search_query_response_received",
       properties: {
         searchQuery: e.searchQuery,
@@ -83,17 +87,17 @@ const me = () => {
         return;
       }
       g.current = window.setTimeout(() => {
-        v({
+        k({
           eventName: "search_query_submitted",
           properties: {
             searchQuery: e.searchQuery
           }
-        }), i.current[e.searchQuery] ? (d(i.current[e.searchQuery]), N(e)) : M(e).then(() => {
+        }), u.current[e.searchQuery] ? (d(u.current[e.searchQuery]), N(e)) : M(e).then(() => {
           N(e);
         });
-      }, k);
+      }, v);
     },
-    [k, M]
+    [v, M]
   ), Q = R(
     () => ({
       searchQuery: c,

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.11",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.12",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.11",
+      widgetLibraryVersion: "0.5.12",
       componentType: o,
       tags: r
     }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-primitives",
-  "version": "0.5.11",
+  "version": "0.5.12",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -54,9 +54,9 @@
     "react-textarea-autosize": "8.5.7",
     "rehype-raw": "7.0.0",
     "unist-util-visit": "^5.0.0",
-    "@inkeep/cxkit-color-mode": "0.5.11",
-    "@inkeep/cxkit-theme": "0.5.11",
-    "@inkeep/cxkit-types": "0.5.11"
+    "@inkeep/cxkit-color-mode": "0.5.12",
+    "@inkeep/cxkit-theme": "0.5.12",
+    "@inkeep/cxkit-types": "0.5.12"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",