@inkeep/cxkit-react 0.0.0-dev-20250228071024 → 0.0.0-dev-20250228205857

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"),h=require("react"),b=require("./widget-toggle.cjs");function C(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?d.Modal.Content: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(l,{...a}),e.jsx(x,{}),e.jsx(p,{})]}),e.jsx(k,{}),e.jsx(T,{})]})})}function l(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 x(){return e.jsx(d.EmbeddedChat.Content,{children:e.jsxs(d.EmbeddedChat.ContentScrollArea,{children:[e.jsx(d.EmbeddedChat.ContentScrollAreaViewport,{children:e.jsx(j,{})}),e.jsx(d.EmbeddedChat.ContentScrollAreaScrollbar,{children:e.jsx(d.EmbeddedChat.ContentScrollAreaThumb,{})}),e.jsx(d.EmbeddedChat.ContentScrollAreaCorner,{})]})})}function j(){return e.jsx(d.EmbeddedChat.Messages,{children:({messages:a})=>e.jsxs(e.Fragment,{children:[e.jsx(E,{}),a.map(t=>e.jsxs(d.EmbeddedChat.MessageWrapper,{message:t,children:[e.jsx(u,{}),e.jsx(d.EmbeddedChat.MessageLoading,{}),e.jsxs(d.EmbeddedChat.MessageContentWrapper,{children:[e.jsx(d.EmbeddedChat.MessageContent,{children:e.jsx(d.EmbeddedChat.Message,{})}),e.jsx(F,{}),e.jsx(g,{}),e.jsx(A,{})]})]},t.id))]})})}function E(){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 u(){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 F(){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 g(){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 A(){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 p(){return e.jsxs(d.EmbeddedChat.Footer,{children:[e.jsx(I,{}),e.jsx(M,{})]})}function I(){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 M(){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 k(){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 T(){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=C;exports.InkeepEmbeddedChatImpl=c;exports.InkeepEmbeddedChatImplContent=i;exports.InkeepEmbeddedChatProvider=m;
+"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.js

@@ -1,61 +1,62 @@
 "use client";
 import { jsx as t, jsxs as n, Fragment as s } from "react/jsx-runtime";
