@inkeep/cxkit-react 0.5.5 → 0.5.8

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"),m=require("react"),g=require("./modal.cjs"),x=require("./embedded-search-and-chat.cjs"),B=require("./embedded-search-and-chat.impl.cjs"),j=require("./embedded-chat.cjs");function I(n){const[r,o]=m.useState(!1),{modalSettings:a,label:i,defaultView:s="chat",canToggleView:p=!0,...c}=n,{config:d,...u}=B.useWidgetImpl({...c,defaultView:s}),C={...a,isOpen:r,onOpenChange:h=>{n.forceDefaultView&&!h&&u.setView(s??"chat"),o(!!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:i,setOpen:o})})}),t.jsx(g.InkeepModal,{...d,componentType:e.WebWidgetInteractionType.ChatButton,modalSettings:C,children:p?t.jsx(x.InkeepEmbeddedSearchAndChatImpl,{...u}):t.jsx(j.InkeepEmbeddedChatImpl,{...c})})]})}function l(n){const{label:r="Ask AI",setOpen:o}=n;return t.jsx(e.ChatButton.Container,{children:t.jsxs(e.ChatButton.ChatButton,{onPointerDown:a=>{a.button!==2&&(o(i=>!i),a.stopPropagation())},children:[t.jsx(e.ChatButton.ChatButtonText,{children:r}),t.jsx(e.ChatButton.ChatButtonAvatarContent,{children:t.jsx(e.ChatButton.ChatButtonAvatarImage,{})})]})})}exports.ChatButtonImpl=l;exports.InkeepChatButton=I;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("@inkeep/cxkit-styled"),m=require("react"),g=require("./modal.cjs"),x=require("./embedded-search-and-chat.cjs"),B=require("./embedded-search-and-chat.impl.cjs"),j=require("./embedded-chat.cjs");function I(n){const[a,o]=m.useState(!1),{modalSettings:r,label:i,defaultView:s="chat",canToggleView:p=!0,...c}=n,{config:d,...u}=B.useWidgetImpl({...c,defaultView:s}),C={...r,isOpen:a,onOpenChange:h=>{n.forceDefaultView&&!h&&u.setView(s??"chat"),o(!!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:i,setOpen:o})})}),t.jsx(g.InkeepModal,{...d,componentType:e.WebWidgetInteractionType.ChatButton,modalSettings:C,children:p?t.jsx(x.InkeepEmbeddedSearchAndChatImpl,{...u}):t.jsx(j.InkeepEmbeddedChatImpl,{...c})})]})}function l(n){const{label:a="Ask AI",setOpen:o}=n;return t.jsx(e.ChatButton.Container,{children:t.jsxs(e.ChatButton.ChatButton,{onClick:r=>{r.button!==2&&o(i=>!i)},children:[t.jsx(e.ChatButton.ChatButtonText,{children:a}),t.jsx(e.ChatButton.ChatButtonAvatarContent,{children:t.jsx(e.ChatButton.ChatButtonAvatarImage,{})})]})})}exports.ChatButtonImpl=l;exports.InkeepChatButton=I;

package/dist/components/chat-button.js

@@ -2,47 +2,47 @@
 import { jsxs as s, Fragment as C, jsx as t } from "react/jsx-runtime";
 import { Shadow as g, RootProvider as I, WebWidgetInteractionType as h, ChatButton as e } from "@inkeep/cxkit-styled";
 import { useState as B } from "react";
