@inkeep/cxkit-react 0.5.22 → 0.5.23

package/dist/components/chat-button.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("@inkeep/cxkit-styled"),x=require("react"),B=require("./modal.cjs"),I=require("./embedded-search-and-chat.cjs"),j=require("./embedded-search-and-chat.impl.cjs"),S=require("./embedded-chat.cjs");function b(n){const[r,o]=x.useState(!1),{modalSettings:s,label:i,defaultView:a="chat",canToggleView:c=!0,avatar:C,...d}=n,m={...d,shouldShowAskAICard:c},{config:h,...u}=j.useWidgetImpl({...m,defaultView:a}),g={...s,isOpen:r,onOpenChange:l=>{n.forceDefaultView&&!l&&u.setView(a??"chat"),o(!!l)}};return t.jsxs(t.Fragment,{children:[t.jsx(e.Shadow,{wrapperStyles:{display:"contents"},children:t.jsx(e.RootProvider,{config:h,componentType:e.WebWidgetInteractionType.ChatButton,children:t.jsx(p,{label:i,avatar:C,setOpen:o})})}),t.jsx(B.InkeepModal,{...h,componentType:e.WebWidgetInteractionType.ChatButton,modalSettings:g,children:c?t.jsx(I.InkeepEmbeddedSearchAndChatImpl,{...u}):t.jsx(S.InkeepEmbeddedChatImpl,{...d})})]})}function p(n){const{label:r="Ask AI",avatar:o,setOpen:s}=n;return t.jsx(e.ChatButton.Container,{children:t.jsxs(e.ChatButton.ChatButton,{onClick:i=>{i.button!==2&&s(a=>!a)},children:[t.jsx(e.ChatButton.ChatButtonText,{children:r}),t.jsx(e.ChatButton.ChatButtonAvatarContent,{children:t.jsx(e.ChatButton.ChatButtonAvatarImage,{avatar:o})})]})})}exports.ChatButtonImpl=p;exports.InkeepChatButton=b;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@inkeep/cxkit-styled"),x=require("./modal.cjs"),B=require("./embedded-search-and-chat.cjs"),S=require("./embedded-search-and-chat.impl.cjs"),j=require("./embedded-chat.cjs"),b=require("../utils.cjs"),k=require("@radix-ui/react-use-controllable-state");function A(o){const{modalSettings:n,label:s,defaultView:a="chat",canToggleView:r=!0,avatar:i,...l}=o,p={...l,shouldShowAskAICard:r?o.shouldShowAskAICard:!1},{config:c,...u}=S.useWidgetImpl({...p,defaultView:a}),m=h=>{n?.isOpen===void 0&&(o.forceDefaultView&&!h&&u.setView(a??"search"),d(!!h))},[g=!1,d]=k.useControllableState({prop:n?.isOpen,defaultProp:!1,onChange:b.composeEventHandlers(n?.onOpenChange,m)}),I={...n,isOpen:g,onOpenChange:d},f=()=>r?e.jsx(B.InkeepEmbeddedSearchAndChatImpl,{...u}):e.jsx(j.InkeepEmbeddedChatImpl,{...l});return e.jsxs(e.Fragment,{children:[e.jsx(t.Shadow,{wrapperStyles:{display:"contents"},children:e.jsx(t.RootProvider,{config:c,componentType:t.WebWidgetInteractionType.ChatButton,children:e.jsx(C,{label:s,avatar:i,onOpenChange:d})})}),e.jsx(x.InkeepModal,{...c,componentType:t.WebWidgetInteractionType.ChatButton,modalSettings:I,children:f()})]})}function C({label:o="Ask AI",avatar:n,onOpenChange:s}){const a=r=>{r.button!==2&&s(i=>!i)};return e.jsx(t.ChatButton.Container,{children:e.jsxs(t.ChatButton.ChatButton,{onClick:a,children:[e.jsx(t.ChatButton.ChatButtonText,{children:o}),e.jsx(t.ChatButton.ChatButtonAvatarContent,{children:e.jsx(t.ChatButton.ChatButtonAvatarImage,{avatar:n})})]})})}exports.ChatButtonImpl=C;exports.InkeepChatButton=A;

package/dist/components/chat-button.js

@@ -1,58 +1,57 @@
 "use client";