-import { Shadow as u, RootProvider as g, WebWidgetInteractionType as A, EmbeddedChat as e, useModal as p, useWidget as b, Modal as d, dataAttr as h, PortalWithTheme as l } from "@inkeep/cxkit-styled";
-import { Fragment as m } from "react";
-import { WidgetToggle as I } from "./widget-toggle.js";
-function N(a) {
+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";
+import { ModalContent as I } from "./modal.js";
+function $(a) {
   const { baseSettings: r, aiChatSettings: c } = a;
   return /* @__PURE__ */ t(
-    u,
+    F,
     {
       wrapperStyles: {
         height: "inherit",
         width: "inherit"
       },
       children: /* @__PURE__ */ t(
-        g,
+        u,
         {
           config: {
             baseSettings: r,
             aiChatSettings: c
           },
-          componentType: A.EmbeddedChat,
-          children: /* @__PURE__ */ t(C, { ...a })
+          componentType: g.EmbeddedChat,
+          children: /* @__PURE__ */ t(k, { ...a })
         }
       )
     }
   );
 }
-function M(a) {
+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 C(a) {
-  return /* @__PURE__ */ t(M, { ...a, children: /* @__PURE__ */ t(k, { ...a }) });
-}
 function k(a) {
-  const { onToggleView: r } = a, c = p(), i = b(), o = c && !i ? d.Content : m;
-  return /* @__PURE__ */ t(o, { children: /* @__PURE__ */ n(
+  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": h(!!a.onToggleView || c?.isOpen),
+      "data-composite": d(!!a.onToggleView || c?.isOpen),
       children: [
         /* @__PURE__ */ t(e.ConversationLoading, {}),
         /* @__PURE__ */ n(e.Root, { children: [
-          /* @__PURE__ */ t(T, { ...a }),
-          /* @__PURE__ */ t(B, {}),
+          /* @__PURE__ */ t(B, { ...a }),
+          /* @__PURE__ */ t(S, {}),
           /* @__PURE__ */ t(L, {})
         ] }),
-        /* @__PURE__ */ t(W, {}),
-        /* @__PURE__ */ t(E, {})
+        /* @__PURE__ */ t(E, {}),
+        /* @__PURE__ */ t(P, {})
       ]
     }
   ) });
 }
-function T(a) {
+function B(a) {
   const { onToggleView: r, askAILabel: c, searchLabel: i } = a, o = !!r;
-  return /* @__PURE__ */ n(e.Header, { "data-show-toolbar": h(o), children: [
+  return /* @__PURE__ */ n(e.Header, { "data-show-toolbar": d(o), children: [
     o && /* @__PURE__ */ n(e.HeaderToolbar, { children: [
       /* @__PURE__ */ n(e.HeaderToolbarWrapper, { children: [
         /* @__PURE__ */ t(e.ToolbarHeader, {}),
@@ -68,7 +69,7 @@ function T(a) {
         ] })
       ] }),
       /* @__PURE__ */ t(
-        I,
+        M,
         {
           onToggleView: r,
           askAILabel: c,
@@ -77,32 +78,32 @@ function T(a) {
         }
       )
     ] }),
-    /* @__PURE__ */ t(d.Close, {})
+    /* @__PURE__ */ t(b.Close, {})
   ] });
 }
-function B() {
+function S() {
   return /* @__PURE__ */ t(e.Content, { children: /* @__PURE__ */ n(e.ContentScrollArea, { children: [
-    /* @__PURE__ */ t(e.ContentScrollAreaViewport, { children: /* @__PURE__ */ t(S, {}) }),
+    /* @__PURE__ */ t(e.ContentScrollAreaViewport, { children: /* @__PURE__ */ t(v, {}) }),
     /* @__PURE__ */ t(e.ContentScrollAreaScrollbar, { children: /* @__PURE__ */ t(e.ContentScrollAreaThumb, {}) }),
     /* @__PURE__ */ t(e.ContentScrollAreaCorner, {})
   ] }) });
 }
-function S() {
+function v() {
   return /* @__PURE__ */ t(e.Messages, { children: ({ messages: a }) => /* @__PURE__ */ n(s, { children: [
-    /* @__PURE__ */ t(v, {}),
+    /* @__PURE__ */ t(w, {}),
     a.map((r) => /* @__PURE__ */ n(e.MessageWrapper, { message: r, children: [
-      /* @__PURE__ */ t(w, {}),
+      /* @__PURE__ */ t(H, {}),
       /* @__PURE__ */ t(e.MessageLoading, {}),
       /* @__PURE__ */ n(e.MessageContentWrapper, { children: [
         /* @__PURE__ */ t(e.MessageContent, { children: /* @__PURE__ */ t(e.Message, {}) }),
-        /* @__PURE__ */ t(H, {}),
         /* @__PURE__ */ t(x, {}),
+        /* @__PURE__ */ t(f, {}),
         /* @__PURE__ */ t(y, {})
       ] })
     ] }, r.id))
   ] }) });
 }
-function v() {
+function w() {
   return /* @__PURE__ */ n(e.IntroMessageWrapper, { children: [
     /* @__PURE__ */ n(e.MessageHeader, { children: [
       /* @__PURE__ */ t(e.MessageAvatar, { children: /* @__PURE__ */ n(e.MessageAvatarContent, { children: [
@@ -128,7 +129,7 @@ function v() {
     ] })
   ] });
 }
-function w() {
+function H() {
   return /* @__PURE__ */ n(e.MessageHeader, { children: [
     /* @__PURE__ */ t(e.MessageAvatar, { children: /* @__PURE__ */ n(e.MessageAvatarContent, { children: [
       /* @__PURE__ */ t(e.MessageAvatarFallback, {}),
@@ -137,7 +138,7 @@ function w() {
     /* @__PURE__ */ t(e.MessageName, {})
   ] });
 }
-function H() {
+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, {}),
@@ -150,7 +151,7 @@ function H() {
     ] }) }) }) })
   ] });
 }
-function x() {
+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" }),
@@ -162,19 +163,19 @@ 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(m, { 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, F) => /* @__PURE__ */ t(
+      /* @__PURE__ */ t(e.MessageSourceItemDescription, { children: (i) => i.map((o, m) => /* @__PURE__ */ t(
         e.MessageSourceItemDescriptionPart,
         {
           part: o
         },
-        `part-${F}`
+        `part-${m}`
       )) }),
       /* @__PURE__ */ t(e.MessageSourceItemIndicator, {})
     ] }, c)) })
@@ -182,11 +183,11 @@ function y() {
 }
 function L() {
   return /* @__PURE__ */ n(e.Footer, { children: [
-    /* @__PURE__ */ t(f, {}),
-    /* @__PURE__ */ t(D, {})
+    /* @__PURE__ */ t(D, {}),
+    /* @__PURE__ */ t(W, {})
   ] });
 }
-function f() {
+function D() {
   return /* @__PURE__ */ n(e.InputFieldset, { children: [
     /* @__PURE__ */ n(e.InputGroup, { children: [
       /* @__PURE__ */ t(e.Input, {}),
@@ -232,7 +233,7 @@ function f() {
     ] })
   ] });
 }
-function D() {
+function W() {
   return /* @__PURE__ */ n(e.ActionBar, { children: [
     /* @__PURE__ */ n(e.TaglineContainer, { children: [
       /* @__PURE__ */ t(e.TaglineText, {}),
@@ -264,7 +265,7 @@ function D() {
     ] })
   ] });
 }
-function W() {
+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, {}),
@@ -292,7 +293,7 @@ function W() {
     ] }) })
   ] }) }) }) });
 }
