@inkeep/cxkit-primitives 0.5.23 → 0.5.25

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

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/index.d.cts

@@ -737,6 +737,8 @@ export declare const componentIDs: {
     markdownCode: "markdownCode";
 };
 
+declare type ComponentProps = Omit<ComponentPropsWithRef<typeof PrimitiveChatHelpAction>, 'action'> | ComponentPropsWithRef<typeof PrimitiveChatHelpActionLink>;
+
 export declare function composeRefs<T>(...refs: PossibleRef<T>[]): (node: T | null) => void;
 
 export declare interface ContainerSize {
@@ -1634,9 +1636,9 @@ declare type EmbeddedChatPrimitiveChatActionType = 'help' | 'copy' | 'share' | '
 
 declare const EmbeddedChatPrimitiveChatHelpAction: (props: EmbeddedChatPrimitiveChatHelpActionProps) => JSX.Element;
 
-declare interface EmbeddedChatPrimitiveChatHelpActionProps extends Omit<ComponentPropsWithRef<typeof PrimitiveChatHelpAction>, 'action'> {
+declare type EmbeddedChatPrimitiveChatHelpActionProps = ComponentProps & {
     action: GetHelpOption;
-}
+};
 
 declare const EmbeddedChatPrimitiveContent: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
 
@@ -2893,6 +2895,8 @@ declare const PrimitiveChatButtonAvatarImage: ForwardRefExoticComponent< Polymor
 
 declare const PrimitiveChatHelpAction: ForwardRefExoticComponent< PolymorphicProps & Omit<EmbeddedChatPrimitiveChatActionProps, "action" | "_id"> & Partial<Pick<EmbeddedChatPrimitiveChatActionProps, "action" | "_id">>>;
 
+declare const PrimitiveChatHelpActionLink: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "rel" | "target" | "_id"> & Partial<Pick< DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "rel" | "target" | "_id">>>;
+
 declare const PrimitiveConfidentAnswer: ForwardRefExoticComponent< PolymorphicProps & Omit< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & MarkdownProps, "_id"> & Partial<Pick< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & MarkdownProps, "_id">>>;
 
 declare const PrimitiveConfidentResponseButton: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "type" | "_id"> & Partial<Pick< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "type" | "_id">>>;

package/dist/index.d.ts

@@ -737,6 +737,8 @@ export declare const componentIDs: {
     markdownCode: "markdownCode";
 };
 
+declare type ComponentProps = Omit<ComponentPropsWithRef<typeof PrimitiveChatHelpAction>, 'action'> | ComponentPropsWithRef<typeof PrimitiveChatHelpActionLink>;
+
 export declare function composeRefs<T>(...refs: PossibleRef<T>[]): (node: T | null) => void;
 
 export declare interface ContainerSize {
@@ -1634,9 +1636,9 @@ declare type EmbeddedChatPrimitiveChatActionType = 'help' | 'copy' | 'share' | '
 
 declare const EmbeddedChatPrimitiveChatHelpAction: (props: EmbeddedChatPrimitiveChatHelpActionProps) => JSX.Element;
 
-declare interface EmbeddedChatPrimitiveChatHelpActionProps extends Omit<ComponentPropsWithRef<typeof PrimitiveChatHelpAction>, 'action'> {
+declare type EmbeddedChatPrimitiveChatHelpActionProps = ComponentProps & {
     action: GetHelpOption;
-}
+};
 
 declare const EmbeddedChatPrimitiveContent: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
 
@@ -2893,6 +2895,8 @@ declare const PrimitiveChatButtonAvatarImage: ForwardRefExoticComponent< Polymor
 
 declare const PrimitiveChatHelpAction: ForwardRefExoticComponent< PolymorphicProps & Omit<EmbeddedChatPrimitiveChatActionProps, "action" | "_id"> & Partial<Pick<EmbeddedChatPrimitiveChatActionProps, "action" | "_id">>>;
 
+declare const PrimitiveChatHelpActionLink: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "rel" | "target" | "_id"> & Partial<Pick< DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "rel" | "target" | "_id">>>;
+
 declare const PrimitiveConfidentAnswer: ForwardRefExoticComponent< PolymorphicProps & Omit< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & MarkdownProps, "_id"> & Partial<Pick< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & MarkdownProps, "_id">>>;
 
 declare const PrimitiveConfidentResponseButton: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "type" | "_id"> & Partial<Pick< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "type" | "_id">>>;

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.23",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.25",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.23",
+      widgetLibraryVersion: "0.5.25",
       componentType: o,
       tags: r
     }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-primitives",
-  "version": "0.5.23",
+  "version": "0.5.25",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -58,9 +58,9 @@
     "rehype-raw": "7.0.0",
     "unist-util-visit": "^5.0.0",
     "use-sync-external-store": "^1.4.0",
-    "@inkeep/cxkit-color-mode": "0.5.23",
-    "@inkeep/cxkit-theme": "0.5.23",
-    "@inkeep/cxkit-types": "0.5.23"
+    "@inkeep/cxkit-color-mode": "0.5.25",
+    "@inkeep/cxkit-theme": "0.5.25",
+    "@inkeep/cxkit-types": "0.5.25"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",