-import { InkeepModal as w } from "./modal.js";
-import { InkeepEmbeddedSearchAndChatImpl as S } from "./embedded-search-and-chat.js";
-import { useWidgetImpl as b } from "./embedded-search-and-chat.impl.js";
-import { InkeepEmbeddedChatImpl as k } from "./embedded-chat.js";
-function v(n) {
-  const [a, o] = B(!1), {
-    modalSettings: r,
+import { InkeepModal as S } from "./modal.js";
+import { InkeepEmbeddedSearchAndChatImpl as b } from "./embedded-search-and-chat.js";
+import { useWidgetImpl as k } from "./embedded-search-and-chat.impl.js";
+import { InkeepEmbeddedChatImpl as w } from "./embedded-chat.js";
+function E(n) {
+  const [r, o] = B(!1), {
+    modalSettings: a,
     label: i,
-    defaultView: p = "chat",
+    defaultView: l = "chat",
     canToggleView: u = !0,
-    ...l
-  } = n, { config: m, ...c } = b({ ...l, defaultView: p }), f = {
-    ...r,
-    isOpen: a,
+    ...c
+  } = n, { config: m, ...p } = k({ ...c, defaultView: l }), f = {
+    ...a,
+    isOpen: r,
     onOpenChange: (d) => {
-      n.forceDefaultView && !d && c.setView(p ?? "chat"), o(!!d);
+      n.forceDefaultView && !d && p.setView(l ?? "chat"), o(!!d);
     }
   };
   return /* @__PURE__ */ s(C, { children: [
     /* @__PURE__ */ t(g, { wrapperStyles: { display: "contents" }, children: /* @__PURE__ */ t(I, { config: m, componentType: h.ChatButton, children: /* @__PURE__ */ t(y, { label: i, setOpen: o }) }) }),
     /* @__PURE__ */ t(
-      w,
+      S,
       {
         ...m,
         componentType: h.ChatButton,
         modalSettings: f,
-        children: u ? /* @__PURE__ */ t(S, { ...c }) : /* @__PURE__ */ t(k, { ...l })
+        children: u ? /* @__PURE__ */ t(b, { ...p }) : /* @__PURE__ */ t(w, { ...c })
       }
     )
   ] });
 }
 function y(n) {
-  const { label: a = "Ask AI", setOpen: o } = n;
+  const { label: r = "Ask AI", setOpen: o } = n;
   return /* @__PURE__ */ t(e.Container, { children: /* @__PURE__ */ s(
     e.ChatButton,
     {
-      onPointerDown: (r) => {
-        r.button !== 2 && (o((i) => !i), r.stopPropagation());
+      onClick: (a) => {
+        a.button !== 2 && o((i) => !i);
       },
       children: [
-        /* @__PURE__ */ t(e.ChatButtonText, { children: a }),
+        /* @__PURE__ */ t(e.ChatButtonText, { children: r }),
         /* @__PURE__ */ t(e.ChatButtonAvatarContent, { children: /* @__PURE__ */ t(e.ChatButtonAvatarImage, {}) })
       ]
     }
@@ -50,5 +50,5 @@ function y(n) {
 }
 export {
   y as ChatButtonImpl,
-  v as InkeepChatButton
+  E as InkeepChatButton
 };

package/dist/components/embedded-chat.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"),c=require("react"),i=require("./widget-toggle.cjs");function o(a){const{baseSettings:t,aiChatSettings:s}=a;return e.jsx(d.Shadow,{wrapperStyles:{height:"inherit",width:"inherit"},children:e.jsx(d.RootProvider,{config:{baseSettings:t,aiChatSettings:s},componentType:d.WebWidgetInteractionType.EmbeddedChat,children:e.jsx(r,{...a})})})}function r(a){const{onToggleView:t,isHidden:s,shouldAutoFocusInput:n=!t}=a,h=d.useModal();return e.jsx(d.EmbeddedChat.Provider,{isHidden:s,shouldAutoFocusInput:n,children:e.jsxs(d.EmbeddedChat.Wrapper,{variant:t?"no-shadow":"container-with-shadow","data-composite":d.dataAttr(!!a.onToggleView||h?.isOpen),children:[e.jsx(d.EmbeddedChat.ConversationLoading,{}),e.jsxs(d.EmbeddedChat.Root,{children:[e.jsx(b,{...a}),e.jsx(l,{}),e.jsx(g,{})]}),e.jsx(M,{}),e.jsx(I,{})]})})}function b(a){const{onToggleView:t,askAILabel:s,searchLabel:n}=a,h=!!t;return e.jsxs(d.EmbeddedChat.Header,{"data-show-toolbar":d.dataAttr(h),children:[h&&e.jsxs(d.EmbeddedChat.HeaderToolbar,{children:[e.jsxs(d.EmbeddedChat.HeaderToolbarWrapper,{children:[e.jsx(d.EmbeddedChat.ToolbarHeader,{}),e.jsxs(d.EmbeddedChat.Disclaimer,{children:[e.jsx(d.EmbeddedChat.DisclaimerTrigger,{}),e.jsxs(d.EmbeddedChat.DisclaimerContent,{side:"bottom",align:"start",children:[e.jsx(d.EmbeddedChat.DisclaimerText,{}),e.jsx(d.EmbeddedChat.DisclaimerArrow,{})]})]})]}),e.jsx(i.WidgetToggle,{onToggleView:t,askAILabel:s,searchLabel:n,view:"chat"})]}),e.jsx(d.Modal.Close,{})]})}function l(){return e.jsx(d.EmbeddedChat.Content,{children:e.jsxs(d.EmbeddedChat.ContentScrollArea,{children:[e.jsx(d.EmbeddedChat.ContentScrollAreaViewport,{children:e.jsx(C,{})}),e.jsx(d.EmbeddedChat.ContentScrollAreaScrollbar,{children:e.jsx(d.EmbeddedChat.ContentScrollAreaThumb,{})}),e.jsx(d.EmbeddedChat.ContentScrollAreaCorner,{})]})})}function C(){return e.jsx(d.EmbeddedChat.Messages,{children:({messages:a})=>e.jsxs(e.Fragment,{children:[e.jsx(x,{}),a.map(t=>e.jsxs(d.EmbeddedChat.MessageWrapper,{message:t,children:[e.jsx(j,{}),e.jsx(d.EmbeddedChat.MessageLoading,{}),e.jsxs(d.EmbeddedChat.MessageContentWrapper,{children:[e.jsx(d.EmbeddedChat.MessageContent,{children:e.jsx(d.EmbeddedChat.Message,{})}),e.jsx(E,{}),e.jsx(u,{}),e.jsx(F,{})]})]},t.id))]})})}function x(){return e.jsxs(d.EmbeddedChat.IntroMessageWrapper,{children:[e.jsxs(d.EmbeddedChat.MessageHeader,{children:[e.jsx(d.EmbeddedChat.MessageAvatar,{children:e.jsxs(d.EmbeddedChat.MessageAvatarContent,{children:[e.jsx(d.EmbeddedChat.MessageAvatarFallback,{}),e.jsx(d.EmbeddedChat.MessageAvatarImage,{})]})}),e.jsx(d.EmbeddedChat.MessageName,{})]}),e.jsxs(d.EmbeddedChat.MessageContentWrapper,{children:[e.jsx(d.EmbeddedChat.MessageContent,{children:e.jsx(d.EmbeddedChat.Message,{})}),e.jsxs(d.EmbeddedChat.Disclaimer,{children:[e.jsx(d.EmbeddedChat.DisclaimerLabel,{}),e.jsx(d.EmbeddedChat.DisclaimerTrigger,{}),e.jsxs(d.EmbeddedChat.DisclaimerContent,{children:[e.jsx(d.EmbeddedChat.DisclaimerText,{}),e.jsx(d.EmbeddedChat.DisclaimerArrow,{})]})]}),e.jsxs(d.EmbeddedChat.QuickQuestions,{children:[e.jsx(d.EmbeddedChat.QuickQuestionsLabel,{}),e.jsx(d.EmbeddedChat.QuickQuestionsList,{children:a=>a.map(t=>e.jsx(d.EmbeddedChat.QuickQuestion,{children:e.jsx(d.EmbeddedChat.QuickQuestionButton,{question:t})},t))})]})]})]})}function j(){return e.jsxs(d.EmbeddedChat.MessageHeader,{children:[e.jsx(d.EmbeddedChat.MessageAvatar,{children:e.jsxs(d.EmbeddedChat.MessageAvatarContent,{children:[e.jsx(d.EmbeddedChat.MessageAvatarFallback,{}),e.jsx(d.EmbeddedChat.MessageAvatarImage,{})]})}),e.jsx(d.EmbeddedChat.MessageName,{})]})}function E(){return e.jsxs(d.EmbeddedChat.MessageAttachments,{children:[e.jsx(d.EmbeddedChat.MessageAttachmentsList,{children:a=>a.map(t=>e.jsxs(d.EmbeddedChat.MessageAttachmentsItem,{attachment:t,children:[e.jsx(d.EmbeddedChat.MessageAttachmentsItemIcon,{}),e.jsx(d.EmbeddedChat.MessageAttachmentsItemTitle,{})]},t.id))}),e.jsx(d.EmbeddedChat.MessageAttachmentsPreview,{children:e.jsx(d.PortalWithTheme,{children:e.jsx(d.EmbeddedChat.MessageAttachmentsPreviewOverlay,{children:e.jsxs(d.EmbeddedChat.MessageAttachmentsPreviewContent,{children:[e.jsx(d.EmbeddedChat.MessageAttachmentsPreviewHeader,{}),e.jsx(d.EmbeddedChat.MessageAttachmentsPreviewClose,{}),e.jsx(d.EmbeddedChat.MessageAttachmentsPreviewBody,{})]})})})})]})}function u(){return e.jsxs(d.EmbeddedChat.MessageActions,{children:[e.jsx(d.EmbeddedChat.MessageToolActions,{children:a=>a.map((t,s)=>e.jsx(d.EmbeddedChat.MessageToolAction,{action:t},`action-${s}`))}),e.jsx(d.EmbeddedChat.MessageAction,{action:"copy"}),e.jsx(d.EmbeddedChat.MessageAction,{action:"upvote"}),e.jsx(d.EmbeddedChat.MessageAction,{action:"downvote"})]})}function F(){return e.jsxs(d.EmbeddedChat.MessageSources,{children:[e.jsx(d.EmbeddedChat.MessageSourcesHeader,{}),e.jsx(d.EmbeddedChat.MessageSourcesList,{children:a=>a.map((t,s)=>e.jsxs(d.EmbeddedChat.MessageSourceItem,{href:t.url,source:t,children:[e.jsx(d.EmbeddedChat.MessageSourceItemBreadcrumbs,{children:t.breadcrumbs?.map(n=>e.jsxs(c.Fragment,{children:[n,e.jsx(d.EmbeddedChat.MessageSourceItemBreadcrumbIcon,{})]},n))}),e.jsx(d.EmbeddedChat.MessageSourceItemIcon,{}),e.jsx(d.EmbeddedChat.MessageSourceItemTitle,{}),e.jsx(d.EmbeddedChat.MessageSourceItemTag,{}),e.jsx(d.EmbeddedChat.MessageSourceItemDescription,{children:n=>n.map((h,m)=>e.jsx(d.EmbeddedChat.MessageSourceItemDescriptionPart,{part:h},`part-${m}`))}),e.jsx(d.EmbeddedChat.MessageSourceItemIndicator,{})]},s))})]})}function g(){return e.jsxs(d.EmbeddedChat.Footer,{children:[e.jsx(A,{}),e.jsx(p,{})]})}function A(){return e.jsxs(d.EmbeddedChat.InputFieldset,{children:[e.jsxs(d.EmbeddedChat.InputGroup,{children:[e.jsx(d.EmbeddedChat.Input,{}),e.jsx(d.EmbeddedChat.SendButton,{children:e.jsx(d.EmbeddedChat.SendButtonIcon,{})})]}),e.jsxs(d.EmbeddedChat.AttachmentsBar,{children:[e.jsx(d.EmbeddedChat.AttachmentsBarList,{children:a=>a.map(t=>e.jsxs(d.EmbeddedChat.AttachmentsBarAttachment,{attachment:t,children:[e.jsx(d.EmbeddedChat.AttachmentsBarAttachmentIcon,{}),e.jsx(d.EmbeddedChat.AttachmentsBarAttachmentTitle,{}),e.jsx(d.EmbeddedChat.AttachmentsBarAttachmentDelete,{})]},t.id))}),e.jsxs(d.EmbeddedChat.AttachmentsBarActions,{children:[e.jsxs(d.EmbeddedChat.AttachmentsBarInfoTip,{children:[e.jsx(d.EmbeddedChat.AttachmentsBarInfoTipIcon,{}),e.jsx(d.EmbeddedChat.AttachmentsBarInfoTipText,{})]}),e.jsx(d.EmbeddedChat.AttachmentsBarInputs,{children:a=>a.map(t=>e.jsxs(d.EmbeddedChat.AttachmentsBarInput,{input:t,children:[e.jsx(d.EmbeddedChat.AttachmentsBarInputIcon,{}),t.displayName]},t.id))})]}),e.jsx(d.PortalWithTheme,{children:e.jsx(d.EmbeddedChat.AttachmentsBarModal,{children:e.jsx(d.EmbeddedChat.AttachmentsBarModalOverlay,{children:e.jsxs(d.EmbeddedChat.AttachmentsBarModalContent,{children:[e.jsxs(d.EmbeddedChat.AttachmentsBarModalHeader,{children:[e.jsx(d.EmbeddedChat.AttachmentsBarModalHeading,{}),e.jsx(d.EmbeddedChat.AttachmentsBarModalDescription,{}),e.jsx(d.EmbeddedChat.AttachmentsBarModalHelp,{})]}),e.jsx(d.EmbeddedChat.AttachmentsBarModalClose,{}),e.jsx(d.EmbeddedChat.AttachmentsBarModalBody,{children:e.jsxs(d.EmbeddedChat.AttachmentsBarForm,{children:[e.jsxs(d.EmbeddedChat.AttachmentsBarFormTitle,{children:[e.jsx(d.EmbeddedChat.AttachmentsBarFormTitleLabel,{}),e.jsx(d.EmbeddedChat.AttachmentsBarFormTitleInput,{}),e.jsx(d.EmbeddedChat.AttachmentsBarFormTitleError,{})]}),e.jsxs(d.EmbeddedChat.AttachmentsBarFormContent,{children:[e.jsx(d.EmbeddedChat.AttachmentsBarFormContentLabel,{}),e.jsx(d.EmbeddedChat.AttachmentsBarFormContentInput,{}),e.jsx(d.EmbeddedChat.AttachmentsBarFormContentError,{})]}),e.jsx(d.EmbeddedChat.AttachmentsBarFormSubmitButton,{})]})})]})})})})]})]})}function p(){return e.jsxs(d.EmbeddedChat.ActionBar,{children:[e.jsxs(d.EmbeddedChat.TaglineContainer,{children:[e.jsx(d.EmbeddedChat.TaglineText,{}),e.jsx(d.EmbeddedChat.TaglineLogo,{}),e.jsx(d.EmbeddedChat.TaglineBrandName,{})]}),e.jsxs(d.EmbeddedChat.Actions,{children:[e.jsx(d.EmbeddedChat.HelpActions,{children:({pinned:a,unpinned:t})=>e.jsxs(e.Fragment,{children:[a.map(s=>e.jsx(d.EmbeddedChat.HelpAction,{action:s},s.name)),t.length>0&&e.jsx(d.EmbeddedChat.HelpActionsTrigger,{}),e.jsxs(d.EmbeddedChat.HelpActionsMenu,{children:[e.jsx(d.EmbeddedChat.HelpActionsMenuArrow,{}),t.map(s=>e.jsxs(d.EmbeddedChat.HelpActionsMenuItem,{action:s,children:[e.jsx(d.EmbeddedChat.HelpActionsMenuItemIcon,{action:s}),s.name]},s.name))]})]})}),e.jsxs(d.EmbeddedChat.ChatAction,{action:"copy",children:[e.jsx(d.EmbeddedChat.ChatActionLabel,{action:"copy"}),e.jsx(d.EmbeddedChat.ChatActionFeedback,{action:"copy"})]}),e.jsxs(d.EmbeddedChat.ChatAction,{action:"share",children:[e.jsx(d.EmbeddedChat.ChatActionLabel,{action:"share"}),e.jsx(d.EmbeddedChat.ChatActionFeedback,{action:"share"})]}),e.jsx(d.EmbeddedChat.ChatAction,{action:"clear"}),e.jsx(d.EmbeddedChat.ChatAction,{action:"stop"})]})]})}function M(){return e.jsx(d.PortalWithTheme,{children:e.jsx(d.EmbeddedChat.FeedbackModal,{children:e.jsx(d.EmbeddedChat.FeedbackModalOverlay,{children:e.jsxs(d.EmbeddedChat.FeedbackModalContent,{children:[e.jsx(d.EmbeddedChat.FeedbackModalHeader,{}),e.jsx(d.EmbeddedChat.FeedbackModalClose,{}),e.jsx(d.EmbeddedChat.FeedbackModalBody,{children:e.jsxs(d.EmbeddedChat.FeedbackForm,{children:[e.jsxs(d.EmbeddedChat.FeedbackItem,{name:"unrelated_response",children:[e.jsx(d.EmbeddedChat.FeedbackItemCheckbox,{children:e.jsx(d.EmbeddedChat.FeedbackItemCheckboxIndicator,{})}),e.jsx(d.EmbeddedChat.FeedbackItemLabel,{}),e.jsx(d.EmbeddedChat.FeedbackItemDescription,{})]}),e.jsxs(d.EmbeddedChat.FeedbackItem,{name:"inaccurate_statement",children:[e.jsx(d.EmbeddedChat.FeedbackItemCheckbox,{children:e.jsx(d.EmbeddedChat.FeedbackItemCheckboxIndicator,{})}),e.jsx(d.EmbeddedChat.FeedbackItemLabel,{}),e.jsx(d.EmbeddedChat.FeedbackItemDescription,{})]}),e.jsxs(d.EmbeddedChat.FeedbackItem,{name:"inaccurate_code_snippet",children:[e.jsx(d.EmbeddedChat.FeedbackItemCheckbox,{children:e.jsx(d.EmbeddedChat.FeedbackItemCheckboxIndicator,{})}),e.jsx(d.EmbeddedChat.FeedbackItemLabel,{}),e.jsx(d.EmbeddedChat.FeedbackItemDescription,{})]}),e.jsxs(d.EmbeddedChat.FeedbackItem,{name:"irrelevant_citations",children:[e.jsx(d.EmbeddedChat.FeedbackItemCheckbox,{children:e.jsx(d.EmbeddedChat.FeedbackItemCheckboxIndicator,{})}),e.jsx(d.EmbeddedChat.FeedbackItemLabel,{})]}),e.jsx(d.EmbeddedChat.FeedbackSubmitButton,{})]})})]})})})})}function I(){return e.jsxs(d.EmbeddedChat.FormWrapper,{children:[e.jsx(d.EmbeddedChat.FormClose,{}),e.jsxs(d.EmbeddedChat.Form,{children:[e.jsxs(d.EmbeddedChat.FormHeader,{children:[e.jsx(d.EmbeddedChat.FormHeading,{}),e.jsx(d.EmbeddedChat.FormDescription,{})]}),e.jsx(d.EmbeddedChat.FormContent,{children:a=>e.jsxs(e.Fragment,{children:[a.map((t,s)=>e.jsxs(d.EmbeddedChat.FormField,{field:t,autoFocus:s===0,children:[e.jsx(d.EmbeddedChat.FormFieldLabel,{}),t.inputType==="text"&&e.jsx(d.EmbeddedChat.FormFieldText,{}),t.inputType==="email"&&e.jsx(d.EmbeddedChat.FormFieldEmail,{}),t.inputType==="file"&&e.jsx(d.EmbeddedChat.FormFieldFile,{}),t.inputType==="textarea"&&e.jsx(d.EmbeddedChat.FormFieldTextArea,{}),t.inputType==="checkbox"&&e.jsx(d.EmbeddedChat.FormFieldCheckbox,{children:e.jsx(d.EmbeddedChat.FormFieldCheckboxIndicator,{})}),t.inputType==="select"&&e.jsxs(d.EmbeddedChat.FormFieldSelect,{children:[e.jsxs(d.EmbeddedChat.FormFieldSelectTrigger,{children:[e.jsx(d.EmbeddedChat.FormFieldSelectValue,{}),e.jsx(d.EmbeddedChat.FormFieldSelectIcon,{})]}),e.jsx(d.EmbeddedChat.FormFieldSelectContent,{children:e.jsx(d.EmbeddedChat.FormFieldSelectViewport,{children:t.items.map(n=>e.jsxs(d.EmbeddedChat.FormFieldSelectItem,{value:n.value,children:[e.jsx(d.EmbeddedChat.FormFieldSelectItemText,{children:n.label}),e.jsx(d.EmbeddedChat.FormFieldSelectItemIndicator,{})]},n.value))})})]}),e.jsx(d.EmbeddedChat.FormFieldError,{})]},t.name)),e.jsx(d.EmbeddedChat.FormError,{})]})}),e.jsxs(d.EmbeddedChat.FormFooter,{children:[e.jsx(d.EmbeddedChat.FormCancel,{}),e.jsx(d.EmbeddedChat.FormSubmit,{})]})]}),e.jsxs(d.EmbeddedChat.FormSuccess,{children:[e.jsx(d.EmbeddedChat.FormSuccessHeading,{}),e.jsx(d.EmbeddedChat.FormSuccessMessage,{}),e.jsx(d.EmbeddedChat.FormSuccessButton,{})]})]})}exports.InkeepEmbeddedChat=o;exports.InkeepEmbeddedChatImpl=r;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("@inkeep/cxkit-styled"),h=require("react"),b=require("./widget-toggle.cjs"),C=require("./modal.cjs");function l(a){const{baseSettings:t,aiChatSettings:s}=a;return e.jsx(d.Shadow,{wrapperStyles:{height:"inherit",width:"inherit"},children:e.jsx(d.RootProvider,{config:{baseSettings:t,aiChatSettings:s},componentType:d.WebWidgetInteractionType.EmbeddedChat,children:e.jsx(c,{...a})})})}function m(a){const{children:t,onToggleView:s,isHidden:n,shouldAutoFocusInput:r=!s}=a;return e.jsx(d.EmbeddedChat.Provider,{isHidden:n,shouldAutoFocusInput:r,children:t})}function c(a){return e.jsx(m,{...a,children:e.jsx(i,{...a})})}function i(a){const{onToggleView:t}=a,s=d.useModal(),n=d.useWidget(),r=s&&!n?C.ModalContent:h.Fragment;return e.jsx(r,{children:e.jsxs(d.EmbeddedChat.Wrapper,{variant:t?"no-shadow":"container-with-shadow","data-composite":d.dataAttr(!!a.onToggleView||s?.isOpen),children:[e.jsx(d.EmbeddedChat.ConversationLoading,{}),e.jsxs(d.EmbeddedChat.Root,{children:[e.jsx(x,{...a}),e.jsx(j,{}),e.jsx(I,{})]}),e.jsx(T,{}),e.jsx(B,{})]})})}function x(a){const{onToggleView:t,askAILabel:s,searchLabel:n}=a,r=!!t;return e.jsxs(d.EmbeddedChat.Header,{"data-show-toolbar":d.dataAttr(r),children:[r&&e.jsxs(d.EmbeddedChat.HeaderToolbar,{children:[e.jsxs(d.EmbeddedChat.HeaderToolbarWrapper,{children:[e.jsx(d.EmbeddedChat.ToolbarHeader,{}),e.jsxs(d.EmbeddedChat.Disclaimer,{children:[e.jsx(d.EmbeddedChat.DisclaimerTrigger,{}),e.jsxs(d.EmbeddedChat.DisclaimerContent,{side:"bottom",align:"start",children:[e.jsx(d.EmbeddedChat.DisclaimerText,{}),e.jsx(d.EmbeddedChat.DisclaimerArrow,{})]})]})]}),e.jsx(b.WidgetToggle,{onToggleView:t,askAILabel:s,searchLabel:n,view:"chat"})]}),e.jsx(d.Modal.Close,{})]})}function j(){return e.jsx(d.EmbeddedChat.Content,{children:e.jsxs(d.EmbeddedChat.ContentScrollArea,{children:[e.jsx(d.EmbeddedChat.ContentScrollAreaViewport,{children:e.jsx(E,{})}),e.jsx(d.EmbeddedChat.ContentScrollAreaScrollbar,{children:e.jsx(d.EmbeddedChat.ContentScrollAreaThumb,{})}),e.jsx(d.EmbeddedChat.ContentScrollAreaCorner,{})]})})}function E(){return e.jsx(d.EmbeddedChat.Messages,{children:({messages:a})=>e.jsxs(e.Fragment,{children:[e.jsx(u,{}),a.map(t=>e.jsxs(d.EmbeddedChat.MessageWrapper,{message:t,children:[e.jsx(F,{}),e.jsx(d.EmbeddedChat.MessageLoading,{}),e.jsxs(d.EmbeddedChat.MessageContentWrapper,{children:[e.jsx(d.EmbeddedChat.MessageContent,{children:e.jsx(d.EmbeddedChat.Message,{})}),e.jsx(g,{}),e.jsx(A,{}),e.jsx(p,{})]})]},t.id))]})})}function u(){return e.jsxs(d.EmbeddedChat.IntroMessageWrapper,{children:[e.jsxs(d.EmbeddedChat.MessageHeader,{children:[e.jsx(d.EmbeddedChat.MessageAvatar,{children:e.jsxs(d.EmbeddedChat.MessageAvatarContent,{children:[e.jsx(d.EmbeddedChat.MessageAvatarFallback,{}),e.jsx(d.EmbeddedChat.MessageAvatarImage,{})]})}),e.jsx(d.EmbeddedChat.MessageName,{})]}),e.jsxs(d.EmbeddedChat.MessageContentWrapper,{children:[e.jsx(d.EmbeddedChat.MessageContent,{children:e.jsx(d.EmbeddedChat.Message,{})}),e.jsxs(d.EmbeddedChat.Disclaimer,{children:[e.jsx(d.EmbeddedChat.DisclaimerLabel,{}),e.jsx(d.EmbeddedChat.DisclaimerTrigger,{}),e.jsxs(d.EmbeddedChat.DisclaimerContent,{children:[e.jsx(d.EmbeddedChat.DisclaimerText,{}),e.jsx(d.EmbeddedChat.DisclaimerArrow,{})]})]}),e.jsxs(d.EmbeddedChat.QuickQuestions,{children:[e.jsx(d.EmbeddedChat.QuickQuestionsLabel,{}),e.jsx(d.EmbeddedChat.QuickQuestionsList,{children:a=>a.map(t=>e.jsx(d.EmbeddedChat.QuickQuestion,{children:e.jsx(d.EmbeddedChat.QuickQuestionButton,{question:t})},t))})]})]})]})}function F(){return e.jsxs(d.EmbeddedChat.MessageHeader,{children:[e.jsx(d.EmbeddedChat.MessageAvatar,{children:e.jsxs(d.EmbeddedChat.MessageAvatarContent,{children:[e.jsx(d.EmbeddedChat.MessageAvatarFallback,{}),e.jsx(d.EmbeddedChat.MessageAvatarImage,{})]})}),e.jsx(d.EmbeddedChat.MessageName,{})]})}function g(){return e.jsxs(d.EmbeddedChat.MessageAttachments,{children:[e.jsx(d.EmbeddedChat.MessageAttachmentsList,{children:a=>a.map(t=>e.jsxs(d.EmbeddedChat.MessageAttachmentsItem,{attachment:t,children:[e.jsx(d.EmbeddedChat.MessageAttachmentsItemIcon,{}),e.jsx(d.EmbeddedChat.MessageAttachmentsItemTitle,{})]},t.id))}),e.jsx(d.EmbeddedChat.MessageAttachmentsPreview,{children:e.jsx(d.PortalWithTheme,{children:e.jsx(d.EmbeddedChat.MessageAttachmentsPreviewOverlay,{children:e.jsxs(d.EmbeddedChat.MessageAttachmentsPreviewContent,{children:[e.jsx(d.EmbeddedChat.MessageAttachmentsPreviewHeader,{}),e.jsx(d.EmbeddedChat.MessageAttachmentsPreviewClose,{}),e.jsx(d.EmbeddedChat.MessageAttachmentsPreviewBody,{})]})})})})]})}function A(){return e.jsxs(d.EmbeddedChat.MessageActions,{children:[e.jsx(d.EmbeddedChat.MessageToolActions,{children:a=>a.map((t,s)=>e.jsx(d.EmbeddedChat.MessageToolAction,{action:t},`action-${s}`))}),e.jsx(d.EmbeddedChat.MessageAction,{action:"copy"}),e.jsx(d.EmbeddedChat.MessageAction,{action:"upvote"}),e.jsx(d.EmbeddedChat.MessageAction,{action:"downvote"})]})}function p(){return e.jsxs(d.EmbeddedChat.MessageSources,{children:[e.jsx(d.EmbeddedChat.MessageSourcesHeader,{}),e.jsx(d.EmbeddedChat.MessageSourcesList,{children:a=>a.map((t,s)=>e.jsxs(d.EmbeddedChat.MessageSourceItem,{href:t.url,source:t,children:[e.jsx(d.EmbeddedChat.MessageSourceItemBreadcrumbs,{children:t.breadcrumbs?.map(n=>e.jsxs(h.Fragment,{children:[n,e.jsx(d.EmbeddedChat.MessageSourceItemBreadcrumbIcon,{})]},n))}),e.jsx(d.EmbeddedChat.MessageSourceItemIcon,{}),e.jsx(d.EmbeddedChat.MessageSourceItemTitle,{}),e.jsx(d.EmbeddedChat.MessageSourceItemTag,{}),e.jsx(d.EmbeddedChat.MessageSourceItemDescription,{children:n=>n.map((r,o)=>e.jsx(d.EmbeddedChat.MessageSourceItemDescriptionPart,{part:r},`part-${o}`))}),e.jsx(d.EmbeddedChat.MessageSourceItemIndicator,{})]},s))})]})}function I(){return e.jsxs(d.EmbeddedChat.Footer,{children:[e.jsx(M,{}),e.jsx(k,{})]})}function M(){return e.jsxs(d.EmbeddedChat.InputFieldset,{children:[e.jsxs(d.EmbeddedChat.InputGroup,{children:[e.jsx(d.EmbeddedChat.Input,{}),e.jsx(d.EmbeddedChat.SendButton,{children:e.jsx(d.EmbeddedChat.SendButtonIcon,{})})]}),e.jsxs(d.EmbeddedChat.AttachmentsBar,{children:[e.jsx(d.EmbeddedChat.AttachmentsBarList,{children:a=>a.map(t=>e.jsxs(d.EmbeddedChat.AttachmentsBarAttachment,{attachment:t,children:[e.jsx(d.EmbeddedChat.AttachmentsBarAttachmentIcon,{}),e.jsx(d.EmbeddedChat.AttachmentsBarAttachmentTitle,{}),e.jsx(d.EmbeddedChat.AttachmentsBarAttachmentDelete,{})]},t.id))}),e.jsxs(d.EmbeddedChat.AttachmentsBarActions,{children:[e.jsxs(d.EmbeddedChat.AttachmentsBarInfoTip,{children:[e.jsx(d.EmbeddedChat.AttachmentsBarInfoTipIcon,{}),e.jsx(d.EmbeddedChat.AttachmentsBarInfoTipText,{})]}),e.jsx(d.EmbeddedChat.AttachmentsBarInputs,{children:a=>a.map(t=>e.jsxs(d.EmbeddedChat.AttachmentsBarInput,{input:t,children:[e.jsx(d.EmbeddedChat.AttachmentsBarInputIcon,{}),t.displayName]},t.id))})]}),e.jsx(d.PortalWithTheme,{children:e.jsx(d.EmbeddedChat.AttachmentsBarModal,{children:e.jsx(d.EmbeddedChat.AttachmentsBarModalOverlay,{children:e.jsxs(d.EmbeddedChat.AttachmentsBarModalContent,{children:[e.jsxs(d.EmbeddedChat.AttachmentsBarModalHeader,{children:[e.jsx(d.EmbeddedChat.AttachmentsBarModalHeading,{}),e.jsx(d.EmbeddedChat.AttachmentsBarModalDescription,{}),e.jsx(d.EmbeddedChat.AttachmentsBarModalHelp,{})]}),e.jsx(d.EmbeddedChat.AttachmentsBarModalClose,{}),e.jsx(d.EmbeddedChat.AttachmentsBarModalBody,{children:e.jsxs(d.EmbeddedChat.AttachmentsBarForm,{children:[e.jsxs(d.EmbeddedChat.AttachmentsBarFormTitle,{children:[e.jsx(d.EmbeddedChat.AttachmentsBarFormTitleLabel,{}),e.jsx(d.EmbeddedChat.AttachmentsBarFormTitleInput,{}),e.jsx(d.EmbeddedChat.AttachmentsBarFormTitleError,{})]}),e.jsxs(d.EmbeddedChat.AttachmentsBarFormContent,{children:[e.jsx(d.EmbeddedChat.AttachmentsBarFormContentLabel,{}),e.jsx(d.EmbeddedChat.AttachmentsBarFormContentInput,{}),e.jsx(d.EmbeddedChat.AttachmentsBarFormContentError,{})]}),e.jsx(d.EmbeddedChat.AttachmentsBarFormSubmitButton,{})]})})]})})})})]})]})}function k(){return e.jsxs(d.EmbeddedChat.ActionBar,{children:[e.jsxs(d.EmbeddedChat.TaglineContainer,{children:[e.jsx(d.EmbeddedChat.TaglineText,{}),e.jsx(d.EmbeddedChat.TaglineLogo,{}),e.jsx(d.EmbeddedChat.TaglineBrandName,{})]}),e.jsxs(d.EmbeddedChat.Actions,{children:[e.jsx(d.EmbeddedChat.HelpActions,{children:({pinned:a,unpinned:t})=>e.jsxs(e.Fragment,{children:[a.map(s=>e.jsx(d.EmbeddedChat.HelpAction,{action:s},s.name)),t.length>0&&e.jsx(d.EmbeddedChat.HelpActionsTrigger,{}),e.jsxs(d.EmbeddedChat.HelpActionsMenu,{children:[e.jsx(d.EmbeddedChat.HelpActionsMenuArrow,{}),t.map(s=>e.jsxs(d.EmbeddedChat.HelpActionsMenuItem,{action:s,children:[e.jsx(d.EmbeddedChat.HelpActionsMenuItemIcon,{action:s}),s.name]},s.name))]})]})}),e.jsxs(d.EmbeddedChat.ChatAction,{action:"copy",children:[e.jsx(d.EmbeddedChat.ChatActionLabel,{action:"copy"}),e.jsx(d.EmbeddedChat.ChatActionFeedback,{action:"copy"})]}),e.jsxs(d.EmbeddedChat.ChatAction,{action:"share",children:[e.jsx(d.EmbeddedChat.ChatActionLabel,{action:"share"}),e.jsx(d.EmbeddedChat.ChatActionFeedback,{action:"share"})]}),e.jsx(d.EmbeddedChat.ChatAction,{action:"clear"}),e.jsx(d.EmbeddedChat.ChatAction,{action:"stop"})]})]})}function T(){return e.jsx(d.PortalWithTheme,{children:e.jsx(d.EmbeddedChat.FeedbackModal,{children:e.jsx(d.EmbeddedChat.FeedbackModalOverlay,{children:e.jsxs(d.EmbeddedChat.FeedbackModalContent,{children:[e.jsx(d.EmbeddedChat.FeedbackModalHeader,{}),e.jsx(d.EmbeddedChat.FeedbackModalClose,{}),e.jsx(d.EmbeddedChat.FeedbackModalBody,{children:e.jsxs(d.EmbeddedChat.FeedbackForm,{children:[e.jsxs(d.EmbeddedChat.FeedbackItem,{name:"unrelated_response",children:[e.jsx(d.EmbeddedChat.FeedbackItemCheckbox,{children:e.jsx(d.EmbeddedChat.FeedbackItemCheckboxIndicator,{})}),e.jsx(d.EmbeddedChat.FeedbackItemLabel,{}),e.jsx(d.EmbeddedChat.FeedbackItemDescription,{})]}),e.jsxs(d.EmbeddedChat.FeedbackItem,{name:"inaccurate_statement",children:[e.jsx(d.EmbeddedChat.FeedbackItemCheckbox,{children:e.jsx(d.EmbeddedChat.FeedbackItemCheckboxIndicator,{})}),e.jsx(d.EmbeddedChat.FeedbackItemLabel,{}),e.jsx(d.EmbeddedChat.FeedbackItemDescription,{})]}),e.jsxs(d.EmbeddedChat.FeedbackItem,{name:"inaccurate_code_snippet",children:[e.jsx(d.EmbeddedChat.FeedbackItemCheckbox,{children:e.jsx(d.EmbeddedChat.FeedbackItemCheckboxIndicator,{})}),e.jsx(d.EmbeddedChat.FeedbackItemLabel,{}),e.jsx(d.EmbeddedChat.FeedbackItemDescription,{})]}),e.jsxs(d.EmbeddedChat.FeedbackItem,{name:"irrelevant_citations",children:[e.jsx(d.EmbeddedChat.FeedbackItemCheckbox,{children:e.jsx(d.EmbeddedChat.FeedbackItemCheckboxIndicator,{})}),e.jsx(d.EmbeddedChat.FeedbackItemLabel,{})]}),e.jsx(d.EmbeddedChat.FeedbackSubmitButton,{})]})})]})})})})}function B(){return e.jsxs(d.EmbeddedChat.FormWrapper,{children:[e.jsx(d.EmbeddedChat.FormClose,{}),e.jsxs(d.EmbeddedChat.Form,{children:[e.jsxs(d.EmbeddedChat.FormHeader,{children:[e.jsx(d.EmbeddedChat.FormHeading,{}),e.jsx(d.EmbeddedChat.FormDescription,{})]}),e.jsx(d.EmbeddedChat.FormContent,{children:a=>e.jsxs(e.Fragment,{children:[a.map((t,s)=>e.jsxs(d.EmbeddedChat.FormField,{field:t,autoFocus:s===0,children:[e.jsx(d.EmbeddedChat.FormFieldLabel,{}),t.inputType==="text"&&e.jsx(d.EmbeddedChat.FormFieldText,{}),t.inputType==="email"&&e.jsx(d.EmbeddedChat.FormFieldEmail,{}),t.inputType==="file"&&e.jsx(d.EmbeddedChat.FormFieldFile,{}),t.inputType==="textarea"&&e.jsx(d.EmbeddedChat.FormFieldTextArea,{}),t.inputType==="checkbox"&&e.jsx(d.EmbeddedChat.FormFieldCheckbox,{children:e.jsx(d.EmbeddedChat.FormFieldCheckboxIndicator,{})}),t.inputType==="select"&&e.jsxs(d.EmbeddedChat.FormFieldSelect,{children:[e.jsxs(d.EmbeddedChat.FormFieldSelectTrigger,{children:[e.jsx(d.EmbeddedChat.FormFieldSelectValue,{}),e.jsx(d.EmbeddedChat.FormFieldSelectIcon,{})]}),e.jsx(d.EmbeddedChat.FormFieldSelectContent,{children:e.jsx(d.EmbeddedChat.FormFieldSelectViewport,{children:t.items.map(n=>e.jsxs(d.EmbeddedChat.FormFieldSelectItem,{value:n.value,children:[e.jsx(d.EmbeddedChat.FormFieldSelectItemText,{children:n.label}),e.jsx(d.EmbeddedChat.FormFieldSelectItemIndicator,{})]},n.value))})})]}),e.jsx(d.EmbeddedChat.FormFieldError,{})]},t.name)),e.jsx(d.EmbeddedChat.FormError,{})]})}),e.jsxs(d.EmbeddedChat.FormFooter,{children:[e.jsx(d.EmbeddedChat.FormCancel,{}),e.jsx(d.EmbeddedChat.FormSubmit,{})]})]}),e.jsxs(d.EmbeddedChat.FormSuccess,{children:[e.jsx(d.EmbeddedChat.FormSuccessHeading,{}),e.jsx(d.EmbeddedChat.FormSuccessMessage,{}),e.jsx(d.EmbeddedChat.FormSuccessButton,{})]})]})}exports.InkeepEmbeddedChat=l;exports.InkeepEmbeddedChatImpl=c;exports.InkeepEmbeddedChatImplContent=i;exports.InkeepEmbeddedChatProvider=m;

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

@@ -1,8 +1,11 @@
 import { WidgetView, InkeepConfig } from '@inkeep/cxkit-types';
+import { PropsWithChildren } from 'react';
 import { EmbeddedChatProviderProps } from '@inkeep/cxkit-styled';
 type ChatConfig = Pick<InkeepConfig, 'baseSettings' | 'aiChatSettings'>;
 type InkeepEmbeddedChatImplProps = EmbeddedChatProviderProps & WidgetView;
 export type InkeepEmbeddedChatProps = InkeepEmbeddedChatImplProps & Partial<ChatConfig>;
 export declare function InkeepEmbeddedChat(props: InkeepEmbeddedChatProps): import("react/jsx-runtime").JSX.Element;
+export declare function InkeepEmbeddedChatProvider(props: PropsWithChildren<InkeepEmbeddedChatImplProps>): import("react/jsx-runtime").JSX.Element;
 export declare function InkeepEmbeddedChatImpl(props: InkeepEmbeddedChatImplProps): import("react/jsx-runtime").JSX.Element;
+export declare function InkeepEmbeddedChatImplContent(props: InkeepEmbeddedChatImplProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,8 +1,11 @@
 import { WidgetView, InkeepConfig } from '@inkeep/cxkit-types';
+import { PropsWithChildren } from 'react';
 import { EmbeddedChatProviderProps } from '@inkeep/cxkit-styled';
 type ChatConfig = Pick<InkeepConfig, 'baseSettings' | 'aiChatSettings'>;
 type InkeepEmbeddedChatImplProps = EmbeddedChatProviderProps & WidgetView;
 export type InkeepEmbeddedChatProps = InkeepEmbeddedChatImplProps & Partial<ChatConfig>;
 export declare function InkeepEmbeddedChat(props: InkeepEmbeddedChatProps): import("react/jsx-runtime").JSX.Element;
+export declare function InkeepEmbeddedChatProvider(props: PropsWithChildren<InkeepEmbeddedChatImplProps>): import("react/jsx-runtime").JSX.Element;
 export declare function InkeepEmbeddedChatImpl(props: InkeepEmbeddedChatImplProps): import("react/jsx-runtime").JSX.Element;
+export declare function InkeepEmbeddedChatImplContent(props: InkeepEmbeddedChatImplProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/embedded-chat.js

@@ -1,52 +1,60 @@
 "use client";
 import { jsx as t, jsxs as n, Fragment as s } from "react/jsx-runtime";
-import { Shadow as m, RootProvider as F, WebWidgetInteractionType as u, useModal as g, EmbeddedChat as e, dataAttr as d, Modal as A, PortalWithTheme as l } from "@inkeep/cxkit-styled";
-import { Fragment as p } from "react";
+import { Shadow as F, RootProvider as u, WebWidgetInteractionType as g, EmbeddedChat as e, useModal as A, useWidget as p, dataAttr as d, Modal as b, PortalWithTheme as l } from "@inkeep/cxkit-styled";
+import { Fragment as h } from "react";
 import { WidgetToggle as M } from "./widget-toggle.js";
-function E(a) {
+import { ModalContent as I } from "./modal.js";
+function $(a) {
   const { baseSettings: r, aiChatSettings: c } = a;
   return /* @__PURE__ */ t(
-    m,
+    F,
     {
       wrapperStyles: {
         height: "inherit",
         width: "inherit"
       },
       children: /* @__PURE__ */ t(
-        F,
+        u,
         {
           config: {
             baseSettings: r,
             aiChatSettings: c
           },
-          componentType: u.EmbeddedChat,
-          children: /* @__PURE__ */ t(b, { ...a })
+          componentType: g.EmbeddedChat,
+          children: /* @__PURE__ */ t(k, { ...a })
         }
       )
     }
   );
 }
-function b(a) {
-  const { onToggleView: r, isHidden: c, shouldAutoFocusInput: i = !r } = a, o = g();
-  return /* @__PURE__ */ t(e.Provider, { isHidden: c, shouldAutoFocusInput: i, children: /* @__PURE__ */ n(
+function C(a) {
+  const { children: r, onToggleView: c, isHidden: i, shouldAutoFocusInput: o = !c } = a;
+  return /* @__PURE__ */ t(e.Provider, { isHidden: i, shouldAutoFocusInput: o, children: r });
+}
+function k(a) {
+  return /* @__PURE__ */ t(C, { ...a, children: /* @__PURE__ */ t(T, { ...a }) });
+}
+function T(a) {
+  const { onToggleView: r } = a, c = A(), i = p();
+  return /* @__PURE__ */ t(c && !i ? I : h, { children: /* @__PURE__ */ n(
     e.Wrapper,
     {
       variant: r ? "no-shadow" : "container-with-shadow",
-      "data-composite": d(!!a.onToggleView || o?.isOpen),
+      "data-composite": d(!!a.onToggleView || c?.isOpen),
       children: [
         /* @__PURE__ */ t(e.ConversationLoading, {}),
         /* @__PURE__ */ n(e.Root, { children: [
-          /* @__PURE__ */ t(I, { ...a }),
-          /* @__PURE__ */ t(C, {}),
-          /* @__PURE__ */ t(w, {})
+          /* @__PURE__ */ t(B, { ...a }),
+          /* @__PURE__ */ t(S, {}),
+          /* @__PURE__ */ t(L, {})
         ] }),
-        /* @__PURE__ */ t(L, {}),
-        /* @__PURE__ */ t(D, {})
+        /* @__PURE__ */ t(E, {}),
+        /* @__PURE__ */ t(P, {})
       ]
     }
   ) });
 }
-function I(a) {
+function B(a) {
   const { onToggleView: r, askAILabel: c, searchLabel: i } = a, o = !!r;
   return /* @__PURE__ */ n(e.Header, { "data-show-toolbar": d(o), children: [
     o && /* @__PURE__ */ n(e.HeaderToolbar, { children: [
@@ -70,32 +78,32 @@ function I(a) {
         }
       )
     ] }),
-    /* @__PURE__ */ t(A.Close, {})
+    /* @__PURE__ */ t(b.Close, {})
   ] });
 }
-function C() {
+function S() {
   return /* @__PURE__ */ t(e.Content, { children: /* @__PURE__ */ n(e.ContentScrollArea, { children: [
-    /* @__PURE__ */ t(e.ContentScrollAreaViewport, { children: /* @__PURE__ */ t(k, {}) }),
+    /* @__PURE__ */ t(e.ContentScrollAreaViewport, { children: /* @__PURE__ */ t(v, {}) }),
     /* @__PURE__ */ t(e.ContentScrollAreaScrollbar, { children: /* @__PURE__ */ t(e.ContentScrollAreaThumb, {}) }),
     /* @__PURE__ */ t(e.ContentScrollAreaCorner, {})
   ] }) });
 }
-function k() {
+function v() {
   return /* @__PURE__ */ t(e.Messages, { children: ({ messages: a }) => /* @__PURE__ */ n(s, { children: [
-    /* @__PURE__ */ t(B, {}),
+    /* @__PURE__ */ t(w, {}),
     a.map((r) => /* @__PURE__ */ n(e.MessageWrapper, { message: r, children: [
-      /* @__PURE__ */ t(T, {}),
+      /* @__PURE__ */ t(H, {}),
       /* @__PURE__ */ t(e.MessageLoading, {}),
       /* @__PURE__ */ n(e.MessageContentWrapper, { children: [
         /* @__PURE__ */ t(e.MessageContent, { children: /* @__PURE__ */ t(e.Message, {}) }),
-        /* @__PURE__ */ t(S, {}),
-        /* @__PURE__ */ t(v, {}),
-        /* @__PURE__ */ t(H, {})
+        /* @__PURE__ */ t(x, {}),
+        /* @__PURE__ */ t(f, {}),
+        /* @__PURE__ */ t(y, {})
       ] })
     ] }, r.id))
   ] }) });
 }
-function B() {
+function w() {
   return /* @__PURE__ */ n(e.IntroMessageWrapper, { children: [
     /* @__PURE__ */ n(e.MessageHeader, { children: [
       /* @__PURE__ */ t(e.MessageAvatar, { children: /* @__PURE__ */ n(e.MessageAvatarContent, { children: [
@@ -121,7 +129,7 @@ function B() {
     ] })
   ] });
 }
-function T() {
+function H() {
   return /* @__PURE__ */ n(e.MessageHeader, { children: [
     /* @__PURE__ */ t(e.MessageAvatar, { children: /* @__PURE__ */ n(e.MessageAvatarContent, { children: [
       /* @__PURE__ */ t(e.MessageAvatarFallback, {}),
@@ -130,7 +138,7 @@ function T() {
     /* @__PURE__ */ t(e.MessageName, {})
   ] });
 }
-function S() {
+function x() {
   return /* @__PURE__ */ n(e.MessageAttachments, { children: [
     /* @__PURE__ */ t(e.MessageAttachmentsList, { children: (a) => a.map((r) => /* @__PURE__ */ n(e.MessageAttachmentsItem, { attachment: r, children: [
       /* @__PURE__ */ t(e.MessageAttachmentsItemIcon, {}),
@@ -143,7 +151,7 @@ function S() {
     ] }) }) }) })
   ] });
 }
-function v() {
+function f() {
   return /* @__PURE__ */ n(e.MessageActions, { children: [
     /* @__PURE__ */ t(e.MessageToolActions, { children: (a) => a.map((r, c) => /* @__PURE__ */ t(e.MessageToolAction, { action: r }, `action-${c}`)) }),
     /* @__PURE__ */ t(e.MessageAction, { action: "copy" }),
@@ -151,35 +159,35 @@ function v() {
     /* @__PURE__ */ t(e.MessageAction, { action: "downvote" })
   ] });
 }
-function H() {
+function y() {
   return /* @__PURE__ */ n(e.MessageSources, { children: [
     /* @__PURE__ */ t(e.MessageSourcesHeader, {}),
     /* @__PURE__ */ t(e.MessageSourcesList, { children: (a) => a.map((r, c) => /* @__PURE__ */ n(e.MessageSourceItem, { href: r.url, source: r, children: [
-      /* @__PURE__ */ t(e.MessageSourceItemBreadcrumbs, { children: r.breadcrumbs?.map((i) => /* @__PURE__ */ n(p, { children: [
+      /* @__PURE__ */ t(e.MessageSourceItemBreadcrumbs, { children: r.breadcrumbs?.map((i) => /* @__PURE__ */ n(h, { children: [
         i,
         /* @__PURE__ */ t(e.MessageSourceItemBreadcrumbIcon, {})
       ] }, i)) }),
       /* @__PURE__ */ t(e.MessageSourceItemIcon, {}),
       /* @__PURE__ */ t(e.MessageSourceItemTitle, {}),
       /* @__PURE__ */ t(e.MessageSourceItemTag, {}),
-      /* @__PURE__ */ t(e.MessageSourceItemDescription, { children: (i) => i.map((o, h) => /* @__PURE__ */ t(
+      /* @__PURE__ */ t(e.MessageSourceItemDescription, { children: (i) => i.map((o, m) => /* @__PURE__ */ t(
         e.MessageSourceItemDescriptionPart,
         {
           part: o
         },
-        `part-${h}`
+        `part-${m}`
       )) }),
       /* @__PURE__ */ t(e.MessageSourceItemIndicator, {})
     ] }, c)) })
   ] });
 }
-function w() {
+function L() {
   return /* @__PURE__ */ n(e.Footer, { children: [
-    /* @__PURE__ */ t(x, {}),
-    /* @__PURE__ */ t(y, {})
+    /* @__PURE__ */ t(D, {}),
+    /* @__PURE__ */ t(W, {})
   ] });
 }
-function x() {
+function D() {
   return /* @__PURE__ */ n(e.InputFieldset, { children: [
     /* @__PURE__ */ n(e.InputGroup, { children: [
       /* @__PURE__ */ t(e.Input, {}),
@@ -225,7 +233,7 @@ function x() {
     ] })
   ] });
 }
-function y() {
+function W() {
   return /* @__PURE__ */ n(e.ActionBar, { children: [
     /* @__PURE__ */ n(e.TaglineContainer, { children: [
       /* @__PURE__ */ t(e.TaglineText, {}),
@@ -257,7 +265,7 @@ function y() {
     ] })
   ] });
 }
-function L() {
+function E() {
   return /* @__PURE__ */ t(l, { children: /* @__PURE__ */ t(e.FeedbackModal, { children: /* @__PURE__ */ t(e.FeedbackModalOverlay, { children: /* @__PURE__ */ n(e.FeedbackModalContent, { children: [
     /* @__PURE__ */ t(e.FeedbackModalHeader, {}),
     /* @__PURE__ */ t(e.FeedbackModalClose, {}),
@@ -285,7 +293,7 @@ function L() {
     ] }) })
   ] }) }) }) });
 }
-function D() {
+function P() {
   return /* @__PURE__ */ n(e.FormWrapper, { children: [
     /* @__PURE__ */ t(e.FormClose, {}),
     /* @__PURE__ */ n(e.Form, { children: [
@@ -328,6 +336,8 @@ function D() {
   ] });
 }
 export {
-  E as InkeepEmbeddedChat,
-  b as InkeepEmbeddedChatImpl
+  $ as InkeepEmbeddedChat,
+  k as InkeepEmbeddedChatImpl,
+  T as InkeepEmbeddedChatImplContent,
+  C as InkeepEmbeddedChatProvider
 };

package/dist/components/embedded-search-and-chat.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("./embedded-chat.cjs"),t=require("@inkeep/cxkit-styled"),p=require("./embedded-search.cjs"),m=require("./embedded-search-and-chat.impl.cjs");function I(n){const{config:d,...r}=m.useWidgetImpl(n);return e.jsx(t.Shadow,{wrapperStyles:{height:"inherit",width:"inherit"},children:e.jsx(t.RootProvider,{config:d,componentType:t.WebWidgetInteractionType.EmbeddedSearchAndChat,children:e.jsx(a,{...r})})})}function a(n){const{view:d,setView:r,shouldShowAskAICard:u,onToggleView:i,defaultView:c,shouldAutoFocusInput:h,searchLabel:o,askAILabel:s}=n;return e.jsxs(t.WidgetProvider,{widget:{setView:r},children:[e.jsx(p.InkeepEmbeddedSearchImpl,{isHidden:d==="chat",onToggleView:i,shouldShowAskAICard:u,shouldAutoFocusInput:h&&c==="search",searchLabel:o,askAILabel:s}),e.jsx(l.InkeepEmbeddedChatImpl,{isHidden:d==="search",onToggleView:i,shouldAutoFocusInput:h&&c==="chat",askAILabel:s,searchLabel:o})]})}exports.InkeepEmbeddedSearchAndChat=I;exports.InkeepEmbeddedSearchAndChatImpl=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("./embedded-chat.cjs"),d=require("@inkeep/cxkit-styled"),p=require("./embedded-search.cjs"),S=require("./embedded-search-and-chat.impl.cjs"),C=require("react"),A=require("./modal.cjs");function g(n){const{config:t,...r}=S.useWidgetImpl(n);return e.jsx(d.Shadow,{wrapperStyles:{height:"inherit",width:"inherit"},children:e.jsx(d.RootProvider,{config:t,componentType:d.WebWidgetInteractionType.EmbeddedSearchAndChat,children:e.jsx(m,{...r})})})}function m(n){const{view:t,setView:r,shouldShowAskAICard:I,onToggleView:o,defaultView:c,shouldAutoFocusInput:s,searchLabel:i,askAILabel:a}=n,b=d.useModal()?A.ModalContent:C.Fragment,h={isHidden:t==="chat",onToggleView:o,shouldShowAskAICard:I,shouldAutoFocusInput:s&&c==="search",searchLabel:i,askAILabel:a},l={isHidden:t==="search",onToggleView:o,shouldAutoFocusInput:s&&c==="chat",searchLabel:i,askAILabel:a};return e.jsx(d.WidgetProvider,{widget:{setView:r},children:e.jsx(p.InkeepEmbeddedSearchProvider,{...h,children:e.jsx(u.InkeepEmbeddedChatProvider,{...l,children:e.jsxs(b,{children:[e.jsx(p.InkeepEmbeddedSearchImplContent,{...h}),e.jsx(u.InkeepEmbeddedChatImplContent,{...l})]})})})})}exports.InkeepEmbeddedSearchAndChat=g;exports.InkeepEmbeddedSearchAndChatImpl=m;

package/dist/components/embedded-search-and-chat.js

@@ -1,58 +1,54 @@
 "use client";
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { InkeepEmbeddedChatImpl as a } from "./embedded-chat.js";
-import { Shadow as m, RootProvider as u, WebWidgetInteractionType as l, WidgetProvider as I } from "@inkeep/cxkit-styled";
-import { InkeepEmbeddedSearchImpl as f } from "./embedded-search.js";
-import { useWidgetImpl as w } from "./embedded-search-and-chat.impl.js";
-function E(d) {
-  const { config: t, ...o } = w(d);
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { InkeepEmbeddedChatProvider as u, InkeepEmbeddedChatImplContent as I } from "./embedded-chat.js";
+import { Shadow as f, RootProvider as b, WebWidgetInteractionType as C, useModal as g, WidgetProvider as w } from "@inkeep/cxkit-styled";
+import { InkeepEmbeddedSearchProvider as A, InkeepEmbeddedSearchImplContent as k } from "./embedded-search.js";
+import { useWidgetImpl as S } from "./embedded-search-and-chat.impl.js";
+import { Fragment as E } from "react";
+import { ModalContent as P } from "./modal.js";
+function L(t) {
+  const { config: o, ...d } = S(t);
   return /* @__PURE__ */ e(
-    m,
+    f,
     {
       wrapperStyles: {
         height: "inherit",
         width: "inherit"
       },
-      children: /* @__PURE__ */ e(u, { config: t, componentType: l.EmbeddedSearchAndChat, children: /* @__PURE__ */ e(A, { ...o }) })
+      children: /* @__PURE__ */ e(b, { config: o, componentType: C.EmbeddedSearchAndChat, children: /* @__PURE__ */ e(v, { ...d }) })
     }
   );
 }
-function A(d) {
+function v(t) {
   const {
-    view: t,
-    setView: o,
-    shouldShowAskAICard: p,
+    view: o,
+    setView: d,
+    shouldShowAskAICard: s,
     onToggleView: r,
-    defaultView: i,
-    shouldAutoFocusInput: n,
+    defaultView: n,
+    shouldAutoFocusInput: i,
     searchLabel: h,
     askAILabel: c
-  } = d;
-  return /* @__PURE__ */ s(I, { widget: { setView: o }, children: [
-    /* @__PURE__ */ e(
-      f,
-      {
-        isHidden: t === "chat",
-        onToggleView: r,
-        shouldShowAskAICard: p,
-        shouldAutoFocusInput: n && i === "search",
-        searchLabel: h,
-        askAILabel: c
-      }
-    ),
-    /* @__PURE__ */ e(
-      a,
-      {
-        isHidden: t === "search",
-        onToggleView: r,
-        shouldAutoFocusInput: n && i === "chat",
-        askAILabel: c,
-        searchLabel: h
-      }
-    )
-  ] });
+  } = t, m = g() ? P : E, a = {
+    isHidden: o === "chat",
+    onToggleView: r,
+    shouldShowAskAICard: s,
+    shouldAutoFocusInput: i && n === "search",
+    searchLabel: h,
+    askAILabel: c
+  }, p = {
+    isHidden: o === "search",
+    onToggleView: r,
+    shouldAutoFocusInput: i && n === "chat",
+    searchLabel: h,
+    askAILabel: c
+  };
+  return /* @__PURE__ */ e(w, { widget: { setView: d }, children: /* @__PURE__ */ e(A, { ...a, children: /* @__PURE__ */ e(u, { ...p, children: /* @__PURE__ */ l(m, { children: [
+    /* @__PURE__ */ e(k, { ...a }),
+    /* @__PURE__ */ e(I, { ...p })
+  ] }) }) }) });
 }
 export {
-  E as InkeepEmbeddedSearchAndChat,
-  A as InkeepEmbeddedSearchAndChatImpl
+  L as InkeepEmbeddedSearchAndChat,
+  v as InkeepEmbeddedSearchAndChatImpl
 };

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"),i=require("react"),a=require("./widget-toggle.cjs");function h(r){const{baseSettings:s,searchSettings:c}=r;return e.jsx(d.Shadow,{children:e.jsx(d.RootProvider,{config:{baseSettings:s,searchSettings:c},componentType:d.WebWidgetInteractionType.EmbeddedSearch,children:e.jsx(l,{...r})})})}function l(r){const{onToggleView:s,isHidden:c,shouldAutoFocusInput:t=!s}=r,n=d.useModal();return e.jsx(d.EmbeddedSearch.Provider,{isHidden:c,shouldAutoFocusInput:t,children:e.jsx(d.EmbeddedSearch.Wrapper,{"data-composite":d.dataAttr(!!s||n?.isOpen),children:e.jsxs(d.EmbeddedSearch.Root,{children:[e.jsx(u,{...r}),e.jsxs(d.EmbeddedSearch.Content,{children:[e.jsx(m,{...r}),e.jsx(S,{})]}),e.jsx(x,{})]})})})}function u(r){const{onToggleView:s,askAILabel:c,searchLabel:t}=r,{query:n}=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(a.WidgetToggle,{onToggleView:s,query:n,askAILabel:c,searchLabel:t,view:"search"}),e.jsx(d.Modal.Close,{})]})}function m(r){const{askAILabel:s,onToggleView:c,shouldShowAskAICard:t=!!c}=r,{query:n}=d.useSearch(),{handleToggle:o}=a.useToggleView({onToggleView:c,query:n});return t?e.jsxs(d.EmbeddedSearch.AskAITrigger,{onSelect:()=>o("chat",!0),children:[e.jsx(d.EmbeddedSearch.AskAITriggerIcon,{}),e.jsxs(d.EmbeddedSearch.AskAITriggerLabel,{children:[s||"Ask AI",n&&` "${n}"`]}),e.jsx(d.EmbeddedSearch.AskAITriggerIndicator,{})]}):null}function S(){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(b,{})}),e.jsx(d.EmbeddedSearch.ResultsScrollAreaScrollbar,{children:e.jsx(d.EmbeddedSearch.ResultsScrollAreaThumb,{})}),e.jsx(d.EmbeddedSearch.ResultsScrollAreaCorner,{})]})]})}function b(){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:c=>c.map(t=>e.jsxs(i.Fragment,{children:[t,e.jsx(d.EmbeddedSearch.ResultsItemBreadcrumbIcon,{})]},t))}),e.jsx(d.EmbeddedSearch.ResultsItemIcon,{}),e.jsx(d.EmbeddedSearch.ResultsItemTitle,{}),e.jsx(d.EmbeddedSearch.ResultsItemTag,{}),e.jsx(d.EmbeddedSearch.ResultsItemDescription,{children:c=>c.map((t,n)=>e.jsx(d.EmbeddedSearch.ResultsItemDescriptionPart,{part:t},`part-${n}`))}),e.jsx(d.EmbeddedSearch.ResultsItemIndicator,{})]},s.id))})}function x(){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=h;exports.InkeepEmbeddedSearchImpl=l;
+"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;

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

@@ -1,4 +1,5 @@
 import { WidgetView, InkeepConfig } from '@inkeep/cxkit-types';
+import { PropsWithChildren } from 'react';
 import { EmbeddedSearchProviderProps } from '@inkeep/cxkit-styled';
 type SearchConfig = Pick<InkeepConfig, 'baseSettings' | 'searchSettings'>;
 type InkeepEmbeddedSearchImplProps = EmbeddedSearchProviderProps & WidgetView & {
@@ -10,5 +11,7 @@ type InkeepEmbeddedSearchImplProps = EmbeddedSearchProviderProps & WidgetView &
 };
 export type InkeepEmbeddedSearchProps = InkeepEmbeddedSearchImplProps & Partial<SearchConfig>;
 export declare function InkeepEmbeddedSearch(props: InkeepEmbeddedSearchProps): import("react/jsx-runtime").JSX.Element;
+export declare function InkeepEmbeddedSearchProvider(props: PropsWithChildren<InkeepEmbeddedSearchImplProps>): import("react/jsx-runtime").JSX.Element;
 export declare function InkeepEmbeddedSearchImpl(props: InkeepEmbeddedSearchImplProps): import("react/jsx-runtime").JSX.Element;
+export declare function InkeepEmbeddedSearchImplContent(props: InkeepEmbeddedSearchImplProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,5 @@
 import { WidgetView, InkeepConfig } from '@inkeep/cxkit-types';
+import { PropsWithChildren } from 'react';
 import { EmbeddedSearchProviderProps } from '@inkeep/cxkit-styled';
 type SearchConfig = Pick<InkeepConfig, 'baseSettings' | 'searchSettings'>;
 type InkeepEmbeddedSearchImplProps = EmbeddedSearchProviderProps & WidgetView & {
@@ -10,5 +11,7 @@ type InkeepEmbeddedSearchImplProps = EmbeddedSearchProviderProps & WidgetView &
 };
 export type InkeepEmbeddedSearchProps = InkeepEmbeddedSearchImplProps & Partial<SearchConfig>;
 export declare function InkeepEmbeddedSearch(props: InkeepEmbeddedSearchProps): import("react/jsx-runtime").JSX.Element;
+export declare function InkeepEmbeddedSearchProvider(props: PropsWithChildren<InkeepEmbeddedSearchImplProps>): import("react/jsx-runtime").JSX.Element;
 export declare function InkeepEmbeddedSearchImpl(props: InkeepEmbeddedSearchImplProps): import("react/jsx-runtime").JSX.Element;
+export declare function InkeepEmbeddedSearchImplContent(props: InkeepEmbeddedSearchImplProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/embedded-search.js

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

package/dist/components/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./embedded-chat.cjs"),d=require("./embedded-search-and-chat.cjs"),n=require("./embedded-search.cjs"),I=require("./modal.chat.cjs"),h=require("./modal.search-and-chat.cjs"),p=require("./modal.search.cjs"),l=require("./modal.cjs"),a=require("./chat-button.cjs"),t=require("./searchbar.cjs"),r=require("./intelligent-form.cjs");exports.InkeepEmbeddedChat=e.InkeepEmbeddedChat;exports.InkeepEmbeddedChatImpl=e.InkeepEmbeddedChatImpl;exports.InkeepEmbeddedSearchAndChat=d.InkeepEmbeddedSearchAndChat;exports.InkeepEmbeddedSearchAndChatImpl=d.InkeepEmbeddedSearchAndChatImpl;exports.InkeepEmbeddedSearch=n.InkeepEmbeddedSearch;exports.InkeepEmbeddedSearchImpl=n.InkeepEmbeddedSearchImpl;exports.InkeepModalChat=I.InkeepModalChat;exports.InkeepModalSearchAndChat=h.InkeepModalSearchAndChat;exports.InkeepModalSearch=p.InkeepModalSearch;exports.InkeepModal=l.InkeepModal;exports.ChatButtonImpl=a.ChatButtonImpl;exports.InkeepChatButton=a.InkeepChatButton;exports.InkeepSearchBar=t.InkeepSearchBar;exports.SearchBarImpl=t.SearchBarImpl;exports.InkeepIntelligentForm=r.InkeepIntelligentForm;exports.InkeepIntelligentFormImpl=r.InkeepIntelligentFormImpl;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./embedded-chat.cjs"),n=require("./embedded-search-and-chat.cjs"),d=require("./embedded-search.cjs"),p=require("./modal.chat.cjs"),h=require("./modal.search-and-chat.cjs"),m=require("./modal.search.cjs"),t=require("./modal.cjs"),a=require("./chat-button.cjs"),r=require("./searchbar.cjs"),I=require("./intelligent-form.cjs");exports.InkeepEmbeddedChat=e.InkeepEmbeddedChat;exports.InkeepEmbeddedChatImpl=e.InkeepEmbeddedChatImpl;exports.InkeepEmbeddedChatImplContent=e.InkeepEmbeddedChatImplContent;exports.InkeepEmbeddedChatProvider=e.InkeepEmbeddedChatProvider;exports.InkeepEmbeddedSearchAndChat=n.InkeepEmbeddedSearchAndChat;exports.InkeepEmbeddedSearchAndChatImpl=n.InkeepEmbeddedSearchAndChatImpl;exports.InkeepEmbeddedSearch=d.InkeepEmbeddedSearch;exports.InkeepEmbeddedSearchImpl=d.InkeepEmbeddedSearchImpl;exports.InkeepEmbeddedSearchImplContent=d.InkeepEmbeddedSearchImplContent;exports.InkeepEmbeddedSearchProvider=d.InkeepEmbeddedSearchProvider;exports.InkeepModalChat=p.InkeepModalChat;exports.InkeepModalSearchAndChat=h.InkeepModalSearchAndChat;exports.InkeepModalSearch=m.InkeepModalSearch;exports.InkeepModal=t.InkeepModal;exports.ModalContent=t.ModalContent;exports.ChatButtonImpl=a.ChatButtonImpl;exports.InkeepChatButton=a.InkeepChatButton;exports.InkeepSearchBar=r.InkeepSearchBar;exports.SearchBarImpl=r.SearchBarImpl;exports.InkeepIntelligentForm=I.InkeepIntelligentForm;exports.InkeepIntelligentFormImpl=I.InkeepIntelligentFormImpl;

package/dist/components/index.js

@@ -1,28 +1,33 @@
-import { InkeepEmbeddedChat as p, InkeepEmbeddedChatImpl as o } from "./embedded-chat.js";
-import { InkeepEmbeddedSearchAndChat as d, InkeepEmbeddedSearchAndChatImpl as m } from "./embedded-search-and-chat.js";
-import { InkeepEmbeddedSearch as a, InkeepEmbeddedSearchImpl as I } from "./embedded-search.js";
-import { InkeepModalChat as k } from "./modal.chat.js";
-import { InkeepModalSearchAndChat as f } from "./modal.search-and-chat.js";
-import { InkeepModalSearch as c } from "./modal.search.js";
-import { InkeepModal as S } from "./modal.js";
-import { ChatButtonImpl as E, InkeepChatButton as B } from "./chat-button.js";
-import { InkeepSearchBar as A, SearchBarImpl as g } from "./searchbar.js";
-import { InkeepIntelligentForm as u, InkeepIntelligentFormImpl as F } from "./intelligent-form.js";
+import { InkeepEmbeddedChat as r, InkeepEmbeddedChatImpl as p, InkeepEmbeddedChatImplContent as o, InkeepEmbeddedChatProvider as t } from "./embedded-chat.js";
+import { InkeepEmbeddedSearchAndChat as m, InkeepEmbeddedSearchAndChatImpl as I } from "./embedded-search-and-chat.js";
+import { InkeepEmbeddedSearch as h, InkeepEmbeddedSearchImpl as k, InkeepEmbeddedSearchImplContent as l, InkeepEmbeddedSearchProvider as C } from "./embedded-search.js";
+import { InkeepModalChat as c } from "./modal.chat.js";
+import { InkeepModalSearchAndChat as x } from "./modal.search-and-chat.js";
+import { InkeepModalSearch as S } from "./modal.search.js";
+import { InkeepModal as i, ModalContent as B } from "./modal.js";
+import { ChatButtonImpl as g, InkeepChatButton as u } from "./chat-button.js";
+import { InkeepSearchBar as F, SearchBarImpl as P } from "./searchbar.js";
+import { InkeepIntelligentForm as q, InkeepIntelligentFormImpl as s } from "./intelligent-form.js";
 export {
-  E as ChatButtonImpl,
-  B as InkeepChatButton,
-  p as InkeepEmbeddedChat,
-  o as InkeepEmbeddedChatImpl,
-  a as InkeepEmbeddedSearch,
-  d as InkeepEmbeddedSearchAndChat,
-  m as InkeepEmbeddedSearchAndChatImpl,
-  I as InkeepEmbeddedSearchImpl,
-  u as InkeepIntelligentForm,
-  F as InkeepIntelligentFormImpl,
-  S as InkeepModal,
-  k as InkeepModalChat,
-  c as InkeepModalSearch,
-  f as InkeepModalSearchAndChat,
-  A as InkeepSearchBar,
-  g as SearchBarImpl
+  g as ChatButtonImpl,
+  u as InkeepChatButton,
+  r as InkeepEmbeddedChat,
+  p as InkeepEmbeddedChatImpl,
+  o as InkeepEmbeddedChatImplContent,
+  t as InkeepEmbeddedChatProvider,
+  h as InkeepEmbeddedSearch,
+  m as InkeepEmbeddedSearchAndChat,
+  I as InkeepEmbeddedSearchAndChatImpl,
+  k as InkeepEmbeddedSearchImpl,
+  l as InkeepEmbeddedSearchImplContent,
+  C as InkeepEmbeddedSearchProvider,
+  q as InkeepIntelligentForm,
+  s as InkeepIntelligentFormImpl,
+  i as InkeepModal,
+  c as InkeepModalChat,
+  S as InkeepModalSearch,
+  x as InkeepModalSearchAndChat,
+  F as InkeepSearchBar,
+  B as ModalContent,
+  P as SearchBarImpl
 };

package/dist/components/intelligent-form.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("@inkeep/cxkit-styled");function m(r){const{baseSettings:t}=r;return e.jsx(n.Shadow,{wrapperStyles:{height:"inherit",width:"inherit"},children:e.jsx(n.RootProvider,{config:{baseSettings:t},componentType:n.WebWidgetInteractionType.IntelligentForm,children:e.jsx(s,{...r})})})}function s(r){const{formConfig:t}=r;return e.jsx(n.IntelligentForm.Provider,{formConfig:t,children:e.jsxs(n.IntelligentForm.Root,{children:[e.jsx(n.IntelligentForm.Heading,{}),e.jsx(n.IntelligentForm.Content,{children:e.jsxs(n.IntelligentForm.ContentScrollArea,{children:[e.jsxs(n.IntelligentForm.ContentScrollAreaViewport,{children:[e.jsx(I,{}),e.jsx(g,{}),e.jsx(F,{}),e.jsx(x,{}),e.jsx(u,{})]}),e.jsx(n.IntelligentForm.ContentScrollAreaScrollbar,{children:e.jsx(n.IntelligentForm.ContentScrollAreaThumb,{})}),e.jsx(n.IntelligentForm.ContentScrollAreaCorner,{})]})})]})})}function I(){return e.jsxs(n.IntelligentForm.Success,{children:[e.jsx(n.IntelligentForm.SuccessIcon,{}),e.jsx(n.IntelligentForm.SuccessHeading,{}),e.jsx(n.IntelligentForm.SuccessMessage,{})]})}function g(){const{isSubmitSuccessful:r}=n.useIntelligentForm();return r?null:e.jsxs(n.IntelligentForm.PrimaryForm,{children:[e.jsx(n.IntelligentForm.PrimaryFormDescription,{}),e.jsx(n.IntelligentForm.PrimaryFormFields,{children:t=>t.map(l=>e.jsx(c,{field:l},l.name))}),e.jsx(n.IntelligentForm.PrimaryFormSubmit,{})]})}function o(){return e.jsxs(n.IntelligentForm.BotHeading,{children:[e.jsx(n.IntelligentForm.BotHeadingIcon,{}),e.jsx(n.IntelligentForm.BotHeadingName,{})]})}function F(){return e.jsxs(n.IntelligentForm.Loading,{children:[e.jsx(o,{}),e.jsx(n.LoadingIndicator,{})]})}function x(){const{isSubmitSuccessful:r}=n.useIntelligentForm();return r?null:e.jsxs(n.IntelligentForm.ConfidentResponse,{children:[e.jsx(o,{}),e.jsxs(n.IntelligentForm.Sources,{children:[e.jsx(n.IntelligentForm.SourcesCaption,{}),e.jsx(n.IntelligentForm.SourcesList,{children:t=>t.map(l=>e.jsxs(n.IntelligentForm.Source,{source:l,children:[e.jsx(n.IntelligentForm.SourceIcon,{}),e.jsx(n.IntelligentForm.SourceTitle,{})]},l.url))})]}),e.jsx(n.IntelligentForm.ConfidentAnswer,{}),e.jsxs(n.IntelligentForm.ConfidentResponseButton,{children:[e.jsx(n.IntelligentForm.ConfidentResponseButtonIcon,{}),e.jsx(n.IntelligentForm.ConfidentResponseButtonLabel,{})]})]})}function u(){const{aiResponse:r}=n.useIntelligentForm(),{isSubmitSuccessful:t}=n.useIntelligentForm();return t?null:e.jsxs(n.IntelligentForm.SecondaryForm,{children:[e.jsx(o,{}),!r.answerConfidence&&e.jsxs(n.IntelligentForm.Sources,{children:[e.jsx(n.IntelligentForm.SourcesCaption,{children:"I wasn't able to find a direct answer to your question, but here's some helpful sources:"}),e.jsx(n.IntelligentForm.SourcesList,{children:l=>l.map(i=>e.jsxs(n.IntelligentForm.Source,{source:i,children:[e.jsx(n.IntelligentForm.SourceIcon,{}),e.jsx(n.IntelligentForm.SourceTitle,{})]},i.url))})]}),e.jsx(n.IntelligentForm.SecondaryFormDescription,{}),e.jsx(n.IntelligentForm.SecondaryFormFields,{children:l=>l.map(i=>e.jsx(c,{field:i},i.name))}),e.jsx(n.IntelligentForm.Error,{}),e.jsx(n.IntelligentForm.SecondaryFormSubmit,{})]})}function c(r){const{field:t}=r;return e.jsxs(n.IntelligentForm.Field,{field:t,children:[e.jsx(n.IntelligentForm.FieldLabel,{}),t.inputType==="text"&&e.jsx(n.IntelligentForm.Text,{}),t.inputType==="email"&&e.jsx(n.IntelligentForm.Email,{}),t.inputType==="file"&&e.jsx(n.IntelligentForm.File,{}),t.inputType==="textarea"&&e.jsx(n.IntelligentForm.TextArea,{}),t.inputType==="checkbox"&&e.jsx(n.IntelligentForm.Checkbox,{children:e.jsx(n.IntelligentForm.CheckboxIndicator,{})}),t.inputType==="select"&&e.jsxs(n.IntelligentForm.Select,{children:[e.jsxs(n.IntelligentForm.SelectTrigger,{children:[e.jsx(n.IntelligentForm.SelectValue,{}),e.jsx(n.IntelligentForm.SelectIcon,{})]}),e.jsx(n.IntelligentForm.SelectContent,{children:e.jsx(n.IntelligentForm.SelectViewport,{children:t.items.map(l=>e.jsxs(n.IntelligentForm.SelectItem,{value:l.value,children:[e.jsx(n.IntelligentForm.SelectItemText,{children:l.label}),e.jsx(n.IntelligentForm.SelectItemIndicator,{})]},l.value))})})]}),e.jsx(n.IntelligentForm.FieldError,{})]},t.name)}exports.InkeepIntelligentForm=m;exports.InkeepIntelligentFormImpl=s;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("@inkeep/cxkit-styled");function m(r){const{baseSettings:t}=r;return e.jsx(n.Shadow,{wrapperStyles:{height:"inherit",width:"inherit"},children:e.jsx(n.RootProvider,{config:{baseSettings:t},componentType:n.WebWidgetInteractionType.IntelligentForm,children:e.jsx(s,{...r})})})}function s(r){const{formSettings:t}=r;return e.jsx(n.IntelligentForm.Provider,{formSettings:t,children:e.jsxs(n.IntelligentForm.Root,{children:[e.jsx(n.IntelligentForm.Heading,{}),e.jsx(n.IntelligentForm.Content,{children:e.jsxs(n.IntelligentForm.ContentScrollArea,{children:[e.jsxs(n.IntelligentForm.ContentScrollAreaViewport,{children:[e.jsx(I,{}),e.jsx(g,{}),e.jsx(F,{}),e.jsx(x,{}),e.jsx(u,{})]}),e.jsx(n.IntelligentForm.ContentScrollAreaScrollbar,{children:e.jsx(n.IntelligentForm.ContentScrollAreaThumb,{})}),e.jsx(n.IntelligentForm.ContentScrollAreaCorner,{})]})})]})})}function I(){return e.jsxs(n.IntelligentForm.Success,{children:[e.jsx(n.IntelligentForm.SuccessIcon,{}),e.jsx(n.IntelligentForm.SuccessHeading,{}),e.jsx(n.IntelligentForm.SuccessMessage,{})]})}function g(){const{isSubmitSuccessful:r}=n.useIntelligentForm();return r?null:e.jsxs(n.IntelligentForm.PrimaryForm,{children:[e.jsx(n.IntelligentForm.PrimaryFormDescription,{}),e.jsx(n.IntelligentForm.PrimaryFormFields,{children:t=>t.map(l=>e.jsx(c,{field:l},l.name))}),e.jsx(n.IntelligentForm.PrimaryFormSubmit,{})]})}function o(){return e.jsxs(n.IntelligentForm.BotHeading,{children:[e.jsx(n.IntelligentForm.BotHeadingIcon,{}),e.jsx(n.IntelligentForm.BotHeadingName,{})]})}function F(){return e.jsxs(n.IntelligentForm.Loading,{children:[e.jsx(o,{}),e.jsx(n.LoadingIndicator,{})]})}function x(){const{isSubmitSuccessful:r}=n.useIntelligentForm();return r?null:e.jsxs(n.IntelligentForm.ConfidentResponse,{children:[e.jsx(o,{}),e.jsxs(n.IntelligentForm.Sources,{children:[e.jsx(n.IntelligentForm.SourcesCaption,{}),e.jsx(n.IntelligentForm.SourcesList,{children:t=>t.map(l=>e.jsxs(n.IntelligentForm.Source,{source:l,children:[e.jsx(n.IntelligentForm.SourceIcon,{}),e.jsx(n.IntelligentForm.SourceTitle,{})]},l.url))})]}),e.jsx(n.IntelligentForm.ConfidentAnswer,{}),e.jsxs(n.IntelligentForm.ConfidentResponseButton,{children:[e.jsx(n.IntelligentForm.ConfidentResponseButtonIcon,{}),e.jsx(n.IntelligentForm.ConfidentResponseButtonLabel,{})]})]})}function u(){const{aiResponse:r}=n.useIntelligentForm(),{isSubmitSuccessful:t}=n.useIntelligentForm();return t?null:e.jsxs(n.IntelligentForm.SecondaryForm,{children:[e.jsx(o,{}),!r.answerConfidence&&e.jsxs(n.IntelligentForm.Sources,{children:[e.jsx(n.IntelligentForm.SourcesCaption,{children:"I wasn't able to find a direct answer to your question, but here's some helpful sources:"}),e.jsx(n.IntelligentForm.SourcesList,{children:l=>l.map(i=>e.jsxs(n.IntelligentForm.Source,{source:i,children:[e.jsx(n.IntelligentForm.SourceIcon,{}),e.jsx(n.IntelligentForm.SourceTitle,{})]},i.url))})]}),e.jsx(n.IntelligentForm.SecondaryFormDescription,{}),e.jsx(n.IntelligentForm.SecondaryFormFields,{children:l=>l.map(i=>e.jsx(c,{field:i},i.name))}),e.jsx(n.IntelligentForm.Error,{}),e.jsx(n.IntelligentForm.SecondaryFormSubmit,{})]})}function c(r){const{field:t}=r;return e.jsxs(n.IntelligentForm.Field,{field:t,children:[e.jsx(n.IntelligentForm.FieldLabel,{}),t.inputType==="text"&&e.jsx(n.IntelligentForm.Text,{}),t.inputType==="email"&&e.jsx(n.IntelligentForm.Email,{}),t.inputType==="file"&&e.jsx(n.IntelligentForm.File,{}),t.inputType==="textarea"&&e.jsx(n.IntelligentForm.TextArea,{}),t.inputType==="checkbox"&&e.jsx(n.IntelligentForm.Checkbox,{children:e.jsx(n.IntelligentForm.CheckboxIndicator,{})}),t.inputType==="select"&&e.jsxs(n.IntelligentForm.Select,{children:[e.jsxs(n.IntelligentForm.SelectTrigger,{children:[e.jsx(n.IntelligentForm.SelectValue,{}),e.jsx(n.IntelligentForm.SelectIcon,{})]}),e.jsx(n.IntelligentForm.SelectContent,{children:e.jsx(n.IntelligentForm.SelectViewport,{children:t.items.map(l=>e.jsxs(n.IntelligentForm.SelectItem,{value:l.value,children:[e.jsx(n.IntelligentForm.SelectItemText,{children:l.label}),e.jsx(n.IntelligentForm.SelectItemIndicator,{})]},l.value))})})]}),e.jsx(n.IntelligentForm.FieldError,{})]},t.name)}exports.InkeepIntelligentForm=m;exports.InkeepIntelligentFormImpl=s;

package/dist/components/intelligent-form.d.cts

@@ -1,6 +1,6 @@
-import { InkeepConfig, IntelligentFormConfig } from '@inkeep/cxkit-types';
+import { InkeepConfig, IntelligentFormSettings } from '@inkeep/cxkit-types';
 interface InkeepIntelligentFormImplProps {
-    formConfig: IntelligentFormConfig;
+    formSettings: IntelligentFormSettings;
 }
 export type InkeepIntelligentFormProps = InkeepIntelligentFormImplProps & Partial<Pick<InkeepConfig, 'baseSettings'>>;
 export declare function InkeepIntelligentForm(props: InkeepIntelligentFormProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/intelligent-form.d.ts

@@ -1,6 +1,6 @@
-import { InkeepConfig, IntelligentFormConfig } from '@inkeep/cxkit-types';
+import { InkeepConfig, IntelligentFormSettings } from '@inkeep/cxkit-types';
 interface InkeepIntelligentFormImplProps {
-    formConfig: IntelligentFormConfig;
+    formSettings: IntelligentFormSettings;
 }
 export type InkeepIntelligentFormProps = InkeepIntelligentFormImplProps & Partial<Pick<InkeepConfig, 'baseSettings'>>;
 export declare function InkeepIntelligentForm(props: InkeepIntelligentFormProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/intelligent-form.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as n, jsxs as t } from "react/jsx-runtime";
-import { Shadow as s, RootProvider as a, WebWidgetInteractionType as S, IntelligentForm as e, useIntelligentForm as l, LoadingIndicator as m } from "@inkeep/cxkit-styled";
+import { Shadow as d, RootProvider as a, WebWidgetInteractionType as S, IntelligentForm as e, useIntelligentForm as l, LoadingIndicator as m } from "@inkeep/cxkit-styled";
 function b(o) {
   const { baseSettings: r } = o;
   return /* @__PURE__ */ n(
-    s,
+    d,
     {
       wrapperStyles: {
         height: "inherit",
@@ -24,8 +24,8 @@ function b(o) {
   );
 }
 function h(o) {
-  const { formConfig: r } = o;
-  return /* @__PURE__ */ n(e.Provider, { formConfig: r, children: /* @__PURE__ */ t(e.Root, { children: [
+  const { formSettings: r } = o;
+  return /* @__PURE__ */ n(e.Provider, { formSettings: r, children: /* @__PURE__ */ t(e.Root, { children: [
     /* @__PURE__ */ n(e.Heading, {}),
     /* @__PURE__ */ n(e.Content, { children: /* @__PURE__ */ t(e.ContentScrollArea, { children: [
       /* @__PURE__ */ t(e.ContentScrollAreaViewport, { children: [
@@ -51,7 +51,7 @@ function f() {
   const { isSubmitSuccessful: o } = l();
   return o ? null : /* @__PURE__ */ t(e.PrimaryForm, { children: [
     /* @__PURE__ */ n(e.PrimaryFormDescription, {}),
-    /* @__PURE__ */ n(e.PrimaryFormFields, { children: (r) => r.map((i) => /* @__PURE__ */ n(d, { field: i }, i.name)) }),
+    /* @__PURE__ */ n(e.PrimaryFormFields, { children: (r) => r.map((i) => /* @__PURE__ */ n(s, { field: i }, i.name)) }),
     /* @__PURE__ */ n(e.PrimaryFormSubmit, {})
   ] });
 }
@@ -97,12 +97,12 @@ function I() {
       ] }, c.url)) })
     ] }),
     /* @__PURE__ */ n(e.SecondaryFormDescription, {}),
-    /* @__PURE__ */ n(e.SecondaryFormFields, { children: (i) => i.map((c) => /* @__PURE__ */ n(d, { field: c }, c.name)) }),
+    /* @__PURE__ */ n(e.SecondaryFormFields, { children: (i) => i.map((c) => /* @__PURE__ */ n(s, { field: c }, c.name)) }),
     /* @__PURE__ */ n(e.Error, {}),
     /* @__PURE__ */ n(e.SecondaryFormSubmit, {})
   ] });
 }
-function d(o) {
+function s(o) {
   const { field: r } = o;
   return /* @__PURE__ */ t(e.Field, { field: r, children: [
     /* @__PURE__ */ n(e.FieldLabel, {}),

package/dist/components/modal.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("@inkeep/cxkit-styled");function c(n){const{componentType:t,children:r,modalSettings:i,...l}=n;return e.jsx(o.Portal,{children:e.jsx(o.Shadow,{children:e.jsx(o.RootProvider,{config:{...l},componentType:t,children:e.jsx(o.Modal.Root,{config:i,children:e.jsx(o.Modal.Overlay,{children:e.jsx(o.Modal.Content,{children:r})})})})})})}exports.InkeepModal=c;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("@inkeep/cxkit-styled");function d(o){const{componentType:t,children:r,modalSettings:l,...i}=o;return e.jsx(n.Portal,{children:e.jsx(n.Shadow,{children:e.jsx(n.RootProvider,{config:{...i},componentType:t,children:e.jsx(n.Modal.Root,{config:l,children:r})})})})}function c(o){return e.jsx(n.Modal.Overlay,{children:e.jsx(n.Modal.Content,{children:o.children})})}exports.InkeepModal=d;exports.ModalContent=c;

package/dist/components/modal.d.cts

@@ -1,5 +1,6 @@
 import { InkeepModalSettings } from '@inkeep/cxkit-types';
 import { WebWidgetInteractionType, RootProviderProps } from '@inkeep/cxkit-styled';
+import { PropsWithChildren } from 'react';
 type RootConfig = RootProviderProps['config'];
 interface ModalConfig extends RootConfig {
     /**
@@ -18,4 +19,5 @@ export interface InkeepModalProps extends ModalConfig {
     componentType: (typeof WebWidgetInteractionType)[keyof typeof WebWidgetInteractionType];
 }
 export declare function InkeepModal(props: InkeepModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function ModalContent(props: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/modal.d.ts

@@ -1,5 +1,6 @@
 import { InkeepModalSettings } from '@inkeep/cxkit-types';
 import { WebWidgetInteractionType, RootProviderProps } from '@inkeep/cxkit-styled';
+import { PropsWithChildren } from 'react';
 type RootConfig = RootProviderProps['config'];
 interface ModalConfig extends RootConfig {
     /**
@@ -18,4 +19,5 @@ export interface InkeepModalProps extends ModalConfig {
     componentType: (typeof WebWidgetInteractionType)[keyof typeof WebWidgetInteractionType];
 }
 export declare function InkeepModal(props: InkeepModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function ModalContent(props: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/modal.js

@@ -1,19 +1,23 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import { Portal as l, Shadow as d, RootProvider as h, Modal as e } from "@inkeep/cxkit-styled";
-function p(n) {
-  const { componentType: r, children: t, modalSettings: i, ...c } = n;
-  return /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(
+function m(o) {
+  const { componentType: r, children: t, modalSettings: i, ...c } = o;
+  return /* @__PURE__ */ n(l, { children: /* @__PURE__ */ n(d, { children: /* @__PURE__ */ n(
     h,
     {
       config: {
         ...c
       },
       componentType: r,
-      children: /* @__PURE__ */ o(e.Root, { config: i, children: /* @__PURE__ */ o(e.Overlay, { children: /* @__PURE__ */ o(e.Content, { children: t }) }) })
+      children: /* @__PURE__ */ n(e.Root, { config: i, children: t })
     }
   ) }) });
 }
+function p(o) {
+  return /* @__PURE__ */ n(e.Overlay, { children: /* @__PURE__ */ n(e.Content, { children: o.children }) });
+}
 export {
-  p as InkeepModal
+  m as InkeepModal,
+  p as ModalContent
 };

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[o,t]=u.useState(!1),{modalSettings:n,defaultView:c="search",canToggleView:p=!0,...s}=a,{config:h,...i}=m.useWidgetImpl({...s,defaultView:c}),d={shortcutKey:"k",...n,isOpen:o,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,{...s})})]})}function l(a){const{setOpen:o,modalSettings:t}=a;return e.jsx(r.SearchBar.SearchBarContainer,{children:e.jsxs(r.SearchBar.SearchBarButton,{onPointerDown:n=>{n.button!==2&&(o(c=>!c),n.stopPropagation())},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"),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;

package/dist/components/searchbar.js

@@ -1,27 +1,27 @@
 "use client";
-import { jsxs as c, Fragment as u, jsx as e } from "react/jsx-runtime";
+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";
-function j(n) {
-  const [i, t] = f(!1), {
-    modalSettings: o,
-    defaultView: a = "search",
+function E(n) {
+  const [c, t] = f(!1), {
+    modalSettings: i,
+    defaultView: o = "search",
     canToggleView: S = !0,
     ...h
-  } = n, { config: p, ...s } = g({ ...h, defaultView: a }), d = {
+  } = n, { config: p, ...s } = g({ ...h, defaultView: o }), d = {
     shortcutKey: "k",
-    ...o,
-    isOpen: i,
+    ...i,
+    isOpen: c,
     onOpenChange: (m) => {
-      n.forceDefaultView && !m && s.setView(a ?? "search"), t(!!m);
+      n.forceDefaultView && !m && s.setView(o ?? "search"), t(!!m);
     }
   };
-  return /* @__PURE__ */ c(u, { children: [
-    /* @__PURE__ */ e(I, { wrapperStyles: { display: "contents" }, children: /* @__PURE__ */ e(K, { config: p, componentType: l.SearchBar, children: /* @__PURE__ */ e(w, { setOpen: t, modalSettings: d }) }) }),
+  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 }) }) }),
     /* @__PURE__ */ e(
       b,
       {
@@ -33,20 +33,20 @@ function j(n) {
     )
   ] });
 }
-function w(n) {
-  const { setOpen: i, modalSettings: t } = n;
-  return /* @__PURE__ */ e(r.SearchBarContainer, { children: /* @__PURE__ */ c(
+function k(n) {
+  const { setOpen: c, modalSettings: t } = n;
+  return /* @__PURE__ */ e(r.SearchBarContainer, { children: /* @__PURE__ */ a(
     r.SearchBarButton,
     {
-      onPointerDown: (o) => {
-        o.button !== 2 && (i((a) => !a), o.stopPropagation());
+      onClick: (i) => {
+        i.button !== 2 && c((o) => !o);
       },
       children: [
-        /* @__PURE__ */ c(r.SearchBarContentWrapper, { children: [
+        /* @__PURE__ */ a(r.SearchBarContentWrapper, { children: [
           /* @__PURE__ */ e(r.SearchBarIcon, {}),
           /* @__PURE__ */ e(r.SearchBarText, {})
         ] }),
-        /* @__PURE__ */ c(r.SearchBarKbdWrapper, { children: [
+        /* @__PURE__ */ a(r.SearchBarKbdWrapper, { children: [
           /* @__PURE__ */ e(r.SearchBarKbdModifier, { shortcutKey: t?.shortcutKey }),
           /* @__PURE__ */ e(r.SearchBarKbdShortcutKey, { shortcutKey: t?.shortcutKey })
         ] })
@@ -55,6 +55,6 @@ function w(n) {
   ) });
 }
 export {
-  j as InkeepSearchBar,
-  w as SearchBarImpl
+  E as InkeepSearchBar,
+  k as SearchBarImpl
 };

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./components/embedded-chat.cjs"),n=require("./components/embedded-search-and-chat.cjs"),a=require("./components/embedded-search.cjs"),I=require("./components/modal.chat.cjs"),c=require("./components/modal.search-and-chat.cjs"),l=require("./components/modal.search.cjs"),o=require("./components/modal.cjs"),r=require("./components/chat-button.cjs"),p=require("./components/searchbar.cjs"),h=require("./components/intelligent-form.cjs"),d=require("@inkeep/cxkit-styled");exports.InkeepEmbeddedChat=t.InkeepEmbeddedChat;exports.InkeepEmbeddedChatImpl=t.InkeepEmbeddedChatImpl;exports.InkeepEmbeddedSearchAndChat=n.InkeepEmbeddedSearchAndChat;exports.InkeepEmbeddedSearchAndChatImpl=n.InkeepEmbeddedSearchAndChatImpl;exports.InkeepEmbeddedSearch=a.InkeepEmbeddedSearch;exports.InkeepEmbeddedSearchImpl=a.InkeepEmbeddedSearchImpl;exports.InkeepModalChat=I.InkeepModalChat;exports.InkeepModalSearchAndChat=c.InkeepModalSearchAndChat;exports.InkeepModalSearch=l.InkeepModalSearch;exports.InkeepModal=o.InkeepModal;exports.ChatButtonImpl=r.ChatButtonImpl;exports.InkeepChatButton=r.InkeepChatButton;exports.InkeepSearchBar=p.InkeepSearchBar;exports.SearchBarImpl=p.SearchBarImpl;exports.InkeepIntelligentForm=h.InkeepIntelligentForm;exports.InkeepIntelligentFormImpl=h.InkeepIntelligentFormImpl;Object.keys(d).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>d[e]})});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./components/embedded-chat.cjs"),r=require("./components/embedded-search-and-chat.cjs"),n=require("./components/embedded-search.cjs"),h=require("./components/modal.chat.cjs"),m=require("./components/modal.search-and-chat.cjs"),l=require("./components/modal.search.cjs"),a=require("./components/modal.cjs"),p=require("./components/chat-button.cjs"),I=require("./components/searchbar.cjs"),o=require("./components/intelligent-form.cjs"),t=require("@inkeep/cxkit-styled");exports.InkeepEmbeddedChat=d.InkeepEmbeddedChat;exports.InkeepEmbeddedChatImpl=d.InkeepEmbeddedChatImpl;exports.InkeepEmbeddedChatImplContent=d.InkeepEmbeddedChatImplContent;exports.InkeepEmbeddedChatProvider=d.InkeepEmbeddedChatProvider;exports.InkeepEmbeddedSearchAndChat=r.InkeepEmbeddedSearchAndChat;exports.InkeepEmbeddedSearchAndChatImpl=r.InkeepEmbeddedSearchAndChatImpl;exports.InkeepEmbeddedSearch=n.InkeepEmbeddedSearch;exports.InkeepEmbeddedSearchImpl=n.InkeepEmbeddedSearchImpl;exports.InkeepEmbeddedSearchImplContent=n.InkeepEmbeddedSearchImplContent;exports.InkeepEmbeddedSearchProvider=n.InkeepEmbeddedSearchProvider;exports.InkeepModalChat=h.InkeepModalChat;exports.InkeepModalSearchAndChat=m.InkeepModalSearchAndChat;exports.InkeepModalSearch=l.InkeepModalSearch;exports.InkeepModal=a.InkeepModal;exports.ModalContent=a.ModalContent;exports.ChatButtonImpl=p.ChatButtonImpl;exports.InkeepChatButton=p.InkeepChatButton;exports.InkeepSearchBar=I.InkeepSearchBar;exports.SearchBarImpl=I.SearchBarImpl;exports.InkeepIntelligentForm=o.InkeepIntelligentForm;exports.InkeepIntelligentFormImpl=o.InkeepIntelligentFormImpl;Object.keys(t).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});

package/dist/index.js

@@ -1,29 +1,34 @@
-import { InkeepEmbeddedChat as p, InkeepEmbeddedChatImpl as o } from "./components/embedded-chat.js";
-import { InkeepEmbeddedSearchAndChat as d, InkeepEmbeddedSearchAndChatImpl as m } from "./components/embedded-search-and-chat.js";
-import { InkeepEmbeddedSearch as a, InkeepEmbeddedSearchImpl as I } from "./components/embedded-search.js";
-import { InkeepModalChat as k } from "./components/modal.chat.js";
-import { InkeepModalSearchAndChat as f } from "./components/modal.search-and-chat.js";
-import { InkeepModalSearch as c } from "./components/modal.search.js";
-import { InkeepModal as S } from "./components/modal.js";
-import { ChatButtonImpl as E, InkeepChatButton as B } from "./components/chat-button.js";
-import { InkeepSearchBar as A, SearchBarImpl as g } from "./components/searchbar.js";
-import { InkeepIntelligentForm as u, InkeepIntelligentFormImpl as F } from "./components/intelligent-form.js";
+import { InkeepEmbeddedChat as r, InkeepEmbeddedChatImpl as p, InkeepEmbeddedChatImplContent as o, InkeepEmbeddedChatProvider as t } from "./components/embedded-chat.js";
+import { InkeepEmbeddedSearchAndChat as m, InkeepEmbeddedSearchAndChatImpl as I } from "./components/embedded-search-and-chat.js";
+import { InkeepEmbeddedSearch as h, InkeepEmbeddedSearchImpl as k, InkeepEmbeddedSearchImplContent as l, InkeepEmbeddedSearchProvider as C } from "./components/embedded-search.js";
+import { InkeepModalChat as x } from "./components/modal.chat.js";
+import { InkeepModalSearchAndChat as c } from "./components/modal.search-and-chat.js";
+import { InkeepModalSearch as S } from "./components/modal.search.js";
+import { InkeepModal as i, ModalContent as B } from "./components/modal.js";
+import { ChatButtonImpl as g, InkeepChatButton as u } from "./components/chat-button.js";
+import { InkeepSearchBar as F, SearchBarImpl as P } from "./components/searchbar.js";
+import { InkeepIntelligentForm as q, InkeepIntelligentFormImpl as s } from "./components/intelligent-form.js";
 export * from "@inkeep/cxkit-styled";
 export {
-  E as ChatButtonImpl,
-  B as InkeepChatButton,
-  p as InkeepEmbeddedChat,
-  o as InkeepEmbeddedChatImpl,
-  a as InkeepEmbeddedSearch,
-  d as InkeepEmbeddedSearchAndChat,
-  m as InkeepEmbeddedSearchAndChatImpl,
-  I as InkeepEmbeddedSearchImpl,
-  u as InkeepIntelligentForm,
-  F as InkeepIntelligentFormImpl,
-  S as InkeepModal,
-  k as InkeepModalChat,
-  c as InkeepModalSearch,
-  f as InkeepModalSearchAndChat,
-  A as InkeepSearchBar,
-  g as SearchBarImpl
+  g as ChatButtonImpl,
+  u as InkeepChatButton,
+  r as InkeepEmbeddedChat,
+  p as InkeepEmbeddedChatImpl,
+  o as InkeepEmbeddedChatImplContent,
+  t as InkeepEmbeddedChatProvider,
+  h as InkeepEmbeddedSearch,
+  m as InkeepEmbeddedSearchAndChat,
+  I as InkeepEmbeddedSearchAndChatImpl,
+  k as InkeepEmbeddedSearchImpl,
+  l as InkeepEmbeddedSearchImplContent,
+  C as InkeepEmbeddedSearchProvider,
+  q as InkeepIntelligentForm,
+  s as InkeepIntelligentFormImpl,
+  i as InkeepModal,
+  x as InkeepModalChat,
+  S as InkeepModalSearch,
+  c as InkeepModalSearchAndChat,
+  F as InkeepSearchBar,
+  B as ModalContent,
+  P as SearchBarImpl
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-react",
-  "version": "0.5.5",
+  "version": "0.5.8",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -20,7 +20,7 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@inkeep/cxkit-styled": "0.5.5"
+    "@inkeep/cxkit-styled": "0.5.8"
   },
   "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.5",
-    "@inkeep/cxkit-types": "0.5.5"
+    "@inkeep/cxkit-color-mode": "0.5.8",
+    "@inkeep/cxkit-types": "0.5.8"
   },
   "module": "dist/index.js",
   "types": "dist/index.d.ts",