-function E() {
+function P() {
   return /* @__PURE__ */ n(e.FormWrapper, { children: [
     /* @__PURE__ */ t(e.FormClose, {}),
     /* @__PURE__ */ n(e.Form, { children: [
@@ -335,8 +336,8 @@ function E() {
   ] });
 }
 export {
-  N as InkeepEmbeddedChat,
-  C as InkeepEmbeddedChatImpl,
-  k as InkeepEmbeddedChatImplContent,
-  M as InkeepEmbeddedChatProvider
+  $ 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"),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");function A(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()?d.Modal.Content: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=A;exports.InkeepEmbeddedSearchAndChatImpl=m;
+"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,53 +1,54 @@
 "use client";
 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 b, RootProvider as f, WebWidgetInteractionType as C, useModal as g, Modal as w, WidgetProvider as A } from "@inkeep/cxkit-styled";
-import { InkeepEmbeddedSearchProvider as k, InkeepEmbeddedSearchImplContent as S } from "./embedded-search.js";
-import { useWidgetImpl as E } from "./embedded-search-and-chat.impl.js";
-import { Fragment as P } from "react";
-function H(o) {
-  const { config: t, ...d } = E(o);
+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(
-    b,
+    f,
     {
       wrapperStyles: {
         height: "inherit",
         width: "inherit"
       },
-      children: /* @__PURE__ */ e(f, { config: t, componentType: C.EmbeddedSearchAndChat, children: /* @__PURE__ */ e(v, { ...d }) })
+      children: /* @__PURE__ */ e(b, { config: o, componentType: C.EmbeddedSearchAndChat, children: /* @__PURE__ */ e(v, { ...d }) })
     }
   );
 }
-function v(o) {
+function v(t) {
   const {
-    view: t,
+    view: o,
     setView: d,
-    shouldShowAskAICard: p,
+    shouldShowAskAICard: s,
     onToggleView: r,
     defaultView: n,
     shouldAutoFocusInput: i,
     searchLabel: h,
     askAILabel: c
-  } = o, m = g() ? w.Content : P, a = {
-    isHidden: t === "chat",
+  } = t, m = g() ? P : E, a = {
+    isHidden: o === "chat",
     onToggleView: r,
-    shouldShowAskAICard: p,
+    shouldShowAskAICard: s,
     shouldAutoFocusInput: i && n === "search",
     searchLabel: h,
     askAILabel: c
-  }, s = {
-    isHidden: t === "search",
+  }, p = {
+    isHidden: o === "search",
     onToggleView: r,
     shouldAutoFocusInput: i && n === "chat",
     searchLabel: h,
     askAILabel: c
   };
-  return /* @__PURE__ */ e(A, { widget: { setView: d }, children: /* @__PURE__ */ e(k, { ...a, children: /* @__PURE__ */ e(u, { ...s, children: /* @__PURE__ */ l(m, { children: [
-    /* @__PURE__ */ e(S, { ...a }),
-    /* @__PURE__ */ e(I, { ...s })
+  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 {
-  H as InkeepEmbeddedSearchAndChat,
+  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"),a=require("react"),l=require("./widget-toggle.cjs");function u(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 o(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(o,{...r,children:e.jsx(h,{...r})})}function h(r){const{onToggleView:s}=r,t=d.useModal(),n=d.useWidget(),c=t&&!n?d.Modal.Content: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(S,{...r}),e.jsxs(d.EmbeddedSearch.Content,{children:[e.jsx(b,{...r}),e.jsx(x,{})]}),e.jsx(E,{})]})})})}function S(r){const{onToggleView:s,askAILabel:t,searchLabel:n}=r,{query:c}=d.useSearch();return e.jsxs(d.EmbeddedSearch.InputGroup,{children:[e.jsx(d.EmbeddedSearch.InputIcon,{}),e.jsx(d.EmbeddedSearch.Input,{}),e.jsx(d.EmbeddedSearch.Loading,{}),s&&e.jsx(l.WidgetToggle,{onToggleView:s,query:c,askAILabel:t,searchLabel:n,view:"search"}),e.jsx(d.Modal.Close,{})]})}function b(r){const{askAILabel:s,onToggleView:t,shouldShowAskAICard:n=!!t}=r,{query:c}=d.useSearch(),{handleToggle:m}=l.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 x(){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(j,{})}),e.jsx(d.EmbeddedSearch.ResultsScrollAreaScrollbar,{children:e.jsx(d.EmbeddedSearch.ResultsScrollAreaThumb,{})}),e.jsx(d.EmbeddedSearch.ResultsScrollAreaCorner,{})]})]})}function j(){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 E(){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=u;exports.InkeepEmbeddedSearchImpl=i;exports.InkeepEmbeddedSearchImplContent=h;exports.InkeepEmbeddedSearchProvider=o;
+"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.js

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

@@ -4,13 +4,13 @@ import { InkeepEmbeddedSearch as h, InkeepEmbeddedSearchImpl as k, InkeepEmbedde
 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 B } from "./modal.js";
-import { ChatButtonImpl as A, InkeepChatButton as g } from "./chat-button.js";
-import { InkeepSearchBar as v, SearchBarImpl as F } from "./searchbar.js";
-import { InkeepIntelligentForm as j, InkeepIntelligentFormImpl as q } from "./intelligent-form.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 {
-  A as ChatButtonImpl,
-  g as InkeepChatButton,
+  g as ChatButtonImpl,
+  u as InkeepChatButton,
   r as InkeepEmbeddedChat,
   p as InkeepEmbeddedChatImpl,
   o as InkeepEmbeddedChatImplContent,
@@ -21,12 +21,13 @@ export {
   k as InkeepEmbeddedSearchImpl,
   l as InkeepEmbeddedSearchImplContent,
   C as InkeepEmbeddedSearchProvider,
-  j as InkeepIntelligentForm,
-  q as InkeepIntelligentFormImpl,
-  B as InkeepModal,
+  q as InkeepIntelligentForm,
+  s as InkeepIntelligentFormImpl,
+  i as InkeepModal,
   c as InkeepModalChat,
   S as InkeepModalSearch,
   x as InkeepModalSearchAndChat,
-  v as InkeepSearchBar,
-  F as SearchBarImpl
+  F as InkeepSearchBar,
+  B as ModalContent,
+  P as SearchBarImpl
 };

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: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 { Portal as l, Shadow as d, RootProvider as a, Modal as e } from "@inkeep/cxkit-styled";
-function p(r) {
-  const { componentType: n, children: t, modalSettings: i, ...c } = r;
-  return /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(
-    a,
+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 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: n,
-      children: /* @__PURE__ */ o(e.Root, { config: i, children: /* @__PURE__ */ o(e.Overlay, { children: t }) })
+      componentType: r,
+      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/index.cjs

@@ -1 +1 @@
-"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"),o=require("./components/modal.search.cjs"),c=require("./components/modal.cjs"),a=require("./components/chat-button.cjs"),p=require("./components/searchbar.cjs"),I=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=o.InkeepModalSearch;exports.InkeepModal=c.InkeepModal;exports.ChatButtonImpl=a.ChatButtonImpl;exports.InkeepChatButton=a.InkeepChatButton;exports.InkeepSearchBar=p.InkeepSearchBar;exports.SearchBarImpl=p.SearchBarImpl;exports.InkeepIntelligentForm=I.InkeepIntelligentForm;exports.InkeepIntelligentFormImpl=I.InkeepIntelligentFormImpl;Object.keys(t).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[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,33 +1,34 @@
-import { InkeepEmbeddedChat as d, InkeepEmbeddedChatImpl as p, InkeepEmbeddedChatImplContent as o, InkeepEmbeddedChatProvider as t } from "./components/embedded-chat.js";
-import { InkeepEmbeddedSearchAndChat as n, InkeepEmbeddedSearchAndChatImpl as I } from "./components/embedded-search-and-chat.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 B } from "./components/modal.js";
-import { ChatButtonImpl as A, InkeepChatButton as g } from "./components/chat-button.js";
-import { InkeepSearchBar as v, SearchBarImpl as F } from "./components/searchbar.js";
-import { InkeepIntelligentForm as j, InkeepIntelligentFormImpl as q } from "./components/intelligent-form.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 {
-  A as ChatButtonImpl,
-  g as InkeepChatButton,
-  d as InkeepEmbeddedChat,
+  g as ChatButtonImpl,
+  u as InkeepChatButton,
+  r as InkeepEmbeddedChat,
   p as InkeepEmbeddedChatImpl,
   o as InkeepEmbeddedChatImplContent,
   t as InkeepEmbeddedChatProvider,
   h as InkeepEmbeddedSearch,
-  n as InkeepEmbeddedSearchAndChat,
+  m as InkeepEmbeddedSearchAndChat,
   I as InkeepEmbeddedSearchAndChatImpl,
   k as InkeepEmbeddedSearchImpl,
   l as InkeepEmbeddedSearchImplContent,
   C as InkeepEmbeddedSearchProvider,
-  j as InkeepIntelligentForm,
-  q as InkeepIntelligentFormImpl,
-  B as InkeepModal,
+  q as InkeepIntelligentForm,
+  s as InkeepIntelligentFormImpl,
+  i as InkeepModal,
   x as InkeepModalChat,
   S as InkeepModalSearch,
   c as InkeepModalSearchAndChat,
-  v as InkeepSearchBar,
-  F as SearchBarImpl
+  F as InkeepSearchBar,
+  B as ModalContent,
+  P as SearchBarImpl
 };

package/package.json

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