@inkeep/cxkit-react 0.5.18 → 0.5.21

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"),g=require("react"),x=require("./modal.cjs"),B=require("./embedded-search-and-chat.cjs"),j=require("./embedded-search-and-chat.impl.cjs"),I=require("./embedded-chat.cjs");function b(n){const[r,a]=g.useState(!1),{modalSettings:i,label:s,defaultView:o="chat",canToggleView:p=!0,avatar:C,...c}=n,{config:d,...u}=j.useWidgetImpl({...c,defaultView:o}),m={...i,isOpen:r,onOpenChange:h=>{n.forceDefaultView&&!h&&u.setView(o??"chat"),a(!!h)}};return t.jsxs(t.Fragment,{children:[t.jsx(e.Shadow,{wrapperStyles:{display:"contents"},children:t.jsx(e.RootProvider,{config:d,componentType:e.WebWidgetInteractionType.ChatButton,children:t.jsx(l,{label:s,avatar:C,setOpen:a})})}),t.jsx(x.InkeepModal,{...d,componentType:e.WebWidgetInteractionType.ChatButton,modalSettings:m,children:p?t.jsx(B.InkeepEmbeddedSearchAndChatImpl,{...u}):t.jsx(I.InkeepEmbeddedChatImpl,{...c})})]})}function l(n){const{label:r="Ask AI",avatar:a,setOpen:i}=n;return t.jsx(e.ChatButton.Container,{children:t.jsxs(e.ChatButton.ChatButton,{onClick:s=>{s.button!==2&&i(o=>!o)},children:[t.jsx(e.ChatButton.ChatButtonText,{children:r}),t.jsx(e.ChatButton.ChatButtonAvatarContent,{children:t.jsx(e.ChatButton.ChatButtonAvatarImage,{avatar:a})})]})})}exports.ChatButtonImpl=l;exports.InkeepChatButton=b;
+"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;

package/dist/components/chat-button.js

@@ -1,42 +1,45 @@
 "use client";
-import { jsxs as s, Fragment as g, jsx as t } from "react/jsx-runtime";
-import { Shadow as I, RootProvider as B, WebWidgetInteractionType as h, ChatButton as e } from "@inkeep/cxkit-styled";
-import { useState as S } from "react";
-import { InkeepModal as b } from "./modal.js";
-import { InkeepEmbeddedSearchAndChatImpl as k } from "./embedded-search-and-chat.js";
-import { useWidgetImpl as w } from "./embedded-search-and-chat.impl.js";
+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 { 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] = S(!1), {
+  const [r, o] = k(!1), {
     modalSettings: i,
     label: l,
     defaultView: a = "chat",
-    canToggleView: u = !0,
-    avatar: f,
-    ...c
-  } = n, { config: m, ...p } = w({ ...c, defaultView: a }), C = {
+    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 && p.setView(a ?? "chat"), o(!!d);
+      n.forceDefaultView && !d && m.setView(a ?? "chat"), o(!!d);
     }
   };