-import { jsxs as u, Fragment as I, jsx as t } from "react/jsx-runtime";
-import { Shadow as B, RootProvider as S, WebWidgetInteractionType as h, ChatButton as e } from "@inkeep/cxkit-styled";
-import { useState as k } from "react";
+import { jsxs as u, Fragment as A, jsx as t } from "react/jsx-runtime";
+import { Shadow as B, RootProvider as S, WebWidgetInteractionType as p, ChatButton as o } from "@inkeep/cxkit-styled";
 import { InkeepModal as w } from "./modal.js";
-import { InkeepEmbeddedSearchAndChatImpl as A } from "./embedded-search-and-chat.js";
-import { useWidgetImpl as b } from "./embedded-search-and-chat.impl.js";
-import { InkeepEmbeddedChatImpl as v } from "./embedded-chat.js";
-function D(n) {
-  const [r, o] = k(!1), {
-    modalSettings: i,
-    label: l,
-    defaultView: a = "chat",
-    canToggleView: c = !0,
-    avatar: C,
-    ...p
-  } = n, f = {
-    ...p,
-    shouldShowAskAICard: c
-  }, { config: s, ...m } = b({ ...f, defaultView: a }), g = {
-    ...i,
-    isOpen: r,
-    onOpenChange: (d) => {
-      n.forceDefaultView && !d && m.setView(a ?? "chat"), o(!!d);
-    }
-  };
-  return /* @__PURE__ */ u(I, { children: [
-    /* @__PURE__ */ t(B, { wrapperStyles: { display: "contents" }, children: /* @__PURE__ */ t(S, { config: s, componentType: h.ChatButton, children: /* @__PURE__ */ t(y, { label: l, avatar: C, setOpen: o }) }) }),
+import { InkeepEmbeddedSearchAndChatImpl as b } from "./embedded-search-and-chat.js";
+import { useWidgetImpl as v } from "./embedded-search-and-chat.impl.js";
+import { InkeepEmbeddedChatImpl as y } from "./embedded-chat.js";
+import { composeEventHandlers as O } from "../utils.js";
+import { useControllableState as T } from "@radix-ui/react-use-controllable-state";
+function M(n) {
+  const {
+    modalSettings: e,
+    label: i,
+    defaultView: r = "chat",
+    canToggleView: a = !0,
+    avatar: l,
+    ...d
+  } = n, C = {
+    ...d,
+    shouldShowAskAICard: a ? n.shouldShowAskAICard : !1
+  }, { config: c, ...h } = v({ ...C, defaultView: r }), f = (m) => {
+    e?.isOpen === void 0 && (n.forceDefaultView && !m && h.setView(r ?? "search"), s(!!m));
+  }, [g = !1, s] = T({
+    prop: e?.isOpen,
+    defaultProp: !1,
+    onChange: O(e?.onOpenChange, f)
+  }), I = {
+    ...e,
+    isOpen: g,
+    onOpenChange: s
+  }, k = () => a ? /* @__PURE__ */ t(b, { ...h }) : /* @__PURE__ */ t(y, { ...d });
+  return /* @__PURE__ */ u(A, { children: [
+    /* @__PURE__ */ t(B, { wrapperStyles: { display: "contents" }, children: /* @__PURE__ */ t(S, { config: c, componentType: p.ChatButton, children: /* @__PURE__ */ t(x, { label: i, avatar: l, onOpenChange: s }) }) }),
     /* @__PURE__ */ t(
       w,
       {
-        ...s,
-        componentType: h.ChatButton,
-        modalSettings: g,
-        children: c ? /* @__PURE__ */ t(A, { ...m }) : /* @__PURE__ */ t(v, { ...p })
+        ...c,
+        componentType: p.ChatButton,
+        modalSettings: I,
+        children: k()
       }
     )
   ] });
 }
-function y(n) {
-  const { label: r = "Ask AI", avatar: o, setOpen: i } = n;
-  return /* @__PURE__ */ t(e.Container, { children: /* @__PURE__ */ u(
-    e.ChatButton,
-    {
-      onClick: (l) => {
-        l.button !== 2 && i((a) => !a);
-      },
-      children: [
-        /* @__PURE__ */ t(e.ChatButtonText, { children: r }),
-        /* @__PURE__ */ t(e.ChatButtonAvatarContent, { children: /* @__PURE__ */ t(e.ChatButtonAvatarImage, { avatar: o }) })
-      ]
-    }
-  ) });
+function x({ label: n = "Ask AI", avatar: e, onOpenChange: i }) {
+  const r = (a) => {
+    a.button !== 2 && i((l) => !l);
+  };
+  return /* @__PURE__ */ t(o.Container, { children: /* @__PURE__ */ u(o.ChatButton, { onClick: r, children: [
+    /* @__PURE__ */ t(o.ChatButtonText, { children: n }),
+    /* @__PURE__ */ t(o.ChatButtonAvatarContent, { children: /* @__PURE__ */ t(o.ChatButtonAvatarImage, { avatar: e }) })
+  ] }) });
 }
 export {
-  y as ChatButtonImpl,
-  D as InkeepChatButton
+  x as ChatButtonImpl,
+  M as InkeepChatButton
 };

package/dist/components/searchbar.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),B=require("react"),m=require("./embedded-search-and-chat.cjs"),x=require("./embedded-search-and-chat.impl.cjs"),j=require("./embedded-search.cjs"),r=require("@inkeep/cxkit-styled"),g=require("./modal.cjs");function y(a){const[n,t]=B.useState(!1),{modalSettings:s,defaultView:c="search",canToggleView:o=!0,...u}=a,h={...u,shouldShowAskAICard:o},{config:d,...i}=x.useWidgetImpl({...h,defaultView:c}),S={shortcutKey:"k",...s,isOpen:n,onOpenChange:l=>{a.forceDefaultView&&!l&&i.setView(c??"search"),t(!!l)}};return e.jsxs(e.Fragment,{children:[e.jsx(r.Shadow,{wrapperStyles:{display:"contents"},children:e.jsx(r.RootProvider,{config:d,componentType:r.WebWidgetInteractionType.SearchBar,children:e.jsx(p,{setOpen:t,modalSettings:S})})}),e.jsx(g.InkeepModal,{...d,modalSettings:S,componentType:r.WebWidgetInteractionType.SearchBar,children:o?e.jsx(m.InkeepEmbeddedSearchAndChatImpl,{...i}):e.jsx(j.InkeepEmbeddedSearchImpl,{...h})})]})}function p(a){const{setOpen:n,modalSettings:t}=a;return e.jsx(r.SearchBar.SearchBarContainer,{children:e.jsxs(r.SearchBar.SearchBarButton,{onClick:s=>{s.button!==2&&n(c=>!c)},children:[e.jsxs(r.SearchBar.SearchBarContentWrapper,{children:[e.jsx(r.SearchBar.SearchBarIcon,{}),e.jsx(r.SearchBar.SearchBarText,{})]}),e.jsxs(r.SearchBar.SearchBarKbdWrapper,{children:[e.jsx(r.SearchBar.SearchBarKbdModifier,{shortcutKey:t?.shortcutKey}),e.jsx(r.SearchBar.SearchBarKbdShortcutKey,{shortcutKey:t?.shortcutKey})]})]})})}exports.InkeepSearchBar=y;exports.SearchBarImpl=p;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("./embedded-search-and-chat.cjs"),j=require("./embedded-search-and-chat.impl.cjs"),f=require("./embedded-search.cjs"),r=require("@inkeep/cxkit-styled"),C=require("./modal.cjs"),b=require("../utils.cjs"),g=require("@radix-ui/react-use-controllable-state");function y(a){const{modalSettings:t,defaultView:n="search",canToggleView:c=!0,...o}=a,h={...o,shouldShowAskAICard:c?a.shouldShowAskAICard:!1},{config:i,...d}=j.useWidgetImpl({...h,defaultView:n}),p=S=>{t?.isOpen===void 0&&(a.forceDefaultView&&!S&&d.setView(n),s(!!S))},[B=!1,s]=g.useControllableState({prop:t?.isOpen,defaultProp:!1,onChange:b.composeEventHandlers(t?.onOpenChange,p)}),l={shortcutKey:"k",...t,isOpen:B,onOpenChange:s},m=()=>c?e.jsx(x.InkeepEmbeddedSearchAndChatImpl,{...d}):e.jsx(f.InkeepEmbeddedSearchImpl,{...h});return e.jsxs(e.Fragment,{children:[e.jsx(r.Shadow,{wrapperStyles:{display:"contents"},children:e.jsx(r.RootProvider,{config:i,componentType:r.WebWidgetInteractionType.SearchBar,children:e.jsx(u,{onOpenChange:s,modalSettings:l})})}),e.jsx(C.InkeepModal,{...i,modalSettings:l,componentType:r.WebWidgetInteractionType.SearchBar,children:m()})]})}function u({onOpenChange:a,modalSettings:t}){const n=c=>{c.button!==2&&a(o=>!o)};return e.jsx(r.SearchBar.SearchBarContainer,{children:e.jsxs(r.SearchBar.SearchBarButton,{onClick:n,children:[e.jsxs(r.SearchBar.SearchBarContentWrapper,{children:[e.jsx(r.SearchBar.SearchBarIcon,{}),e.jsx(r.SearchBar.SearchBarText,{})]}),e.jsxs(r.SearchBar.SearchBarKbdWrapper,{children:[e.jsx(r.SearchBar.SearchBarKbdModifier,{shortcutKey:t?.shortcutKey}),e.jsx(r.SearchBar.SearchBarKbdShortcutKey,{shortcutKey:t?.shortcutKey})]})]})})}exports.InkeepSearchBar=y;exports.SearchBarImpl=u;

package/dist/components/searchbar.js

@@ -1,66 +1,65 @@
 "use client";
-import { jsxs as a, Fragment as f, jsx as e } from "react/jsx-runtime";
-import { useState as B } from "react";
+import { jsxs as c, Fragment as C, jsx as e } from "react/jsx-runtime";
 import { InkeepEmbeddedSearchAndChatImpl as g } from "./embedded-search-and-chat.js";
-import { useWidgetImpl as y } from "./embedded-search-and-chat.impl.js";
-import { InkeepEmbeddedSearchImpl as I } from "./embedded-search.js";
-import { Shadow as K, RootProvider as b, WebWidgetInteractionType as S, SearchBar as r } from "@inkeep/cxkit-styled";
-import { InkeepModal as k } from "./modal.js";
-function E(n) {
-  const [c, t] = B(!1), {
-    modalSettings: i,
+import { useWidgetImpl as I } from "./embedded-search-and-chat.impl.js";
+import { InkeepEmbeddedSearchImpl as y } from "./embedded-search.js";
+import { Shadow as k, RootProvider as K, WebWidgetInteractionType as u, SearchBar as r } from "@inkeep/cxkit-styled";
+import { InkeepModal as b } from "./modal.js";
+import { composeEventHandlers as w } from "../utils.js";
+import { useControllableState as A } from "@radix-ui/react-use-controllable-state";
+function M(n) {
+  const {
+    modalSettings: t,
     defaultView: o = "search",
-    canToggleView: h = !0,
-    ...u
+    canToggleView: a = !0,
+    ...i
   } = n, s = {
-    ...u,
-    shouldShowAskAICard: h
-  }, { config: p, ...d } = y({
+    ...i,
+    shouldShowAskAICard: a ? n.shouldShowAskAICard : !1
+  }, { config: d, ...l } = I({
     ...s,
     defaultView: o
-  }), m = {
+  }), f = (m) => {
+    t?.isOpen === void 0 && (n.forceDefaultView && !m && l.setView(o), h(!!m));
+  }, [S = !1, h] = A({
+    prop: t?.isOpen,
+    defaultProp: !1,
+    onChange: w(t?.onOpenChange, f)
+  }), p = {
     shortcutKey: "k",
-    ...i,
-    isOpen: c,
-    onOpenChange: (l) => {
-      n.forceDefaultView && !l && d.setView(o ?? "search"), t(!!l);
-    }
-  };
-  return /* @__PURE__ */ a(f, { children: [
-    /* @__PURE__ */ e(K, { wrapperStyles: { display: "contents" }, children: /* @__PURE__ */ e(b, { config: p, componentType: S.SearchBar, children: /* @__PURE__ */ e(w, { setOpen: t, modalSettings: m }) }) }),
+    ...t,
+    isOpen: S,
+    onOpenChange: h
+  }, B = () => a ? /* @__PURE__ */ e(g, { ...l }) : /* @__PURE__ */ e(y, { ...s });
+  return /* @__PURE__ */ c(C, { children: [
+    /* @__PURE__ */ e(k, { wrapperStyles: { display: "contents" }, children: /* @__PURE__ */ e(K, { config: d, componentType: u.SearchBar, children: /* @__PURE__ */ e(O, { onOpenChange: h, modalSettings: p }) }) }),
     /* @__PURE__ */ e(
-      k,
+      b,
       {
-        ...p,
-        modalSettings: m,
-        componentType: S.SearchBar,
-        children: h ? /* @__PURE__ */ e(g, { ...d }) : /* @__PURE__ */ e(I, { ...s })
+        ...d,
+        modalSettings: p,
+        componentType: u.SearchBar,
+        children: B()
       }
     )
   ] });
 }
-function w(n) {
-  const { setOpen: c, modalSettings: t } = n;
-  return /* @__PURE__ */ e(r.SearchBarContainer, { children: /* @__PURE__ */ a(
-    r.SearchBarButton,
-    {
-      onClick: (i) => {
-        i.button !== 2 && c((o) => !o);
-      },
-      children: [
-        /* @__PURE__ */ a(r.SearchBarContentWrapper, { children: [
-          /* @__PURE__ */ e(r.SearchBarIcon, {}),
-          /* @__PURE__ */ e(r.SearchBarText, {})
-        ] }),
-        /* @__PURE__ */ a(r.SearchBarKbdWrapper, { children: [
-          /* @__PURE__ */ e(r.SearchBarKbdModifier, { shortcutKey: t?.shortcutKey }),
-          /* @__PURE__ */ e(r.SearchBarKbdShortcutKey, { shortcutKey: t?.shortcutKey })
-        ] })
-      ]
-    }
-  ) });
+function O({ onOpenChange: n, modalSettings: t }) {
+  const o = (a) => {
+    a.button !== 2 && n((i) => !i);
+  };
+  return /* @__PURE__ */ e(r.SearchBarContainer, { children: /* @__PURE__ */ c(r.SearchBarButton, { onClick: o, children: [
+    /* @__PURE__ */ c(r.SearchBarContentWrapper, { children: [
+      /* @__PURE__ */ e(r.SearchBarIcon, {}),
+      /* @__PURE__ */ e(r.SearchBarText, {})
+    ] }),
+    /* @__PURE__ */ c(r.SearchBarKbdWrapper, { children: [
+      /* @__PURE__ */ e(r.SearchBarKbdModifier, { shortcutKey: t?.shortcutKey }),
+      /* @__PURE__ */ e(r.SearchBarKbdShortcutKey, { shortcutKey: t?.shortcutKey })
+    ] })
+  ] }) });
 }
 export {
-  E as InkeepSearchBar,
-  w as SearchBarImpl
+  M as InkeepSearchBar,
+  O as SearchBarImpl
 };

package/dist/index.d.cts

@@ -12,10 +12,10 @@ import { RootProviderProps } from '@inkeep/cxkit-styled';
 import { WebWidgetInteractionType } from '@inkeep/cxkit-styled';
 import { WidgetView } from '@inkeep/cxkit-types';
 
-export declare function ChatButtonImpl(props: ChatButtonImplProps): JSX.Element;
+export declare function ChatButtonImpl({ label, avatar, onOpenChange }: ChatButtonImplProps): JSX.Element;
 
 declare interface ChatButtonImplProps extends Pick<InkeepChatButtonProps, 'label' | 'avatar'> {
-    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    onOpenChange: React.Dispatch<React.SetStateAction<boolean | undefined>>;
 }
 
 declare type ChatConfig = Pick<InkeepConfig, 'baseSettings' | 'aiChatSettings'>;
@@ -23,7 +23,7 @@ declare type ChatConfig = Pick<InkeepConfig, 'baseSettings' | 'aiChatSettings'>;
 export declare function InkeepChatButton(props: InkeepChatButtonProps): JSX.Element;
 
 export declare interface InkeepChatButtonProps extends Omit<InkeepEmbeddedSearchAndChatProps, 'onToggleView'> {
-    modalSettings?: Omit<InkeepModalSettings, 'isOpen' | 'onOpenChange'>;
+    modalSettings?: InkeepModalSettings;
     label?: string;
     avatar?: InkeepAIChatSettings['aiAssistantAvatar'];
     canToggleView?: boolean;
@@ -144,7 +144,7 @@ export declare interface InkeepModalSearchProps extends Omit<InkeepEmbeddedSearc
 export declare function InkeepSearchBar(props: InkeepSearchBarProps): JSX.Element;
 
 export declare interface InkeepSearchBarProps extends Omit<InkeepEmbeddedSearchAndChatProps, 'onToggleView'> {
-    modalSettings?: Omit<InkeepModalSettings, 'isOpen' | 'onOpenChange'>;
+    modalSettings?: InkeepModalSettings;
     canToggleView?: boolean;
 }
 
@@ -159,10 +159,10 @@ export declare function ModalContent(props: PropsWithChildren): JSX.Element;
 
 declare type RootConfig = RootProviderProps['config'];
 
-export declare function SearchBarImpl(props: SearchBarImplProps): JSX.Element;
+export declare function SearchBarImpl({ onOpenChange, modalSettings }: SearchBarImplProps): JSX.Element;
 
 declare interface SearchBarImplProps {
-    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    onOpenChange: React.Dispatch<React.SetStateAction<boolean | undefined>>;
     modalSettings: InkeepSearchBarProps['modalSettings'];
 }
 

package/dist/index.d.ts

@@ -12,10 +12,10 @@ import { RootProviderProps } from '@inkeep/cxkit-styled';
 import { WebWidgetInteractionType } from '@inkeep/cxkit-styled';
 import { WidgetView } from '@inkeep/cxkit-types';
 
-export declare function ChatButtonImpl(props: ChatButtonImplProps): JSX.Element;
+export declare function ChatButtonImpl({ label, avatar, onOpenChange }: ChatButtonImplProps): JSX.Element;
 
 declare interface ChatButtonImplProps extends Pick<InkeepChatButtonProps, 'label' | 'avatar'> {
-    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    onOpenChange: React.Dispatch<React.SetStateAction<boolean | undefined>>;
 }
 
 declare type ChatConfig = Pick<InkeepConfig, 'baseSettings' | 'aiChatSettings'>;
@@ -23,7 +23,7 @@ declare type ChatConfig = Pick<InkeepConfig, 'baseSettings' | 'aiChatSettings'>;
 export declare function InkeepChatButton(props: InkeepChatButtonProps): JSX.Element;
 
 export declare interface InkeepChatButtonProps extends Omit<InkeepEmbeddedSearchAndChatProps, 'onToggleView'> {
-    modalSettings?: Omit<InkeepModalSettings, 'isOpen' | 'onOpenChange'>;
+    modalSettings?: InkeepModalSettings;
     label?: string;
     avatar?: InkeepAIChatSettings['aiAssistantAvatar'];
     canToggleView?: boolean;
@@ -144,7 +144,7 @@ export declare interface InkeepModalSearchProps extends Omit<InkeepEmbeddedSearc
 export declare function InkeepSearchBar(props: InkeepSearchBarProps): JSX.Element;
 
 export declare interface InkeepSearchBarProps extends Omit<InkeepEmbeddedSearchAndChatProps, 'onToggleView'> {
-    modalSettings?: Omit<InkeepModalSettings, 'isOpen' | 'onOpenChange'>;
+    modalSettings?: InkeepModalSettings;
     canToggleView?: boolean;
 }
 
@@ -159,10 +159,10 @@ export declare function ModalContent(props: PropsWithChildren): JSX.Element;
 
 declare type RootConfig = RootProviderProps['config'];
 
-export declare function SearchBarImpl(props: SearchBarImplProps): JSX.Element;
+export declare function SearchBarImpl({ onOpenChange, modalSettings }: SearchBarImplProps): JSX.Element;
 
 declare interface SearchBarImplProps {
-    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    onOpenChange: React.Dispatch<React.SetStateAction<boolean | undefined>>;
     modalSettings: InkeepSearchBarProps['modalSettings'];
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-react",
-  "version": "0.5.22",
+  "version": "0.5.23",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -20,7 +20,8 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@inkeep/cxkit-styled": "0.5.22"
+    "@radix-ui/react-use-controllable-state": "^1.1.0",
+    "@inkeep/cxkit-styled": "0.5.23"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
@@ -43,8 +44,8 @@
     "typescript": "5.7.3",
     "vite": "5.4.11",
     "vite-plugin-dts": "4.4.0",
-    "@inkeep/cxkit-color-mode": "0.5.22",
-    "@inkeep/cxkit-types": "0.5.22"
+    "@inkeep/cxkit-color-mode": "0.5.23",
+    "@inkeep/cxkit-types": "0.5.23"
   },
   "module": "dist/index.js",
   "types": "dist/index.d.ts",