-  return /* @__PURE__ */ s(g, { children: [
-    /* @__PURE__ */ t(I, { wrapperStyles: { display: "contents" }, children: /* @__PURE__ */ t(B, { config: m, componentType: h.ChatButton, children: /* @__PURE__ */ t(y, { label: l, avatar: f, setOpen: o }) }) }),
+  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 }) }) }),
     /* @__PURE__ */ t(
-      b,
+      w,
       {
-        ...m,
+        ...s,
         componentType: h.ChatButton,
-        modalSettings: C,
-        children: u ? /* @__PURE__ */ t(k, { ...p }) : /* @__PURE__ */ t(v, { ...c })
+        modalSettings: g,
+        children: c ? /* @__PURE__ */ t(A, { ...m }) : /* @__PURE__ */ t(v, { ...p })
       }
     )
   ] });
 }
 function y(n) {
   const { label: r = "Ask AI", avatar: o, setOpen: i } = n;
-  return /* @__PURE__ */ t(e.Container, { children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ t(e.Container, { children: /* @__PURE__ */ u(
     e.ChatButton,
     {
       onClick: (l) => {

package/dist/components/embedded-search.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("@inkeep/cxkit-styled"),a=require("react"),o=require("./widget-toggle.cjs"),u=require("./modal.cjs");function S(r){const{baseSettings:s,searchSettings:t}=r;return e.jsx(d.Shadow,{children:e.jsx(d.RootProvider,{config:{baseSettings:s,searchSettings:t},componentType:d.WebWidgetInteractionType.EmbeddedSearch,children:e.jsx(i,{...r})})})}function l(r){const{children:s,onToggleView:t,isHidden:n,shouldAutoFocusInput:c=!t}=r;return e.jsx(d.EmbeddedSearch.Provider,{isHidden:n,shouldAutoFocusInput:c,children:s})}function i(r){return e.jsx(l,{...r,children:e.jsx(h,{...r})})}function h(r){const{onToggleView:s}=r,t=d.useModal(),n=d.useWidget(),c=t&&!n?u.ModalContent:a.Fragment;return e.jsx(c,{children:e.jsx(d.EmbeddedSearch.Wrapper,{"data-composite":d.dataAttr(!!s||t?.isOpen),children:e.jsxs(d.EmbeddedSearch.Root,{children:[e.jsx(b,{...r}),e.jsxs(d.EmbeddedSearch.Content,{children:[e.jsx(x,{...r}),e.jsx(j,{})]}),e.jsx(g,{})]})})})}function b(r){const{onToggleView:s,askAILabel:t,searchLabel:n}=r,{query:c}=d.useSearch();return e.jsxs(d.EmbeddedSearch.InputGroup,{children:[e.jsx(d.EmbeddedSearch.InputIcon,{}),e.jsx(d.EmbeddedSearch.Input,{}),e.jsx(d.EmbeddedSearch.Loading,{}),s&&e.jsx(o.WidgetToggle,{onToggleView:s,query:c,askAILabel:t,searchLabel:n,view:"search"}),e.jsx(d.Modal.Close,{})]})}function x(r){const{askAILabel:s,onToggleView:t,shouldShowAskAICard:n=!!t}=r,{query:c}=d.useSearch(),{handleToggle:m}=o.useToggleView({onToggleView:t,query:c});return n?e.jsxs(d.EmbeddedSearch.AskAITrigger,{onSelect:()=>m("chat",!0),children:[e.jsx(d.EmbeddedSearch.AskAITriggerIcon,{}),e.jsxs(d.EmbeddedSearch.AskAITriggerLabel,{children:[s||"Ask AI",c&&` "${c}"`]}),e.jsx(d.EmbeddedSearch.AskAITriggerIndicator,{})]}):null}function j(){return e.jsxs(d.EmbeddedSearch.Results,{children:[e.jsx(d.EmbeddedSearch.ResultsLoading,{}),e.jsx(d.EmbeddedSearch.ResultsTabList,{children:r=>r.map(s=>e.jsx(d.EmbeddedSearch.ResultsTab,{tab:s},s))}),e.jsx(d.EmbeddedSearch.ResultsEmpty,{}),e.jsxs(d.EmbeddedSearch.ResultsScrollArea,{children:[e.jsx(d.EmbeddedSearch.ResultsScrollAreaViewport,{children:e.jsx(E,{})}),e.jsx(d.EmbeddedSearch.ResultsScrollAreaScrollbar,{children:e.jsx(d.EmbeddedSearch.ResultsScrollAreaThumb,{})}),e.jsx(d.EmbeddedSearch.ResultsScrollAreaCorner,{})]})]})}function E(){return e.jsx(d.EmbeddedSearch.ResultsList,{children:r=>r.map(s=>e.jsxs(d.EmbeddedSearch.ResultsItem,{item:s,children:[e.jsx(d.EmbeddedSearch.ResultsItemBreadcrumbs,{children:t=>t.map(n=>e.jsxs(a.Fragment,{children:[n,e.jsx(d.EmbeddedSearch.ResultsItemBreadcrumbIcon,{})]},n))}),e.jsx(d.EmbeddedSearch.ResultsItemIcon,{}),e.jsx(d.EmbeddedSearch.ResultsItemTitle,{}),e.jsx(d.EmbeddedSearch.ResultsItemTag,{}),e.jsx(d.EmbeddedSearch.ResultsItemDescription,{children:t=>t.map((n,c)=>e.jsx(d.EmbeddedSearch.ResultsItemDescriptionPart,{part:n},`part-${c}`))}),e.jsx(d.EmbeddedSearch.ResultsItemIndicator,{})]},s.id))})}function g(){return e.jsx(d.EmbeddedSearch.Footer,{children:e.jsxs(d.EmbeddedSearch.TaglineContainer,{children:[e.jsx(d.EmbeddedSearch.TaglineText,{}),e.jsx(d.EmbeddedSearch.TaglineLogo,{}),e.jsx(d.EmbeddedSearch.TaglineBrandName,{})]})})}exports.InkeepEmbeddedSearch=S;exports.InkeepEmbeddedSearchImpl=i;exports.InkeepEmbeddedSearchImplContent=h;exports.InkeepEmbeddedSearchProvider=l;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("@inkeep/cxkit-styled"),o=require("react"),l=require("./widget-toggle.cjs"),u=require("./modal.cjs");function S(r){const{baseSettings:s,searchSettings:t}=r;return e.jsx(d.Shadow,{children:e.jsx(d.RootProvider,{config:{baseSettings:s,searchSettings:t},componentType:d.WebWidgetInteractionType.EmbeddedSearch,children:e.jsx(h,{...r})})})}function i(r){const{children:s,onToggleView:t,isHidden:n,shouldAutoFocusInput:c=!t}=r;return e.jsx(d.EmbeddedSearch.Provider,{isHidden:n,shouldAutoFocusInput:c,children:s})}function h(r){return e.jsx(i,{...r,children:e.jsx(m,{...r})})}function m(r){const{onToggleView:s,shouldShowAskAICard:t}=r,n=d.useModal(),c=d.useWidget(),a=n&&!c?u.ModalContent:o.Fragment;return e.jsx(a,{children:e.jsx(d.EmbeddedSearch.Wrapper,{"data-show-ask-ai-card":d.dataAttr(t),"data-composite":d.dataAttr(!!s||n?.isOpen),children:e.jsxs(d.EmbeddedSearch.Root,{children:[e.jsx(b,{...r}),e.jsxs(d.EmbeddedSearch.Content,{children:[e.jsx(x,{...r}),e.jsx(j,{})]}),e.jsx(g,{})]})})})}function b(r){const{onToggleView:s,askAILabel:t,searchLabel:n}=r,{query:c}=d.useSearch();return e.jsxs(d.EmbeddedSearch.InputGroup,{children:[e.jsx(d.EmbeddedSearch.InputIcon,{}),e.jsx(d.EmbeddedSearch.Input,{}),e.jsx(d.EmbeddedSearch.Loading,{}),s&&e.jsx(l.WidgetToggle,{onToggleView:s,query:c,askAILabel:t,searchLabel:n,view:"search"}),e.jsx(d.Modal.Close,{})]})}function x(r){const{askAILabel:s,onToggleView:t,shouldShowAskAICard:n=!!t}=r,{query:c}=d.useSearch(),{handleToggle:a}=l.useToggleView({onToggleView:t,query:c});return n?e.jsxs(d.EmbeddedSearch.AskAITrigger,{onSelect:()=>a("chat",!0),children:[e.jsx(d.EmbeddedSearch.AskAITriggerIcon,{}),e.jsxs(d.EmbeddedSearch.AskAITriggerLabel,{children:[s||"Ask AI",c&&` "${c}"`]}),e.jsx(d.EmbeddedSearch.AskAITriggerIndicator,{})]}):null}function j(){return e.jsxs(d.EmbeddedSearch.Results,{children:[e.jsx(d.EmbeddedSearch.ResultsLoading,{}),e.jsx(d.EmbeddedSearch.ResultsTabList,{children:r=>r.map(s=>e.jsx(d.EmbeddedSearch.ResultsTab,{tab:s},s))}),e.jsx(d.EmbeddedSearch.ResultsEmpty,{}),e.jsxs(d.EmbeddedSearch.ResultsScrollArea,{children:[e.jsx(d.EmbeddedSearch.ResultsScrollAreaViewport,{children:e.jsx(E,{})}),e.jsx(d.EmbeddedSearch.ResultsScrollAreaScrollbar,{children:e.jsx(d.EmbeddedSearch.ResultsScrollAreaThumb,{})}),e.jsx(d.EmbeddedSearch.ResultsScrollAreaCorner,{})]})]})}function E(){return e.jsx(d.EmbeddedSearch.ResultsList,{children:r=>r.map(s=>e.jsxs(d.EmbeddedSearch.ResultsItem,{item:s,children:[e.jsx(d.EmbeddedSearch.ResultsItemBreadcrumbs,{children:t=>t.map((n,c)=>e.jsxs(o.Fragment,{children:[n,e.jsx(d.EmbeddedSearch.ResultsItemBreadcrumbIcon,{})]},`${n}-${c}`))}),e.jsx(d.EmbeddedSearch.ResultsItemIcon,{}),e.jsx(d.EmbeddedSearch.ResultsItemTitle,{}),e.jsx(d.EmbeddedSearch.ResultsItemTag,{}),e.jsx(d.EmbeddedSearch.ResultsItemDescription,{children:t=>t.map((n,c)=>e.jsx(d.EmbeddedSearch.ResultsItemDescriptionPart,{part:n},`part-${c}`))}),e.jsx(d.EmbeddedSearch.ResultsItemIndicator,{})]},s.id))})}function g(){return e.jsx(d.EmbeddedSearch.Footer,{children:e.jsxs(d.EmbeddedSearch.TaglineContainer,{children:[e.jsx(d.EmbeddedSearch.TaglineText,{}),e.jsx(d.EmbeddedSearch.TaglineLogo,{}),e.jsx(d.EmbeddedSearch.TaglineBrandName,{})]})})}exports.InkeepEmbeddedSearch=S;exports.InkeepEmbeddedSearchImpl=h;exports.InkeepEmbeddedSearchImplContent=m;exports.InkeepEmbeddedSearchProvider=i;

package/dist/components/embedded-search.js

@@ -1,75 +1,82 @@
 "use client";
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { Shadow as a, RootProvider as g, WebWidgetInteractionType as h, EmbeddedSearch as t, useModal as m, useWidget as I, dataAttr as p, useSearch as c, Modal as R } from "@inkeep/cxkit-styled";
-import { Fragment as d } from "react";
-import { WidgetToggle as T, useToggleView as A } from "./widget-toggle.js";
+import { Shadow as h, RootProvider as g, WebWidgetInteractionType as m, EmbeddedSearch as t, useModal as I, useWidget as p, dataAttr as d, useSearch as a, Modal as A } from "@inkeep/cxkit-styled";
+import { Fragment as u } from "react";
+import { WidgetToggle as R, useToggleView as T } from "./widget-toggle.js";
 import { ModalContent as S } from "./modal.js";
 function P(r) {
   const { baseSettings: n, searchSettings: o } = r;
-  return /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(
     g,
     {
       config: {
         baseSettings: n,
         searchSettings: o
       },
-      componentType: h.EmbeddedSearch,
+      componentType: m.EmbeddedSearch,
       children: /* @__PURE__ */ e(b, { ...r })
     }
   ) });
 }
 function f(r) {
-  const { children: n, onToggleView: o, isHidden: l, shouldAutoFocusInput: s = !o } = r;
-  return /* @__PURE__ */ e(t.Provider, { isHidden: l, shouldAutoFocusInput: s, children: n });
+  const { children: n, onToggleView: o, isHidden: s, shouldAutoFocusInput: l = !o } = r;
+  return /* @__PURE__ */ e(t.Provider, { isHidden: s, shouldAutoFocusInput: l, children: n });
 }
 function b(r) {
   return /* @__PURE__ */ e(f, { ...r, children: /* @__PURE__ */ e(k, { ...r }) });
 }
 function k(r) {
-  const { onToggleView: n } = r, o = m(), l = I();
-  return /* @__PURE__ */ e(o && !l ? S : d, { children: /* @__PURE__ */ e(t.Wrapper, { "data-composite": p(!!n || o?.isOpen), children: /* @__PURE__ */ i(t.Root, { children: [
-    /* @__PURE__ */ e(w, { ...r }),
-    /* @__PURE__ */ i(t.Content, { children: [
-      /* @__PURE__ */ e(L, { ...r }),
-      /* @__PURE__ */ e(C, {})
-    ] }),
-    /* @__PURE__ */ e(W, {})
-  ] }) }) });
+  const { onToggleView: n, shouldShowAskAICard: o } = r, s = I(), l = p();
+  return /* @__PURE__ */ e(s && !l ? S : u, { children: /* @__PURE__ */ e(
+    t.Wrapper,
+    {
+      "data-show-ask-ai-card": d(o),
+      "data-composite": d(!!n || s?.isOpen),
+      children: /* @__PURE__ */ i(t.Root, { children: [
+        /* @__PURE__ */ e(w, { ...r }),
+        /* @__PURE__ */ i(t.Content, { children: [
+          /* @__PURE__ */ e(C, { ...r }),
+          /* @__PURE__ */ e(L, {})
+        ] }),
+        /* @__PURE__ */ e(W, {})
+      ] })
+    }
+  ) });
 }
 function w(r) {
-  const { onToggleView: n, askAILabel: o, searchLabel: l } = r, { query: s } = c();
+  const { onToggleView: n, askAILabel: o, searchLabel: s } = r, { query: l } = a();
   return /* @__PURE__ */ i(t.InputGroup, { children: [
     /* @__PURE__ */ e(t.InputIcon, {}),
     /* @__PURE__ */ e(t.Input, {}),
     /* @__PURE__ */ e(t.Loading, {}),
     n && /* @__PURE__ */ e(
-      T,
+      R,
       {
         onToggleView: n,
-        query: s,
+        query: l,
         askAILabel: o,
-        searchLabel: l,
+        searchLabel: s,
         view: "search"
       }
     ),
-    /* @__PURE__ */ e(R.Close, {})
+    /* @__PURE__ */ e(A.Close, {})
   ] });
 }
-function L(r) {
-  const { askAILabel: n, onToggleView: o, shouldShowAskAICard: l = !!o } = r, { query: s } = c(), { handleToggle: u } = A({
+function C(r) {
+  const { askAILabel: n, onToggleView: o, shouldShowAskAICard: s = !!o } = r, { query: l } = a(), { handleToggle: c } = T({
     onToggleView: o,
-    query: s
+    query: l
   });
-  return l ? /* @__PURE__ */ i(t.AskAITrigger, { onSelect: () => u("chat", !0), children: [
+  return s ? /* @__PURE__ */ i(t.AskAITrigger, { onSelect: () => c("chat", !0), children: [
     /* @__PURE__ */ e(t.AskAITriggerIcon, {}),
     /* @__PURE__ */ i(t.AskAITriggerLabel, { children: [
       n || "Ask AI",
-      s && ` "${s}"`
+      l && ` "${l}"`
     ] }),
     /* @__PURE__ */ e(t.AskAITriggerIndicator, {})
   ] }) : null;
 }
-function C() {
+function L() {
   return /* @__PURE__ */ i(t.Results, { children: [
     /* @__PURE__ */ e(t.ResultsLoading, {}),
     /* @__PURE__ */ e(t.ResultsTabList, { children: (r) => r.map((n) => /* @__PURE__ */ e(t.ResultsTab, { tab: n }, n)) }),
@@ -83,14 +90,14 @@ function C() {
 }
 function E() {
   return /* @__PURE__ */ e(t.ResultsList, { children: (r) => r.map((n) => /* @__PURE__ */ i(t.ResultsItem, { item: n, children: [
-    /* @__PURE__ */ e(t.ResultsItemBreadcrumbs, { children: (o) => o.map((l) => /* @__PURE__ */ i(d, { children: [
-      l,
+    /* @__PURE__ */ e(t.ResultsItemBreadcrumbs, { children: (o) => o.map((s, l) => /* @__PURE__ */ i(u, { children: [
+      s,
       /* @__PURE__ */ e(t.ResultsItemBreadcrumbIcon, {})
-    ] }, l)) }),
+    ] }, `${s}-${l}`)) }),
     /* @__PURE__ */ e(t.ResultsItemIcon, {}),
     /* @__PURE__ */ e(t.ResultsItemTitle, {}),
     /* @__PURE__ */ e(t.ResultsItemTag, {}),
-    /* @__PURE__ */ e(t.ResultsItemDescription, { children: (o) => o.map((l, s) => /* @__PURE__ */ e(t.ResultsItemDescriptionPart, { part: l }, `part-${s}`)) }),
+    /* @__PURE__ */ e(t.ResultsItemDescription, { children: (o) => o.map((s, l) => /* @__PURE__ */ e(t.ResultsItemDescriptionPart, { part: s }, `part-${l}`)) }),
     /* @__PURE__ */ e(t.ResultsItemIndicator, {})
   ] }, n.id)) });
 }

package/dist/components/searchbar.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),B=require("./embedded-search-and-chat.cjs"),m=require("./embedded-search-and-chat.impl.cjs"),x=require("./embedded-search.cjs"),r=require("@inkeep/cxkit-styled"),j=require("./modal.cjs");function g(a){const[n,t]=u.useState(!1),{modalSettings:s,defaultView:c="search",canToggleView:p=!0,...o}=a,{config:h,...i}=m.useWidgetImpl({...o,defaultView:c}),d={shortcutKey:"k",...s,isOpen:n,onOpenChange:S=>{a.forceDefaultView&&!S&&i.setView(c??"search"),t(!!S)}};return e.jsxs(e.Fragment,{children:[e.jsx(r.Shadow,{wrapperStyles:{display:"contents"},children:e.jsx(r.RootProvider,{config:h,componentType:r.WebWidgetInteractionType.SearchBar,children:e.jsx(l,{setOpen:t,modalSettings:d})})}),e.jsx(j.InkeepModal,{...h,modalSettings:d,componentType:r.WebWidgetInteractionType.SearchBar,children:p?e.jsx(B.InkeepEmbeddedSearchAndChatImpl,{...i}):e.jsx(x.InkeepEmbeddedSearchImpl,{...o})})]})}function l(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=g;exports.SearchBarImpl=l;
+"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;

package/dist/components/searchbar.js

@@ -1,39 +1,45 @@
 "use client";
-import { jsxs as a, Fragment as u, jsx as e } from "react/jsx-runtime";
-import { useState as f } from "react";
-import { InkeepEmbeddedSearchAndChatImpl as B } from "./embedded-search-and-chat.js";
-import { useWidgetImpl as g } from "./embedded-search-and-chat.impl.js";
-import { InkeepEmbeddedSearchImpl as y } from "./embedded-search.js";
-import { Shadow as I, RootProvider as K, WebWidgetInteractionType as l, SearchBar as r } from "@inkeep/cxkit-styled";
-import { InkeepModal as b } from "./modal.js";
+import { jsxs as a, Fragment as f, jsx as e } from "react/jsx-runtime";
+import { useState as B } from "react";
+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] = f(!1), {
+  const [c, t] = B(!1), {
     modalSettings: i,
     defaultView: o = "search",
-    canToggleView: S = !0,
-    ...h
-  } = n, { config: p, ...s } = g({ ...h, defaultView: o }), d = {
+    canToggleView: h = !0,
+    ...u
+  } = n, s = {
+    ...u,
+    shouldShowAskAICard: h
+  }, { config: p, ...d } = y({
+    ...s,
+    defaultView: o
+  }), m = {
     shortcutKey: "k",
     ...i,
     isOpen: c,
-    onOpenChange: (m) => {
-      n.forceDefaultView && !m && s.setView(o ?? "search"), t(!!m);
+    onOpenChange: (l) => {
+      n.forceDefaultView && !l && d.setView(o ?? "search"), t(!!l);
     }
   };
-  return /* @__PURE__ */ a(u, { children: [
-    /* @__PURE__ */ e(I, { wrapperStyles: { display: "contents" }, children: /* @__PURE__ */ e(K, { config: p, componentType: l.SearchBar, children: /* @__PURE__ */ e(k, { setOpen: t, modalSettings: d }) }) }),
+  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 }) }) }),
     /* @__PURE__ */ e(
-      b,
+      k,
       {
         ...p,
-        modalSettings: d,
-        componentType: l.SearchBar,
-        children: S ? /* @__PURE__ */ e(B, { ...s }) : /* @__PURE__ */ e(y, { ...h })
+        modalSettings: m,
+        componentType: S.SearchBar,
+        children: h ? /* @__PURE__ */ e(g, { ...d }) : /* @__PURE__ */ e(I, { ...s })
       }
     )
   ] });
 }
-function k(n) {
+function w(n) {
   const { setOpen: c, modalSettings: t } = n;
   return /* @__PURE__ */ e(r.SearchBarContainer, { children: /* @__PURE__ */ a(
     r.SearchBarButton,
@@ -56,5 +62,5 @@ function k(n) {
 }
 export {
   E as InkeepSearchBar,
-  k as SearchBarImpl
+  w as SearchBarImpl
 };

package/package.json

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