@inkeep/cxkit-styled 0.5.80 → 0.5.81

package/dist/components/embedded-chat.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),a=require("@inkeep/cxkit-primitives"),k=require("../ui/recipes/ai-chat-page-wrapper.cjs"),n=require("../ui/recipes/attachment.cjs"),o=require("../ui/recipes/button.cjs"),x=require("../ui/recipes/checkbox.cjs"),i=require("../ui/recipes/citation.cjs"),w=require("../ui/recipes/icon.cjs"),l=require("../ui/recipes/input.cjs"),P=require("../ui/recipes/link.cjs"),s=require("../ui/recipes/modal.cjs"),p=require("../ui/recipes/popover.cjs"),C=require("../ui/recipes/scrollable.cjs"),h=require("../ui/recipes/select.cjs"),M=require("class-variance-authority"),j=require("merge-anything"),c=require("react"),r=require("../utils.cjs"),y=require("../ui/markdown-styles.cjs"),N=require("./loading-indicator.cjs"),I=require("./embedded-chat/conversation-loading.cjs"),B=a.EmbeddedChatPrimitive.Provider,S=c.forwardRef(({className:e,size:t,variant:m,...u},b)=>d.jsx(a.EmbeddedChatPrimitive.Wrapper,{ref:b,className:r.cn(k.aiChatPageWrapper({size:t,variant:m}),"data-[hidden]:hidden rounded-md flex","bg-white dark:bg-gray-dark-950","data-[composite]:w-full","max-h-[min(85vh,850px)]",e),...u})),T=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ConversationLoading,{className:r.cn("flex flex-col items-center justify-center h-full gap-12 flex-1 p-8",e),children:d.jsx(I.ConversationLoading,{}),...t}),H=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Root,{className:r.cn(C.scrollable({section:"wrapper"}),"rounded-[inherit] font-body",e),...t}),L=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Header,{className:r.cn(C.scrollable({section:"header"}),"flex items-center","bg-white dark:bg-gray-dark-950","data-[show-toolbar]:after:absolute","data-[show-toolbar]:after:left-0","data-[show-toolbar]:after:top-full","data-[show-toolbar]:after:h-[1rem]","data-[show-toolbar]:after:w-full","data-[show-toolbar]:after:text-white","data-[show-toolbar]:after:dark:text-gray-dark-950","data-[show-toolbar]:after:bg-[linear-gradient(currentColor,_transparent)]","data-[show-toolbar]:after:z-start",e),...t}),D=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.HeaderToolbar,{className:r.cn("flex items-center gap-3 w-full","px-5 py-2 pt-4 justify-between *:m-0",e),...t}),W=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.HeaderToolbarWrapper,{className:r.cn("flex items-center gap-1.5",e),...t}),z=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ToolbarHeader,{className:r.cn("text-gray-600 dark:text-gray-dark-100 text-sm",e),...t}),q=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Content,{className:r.cn(C.scrollable({section:"content"}),"justify-end",e),...t}),_=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ContentScrollArea,{className:r.cn("overflow-hidden",e),...t}),Q=c.forwardRef(({className:e,...t},m)=>d.jsx(a.EmbeddedChatPrimitive.ContentScrollAreaViewport,{ref:m,className:r.cn("h-full w-full rounded-[inherit]",e),...t})),R=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ContentScrollAreaScrollbar,{className:r.cn("flex select-none touch-none p-0.5","transition-colors duration-[160ms] ease-in-out","w-2.5 border-l border-l-transparent",e),...t}),O=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ContentScrollAreaThumb,{className:r.cn("relative flex-1 rounded-full","bg-gray-300 dark:bg-white-alpha-200",e),...t}),V=a.EmbeddedChatPrimitive.ContentScrollAreaCorner,G=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Disclaimer,{className:r.cn("ml-auto text-sm flex items-center gap-1",e),...t}),$=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.DisclaimerLabel,{className:r.cn("text-gray-700 dark:text-gray-dark-100",e),...t}),J=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.DisclaimerTrigger,{className:r.cn("cursor-pointer text-gray-700 dark:text-gray-dark-100","focus-visible:ring-gray-500 dark:focus-visible:ring-white-alpha-900 focus-visible:ring-2 focus:outline-none",e),...t}),K=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.DisclaimerContent,{className:r.cn(p.popover({slot:"content"}),"px-4 py-2 font-normal","w-[250px] sm:w-[420px]",e),...t}),U=a.EmbeddedChatPrimitive.DisclaimerText,X=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.DisclaimerArrow,{className:r.cn(p.popover({slot:"arrow"}),e),...t}),Y=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ExampleQuestions,{className:r.cn("mt-4 flex flex-col gap-2",e),...t}),Z=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ExampleQuestionsLabel,{className:r.cn("text-2xs uppercase font-semibold tracking-widest","text-gray-600 dark:text-white-alpha-500",e),...t}),ee=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ExampleQuestionsList,{className:r.cn("flex flex-col","ikp-md:flex-row","flex-wrap gap-2",e),...t}),te=c.forwardRef(({className:e,style:t,...m},u)=>{const b=c.useRef(null),v=a.composeRefs(u,b),{width:f=0,height:F=0}=a.useResizeObserver({ref:b,box:"border-box"}),A=Math.max(F,f);return d.jsx(a.EmbeddedChatPrimitive.ExampleQuestion,{ref:v,style:{"--before-size":`${A+100}px`,...t},className:r.cn("flex items-center justify-center relative z-base","min-h-9 rounded-md overflow-hidden","before:absolute before:z-hide","before:bg-gray-300 dark:before:bg-gray-dark-950","before:bg-no-repeat before:[background-position:0_0]","before:[background-size:cover] before:m-auto","before:w-[--before-size] before:h-[--before-size]","data-[highlight]:first:before:[background-image:conic-gradient(transparent,theme(colors.inkeep-expanded-primary.600),transparent_30%)]","dark:data-[highlight]:first:before:[background-image:conic-gradient(transparent,theme(colors.inkeep-expanded-primary.300),transparent_30%)]","data-[highlight]:first:before:animate-[spin_4s_linear_infinite]","after:absolute after:z-base after:top-[1px] after:left-[1px]","after:w-[calc(100%-2px)] after:h-[calc(100%-2px)]","after:rounded-[5px] after:bg-white dark:after:bg-gray-dark-950",e),...m})}),ae=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ExampleQuestionButton,{className:r.cn(o.button({size:"sm"}),"text-sm font-normal h-auto w-full py-2 z-start","whitespace-normal text-center leading-[unset]","border border-solid","text-gray-800 dark:text-white-alpha-950","border-white-alpha-200","[&:where(:hover,:focus)]:bg-slate-400/5","dark:[&:where(:hover,:focus)]:bg-white-alpha-100 focus:z-start",e),...t}),de=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Workflows,{className:r.cn("mt-4 flex flex-col gap-2",e),...t}),re=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.WorkflowsLabel,{className:r.cn("text-2xs uppercase font-semibold tracking-widest","text-gray-600 dark:text-white-alpha-500",e),...t}),se=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.WorkflowsList,{className:r.cn("flex flex-wrap gap-2",e),...t}),oe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Workflow,{className:r.cn(o.button({size:"sm"}),"min-h-9 px-3 py-2 h-auto font-medium","text-sm gap-2 whitespace-normal border ","text-inkeep-primary-strong dark:text-inkeep-expanded-primary-300","border-inkeep-expanded-primary-200","dark:border-inkeep-expanded-primary-200","hover:bg-inkeep-primary-light-subtle","dark:hover:bg-white-alpha-100",e),...t}),me=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Messages,{className:r.cn("flex flex-col w-full min-w-0 min-h-0 text-2sm relative",e),...t}),g=M.cva(["flex relative w-full overflow-hidden py-8","px-5","flex-col ikp-md:flex-row","min-w-0 grow-[2] data-[role=user]:grow-0","[&:not(:last-child)]:after:absolute","[&:not(:last-child)]:after:border-b","[&:not(:last-child)]:after:bottom-0","[&:not(:last-child)]:after:inset-x-6","ikp-md:[&:not(:last-child)]:after:inset-x-8"]),ie=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageWrapper,{className:r.cn(g(),e),...t}),ne=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.IntroMessageWrapper,{className:r.cn(g(),e),...t}),ce=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageHeader,{className:r.cn("flex justify-start overflow-hidden shrink-0 select-none","flex-row ikp-md:flex-col","items-center ikp-md:items-start","ikp-md:pl-3","ikp-md:pr-6","mb-6 ikp-md:mb-0",e),...t}),le=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageLoading,{className:r.cn("flex items-center gap-3 h-12 w-full",e),children:d.jsx(N.LoadingIndicator,{}),...t}),he=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAvatar,{className:r.cn("flex items-center justify-center rounded-full","h-auto ikp-md:h-12",e),...t}),be=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAvatarContent,{className:r.cn("relative flex h-8 w-8 shrink-0 overflow-hidden","data-[username]:bg-inkeep-primary-lighter","dark:data-[username]:bg-inkeep-expanded-primary-300","text-inkeep-primary-stronger font-semibold ","data-[role=user]:hidden ikp-md:flex","justify-center items-center",e),...t}),xe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAvatarFallback,{className:r.cn("hidden data-[role=user]:block",e),...t}),pe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAvatarImage,{className:r.cn("data-[type=icon]:data-[role=user]:text-inkeep-primary-medium","dark:data-[type=icon]:data-[role=user]:text-inkeep-expanded-primary-300","data-[type=icon]:data-[role=assistant]:[--start-color:theme(colors.inkeep-expanded-primary.300)]","data-[type=icon]:data-[role=assistant]:[--end-color:theme(colors.inkeep-expanded-primary.700)]","dark:data-[type=icon]:data-[role=assistant]:[--start-color:theme(colors.inkeep-expanded-primary.50)]","dark:data-[type=icon]:data-[role=assistant]:[--end-color:theme(colors.inkeep-expanded-primary.300)]",e),...t}),Ce=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageName,{className:r.cn("px-3 py-1 ml-4 data-[role=user]:ml-0","text-sm rounded-full","bg-inkeep-primary-lighter data-[role=user]:bg-gray-50","text-inkeep-primary-stronger dark:text-inkeep-expanded-primary-300","data-[role=user]:text-gray-700 dark:data-[role=user]:text-white-alpha-700","dark:bg-gray-dark-700","ikp-md:hidden",e),...t}),ue=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageContentWrapper,{className:r.cn("overflow-hidden flex flex-col","justify-start grow-2 w-full","data-[role=user]:justify-end","data-[role=user]:shrink-2","data-[role=user]:grow-0","ikp-md:pr-3",e),...t}),Ee=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageContent,{className:r.cn("text-2sm flex-wrap break-words min-w-0 shrink-1 max-w-full",e),...t}),ge=a.EmbeddedChatPrimitive.MessageAttachments,ve=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsList,{className:r.cn("flex flex-wrap gap-2",e),...t}),fe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsItem,{className:r.cn(o.button({variant:"ghost"}),n.attachment({slot:"root"}),"font-normal px-2",e),...t}),Fe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsItemIcon,{className:r.cn(n.attachment({slot:"icon"}),e),...t}),Ae=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsItemTitle,{className:r.cn(n.attachment({slot:"title"}),e),...t}),ke=a.EmbeddedChatPrimitive.MessageAttachmentsPreview,we=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsPreviewOverlay,{className:r.cn(s.modal({slot:"overlay"}),e),...t}),Pe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsPreviewContent,{className:r.cn(s.modal({slot:"content"}),"my-6 md:my-12 top-0 left-[unset] transform-none relative","p-8 md:p-10 max-w-2xl",e),...t}),Me=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsPreviewHeader,{className:r.cn(s.modal({slot:"header"}),"px-0 pt-0 pb-8 flex flex-col gap-6","font-semibold",e),...t}),je=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsPreviewClose,{className:r.cn(s.modal({slot:"close"}),e),...t}),ye=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsPreviewBody,{className:r.cn(s.modal({slot:"body"}),"p-0",e),...t}),Ne=({className:e,componentStyles:t,...m})=>d.jsx(a.EmbeddedChatPrimitive.Message,{className:r.cn("data-[role=user]:whitespace-pre-wrap mb-3 max-w-full",e),componentStyles:j.merge(y.markdownStyles,t??{}),...m}),Ie=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageToolbar,{className:r.cn("flex items-center mt-2 mb-3",e),...t}),Be=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageToolActions,{className:r.cn("mr-auto flex items-center gap-2",e),...t}),Se=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageToolAction,{className:r.cn(o.button({size:"xs",variant:"outline"}),"text-xs h-[30px] text-gray-700 dark:text-gray-200 gap-1",e),...t}),Te=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAction,{className:r.cn(o.button({variant:"iconButton",size:"sm"}),"data-[upvoted]:text-inkeep-primary-medium","data-[downvoted]:text-inkeep-primary-medium","data-[upvoted]:dark:text-inkeep-expanded-primary-300","data-[downvoted]:dark:text-inkeep-expanded-primary-300","dark:hover:text-inkeep-expanded-primary-300 px-2 text-md",e),...t}),He=a.EmbeddedChatPrimitive.MessageSources,Le=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourcesHeader,{className:r.cn("block text-xs font-medium my-2 text-gray-700 dark:text-gray-dark-300",e),...t}),De=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourcesList,{className:r.cn("w-full relative flex flex-col gap-3 py-[1px]",e),...t}),We=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItem,{className:r.cn(i.citation({slot:"root"}),e),...t}),ze=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemBreadcrumbs,{className:r.cn(i.citation({slot:"breadcrumbs"}),e),...t}),qe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemBreadcrumbIcon,{className:r.cn(i.citation({slot:"breadcrumbsIcon"}),e),...t}),_e=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemIcon,{className:r.cn(i.citation({slot:"icon"}),e),...t}),Qe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemTitle,{className:r.cn(i.citation({slot:"title"}),e),...t}),Re=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemTag,{className:r.cn(i.citation({slot:"tag"}),e),...t}),Oe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemDescription,{className:r.cn(i.citation({slot:"description"}),e),...t}),Ve=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemDescriptionPart,{className:r.cn(i.citation({slot:"descriptionPart"}),e),...t}),Ge=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemIndicator,{className:r.cn(i.citation({slot:"indicator"}),e),...t}),$e=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Footer,{className:r.cn("bg-white dark:bg-gray-dark-950 pt-6 pb-4","px-5 relative","before:absolute before:block before:top-0 before:left-0","before:pointer-events-none before:w-full before:h-3","before:bg-[linear-gradient(transparent,_white)] dark:before:bg-[linear-gradient(transparent,_var(--ikp-color-gray-dark-950))]","before:-translate-y-full",e),...t}),Je=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.InputFieldset,{className:r.cn("relative flex flex-col w-full p-2","rounded-lg items-stretch shadow-md dark:shadow-none","bg-gray-50 dark:bg-white-alpha-50",e),...t}),Ke=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.InputGroup,{className:r.cn("flex",e),...t}),Ue=c.forwardRef(({className:e,...t},m)=>d.jsx(a.EmbeddedChatPrimitive.Input,{ref:m,className:r.cn("min-h-[unset] overflow-hidden w-full resize-none","placeholder:text-gray-500 dark:placeholder:text-gray-dark-200","border-none outline-none shadow-none bg-transparent","px-3 py-2 ml-1 mr-2 max-h-[200px] overflow-y-auto disabled:cursor-not-allowed",e),...t})),Xe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.SendButton,{className:r.cn(o.button({}),"bg-transparent relative size-10 rounded-lg transition-all ease-linear","text-inkeep-primary-medium dark:text-inkeep-expanded-primary-500","active:bg-gray-300 dark:active:bg-white-alpha-100","hover:bg-gray-200 hover:text-inkeep-primary-strong","dark:hover:bg-white-alpha-100 dark:hover:text-inkeep-expanded-primary-300","disabled:text-gray-500 dark:disabled:text-white-alpha-200","disabled:cursor-not-allowed hover:disabled:[background:none] active:disabled:[background:none]",e),...t}),Ye=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.SendButtonIcon,{className:r.cn(w.icon(),"text-inherit rotate-[-30deg]",e),...t}),Ze=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBar,{className:r.cn("flex items-center justify-between","flex-wrap gap-2 px-1 pt-2 pb-1",e),...t}),et=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarList,{className:r.cn("flex items-center gap-2 flex-wrap px-3 min-w-0",e),...t}),tt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarAttachment,{className:r.cn(n.attachment({slot:"root"}),e),...t}),at=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarAttachmentIcon,{className:r.cn(n.attachment({slot:"icon"}),e),...t}),dt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarAttachmentTitle,{className:r.cn(n.attachment({slot:"title"}),e),...t}),rt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarAttachmentDelete,{className:r.cn(n.attachment({slot:"delete"}),e),...t}),st=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarActions,{className:r.cn("flex items-center justify-between","gap-2 flex-wrap px-3",e),...t}),ot=a.EmbeddedChatPrimitive.AttachmentsBarInfoTip,mt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarInfoTipIcon,{className:r.cn("cursor-pointer text-sm text-gray-600","dark:text-white-alpha-600",e),...t}),it=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarInfoTipText,{className:r.cn("bg-white text-gray-800 fill-white","dark:bg-gray-dark-800 dark:text-white-alpha-950 dark:fill-gray-dark-800","shadow-[0_8px_30px_rgba(0,0,0,0.12)] z-dropdown","px-3 py-2 rounded-md text-sm font-normal max-w-[200px]",e),...t}),nt=a.EmbeddedChatPrimitive.AttachmentsBarInfoTipArrow,ct=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarInputs,{className:r.cn("contents",e),...t}),lt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarInput,{className:r.cn(o.button({variant:"outline",size:"xs"}),"light:text-gray-700 gap-1",e),...t}),ht=a.EmbeddedChatPrimitive.AttachmentsBarModal,bt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarModalOverlay,{className:r.cn(s.modal({slot:"overlay"}),e),...t}),xt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarModalContent,{className:r.cn(s.modal({slot:"content"}),"my-6 md:my-12 top-0 left-[unset] transform-none relative","p-8 md:p-10 max-w-2xl",e),...t}),pt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarModalHeader,{className:r.cn(s.modal({slot:"header"}),"px-0 pt-0 pb-8 gap-y-2","font-semibold",e),...t}),Ct=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarModalHeading,{className:r.cn("w-full semibold",e),...t}),ut=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarModalDescription,{className:r.cn("text-gray-700 dark:text-white-alpha-700","text-sm font-normal w-full",e),...t}),Et=a.EmbeddedChatPrimitive.AttachmentsBarModalHelp,gt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarModalClose,{className:r.cn(s.modal({slot:"close"}),e),...t}),vt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarModalBody,{className:r.cn(s.modal({slot:"body"}),"p-0",e),...t}),ft=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarForm,{className:r.cn("flex flex-col gap-8",e),...t}),Ft=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormTitle,{className:r.cn("flex flex-col gap-2",e),...t}),At=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormTitleLabel,{className:r.cn("text-sm font-medium text-gray-700 dark:text-white-alpha-700",e),...t}),kt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormTitleInput,{className:r.cn("h-10 px-4 rounded-md border","focus:outline-none focus:[--shadow-color:theme(colors.blue.500)]","data-[invalid]:[--shadow-color:theme(colors.red.500)]","shadow-[0_0_0_2px_var(--shadow-color)]",e),...t}),wt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormTitleError,{className:r.cn("text-sm text-red-500",e),...t}),Pt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormContent,{className:r.cn("flex flex-col gap-2",e),...t}),Mt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormContentLabel,{className:r.cn("text-sm font-medium text-gray-700 dark:text-white-alpha-700",e),...t}),jt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormContentInput,{className:r.cn(l.input({size:"md",variant:"outline"}),"min-h-20 px-4 py-2",e),...t}),yt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormContentError,{className:r.cn("text-sm text-red-500",e),...t}),Nt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormSubmitButton,{className:r.cn(o.button({preset:"neutralFilled"}),"ml-auto",e),...t}),It=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ActionBar,{className:r.cn("mt-4 flex items-start justify-between flex-wrap-reverse gap-2.5",e),...t}),Bt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Actions,{className:r.cn("flex items-center gap-2.5 flex-wrap",e),...t}),St=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.TaglineContainer,{className:r.cn("flex items-center whitespace-nowrap",e),...t}),Tt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.TaglineText,{className:r.cn("text-xs md:text-sm text-gray-500 dark:text-white-alpha-600",e),...t}),Ht=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.TaglineLogo,{className:r.cn("text-gray-400 dark:text-white-alpha-500","w-[18px] ml-2 mr-1",e),...t}),Lt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.TaglineBrandName,{className:r.cn(P.link(),"inline-flex text-xs md:text-sm text-gray-500","dark:text-white-alpha-600 font-bold",e),...t}),E=r.cn(o.button({size:"xs",variant:"outline"}),"text-gray-700 dark:text-white-alpha-700"),Dt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ChatAction,{className:r.cn(E,e),...t}),Wt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ChatActionLabel,{className:r.cn("cursor-pointer",e),...t}),zt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ChatActionFeedback,{className:r.cn("bg-white text-gray-800 fill-white","dark:bg-gray-dark-800 dark:text-white-alpha-900 dark:fill-gray-dark-800","shadow-[0_8px_30px_rgba(0,0,0,0.12)]","px-2 py-3 rounded-md text-sm font-normal",e),...t}),qt=a.EmbeddedChatPrimitive.HelpActions,_t=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ChatHelpAction,{className:r.cn(E,e),...t}),Qt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.HelpActionsTrigger,{className:r.cn(E,e),...t}),Rt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.HelpActionsMenu,{className:r.cn(p.popover({slot:"content"}),"gap-3 px-3 py-4 ","w-[254px] text-sm font-normal",e),...t}),Ot=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.HelpActionsMenuArrow,{className:r.cn(p.popover({slot:"arrow"}),e),...t}),Vt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.HelpActionsMenuItem,{className:r.cn("flex items-center cursor-pointer hover:underline",e),...t}),Gt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.HelpActionsMenuItemIcon,{className:r.cn("mr-2 text-inkeep-primary-medium",e),...t}),$t=a.EmbeddedChatPrimitive.FeedbackModal,Jt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackModalOverlay,{className:r.cn(s.modal({slot:"overlay"}),e),...t}),Kt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackModalContent,{className:r.cn(s.modal({slot:"content"}),"my-6 md:my-12 top-0 left-[unset] transform-none relative","p-8 md:p-10 max-w-[480px]",e),...t}),Ut=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackModalHeader,{className:r.cn(s.modal({slot:"header"}),"px-0 pt-0 pb-8","font-semibold",e),...t}),Xt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackModalClose,{className:r.cn(s.modal({slot:"close"}),e),...t}),Yt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackModalBody,{className:r.cn(s.modal({slot:"body"}),"p-0",e),...t}),Zt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackForm,{className:r.cn("flex flex-col gap-8",e),...t}),ea=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackItem,{className:r.cn("flex flex-wrap items-center","gap-[1rem_0.5rem]",e),...t}),ta=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackItemCheckbox,{className:r.cn(x.checkbox({slot:"root"}),e),...t}),aa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackItemCheckboxIndicator,{className:r.cn(x.checkbox({slot:"indicator"}),e),...t}),da=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackItemLabel,{className:r.cn("select-none cursor-pointer font-medium text-sm","text-gray-700 dark:text-white-alpha-700",e),...t}),ra=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackItemDescription,{className:r.cn("flex-[0_0_100%]","min-h-20 py-2 border rounded-md","px-4",e),...t}),sa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackSubmitButton,{className:r.cn(o.button({preset:"neutralFilled"}),"ml-auto",e),...t}),oa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormWrapper,{className:r.cn("w-full overflow-y-auto",e),...t}),ma=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Form,{className:r.cn(C.scrollable({section:"content"}),"relative pt-4 pb-8 gap-8","items-start justify-center w-full","px-6 ikp-md:px-10 ikp-md:pb-14",e),...t}),ia=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormClose,{className:r.cn(o.button({variant:"ghost"}),"absolute right-1 top-1","text-xl text-gray-500 dark:text-white-alpha-500 w-10 h-10 z-modal",e),...t}),na=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormHeader,{className:r.cn("mt-12 flex flex-col gap-6",e),...t}),ca=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormHeading,{className:r.cn("font-semibold text-xl leading-5",e),...t}),la=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormDescription,{className:r.cn("text-gray-700 dark:text-white-alpha-700 text-sm",e),...t}),ha=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormContent,{className:r.cn("w-full",e),...t}),ba=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormField,{className:r.cn("mb-8 flex flex-col gap-2 data-[hidden]:hidden","data-[input-type=checkbox]:flex-row data-[input-type=checkbox]:items-center",e),...t}),xa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldLabel,{className:r.cn("font-medium text-sm text-gray-700","dark:text-white-alpha-700 ","font-medium relative","data-[required]:after:absolute",'data-[required]:after:[content:"*"]',"data-[required]:after:ml-1","data-[required]:after:mt-0","data-[required]:after:text-red-500","dark:data-[required]:after:text-red-300",e),...t}),pa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldText,{className:r.cn(l.input({size:"md",variant:"outline"}),e),...t}),Ca=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldEmail,{className:r.cn(l.input({size:"md",variant:"outline"}),e),...t}),ua=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldFile,{className:r.cn(l.input({size:"md",variant:"outline"}),"text-sm pl-2 file:h-full file:cursor-pointer py-0","file:bg-transparent file:border-none file:font-medium","file:text-sm file:text-gray-700 dark:file:text-white-alpha-700",e),...t}),Ea=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldTextArea,{className:r.cn(l.input({size:"md",variant:"outline"}),"min-h-20 px-4 py-2",e),...t}),ga=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldCheckbox,{className:r.cn(x.checkbox({slot:"root"}),e),...t}),va=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldCheckboxIndicator,{className:r.cn(x.checkbox({slot:"indicator"}),e),...t}),fa=a.EmbeddedChatPrimitive.FormFieldSelect,Fa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldSelectTrigger,{className:r.cn(h.select({slot:"trigger"}),e),...t}),Aa=a.EmbeddedChatPrimitive.FormFieldSelectValue,ka=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldSelectIcon,{className:r.cn("h-4 w-4 opacity-45",e),...t}),wa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldSelectContent,{className:r.cn(h.select({slot:"content"}),e),...t}),Pa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldSelectViewport,{className:r.cn(h.select({slot:"viewport"}),e),...t}),Ma=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldSelectItem,{className:r.cn(h.select({slot:"item"}),e),...t}),ja=a.EmbeddedChatPrimitive.FormFieldSelectItemText,ya=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldSelectItemIndicator,{className:r.cn(h.select({slot:"itemIndicator"}),e),...t}),Na=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldError,{className:r.cn("text-sm flex items-center text-red-500 dark:text-red-300",e),...t}),Ia=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormError,{className:r.cn("text-red-500 dark:text-red-300",e),...t}),Ba=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFooter,{className:r.cn("flex items-center justify-end gap-6 w-full",e),...t}),Sa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormCancel,{className:r.cn(o.button({variant:"outline"}),e),...t}),Ta=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormSubmit,{className:r.cn(o.button({preset:"neutralFilled"}),e),...t}),Ha=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormSuccess,{className:r.cn("flex flex-col items-center justify-center h-auto","m-auto px-6 py-8 ikp-md:py-14 ikp-md:px-10",e),...t}),La=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormSuccessHeading,{className:r.cn("mb-6 font-bold tracking-tight","text-3xl md:text-4xl leading-6 md:leading-5",e),...t}),Da=a.EmbeddedChatPrimitive.FormSuccessMessage,Wa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormSuccessButton,{className:r.cn(o.button({preset:"neutralFilled"}),"w-full mt-12 gap-2 shrink-0",e),...t});exports.ActionBar=It;exports.Actions=Bt;exports.AttachmentsBar=Ze;exports.AttachmentsBarActions=st;exports.AttachmentsBarAttachment=tt;exports.AttachmentsBarAttachmentDelete=rt;exports.AttachmentsBarAttachmentIcon=at;exports.AttachmentsBarAttachmentTitle=dt;exports.AttachmentsBarForm=ft;exports.AttachmentsBarFormContent=Pt;exports.AttachmentsBarFormContentError=yt;exports.AttachmentsBarFormContentInput=jt;exports.AttachmentsBarFormContentLabel=Mt;exports.AttachmentsBarFormSubmitButton=Nt;exports.AttachmentsBarFormTitle=Ft;exports.AttachmentsBarFormTitleError=wt;exports.AttachmentsBarFormTitleInput=kt;exports.AttachmentsBarFormTitleLabel=At;exports.AttachmentsBarInfoTip=ot;exports.AttachmentsBarInfoTipArrow=nt;exports.AttachmentsBarInfoTipIcon=mt;exports.AttachmentsBarInfoTipText=it;exports.AttachmentsBarInput=lt;exports.AttachmentsBarInputs=ct;exports.AttachmentsBarList=et;exports.AttachmentsBarModal=ht;exports.AttachmentsBarModalBody=vt;exports.AttachmentsBarModalClose=gt;exports.AttachmentsBarModalContent=xt;exports.AttachmentsBarModalDescription=ut;exports.AttachmentsBarModalHeader=pt;exports.AttachmentsBarModalHeading=Ct;exports.AttachmentsBarModalHelp=Et;exports.AttachmentsBarModalOverlay=bt;exports.ChatAction=Dt;exports.ChatActionFeedback=zt;exports.ChatActionLabel=Wt;exports.Content=q;exports.ContentScrollArea=_;exports.ContentScrollAreaCorner=V;exports.ContentScrollAreaScrollbar=R;exports.ContentScrollAreaThumb=O;exports.ContentScrollAreaViewport=Q;exports.ConversationLoading=T;exports.Disclaimer=G;exports.DisclaimerArrow=X;exports.DisclaimerContent=K;exports.DisclaimerLabel=$;exports.DisclaimerText=U;exports.DisclaimerTrigger=J;exports.ExampleQuestion=te;exports.ExampleQuestionButton=ae;exports.ExampleQuestions=Y;exports.ExampleQuestionsLabel=Z;exports.ExampleQuestionsList=ee;exports.FeedbackForm=Zt;exports.FeedbackItem=ea;exports.FeedbackItemCheckbox=ta;exports.FeedbackItemCheckboxIndicator=aa;exports.FeedbackItemDescription=ra;exports.FeedbackItemLabel=da;exports.FeedbackModal=$t;exports.FeedbackModalBody=Yt;exports.FeedbackModalClose=Xt;exports.FeedbackModalContent=Kt;exports.FeedbackModalHeader=Ut;exports.FeedbackModalOverlay=Jt;exports.FeedbackSubmitButton=sa;exports.Footer=$e;exports.Form=ma;exports.FormCancel=Sa;exports.FormClose=ia;exports.FormContent=ha;exports.FormDescription=la;exports.FormError=Ia;exports.FormField=ba;exports.FormFieldCheckbox=ga;exports.FormFieldCheckboxIndicator=va;exports.FormFieldEmail=Ca;exports.FormFieldError=Na;exports.FormFieldFile=ua;exports.FormFieldLabel=xa;exports.FormFieldSelect=fa;exports.FormFieldSelectContent=wa;exports.FormFieldSelectIcon=ka;exports.FormFieldSelectItem=Ma;exports.FormFieldSelectItemIndicator=ya;exports.FormFieldSelectItemText=ja;exports.FormFieldSelectTrigger=Fa;exports.FormFieldSelectValue=Aa;exports.FormFieldSelectViewport=Pa;exports.FormFieldText=pa;exports.FormFieldTextArea=Ea;exports.FormFooter=Ba;exports.FormHeader=na;exports.FormHeading=ca;exports.FormSubmit=Ta;exports.FormSuccess=Ha;exports.FormSuccessButton=Wa;exports.FormSuccessHeading=La;exports.FormSuccessMessage=Da;exports.FormWrapper=oa;exports.Header=L;exports.HeaderToolbar=D;exports.HeaderToolbarWrapper=W;exports.HelpAction=_t;exports.HelpActions=qt;exports.HelpActionsMenu=Rt;exports.HelpActionsMenuArrow=Ot;exports.HelpActionsMenuItem=Vt;exports.HelpActionsMenuItemIcon=Gt;exports.HelpActionsTrigger=Qt;exports.Input=Ue;exports.InputFieldset=Je;exports.InputGroup=Ke;exports.IntroMessageWrapper=ne;exports.Message=Ne;exports.MessageAction=Te;exports.MessageAttachments=ge;exports.MessageAttachmentsItem=fe;exports.MessageAttachmentsItemIcon=Fe;exports.MessageAttachmentsItemTitle=Ae;exports.MessageAttachmentsList=ve;exports.MessageAttachmentsPreview=ke;exports.MessageAttachmentsPreviewBody=ye;exports.MessageAttachmentsPreviewClose=je;exports.MessageAttachmentsPreviewContent=Pe;exports.MessageAttachmentsPreviewHeader=Me;exports.MessageAttachmentsPreviewOverlay=we;exports.MessageAvatar=he;exports.MessageAvatarContent=be;exports.MessageAvatarFallback=xe;exports.MessageAvatarImage=pe;exports.MessageContent=Ee;exports.MessageContentWrapper=ue;exports.MessageHeader=ce;exports.MessageLoading=le;exports.MessageName=Ce;exports.MessageSourceItem=We;exports.MessageSourceItemBreadcrumbIcon=qe;exports.MessageSourceItemBreadcrumbs=ze;exports.MessageSourceItemDescription=Oe;exports.MessageSourceItemDescriptionPart=Ve;exports.MessageSourceItemIcon=_e;exports.MessageSourceItemIndicator=Ge;exports.MessageSourceItemTag=Re;exports.MessageSourceItemTitle=Qe;exports.MessageSources=He;exports.MessageSourcesHeader=Le;exports.MessageSourcesList=De;exports.MessageToolAction=Se;exports.MessageToolActions=Be;exports.MessageToolbar=Ie;exports.MessageWrapper=ie;exports.Messages=me;exports.Provider=B;exports.Root=H;exports.SendButton=Xe;exports.SendButtonIcon=Ye;exports.TaglineBrandName=Lt;exports.TaglineContainer=St;exports.TaglineLogo=Ht;exports.TaglineText=Tt;exports.ToolbarHeader=z;exports.Workflow=oe;exports.Workflows=de;exports.WorkflowsLabel=re;exports.WorkflowsList=se;exports.Wrapper=S;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),a=require("@inkeep/cxkit-primitives"),k=require("../ui/recipes/ai-chat-page-wrapper.cjs"),n=require("../ui/recipes/attachment.cjs"),o=require("../ui/recipes/button.cjs"),x=require("../ui/recipes/checkbox.cjs"),m=require("../ui/recipes/citation.cjs"),w=require("../ui/recipes/icon.cjs"),l=require("../ui/recipes/input.cjs"),P=require("../ui/recipes/link.cjs"),r=require("../ui/recipes/modal.cjs"),p=require("../ui/recipes/popover.cjs"),C=require("../ui/recipes/scrollable.cjs"),h=require("../ui/recipes/select.cjs"),M=require("class-variance-authority"),j=require("merge-anything"),c=require("react"),s=require("../utils.cjs"),y=require("../ui/markdown-styles.cjs"),N=require("./loading-indicator.cjs"),I=require("./embedded-chat/conversation-loading.cjs"),B=a.EmbeddedChatPrimitive.Provider,S=c.forwardRef(({className:e,size:t,variant:i,...u},b)=>d.jsx(a.EmbeddedChatPrimitive.Wrapper,{ref:b,className:s.cn(k.aiChatPageWrapper({size:t,variant:i}),"data-[hidden]:hidden rounded-md flex","bg-white dark:bg-gray-dark-950","data-[composite]:w-full","max-h-[min(85vh,850px)]","[[data-sidebar]_&]:m-[unset] [[data-sidebar]_&]:mt-auto","[[data-sidebar]_&]:h-full [[data-sidebar]_&]:w-full","[[data-sidebar]_&]:max-h-[unset]",e),...u})),T=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ConversationLoading,{className:s.cn("flex flex-col items-center justify-center h-full gap-12 flex-1 p-8",e),children:d.jsx(I.ConversationLoading,{}),...t}),H=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Root,{className:s.cn(C.scrollable({section:"wrapper"}),"rounded-[inherit] font-body",e),...t}),L=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Header,{className:s.cn(C.scrollable({section:"header"}),"flex items-center","bg-white dark:bg-gray-dark-950","data-[show-toolbar]:after:absolute","data-[show-toolbar]:after:left-0","data-[show-toolbar]:after:top-full","data-[show-toolbar]:after:h-[1rem]","data-[show-toolbar]:after:w-full","data-[show-toolbar]:after:text-white","data-[show-toolbar]:after:dark:text-gray-dark-950","data-[show-toolbar]:after:bg-[linear-gradient(currentColor,_transparent)]","data-[show-toolbar]:after:z-start",e),...t}),D=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.HeaderToolbar,{className:s.cn("flex items-center gap-3 w-full","px-5 py-2 pt-4 justify-between *:m-0",e),...t}),W=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.HeaderToolbarWrapper,{className:s.cn("flex items-center gap-1.5",e),...t}),z=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ToolbarHeader,{className:s.cn("text-gray-600 dark:text-gray-dark-100 text-sm",e),...t}),q=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Content,{className:s.cn(C.scrollable({section:"content"}),"justify-end",e),...t}),_=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ContentScrollArea,{className:s.cn("overflow-hidden",e),...t}),Q=c.forwardRef(({className:e,...t},i)=>d.jsx(a.EmbeddedChatPrimitive.ContentScrollAreaViewport,{ref:i,className:s.cn("h-full w-full rounded-[inherit]",e),...t})),R=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ContentScrollAreaScrollbar,{className:s.cn("flex select-none touch-none p-0.5","transition-colors duration-[160ms] ease-in-out","w-2.5 border-l border-l-transparent",e),...t}),O=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ContentScrollAreaThumb,{className:s.cn("relative flex-1 rounded-full","bg-gray-300 dark:bg-white-alpha-200",e),...t}),V=a.EmbeddedChatPrimitive.ContentScrollAreaCorner,G=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Disclaimer,{className:s.cn("ml-auto text-sm flex items-center gap-1",e),...t}),$=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.DisclaimerLabel,{className:s.cn("text-gray-700 dark:text-gray-dark-100",e),...t}),J=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.DisclaimerTrigger,{className:s.cn("cursor-pointer text-gray-700 dark:text-gray-dark-100","focus-visible:ring-gray-500 dark:focus-visible:ring-white-alpha-900 focus-visible:ring-2 focus:outline-none",e),...t}),K=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.DisclaimerContent,{className:s.cn(p.popover({slot:"content"}),"px-4 py-2 font-normal","w-[250px] sm:w-[420px]",e),...t}),U=a.EmbeddedChatPrimitive.DisclaimerText,X=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.DisclaimerArrow,{className:s.cn(p.popover({slot:"arrow"}),e),...t}),Y=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ExampleQuestions,{className:s.cn("mt-4 flex flex-col gap-2",e),...t}),Z=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ExampleQuestionsLabel,{className:s.cn("text-2xs uppercase font-semibold tracking-widest","text-gray-600 dark:text-white-alpha-500",e),...t}),ee=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ExampleQuestionsList,{className:s.cn("flex flex-col","ikp-md:flex-row","flex-wrap gap-2",e),...t}),te=c.forwardRef(({className:e,style:t,...i},u)=>{const b=c.useRef(null),v=a.composeRefs(u,b),{width:f=0,height:F=0}=a.useResizeObserver({ref:b,box:"border-box"}),A=Math.max(F,f);return d.jsx(a.EmbeddedChatPrimitive.ExampleQuestion,{ref:v,style:{"--before-size":`${A+100}px`,...t},className:s.cn("flex items-center justify-center relative z-base","min-h-9 rounded-md overflow-hidden","before:absolute before:z-hide","before:bg-gray-300 dark:before:bg-gray-dark-950","before:bg-no-repeat before:[background-position:0_0]","before:[background-size:cover] before:m-auto","before:w-[--before-size] before:h-[--before-size]","data-[highlight]:first:before:[background-image:conic-gradient(transparent,theme(colors.inkeep-expanded-primary.600),transparent_30%)]","dark:data-[highlight]:first:before:[background-image:conic-gradient(transparent,theme(colors.inkeep-expanded-primary.300),transparent_30%)]","data-[highlight]:first:before:animate-[spin_4s_linear_infinite]","after:absolute after:z-base after:top-[1px] after:left-[1px]","after:w-[calc(100%-2px)] after:h-[calc(100%-2px)]","after:rounded-[5px] after:bg-white dark:after:bg-gray-dark-950",e),...i})}),ae=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ExampleQuestionButton,{className:s.cn(o.button({size:"sm"}),"text-sm font-normal h-auto w-full py-2 z-start","whitespace-normal text-center leading-[unset]","border border-solid","text-gray-800 dark:text-white-alpha-950","border-white-alpha-200","[&:where(:hover,:focus)]:bg-slate-400/5","dark:[&:where(:hover,:focus)]:bg-white-alpha-100 focus:z-start",e),...t}),de=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Workflows,{className:s.cn("mt-4 flex flex-col gap-2",e),...t}),se=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.WorkflowsLabel,{className:s.cn("text-2xs uppercase font-semibold tracking-widest","text-gray-600 dark:text-white-alpha-500",e),...t}),re=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.WorkflowsList,{className:s.cn("flex flex-wrap gap-2",e),...t}),oe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Workflow,{className:s.cn(o.button({size:"sm"}),"min-h-9 px-3 py-2 h-auto font-medium","text-sm gap-2 whitespace-normal border ","text-inkeep-primary-strong dark:text-inkeep-expanded-primary-300","border-inkeep-expanded-primary-200","dark:border-inkeep-expanded-primary-200","hover:bg-inkeep-primary-light-subtle","dark:hover:bg-white-alpha-100",e),...t}),ie=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Messages,{className:s.cn("flex flex-col w-full min-w-0 min-h-0 text-2sm relative",e),...t}),g=M.cva(["flex relative w-full overflow-hidden py-8","px-5","flex-col ikp-md:flex-row","min-w-0 grow-[2] data-[role=user]:grow-0","[&:not(:last-child)]:after:absolute","[&:not(:last-child)]:after:border-b","[&:not(:last-child)]:after:bottom-0","[&:not(:last-child)]:after:inset-x-6","ikp-md:[&:not(:last-child)]:after:inset-x-8"]),me=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageWrapper,{className:s.cn(g(),e),...t}),ne=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.IntroMessageWrapper,{className:s.cn(g(),e),...t}),ce=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageHeader,{className:s.cn("flex justify-start overflow-hidden shrink-0 select-none","flex-row ikp-md:flex-col","items-center ikp-md:items-start","ikp-md:pl-3","ikp-md:pr-6","mb-6 ikp-md:mb-0",e),...t}),le=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageLoading,{className:s.cn("flex items-center gap-3 h-12 w-full",e),children:d.jsx(N.LoadingIndicator,{}),...t}),he=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAvatar,{className:s.cn("flex items-center justify-center rounded-full","h-auto ikp-md:h-12",e),...t}),be=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAvatarContent,{className:s.cn("relative flex h-8 w-8 shrink-0 overflow-hidden","data-[username]:bg-inkeep-primary-lighter","dark:data-[username]:bg-inkeep-expanded-primary-300","text-inkeep-primary-stronger font-semibold ","data-[role=user]:hidden ikp-md:flex","justify-center items-center",e),...t}),xe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAvatarFallback,{className:s.cn("hidden data-[role=user]:block",e),...t}),pe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAvatarImage,{className:s.cn("data-[type=icon]:data-[role=user]:text-inkeep-primary-medium","dark:data-[type=icon]:data-[role=user]:text-inkeep-expanded-primary-300","data-[type=icon]:data-[role=assistant]:[--start-color:theme(colors.inkeep-expanded-primary.300)]","data-[type=icon]:data-[role=assistant]:[--end-color:theme(colors.inkeep-expanded-primary.700)]","dark:data-[type=icon]:data-[role=assistant]:[--start-color:theme(colors.inkeep-expanded-primary.50)]","dark:data-[type=icon]:data-[role=assistant]:[--end-color:theme(colors.inkeep-expanded-primary.300)]",e),...t}),Ce=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageName,{className:s.cn("px-3 py-1 ml-4 data-[role=user]:ml-0","text-sm rounded-full","bg-inkeep-primary-lighter data-[role=user]:bg-gray-50","text-inkeep-primary-stronger dark:text-inkeep-expanded-primary-300","data-[role=user]:text-gray-700 dark:data-[role=user]:text-white-alpha-700","dark:bg-gray-dark-700","ikp-md:hidden",e),...t}),ue=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageContentWrapper,{className:s.cn("overflow-hidden flex flex-col","justify-start grow-2 w-full","data-[role=user]:justify-end","data-[role=user]:shrink-2","data-[role=user]:grow-0","ikp-md:pr-3",e),...t}),Ee=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageContent,{className:s.cn("text-2sm flex-wrap break-words min-w-0 shrink-1 max-w-full",e),...t}),ge=a.EmbeddedChatPrimitive.MessageAttachments,ve=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsList,{className:s.cn("flex flex-wrap gap-2",e),...t}),fe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsItem,{className:s.cn(o.button({variant:"ghost"}),n.attachment({slot:"root"}),"font-normal px-2",e),...t}),Fe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsItemIcon,{className:s.cn(n.attachment({slot:"icon"}),e),...t}),Ae=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsItemTitle,{className:s.cn(n.attachment({slot:"title"}),e),...t}),ke=a.EmbeddedChatPrimitive.MessageAttachmentsPreview,we=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsPreviewOverlay,{className:s.cn(r.modal({slot:"overlay"}),e),...t}),Pe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsPreviewContent,{className:s.cn(r.modal({slot:"content"}),"my-6 md:my-12 top-0 left-[unset] transform-none relative","p-8 md:p-10 max-w-2xl",e),...t}),Me=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsPreviewHeader,{className:s.cn(r.modal({slot:"header"}),"px-0 pt-0 pb-8 flex flex-col gap-6","font-semibold",e),...t}),je=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsPreviewClose,{className:s.cn(r.modal({slot:"close"}),e),...t}),ye=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAttachmentsPreviewBody,{className:s.cn(r.modal({slot:"body"}),"p-0",e),...t}),Ne=({className:e,componentStyles:t,...i})=>d.jsx(a.EmbeddedChatPrimitive.Message,{className:s.cn("data-[role=user]:whitespace-pre-wrap mb-3 max-w-full",e),componentStyles:j.merge(y.markdownStyles,t??{}),...i}),Ie=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageToolbar,{className:s.cn("flex items-center mt-2 mb-3",e),...t}),Be=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageToolActions,{className:s.cn("mr-auto flex items-center gap-2",e),...t}),Se=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageToolAction,{className:s.cn(o.button({size:"xs",variant:"outline"}),"text-xs h-[30px] text-gray-700 dark:text-gray-200 gap-1",e),...t}),Te=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageAction,{className:s.cn(o.button({variant:"iconButton",size:"sm"}),"data-[upvoted]:text-inkeep-primary-medium","data-[downvoted]:text-inkeep-primary-medium","data-[upvoted]:dark:text-inkeep-expanded-primary-300","data-[downvoted]:dark:text-inkeep-expanded-primary-300","dark:hover:text-inkeep-expanded-primary-300 px-2 text-md",e),...t}),He=a.EmbeddedChatPrimitive.MessageSources,Le=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourcesHeader,{className:s.cn("block text-xs font-medium my-2 text-gray-700 dark:text-gray-dark-300",e),...t}),De=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourcesList,{className:s.cn("w-full relative flex flex-col gap-3 py-[1px]",e),...t}),We=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItem,{className:s.cn(m.citation({slot:"root"}),e),...t}),ze=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemBreadcrumbs,{className:s.cn(m.citation({slot:"breadcrumbs"}),e),...t}),qe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemBreadcrumbIcon,{className:s.cn(m.citation({slot:"breadcrumbsIcon"}),e),...t}),_e=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemIcon,{className:s.cn(m.citation({slot:"icon"}),e),...t}),Qe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemTitle,{className:s.cn(m.citation({slot:"title"}),e),...t}),Re=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemTag,{className:s.cn(m.citation({slot:"tag"}),e),...t}),Oe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemDescription,{className:s.cn(m.citation({slot:"description"}),e),...t}),Ve=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemDescriptionPart,{className:s.cn(m.citation({slot:"descriptionPart"}),e),...t}),Ge=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.MessageSourceItemIndicator,{className:s.cn(m.citation({slot:"indicator"}),e),...t}),$e=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Footer,{className:s.cn("bg-white dark:bg-gray-dark-950 pt-6 pb-4","px-5 relative","before:absolute before:block before:top-0 before:left-0","before:pointer-events-none before:w-full before:h-3","before:bg-[linear-gradient(transparent,_white)] dark:before:bg-[linear-gradient(transparent,_var(--ikp-color-gray-dark-950))]","before:-translate-y-full",e),...t}),Je=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.InputFieldset,{className:s.cn("relative flex flex-col w-full p-2","rounded-lg items-stretch shadow-md dark:shadow-none","bg-gray-50 dark:bg-white-alpha-50",e),...t}),Ke=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.InputGroup,{className:s.cn("flex",e),...t}),Ue=c.forwardRef(({className:e,...t},i)=>d.jsx(a.EmbeddedChatPrimitive.Input,{ref:i,className:s.cn("min-h-[unset] overflow-hidden w-full resize-none","placeholder:text-gray-500 dark:placeholder:text-gray-dark-200","border-none outline-none shadow-none bg-transparent","px-3 py-2 ml-1 mr-2 max-h-[200px] overflow-y-auto disabled:cursor-not-allowed",e),...t})),Xe=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.SendButton,{className:s.cn(o.button({}),"bg-transparent relative size-10 rounded-lg transition-all ease-linear","text-inkeep-primary-medium dark:text-inkeep-expanded-primary-500","active:bg-gray-300 dark:active:bg-white-alpha-100","hover:bg-gray-200 hover:text-inkeep-primary-strong","dark:hover:bg-white-alpha-100 dark:hover:text-inkeep-expanded-primary-300","disabled:text-gray-500 dark:disabled:text-white-alpha-200","disabled:cursor-not-allowed hover:disabled:[background:none] active:disabled:[background:none]",e),...t}),Ye=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.SendButtonIcon,{className:s.cn(w.icon(),"text-inherit rotate-[-30deg]",e),...t}),Ze=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBar,{className:s.cn("flex items-center justify-between","flex-wrap gap-2 px-1 pt-2 pb-1",e),...t}),et=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarList,{className:s.cn("flex items-center gap-2 flex-wrap px-3 min-w-0",e),...t}),tt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarAttachment,{className:s.cn(n.attachment({slot:"root"}),e),...t}),at=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarAttachmentIcon,{className:s.cn(n.attachment({slot:"icon"}),e),...t}),dt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarAttachmentTitle,{className:s.cn(n.attachment({slot:"title"}),e),...t}),st=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarAttachmentDelete,{className:s.cn(n.attachment({slot:"delete"}),e),...t}),rt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarActions,{className:s.cn("flex items-center justify-between","gap-2 flex-wrap px-3",e),...t}),ot=a.EmbeddedChatPrimitive.AttachmentsBarInfoTip,it=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarInfoTipIcon,{className:s.cn("cursor-pointer text-sm text-gray-600","dark:text-white-alpha-600",e),...t}),mt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarInfoTipText,{className:s.cn("bg-white text-gray-800 fill-white","dark:bg-gray-dark-800 dark:text-white-alpha-950 dark:fill-gray-dark-800","shadow-[0_8px_30px_rgba(0,0,0,0.12)] z-dropdown","px-3 py-2 rounded-md text-sm font-normal max-w-[200px]",e),...t}),nt=a.EmbeddedChatPrimitive.AttachmentsBarInfoTipArrow,ct=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarInputs,{className:s.cn("contents",e),...t}),lt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarInput,{className:s.cn(o.button({variant:"outline",size:"xs"}),"light:text-gray-700 gap-1",e),...t}),ht=a.EmbeddedChatPrimitive.AttachmentsBarModal,bt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarModalOverlay,{className:s.cn(r.modal({slot:"overlay"}),e),...t}),xt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarModalContent,{className:s.cn(r.modal({slot:"content"}),"my-6 md:my-12 top-0 left-[unset] transform-none relative","p-8 md:p-10 max-w-2xl",e),...t}),pt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarModalHeader,{className:s.cn(r.modal({slot:"header"}),"px-0 pt-0 pb-8 gap-y-2","font-semibold",e),...t}),Ct=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarModalHeading,{className:s.cn("w-full semibold",e),...t}),ut=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarModalDescription,{className:s.cn("text-gray-700 dark:text-white-alpha-700","text-sm font-normal w-full",e),...t}),Et=a.EmbeddedChatPrimitive.AttachmentsBarModalHelp,gt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarModalClose,{className:s.cn(r.modal({slot:"close"}),e),...t}),vt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarModalBody,{className:s.cn(r.modal({slot:"body"}),"p-0",e),...t}),ft=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarForm,{className:s.cn("flex flex-col gap-8",e),...t}),Ft=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormTitle,{className:s.cn("flex flex-col gap-2",e),...t}),At=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormTitleLabel,{className:s.cn("text-sm font-medium text-gray-700 dark:text-white-alpha-700",e),...t}),kt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormTitleInput,{className:s.cn("h-10 px-4 rounded-md border","focus:outline-none focus:[--shadow-color:theme(colors.blue.500)]","data-[invalid]:[--shadow-color:theme(colors.red.500)]","shadow-[0_0_0_2px_var(--shadow-color)]",e),...t}),wt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormTitleError,{className:s.cn("text-sm text-red-500",e),...t}),Pt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormContent,{className:s.cn("flex flex-col gap-2",e),...t}),Mt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormContentLabel,{className:s.cn("text-sm font-medium text-gray-700 dark:text-white-alpha-700",e),...t}),jt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormContentInput,{className:s.cn(l.input({size:"md",variant:"outline"}),"min-h-20 px-4 py-2",e),...t}),yt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormContentError,{className:s.cn("text-sm text-red-500",e),...t}),Nt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.AttachmentsBarFormSubmitButton,{className:s.cn(o.button({preset:"neutralFilled"}),"ml-auto",e),...t}),It=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ActionBar,{className:s.cn("mt-4 flex items-start justify-between flex-wrap-reverse gap-2.5",e),...t}),Bt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Actions,{className:s.cn("flex items-center gap-2.5 flex-wrap",e),...t}),St=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.TaglineContainer,{className:s.cn("flex items-center whitespace-nowrap",e),...t}),Tt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.TaglineText,{className:s.cn("text-xs md:text-sm text-gray-500 dark:text-white-alpha-600",e),...t}),Ht=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.TaglineLogo,{className:s.cn("text-gray-400 dark:text-white-alpha-500","w-[18px] ml-2 mr-1",e),...t}),Lt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.TaglineBrandName,{className:s.cn(P.link(),"inline-flex text-xs md:text-sm text-gray-500","dark:text-white-alpha-600 font-bold",e),...t}),E=s.cn(o.button({size:"xs",variant:"outline"}),"text-gray-700 dark:text-white-alpha-700"),Dt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ChatAction,{className:s.cn(E,e),...t}),Wt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ChatActionLabel,{className:s.cn("cursor-pointer",e),...t}),zt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ChatActionFeedback,{className:s.cn("bg-white text-gray-800 fill-white","dark:bg-gray-dark-800 dark:text-white-alpha-900 dark:fill-gray-dark-800","shadow-[0_8px_30px_rgba(0,0,0,0.12)]","px-2 py-3 rounded-md text-sm font-normal",e),...t}),qt=a.EmbeddedChatPrimitive.HelpActions,_t=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.ChatHelpAction,{className:s.cn(E,e),...t}),Qt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.HelpActionsTrigger,{className:s.cn(E,e),...t}),Rt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.HelpActionsMenu,{className:s.cn(p.popover({slot:"content"}),"gap-3 px-3 py-4 ","w-[254px] text-sm font-normal",e),...t}),Ot=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.HelpActionsMenuArrow,{className:s.cn(p.popover({slot:"arrow"}),e),...t}),Vt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.HelpActionsMenuItem,{className:s.cn("flex items-center cursor-pointer hover:underline",e),...t}),Gt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.HelpActionsMenuItemIcon,{className:s.cn("mr-2 text-inkeep-primary-medium",e),...t}),$t=a.EmbeddedChatPrimitive.FeedbackModal,Jt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackModalOverlay,{className:s.cn(r.modal({slot:"overlay"}),e),...t}),Kt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackModalContent,{className:s.cn(r.modal({slot:"content"}),"my-6 md:my-12 top-0 left-[unset] transform-none relative","p-8 md:p-10 max-w-[480px]",e),...t}),Ut=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackModalHeader,{className:s.cn(r.modal({slot:"header"}),"px-0 pt-0 pb-8","font-semibold",e),...t}),Xt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackModalClose,{className:s.cn(r.modal({slot:"close"}),e),...t}),Yt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackModalBody,{className:s.cn(r.modal({slot:"body"}),"p-0",e),...t}),Zt=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackForm,{className:s.cn("flex flex-col gap-8",e),...t}),ea=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackItem,{className:s.cn("flex flex-wrap items-center","gap-[1rem_0.5rem]",e),...t}),ta=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackItemCheckbox,{className:s.cn(x.checkbox({slot:"root"}),e),...t}),aa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackItemCheckboxIndicator,{className:s.cn(x.checkbox({slot:"indicator"}),e),...t}),da=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackItemLabel,{className:s.cn("select-none cursor-pointer font-medium text-sm","text-gray-700 dark:text-white-alpha-700",e),...t}),sa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackItemDescription,{className:s.cn("flex-[0_0_100%]","min-h-20 py-2 border rounded-md","px-4",e),...t}),ra=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FeedbackSubmitButton,{className:s.cn(o.button({preset:"neutralFilled"}),"ml-auto",e),...t}),oa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormWrapper,{className:s.cn("w-full overflow-y-auto",e),...t}),ia=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.Form,{className:s.cn(C.scrollable({section:"content"}),"relative pt-4 pb-8 gap-8","items-start justify-center w-full","px-6 ikp-md:px-10 ikp-md:pb-14",e),...t}),ma=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormClose,{className:s.cn(o.button({variant:"ghost"}),"absolute right-1 top-1","text-xl text-gray-500 dark:text-white-alpha-500 w-10 h-10 z-modal",e),...t}),na=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormHeader,{className:s.cn("mt-12 flex flex-col gap-6",e),...t}),ca=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormHeading,{className:s.cn("font-semibold text-xl leading-5",e),...t}),la=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormDescription,{className:s.cn("text-gray-700 dark:text-white-alpha-700 text-sm",e),...t}),ha=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormContent,{className:s.cn("w-full",e),...t}),ba=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormField,{className:s.cn("mb-8 flex flex-col gap-2 data-[hidden]:hidden","data-[input-type=checkbox]:flex-row data-[input-type=checkbox]:items-center",e),...t}),xa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldLabel,{className:s.cn("font-medium text-sm text-gray-700","dark:text-white-alpha-700 ","font-medium relative","data-[required]:after:absolute",'data-[required]:after:[content:"*"]',"data-[required]:after:ml-1","data-[required]:after:mt-0","data-[required]:after:text-red-500","dark:data-[required]:after:text-red-300",e),...t}),pa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldText,{className:s.cn(l.input({size:"md",variant:"outline"}),e),...t}),Ca=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldEmail,{className:s.cn(l.input({size:"md",variant:"outline"}),e),...t}),ua=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldFile,{className:s.cn(l.input({size:"md",variant:"outline"}),"text-sm pl-2 file:h-full file:cursor-pointer py-0","file:bg-transparent file:border-none file:font-medium","file:text-sm file:text-gray-700 dark:file:text-white-alpha-700",e),...t}),Ea=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldTextArea,{className:s.cn(l.input({size:"md",variant:"outline"}),"min-h-20 px-4 py-2",e),...t}),ga=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldCheckbox,{className:s.cn(x.checkbox({slot:"root"}),e),...t}),va=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldCheckboxIndicator,{className:s.cn(x.checkbox({slot:"indicator"}),e),...t}),fa=a.EmbeddedChatPrimitive.FormFieldSelect,Fa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldSelectTrigger,{className:s.cn(h.select({slot:"trigger"}),e),...t}),Aa=a.EmbeddedChatPrimitive.FormFieldSelectValue,ka=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldSelectIcon,{className:s.cn("h-4 w-4 opacity-45",e),...t}),wa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldSelectContent,{className:s.cn(h.select({slot:"content"}),e),...t}),Pa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldSelectViewport,{className:s.cn(h.select({slot:"viewport"}),e),...t}),Ma=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldSelectItem,{className:s.cn(h.select({slot:"item"}),e),...t}),ja=a.EmbeddedChatPrimitive.FormFieldSelectItemText,ya=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldSelectItemIndicator,{className:s.cn(h.select({slot:"itemIndicator"}),e),...t}),Na=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFieldError,{className:s.cn("text-sm flex items-center text-red-500 dark:text-red-300",e),...t}),Ia=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormError,{className:s.cn("text-red-500 dark:text-red-300",e),...t}),Ba=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormFooter,{className:s.cn("flex items-center justify-end gap-6 w-full",e),...t}),Sa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormCancel,{className:s.cn(o.button({variant:"outline"}),e),...t}),Ta=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormSubmit,{className:s.cn(o.button({preset:"neutralFilled"}),e),...t}),Ha=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormSuccess,{className:s.cn("flex flex-col items-center justify-center h-auto","m-auto px-6 py-8 ikp-md:py-14 ikp-md:px-10",e),...t}),La=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormSuccessHeading,{className:s.cn("mb-6 font-bold tracking-tight","text-3xl md:text-4xl leading-6 md:leading-5",e),...t}),Da=a.EmbeddedChatPrimitive.FormSuccessMessage,Wa=({className:e,...t})=>d.jsx(a.EmbeddedChatPrimitive.FormSuccessButton,{className:s.cn(o.button({preset:"neutralFilled"}),"w-full mt-12 gap-2 shrink-0",e),...t});exports.ActionBar=It;exports.Actions=Bt;exports.AttachmentsBar=Ze;exports.AttachmentsBarActions=rt;exports.AttachmentsBarAttachment=tt;exports.AttachmentsBarAttachmentDelete=st;exports.AttachmentsBarAttachmentIcon=at;exports.AttachmentsBarAttachmentTitle=dt;exports.AttachmentsBarForm=ft;exports.AttachmentsBarFormContent=Pt;exports.AttachmentsBarFormContentError=yt;exports.AttachmentsBarFormContentInput=jt;exports.AttachmentsBarFormContentLabel=Mt;exports.AttachmentsBarFormSubmitButton=Nt;exports.AttachmentsBarFormTitle=Ft;exports.AttachmentsBarFormTitleError=wt;exports.AttachmentsBarFormTitleInput=kt;exports.AttachmentsBarFormTitleLabel=At;exports.AttachmentsBarInfoTip=ot;exports.AttachmentsBarInfoTipArrow=nt;exports.AttachmentsBarInfoTipIcon=it;exports.AttachmentsBarInfoTipText=mt;exports.AttachmentsBarInput=lt;exports.AttachmentsBarInputs=ct;exports.AttachmentsBarList=et;exports.AttachmentsBarModal=ht;exports.AttachmentsBarModalBody=vt;exports.AttachmentsBarModalClose=gt;exports.AttachmentsBarModalContent=xt;exports.AttachmentsBarModalDescription=ut;exports.AttachmentsBarModalHeader=pt;exports.AttachmentsBarModalHeading=Ct;exports.AttachmentsBarModalHelp=Et;exports.AttachmentsBarModalOverlay=bt;exports.ChatAction=Dt;exports.ChatActionFeedback=zt;exports.ChatActionLabel=Wt;exports.Content=q;exports.ContentScrollArea=_;exports.ContentScrollAreaCorner=V;exports.ContentScrollAreaScrollbar=R;exports.ContentScrollAreaThumb=O;exports.ContentScrollAreaViewport=Q;exports.ConversationLoading=T;exports.Disclaimer=G;exports.DisclaimerArrow=X;exports.DisclaimerContent=K;exports.DisclaimerLabel=$;exports.DisclaimerText=U;exports.DisclaimerTrigger=J;exports.ExampleQuestion=te;exports.ExampleQuestionButton=ae;exports.ExampleQuestions=Y;exports.ExampleQuestionsLabel=Z;exports.ExampleQuestionsList=ee;exports.FeedbackForm=Zt;exports.FeedbackItem=ea;exports.FeedbackItemCheckbox=ta;exports.FeedbackItemCheckboxIndicator=aa;exports.FeedbackItemDescription=sa;exports.FeedbackItemLabel=da;exports.FeedbackModal=$t;exports.FeedbackModalBody=Yt;exports.FeedbackModalClose=Xt;exports.FeedbackModalContent=Kt;exports.FeedbackModalHeader=Ut;exports.FeedbackModalOverlay=Jt;exports.FeedbackSubmitButton=ra;exports.Footer=$e;exports.Form=ia;exports.FormCancel=Sa;exports.FormClose=ma;exports.FormContent=ha;exports.FormDescription=la;exports.FormError=Ia;exports.FormField=ba;exports.FormFieldCheckbox=ga;exports.FormFieldCheckboxIndicator=va;exports.FormFieldEmail=Ca;exports.FormFieldError=Na;exports.FormFieldFile=ua;exports.FormFieldLabel=xa;exports.FormFieldSelect=fa;exports.FormFieldSelectContent=wa;exports.FormFieldSelectIcon=ka;exports.FormFieldSelectItem=Ma;exports.FormFieldSelectItemIndicator=ya;exports.FormFieldSelectItemText=ja;exports.FormFieldSelectTrigger=Fa;exports.FormFieldSelectValue=Aa;exports.FormFieldSelectViewport=Pa;exports.FormFieldText=pa;exports.FormFieldTextArea=Ea;exports.FormFooter=Ba;exports.FormHeader=na;exports.FormHeading=ca;exports.FormSubmit=Ta;exports.FormSuccess=Ha;exports.FormSuccessButton=Wa;exports.FormSuccessHeading=La;exports.FormSuccessMessage=Da;exports.FormWrapper=oa;exports.Header=L;exports.HeaderToolbar=D;exports.HeaderToolbarWrapper=W;exports.HelpAction=_t;exports.HelpActions=qt;exports.HelpActionsMenu=Rt;exports.HelpActionsMenuArrow=Ot;exports.HelpActionsMenuItem=Vt;exports.HelpActionsMenuItemIcon=Gt;exports.HelpActionsTrigger=Qt;exports.Input=Ue;exports.InputFieldset=Je;exports.InputGroup=Ke;exports.IntroMessageWrapper=ne;exports.Message=Ne;exports.MessageAction=Te;exports.MessageAttachments=ge;exports.MessageAttachmentsItem=fe;exports.MessageAttachmentsItemIcon=Fe;exports.MessageAttachmentsItemTitle=Ae;exports.MessageAttachmentsList=ve;exports.MessageAttachmentsPreview=ke;exports.MessageAttachmentsPreviewBody=ye;exports.MessageAttachmentsPreviewClose=je;exports.MessageAttachmentsPreviewContent=Pe;exports.MessageAttachmentsPreviewHeader=Me;exports.MessageAttachmentsPreviewOverlay=we;exports.MessageAvatar=he;exports.MessageAvatarContent=be;exports.MessageAvatarFallback=xe;exports.MessageAvatarImage=pe;exports.MessageContent=Ee;exports.MessageContentWrapper=ue;exports.MessageHeader=ce;exports.MessageLoading=le;exports.MessageName=Ce;exports.MessageSourceItem=We;exports.MessageSourceItemBreadcrumbIcon=qe;exports.MessageSourceItemBreadcrumbs=ze;exports.MessageSourceItemDescription=Oe;exports.MessageSourceItemDescriptionPart=Ve;exports.MessageSourceItemIcon=_e;exports.MessageSourceItemIndicator=Ge;exports.MessageSourceItemTag=Re;exports.MessageSourceItemTitle=Qe;exports.MessageSources=He;exports.MessageSourcesHeader=Le;exports.MessageSourcesList=De;exports.MessageToolAction=Se;exports.MessageToolActions=Be;exports.MessageToolbar=Ie;exports.MessageWrapper=me;exports.Messages=ie;exports.Provider=B;exports.Root=H;exports.SendButton=Xe;exports.SendButtonIcon=Ye;exports.TaglineBrandName=Lt;exports.TaglineContainer=St;exports.TaglineLogo=Ht;exports.TaglineText=Tt;exports.ToolbarHeader=z;exports.Workflow=oe;exports.Workflows=de;exports.WorkflowsLabel=se;exports.WorkflowsList=re;exports.Wrapper=S;

package/dist/components/embedded-chat.js

@@ -31,6 +31,9 @@ const ae = a.Provider, se = u(
         "bg-white dark:bg-gray-dark-950",
         "data-[composite]:w-full",
         "max-h-[min(85vh,850px)]",
+        "[[data-sidebar]_&]:m-[unset] [[data-sidebar]_&]:mt-auto",
+        "[[data-sidebar]_&]:h-full [[data-sidebar]_&]:w-full",
+        "[[data-sidebar]_&]:max-h-[unset]",
         e
       ),
       ...x

package/dist/components/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./embedded-chat.cjs"),r=require("./embedded-search.cjs"),t=require("./modal.cjs"),o=require("./chat-button.cjs"),d=require("./searchbar.cjs"),a=require("./intelligent-form.cjs"),n=require("./shadow.cjs"),i=require("./loading-indicator.cjs");exports.EmbeddedChat=e;exports.EmbeddedSearch=r;exports.Modal=t;exports.ChatButton=o;exports.SearchBar=d;exports.IntelligentForm=a;exports.Shadow=n.Shadow;exports.LoadingIndicator=i.LoadingIndicator;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./embedded-chat.cjs"),r=require("./sidebar-chat.cjs"),t=require("./embedded-search.cjs"),o=require("./modal.cjs"),a=require("./chat-button.cjs"),d=require("./searchbar.cjs"),i=require("./intelligent-form.cjs"),n=require("./shadow.cjs"),c=require("./loading-indicator.cjs");exports.EmbeddedChat=e;exports.SidebarChat=r;exports.EmbeddedSearch=t;exports.Modal=o;exports.ChatButton=a;exports.SearchBar=d;exports.IntelligentForm=i;exports.Shadow=n.Shadow;exports.LoadingIndicator=c.LoadingIndicator;

package/dist/components/index.js

@@ -1,18 +1,20 @@
-import * as o from "./embedded-chat.js";
-import * as r from "./embedded-search.js";
-import * as a from "./modal.js";
-import * as t from "./chat-button.js";
-import * as e from "./searchbar.js";
-import * as m from "./intelligent-form.js";
-import { Shadow as s } from "./shadow.js";
-import { LoadingIndicator as h } from "./loading-indicator.js";
+import * as r from "./embedded-chat.js";
+import * as o from "./sidebar-chat.js";
+import * as a from "./embedded-search.js";
+import * as t from "./modal.js";
+import * as e from "./chat-button.js";
+import * as m from "./searchbar.js";
+import * as d from "./intelligent-form.js";
+import { Shadow as i } from "./shadow.js";
+import { LoadingIndicator as f } from "./loading-indicator.js";
 export {
-  t as ChatButton,
-  o as EmbeddedChat,
-  r as EmbeddedSearch,
-  m as IntelligentForm,
-  h as LoadingIndicator,
-  a as Modal,
-  e as SearchBar,
-  s as Shadow
+  e as ChatButton,
+  r as EmbeddedChat,
+  a as EmbeddedSearch,
+  d as IntelligentForm,
+  f as LoadingIndicator,
+  t as Modal,
+  m as SearchBar,
+  i as Shadow,
+  o as SidebarChat
 };

package/dist/components/sidebar-chat.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@inkeep/cxkit-primitives"),o=require("../utils.cjs"),r=({className:t,...a})=>e.jsx(i.SidebarChatPrimitive.Root,{...a,className:o.cn("w-[--width] h-full relative dark:bg-gray-dark-950","data-[position=left]:pr-1 data-[position=left]:border-r data-[position=left]:mr-1","data-[position=right]:pl-1 data-[position=right]:border-l data-[position=right]:ml-1","data-[state=open]:data-[position=left]:animate-sidebar-in-left","data-[state=open]:data-[position=right]:animate-sidebar-in-right","data-[state=closed]:data-[position=left]:animate-sidebar-out-left","data-[state=closed]:data-[position=right]:animate-sidebar-out-right",t)}),s=({className:t,...a})=>e.jsx(i.SidebarChatPrimitive.Resizer,{className:o.cn("px-1 bg-transparent opacity-0 hover:opacity-100","cursor-ew-resize","absolute top-0 bottom-0 z-[1]",'[[data-position="left"]>&]:-right-1','[[data-position="right"]>&]:-left-1','after:content-[""] after:absolute after:top-0 after:bottom-0 after:w-0.5 after:bg-inkeep-primary-medium dark:after:bg-inkeep-primary-light [[data-position="right"]>&]:after:right-1 [[data-position="left"]>&]:after:left-1',"data-[state=closed]:opacity-0 data-[state=closed]:pointer-events-none","data-[state=open]:pointer-events-auto","transition-opacity duration-200",t),...a});exports.Resizer=s;exports.Root=r;

package/dist/components/sidebar-chat.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { SidebarChatPrimitive as i } from "@inkeep/cxkit-primitives";
+import { cn as o } from "../utils.js";
+const d = ({
+  className: t,
+  ...a
+}) => /* @__PURE__ */ e(
+  i.Root,
+  {
+    ...a,
+    className: o(
+      "w-[--width] h-full relative dark:bg-gray-dark-950",
+      // For resizer
+      "data-[position=left]:pr-1 data-[position=left]:border-r data-[position=left]:mr-1",
+      "data-[position=right]:pl-1 data-[position=right]:border-l data-[position=right]:ml-1",
+      // Presence-based animations using data-state from the Presence component
+      "data-[state=open]:data-[position=left]:animate-sidebar-in-left",
+      "data-[state=open]:data-[position=right]:animate-sidebar-in-right",
+      "data-[state=closed]:data-[position=left]:animate-sidebar-out-left",
+      "data-[state=closed]:data-[position=right]:animate-sidebar-out-right",
+      t
+    )
+  }
+), p = ({
+  className: t,
+  ...a
+}) => /* @__PURE__ */ e(
+  i.Resizer,
+  {
+    className: o(
+      "px-1 bg-transparent opacity-0 hover:opacity-100",
+      "cursor-ew-resize",
+      "absolute top-0 bottom-0 z-[1]",
+      '[[data-position="left"]>&]:-right-1',
+      '[[data-position="right"]>&]:-left-1',
+      'after:content-[""] after:absolute after:top-0 after:bottom-0 after:w-0.5 after:bg-inkeep-primary-medium dark:after:bg-inkeep-primary-light [[data-position="right"]>&]:after:right-1 [[data-position="left"]>&]:after:left-1',
+      // Hide resizer when sidebar is closed using presence states
+      "data-[state=closed]:opacity-0 data-[state=closed]:pointer-events-none",
+      "data-[state=open]:pointer-events-auto",
+      "transition-opacity duration-200",
+      t
+    ),
+    ...a
+  }
+);
+export {
+  p as Resizer,
+  d as Root
+};

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./components/embedded-chat.cjs"),o=require("./components/embedded-search.cjs"),i=require("./components/modal.cjs"),d=require("./components/chat-button.cjs"),a=require("./components/searchbar.cjs"),n=require("./components/intelligent-form.cjs"),c=require("./components/shadow.cjs"),u=require("./components/loading-indicator.cjs"),g=require("./ui/recipes/widget-toggle.cjs"),t=require("@inkeep/cxkit-primitives");exports.EmbeddedChat=r;exports.EmbeddedSearch=o;exports.Modal=i;exports.ChatButton=d;exports.SearchBar=a;exports.IntelligentForm=n;exports.Shadow=c.Shadow;exports.LoadingIndicator=u.LoadingIndicator;exports.widgetToggle=g.widgetToggle;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 r=require("./components/embedded-chat.cjs"),o=require("./components/sidebar-chat.cjs"),i=require("./components/embedded-search.cjs"),a=require("./components/modal.cjs"),d=require("./components/chat-button.cjs"),n=require("./components/searchbar.cjs"),c=require("./components/intelligent-form.cjs"),s=require("./components/shadow.cjs"),u=require("./components/loading-indicator.cjs"),g=require("./ui/recipes/widget-toggle.cjs"),t=require("@inkeep/cxkit-primitives");exports.EmbeddedChat=r;exports.SidebarChat=o;exports.EmbeddedSearch=i;exports.Modal=a;exports.ChatButton=d;exports.SearchBar=n;exports.IntelligentForm=c;exports.Shadow=s.Shadow;exports.LoadingIndicator=u.LoadingIndicator;exports.widgetToggle=g.widgetToggle;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.d.cts

@@ -24,6 +24,7 @@ import { SearchBarPrimitive } from '@inkeep/cxkit-primitives';
 import { SelectItemTextProps } from '@radix-ui/react-select';
 import { SelectProps } from '@radix-ui/react-select';
 import { SelectValueProps } from '@radix-ui/react-select';
+import { SidebarChatPrimitive } from '@inkeep/cxkit-primitives';
 import { TextareaAutosizeProps } from 'react-textarea-autosize';
 import { TextareaHTMLAttributes } from 'react';
 import { TooltipArrowProps } from '@radix-ui/react-tooltip';
@@ -977,6 +978,17 @@ export declare const Shadow: (props: ShadowProps) => JSX.Element;
 
 export declare type ShadowProps = React.ComponentPropsWithRef<typeof InkeepShadow>;
 
+export declare namespace SidebarChat {
+    export {
+        SidebarChatRoot as Root,
+        SidebarChatResizer as Resizer
+    }
+}
+
+declare const SidebarChatResizer: ({ className, ...props }: React.ComponentPropsWithRef<typeof SidebarChatPrimitive.Resizer>) => JSX.Element;
+
+declare const SidebarChatRoot: ({ className, ...props }: React.ComponentPropsWithRef<typeof SidebarChatPrimitive.Root>) => JSX.Element;
+
 export declare const widgetToggle: (props?: ({
     slot?: "root" | "icon" | "button" | null | undefined;
 } & ClassProp) | undefined) => string;

package/dist/index.d.ts

@@ -24,6 +24,7 @@ import { SearchBarPrimitive } from '@inkeep/cxkit-primitives';
 import { SelectItemTextProps } from '@radix-ui/react-select';
 import { SelectProps } from '@radix-ui/react-select';
 import { SelectValueProps } from '@radix-ui/react-select';
+import { SidebarChatPrimitive } from '@inkeep/cxkit-primitives';
 import { TextareaAutosizeProps } from 'react-textarea-autosize';
 import { TextareaHTMLAttributes } from 'react';
 import { TooltipArrowProps } from '@radix-ui/react-tooltip';
@@ -977,6 +978,17 @@ export declare const Shadow: (props: ShadowProps) => JSX.Element;
 
 export declare type ShadowProps = React.ComponentPropsWithRef<typeof InkeepShadow>;
 
+export declare namespace SidebarChat {
+    export {
+        SidebarChatRoot as Root,
+        SidebarChatResizer as Resizer
+    }
+}
+
+declare const SidebarChatResizer: ({ className, ...props }: React.ComponentPropsWithRef<typeof SidebarChatPrimitive.Resizer>) => JSX.Element;
+
+declare const SidebarChatRoot: ({ className, ...props }: React.ComponentPropsWithRef<typeof SidebarChatPrimitive.Root>) => JSX.Element;
+
 export declare const widgetToggle: (props?: ({
     slot?: "root" | "icon" | "button" | null | undefined;
 } & ClassProp) | undefined) => string;

package/dist/index.js

@@ -1,21 +1,23 @@
-import * as o from "./components/embedded-chat.js";
-import * as r from "./components/embedded-search.js";
-import * as e from "./components/modal.js";
-import * as t from "./components/chat-button.js";
-import * as a from "./components/searchbar.js";
-import * as m from "./components/intelligent-form.js";
-import { Shadow as s } from "./components/shadow.js";
-import { LoadingIndicator as f } from "./components/loading-indicator.js";
-import { widgetToggle as h } from "./ui/recipes/widget-toggle.js";
+import * as r from "./components/embedded-chat.js";
+import * as o from "./components/sidebar-chat.js";
+import * as t from "./components/embedded-search.js";
+import * as a from "./components/modal.js";
+import * as e from "./components/chat-button.js";
+import * as m from "./components/searchbar.js";
+import * as d from "./components/intelligent-form.js";
+import { Shadow as i } from "./components/shadow.js";
+import { LoadingIndicator as h } from "./components/loading-indicator.js";
+import { widgetToggle as n } from "./ui/recipes/widget-toggle.js";
 export * from "@inkeep/cxkit-primitives";
 export {
-  t as ChatButton,
-  o as EmbeddedChat,
-  r as EmbeddedSearch,
-  m as IntelligentForm,
-  f as LoadingIndicator,
-  e as Modal,
-  a as SearchBar,
-  s as Shadow,
-  h as widgetToggle
+  e as ChatButton,
+  r as EmbeddedChat,
+  t as EmbeddedSearch,
+  d as IntelligentForm,
+  h as LoadingIndicator,
+  a as Modal,
+  m as SearchBar,
+  i as Shadow,
+  o as SidebarChat,
+  n as widgetToggle
 };

package/dist/inkeep.css.cjs

@@ -550,6 +550,9 @@ video {
 .inset-\\[unset\\] {
   inset: unset;
 }
+.bottom-0 {
+  bottom: 0px;
+}
 .bottom-6 {
   bottom: 1.5rem;
 }
@@ -592,6 +595,9 @@ video {
 .z-10 {
   z-index: 10;
 }
+.z-\\[1\\] {
+  z-index: 1;
+}
 .z-base {
   z-index: var(--ikp-z-index-base);
 }
@@ -905,6 +911,9 @@ video {
 .w-8 {
   width: 2rem;
 }
+.w-\\[--width\\] {
+  width: var(--width);
+}
 .w-\\[18px\\] {
   width: 18px;
 }
@@ -1105,6 +1114,9 @@ video {
 .cursor-default {
   cursor: default;
 }
+.cursor-ew-resize {
+  cursor: ew-resize;
+}
 .cursor-pointer {
   cursor: pointer;
 }
@@ -2170,6 +2182,11 @@ img[data-part='icon'][data-type='custom'] {
   left: 1px;
 }
 
+.after\\:top-0::after {
+  content: var(--tw-content);
+  top: 0px;
+}
+
 .after\\:top-\\[1px\\]::after {
   content: var(--tw-content);
   top: 1px;
@@ -2185,6 +2202,11 @@ img[data-part='icon'][data-type='custom'] {
   height: calc(100% - 2px);
 }
 
+.after\\:w-0\\.5::after {
+  content: var(--tw-content);
+  width: 0.125rem;
+}
+
 .after\\:w-\\[calc\\(100\\%-2px\\)\\]::after {
   content: var(--tw-content);
   width: calc(100% - 2px);
@@ -2195,6 +2217,11 @@ img[data-part='icon'][data-type='custom'] {
   border-radius: 5px;
 }
 
+.after\\:bg-inkeep-primary-medium::after {
+  content: var(--tw-content);
+  background-color: var(--ikp-color-inkeep-primary-medium);
+}
+
 .after\\:bg-white::after {
   content: var(--tw-content);
   --tw-bg-opacity: 1;
@@ -2206,6 +2233,11 @@ img[data-part='icon'][data-type='custom'] {
   background-image: linear-gradient(transparent, white);
 }
 
+.after\\:content-\\[\\"\\"\\]::after {
+  --tw-content: "";
+  content: var(--tw-content);
+}
+
 .first\\:w-full:first-child {
   width: 100%;
 }
@@ -2328,6 +2360,14 @@ img[data-part='icon'][data-type='custom'] {
   pointer-events: none;
 }
 
+.data-\\[state\\=closed\\]\\:pointer-events-none[data-state="closed"] {
+  pointer-events: none;
+}
+
+.data-\\[state\\=open\\]\\:pointer-events-auto[data-state="open"] {
+  pointer-events: auto;
+}
+
 .data-\\[mobile\\]\\:inset-0[data-mobile] {
   inset: 0px;
 }
@@ -2340,6 +2380,14 @@ img[data-part='icon'][data-type='custom'] {
   margin-right: 1rem;
 }
 
+.data-\\[position\\=left\\]\\:mr-1[data-position="left"] {
+  margin-right: 0.25rem;
+}
+
+.data-\\[position\\=right\\]\\:ml-1[data-position="right"] {
+  margin-left: 0.25rem;
+}
+
 .data-\\[role\\=user\\]\\:ml-0[data-role="user"] {
   margin-left: 0px;
 }
@@ -2431,6 +2479,36 @@ img[data-part='icon'][data-type='custom'] {
   animation: fade-out 0.2s ease-out;
 }
 
+@keyframes slide-out-left {
+
+  0% {
+    transform: translateX(0%);
+  }
+
+  100% {
+    transform: translateX(-100%);
+  }
+}
+
+.data-\\[state\\=closed\\]\\:data-\\[position\\=left\\]\\:animate-sidebar-out-left[data-position="left"][data-state="closed"] {
+  animation: slide-out-left 200ms cubic-bezier(0.3, 0.0, 0.8, 0.15);
+}
+
+@keyframes slide-out-right {
+
+  0% {
+    transform: translateX(0%);
+  }
+
+  100% {
+    transform: translateX(100%);
+  }
+}
+
+.data-\\[state\\=closed\\]\\:data-\\[position\\=right\\]\\:animate-sidebar-out-right[data-position="right"][data-state="closed"] {
+  animation: slide-out-right 200ms cubic-bezier(0.3, 0.0, 0.8, 0.15);
+}
+
 @keyframes fade-in {
 
   0% {
@@ -2461,6 +2539,36 @@ img[data-part='icon'][data-type='custom'] {
   animation: fade-in 0.25s ease-out;
 }
 
+@keyframes slide-in-left {
+
+  0% {
+    transform: translateX(-100%);
+  }
+
+  100% {
+    transform: translateX(0%);
+  }
+}
+
+.data-\\[state\\=open\\]\\:data-\\[position\\=left\\]\\:animate-sidebar-in-left[data-position="left"][data-state="open"] {
+  animation: slide-in-left 400ms cubic-bezier(0.05, 0.7, 0.1, 1.0);
+}
+
+@keyframes slide-in-right {
+
+  0% {
+    transform: translateX(100%);
+  }
+
+  100% {
+    transform: translateX(0%);
+  }
+}
+
+.data-\\[state\\=open\\]\\:data-\\[position\\=right\\]\\:animate-sidebar-in-right[data-position="right"][data-state="open"] {
+  animation: slide-in-right 400ms cubic-bezier(0.05, 0.7, 0.1, 1.0);
+}
+
 .data-\\[loading\\]\\:cursor-wait[data-loading] {
   cursor: wait;
 }
@@ -2493,6 +2601,14 @@ img[data-part='icon'][data-type='custom'] {
   border-radius: 0px;
 }
 
+.data-\\[position\\=left\\]\\:border-r[data-position="left"] {
+  border-right-width: 1px;
+}
+
+.data-\\[position\\=right\\]\\:border-l[data-position="right"] {
+  border-left-width: 1px;
+}
+
 .data-\\[invalid\\]\\:border-\\[--error-border-color\\][data-invalid] {
   border-color: var(--error-border-color);
 }
@@ -2530,6 +2646,14 @@ img[data-part='icon'][data-type='custom'] {
   padding-bottom: 0.5rem;
 }
 
+.data-\\[position\\=left\\]\\:pr-1[data-position="left"] {
+  padding-right: 0.25rem;
+}
+
+.data-\\[position\\=right\\]\\:pl-1[data-position="right"] {
+  padding-left: 0.25rem;
+}
+
 .data-\\[is-numeric\\=true\\]\\:text-end[data-is-numeric="true"] {
   text-align: end;
 }
@@ -2597,6 +2721,10 @@ img[data-part='icon'][data-type='custom'] {
   opacity: 0.5;
 }
 
+.data-\\[state\\=closed\\]\\:opacity-0[data-state="closed"] {
+  opacity: 0;
+}
+
 .data-\\[active\\]\\:shadow[data-active] {
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -2833,6 +2961,10 @@ img[data-part='icon'][data-type='custom'] {
   text-decoration-line: underline;
 }
 
+.hover\\:opacity-100:hover:not(:disabled) {
+  opacity: 1;
+}
+
 .hover\\:disabled\\:bg-gray-100:disabled:hover:not(:disabled) {
   background-color: var(--ikp-color-gray-100);
 }
@@ -3205,6 +3337,11 @@ img[data-part='icon'][data-type='custom'] {
   background-color: var(--ikp-color-gray-dark-950);
 }
 
+.dark\\:after\\:bg-inkeep-primary-light:is([data-theme="dark"] *)::after {
+  content: var(--tw-content);
+  background-color: var(--ikp-color-inkeep-primary-light);
+}
+
 .dark\\:after\\:bg-\\[linear-gradient\\(transparent\\2c _var\\(--ikp-color-gray-dark-950\\)\\)\\]:is([data-theme="dark"] *)::after {
   content: var(--tw-content);
   background-image: linear-gradient(transparent, var(--ikp-color-gray-dark-950));
@@ -3704,10 +3841,48 @@ img[data-part='icon'][data-type='custom'] {
   padding-bottom: 0px;
 }
 
+[data-position="left"]>.\\[\\[data-position\\=\\"left\\"\\]\\>\\&\\]\\:-right-1 {
+  right: -0.25rem;
+}
+
+[data-position="left"]>.\\[\\[data-position\\=\\"left\\"\\]\\>\\&\\]\\:after\\:left-1::after {
+  content: var(--tw-content);
+  left: 0.25rem;
+}
+
+[data-position="right"]>.\\[\\[data-position\\=\\"right\\"\\]\\>\\&\\]\\:-left-1 {
+  left: -0.25rem;
+}
+
+[data-position="right"]>.\\[\\[data-position\\=\\"right\\"\\]\\>\\&\\]\\:after\\:right-1::after {
+  content: var(--tw-content);
+  right: 0.25rem;
+}
+
 [data-show-ask-ai-card] .\\[\\[data-show-ask-ai-card\\]_\\&\\]\\:\\[--ask-ai-trigger-height\\:theme\\(spacing\\.11\\)\\] {
   --ask-ai-trigger-height: 2.75rem;
 }
 
+[data-sidebar] .\\[\\[data-sidebar\\]_\\&\\]\\:m-\\[unset\\] {
+  margin: unset;
+}
+
+[data-sidebar] .\\[\\[data-sidebar\\]_\\&\\]\\:mt-auto {
+  margin-top: auto;
+}
+
+[data-sidebar] .\\[\\[data-sidebar\\]_\\&\\]\\:h-full {
+  height: 100%;
+}
+
+[data-sidebar] .\\[\\[data-sidebar\\]_\\&\\]\\:max-h-\\[unset\\] {
+  max-height: unset;
+}
+
+[data-sidebar] .\\[\\[data-sidebar\\]_\\&\\]\\:w-full {
+  width: 100%;
+}
+
 [data-view=dual-pane] .\\[\\[data-view\\=dual-pane\\]_\\&\\]\\:block {
   display: block;
 }

package/dist/inkeep.css.js

@@ -551,6 +551,9 @@ video {
 .inset-\\[unset\\] {
   inset: unset;
 }
+.bottom-0 {
+  bottom: 0px;
+}
 .bottom-6 {
   bottom: 1.5rem;
 }
@@ -593,6 +596,9 @@ video {
 .z-10 {
   z-index: 10;
 }
+.z-\\[1\\] {
+  z-index: 1;
+}
 .z-base {
   z-index: var(--ikp-z-index-base);
 }
@@ -906,6 +912,9 @@ video {
 .w-8 {
   width: 2rem;
 }
+.w-\\[--width\\] {
+  width: var(--width);
+}
 .w-\\[18px\\] {
   width: 18px;
 }
@@ -1106,6 +1115,9 @@ video {
 .cursor-default {
   cursor: default;
 }
+.cursor-ew-resize {
+  cursor: ew-resize;
+}
 .cursor-pointer {
   cursor: pointer;
 }
@@ -2171,6 +2183,11 @@ img[data-part='icon'][data-type='custom'] {
   left: 1px;
 }
 
+.after\\:top-0::after {
+  content: var(--tw-content);
+  top: 0px;
+}
+
 .after\\:top-\\[1px\\]::after {
   content: var(--tw-content);
   top: 1px;
@@ -2186,6 +2203,11 @@ img[data-part='icon'][data-type='custom'] {
   height: calc(100% - 2px);
 }
 
+.after\\:w-0\\.5::after {
+  content: var(--tw-content);
+  width: 0.125rem;
+}
+
 .after\\:w-\\[calc\\(100\\%-2px\\)\\]::after {
   content: var(--tw-content);
   width: calc(100% - 2px);
@@ -2196,6 +2218,11 @@ img[data-part='icon'][data-type='custom'] {
   border-radius: 5px;
 }
 
+.after\\:bg-inkeep-primary-medium::after {
+  content: var(--tw-content);
+  background-color: var(--ikp-color-inkeep-primary-medium);
+}
+
 .after\\:bg-white::after {
   content: var(--tw-content);
   --tw-bg-opacity: 1;
@@ -2207,6 +2234,11 @@ img[data-part='icon'][data-type='custom'] {
   background-image: linear-gradient(transparent, white);
 }
 
+.after\\:content-\\[\\"\\"\\]::after {
+  --tw-content: "";
+  content: var(--tw-content);
+}
+
 .first\\:w-full:first-child {
   width: 100%;
 }
@@ -2329,6 +2361,14 @@ img[data-part='icon'][data-type='custom'] {
   pointer-events: none;
 }
 
+.data-\\[state\\=closed\\]\\:pointer-events-none[data-state="closed"] {
+  pointer-events: none;
+}
+
+.data-\\[state\\=open\\]\\:pointer-events-auto[data-state="open"] {
+  pointer-events: auto;
+}
+
 .data-\\[mobile\\]\\:inset-0[data-mobile] {
   inset: 0px;
 }
@@ -2341,6 +2381,14 @@ img[data-part='icon'][data-type='custom'] {
   margin-right: 1rem;
 }
 
+.data-\\[position\\=left\\]\\:mr-1[data-position="left"] {
+  margin-right: 0.25rem;
+}
+
+.data-\\[position\\=right\\]\\:ml-1[data-position="right"] {
+  margin-left: 0.25rem;
+}
+
 .data-\\[role\\=user\\]\\:ml-0[data-role="user"] {
   margin-left: 0px;
 }
@@ -2432,6 +2480,36 @@ img[data-part='icon'][data-type='custom'] {
   animation: fade-out 0.2s ease-out;
 }
 
+@keyframes slide-out-left {
+
+  0% {
+    transform: translateX(0%);
+  }
+
+  100% {
+    transform: translateX(-100%);
+  }
+}
+
+.data-\\[state\\=closed\\]\\:data-\\[position\\=left\\]\\:animate-sidebar-out-left[data-position="left"][data-state="closed"] {
+  animation: slide-out-left 200ms cubic-bezier(0.3, 0.0, 0.8, 0.15);
+}
+
+@keyframes slide-out-right {
+
+  0% {
+    transform: translateX(0%);
+  }
+
+  100% {
+    transform: translateX(100%);
+  }
+}
+
+.data-\\[state\\=closed\\]\\:data-\\[position\\=right\\]\\:animate-sidebar-out-right[data-position="right"][data-state="closed"] {
+  animation: slide-out-right 200ms cubic-bezier(0.3, 0.0, 0.8, 0.15);
+}
+
 @keyframes fade-in {
 
   0% {
@@ -2462,6 +2540,36 @@ img[data-part='icon'][data-type='custom'] {
   animation: fade-in 0.25s ease-out;
 }
 
+@keyframes slide-in-left {
+
+  0% {
+    transform: translateX(-100%);
+  }
+
+  100% {
+    transform: translateX(0%);
+  }
+}
+
+.data-\\[state\\=open\\]\\:data-\\[position\\=left\\]\\:animate-sidebar-in-left[data-position="left"][data-state="open"] {
+  animation: slide-in-left 400ms cubic-bezier(0.05, 0.7, 0.1, 1.0);
+}
+
+@keyframes slide-in-right {
+
+  0% {
+    transform: translateX(100%);
+  }
+
+  100% {
+    transform: translateX(0%);
+  }
+}
+
+.data-\\[state\\=open\\]\\:data-\\[position\\=right\\]\\:animate-sidebar-in-right[data-position="right"][data-state="open"] {
+  animation: slide-in-right 400ms cubic-bezier(0.05, 0.7, 0.1, 1.0);
+}
+
 .data-\\[loading\\]\\:cursor-wait[data-loading] {
   cursor: wait;
 }
@@ -2494,6 +2602,14 @@ img[data-part='icon'][data-type='custom'] {
   border-radius: 0px;
 }
 
+.data-\\[position\\=left\\]\\:border-r[data-position="left"] {
+  border-right-width: 1px;
+}
+
+.data-\\[position\\=right\\]\\:border-l[data-position="right"] {
+  border-left-width: 1px;
+}
+
 .data-\\[invalid\\]\\:border-\\[--error-border-color\\][data-invalid] {
   border-color: var(--error-border-color);
 }
@@ -2531,6 +2647,14 @@ img[data-part='icon'][data-type='custom'] {
   padding-bottom: 0.5rem;
 }
 
+.data-\\[position\\=left\\]\\:pr-1[data-position="left"] {
+  padding-right: 0.25rem;
+}
+
+.data-\\[position\\=right\\]\\:pl-1[data-position="right"] {
+  padding-left: 0.25rem;
+}
+
 .data-\\[is-numeric\\=true\\]\\:text-end[data-is-numeric="true"] {
   text-align: end;
 }
@@ -2598,6 +2722,10 @@ img[data-part='icon'][data-type='custom'] {
   opacity: 0.5;
 }
 
+.data-\\[state\\=closed\\]\\:opacity-0[data-state="closed"] {
+  opacity: 0;
+}
+
 .data-\\[active\\]\\:shadow[data-active] {
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -2834,6 +2962,10 @@ img[data-part='icon'][data-type='custom'] {
   text-decoration-line: underline;
 }
 
+.hover\\:opacity-100:hover:not(:disabled) {
+  opacity: 1;
+}
+
 .hover\\:disabled\\:bg-gray-100:disabled:hover:not(:disabled) {
   background-color: var(--ikp-color-gray-100);
 }
@@ -3206,6 +3338,11 @@ img[data-part='icon'][data-type='custom'] {
   background-color: var(--ikp-color-gray-dark-950);
 }
 
+.dark\\:after\\:bg-inkeep-primary-light:is([data-theme="dark"] *)::after {
+  content: var(--tw-content);
+  background-color: var(--ikp-color-inkeep-primary-light);
+}
+
 .dark\\:after\\:bg-\\[linear-gradient\\(transparent\\2c _var\\(--ikp-color-gray-dark-950\\)\\)\\]:is([data-theme="dark"] *)::after {
   content: var(--tw-content);
   background-image: linear-gradient(transparent, var(--ikp-color-gray-dark-950));
@@ -3705,10 +3842,48 @@ img[data-part='icon'][data-type='custom'] {
   padding-bottom: 0px;
 }
 
+[data-position="left"]>.\\[\\[data-position\\=\\"left\\"\\]\\>\\&\\]\\:-right-1 {
+  right: -0.25rem;
+}
+
+[data-position="left"]>.\\[\\[data-position\\=\\"left\\"\\]\\>\\&\\]\\:after\\:left-1::after {
+  content: var(--tw-content);
+  left: 0.25rem;
+}
+
+[data-position="right"]>.\\[\\[data-position\\=\\"right\\"\\]\\>\\&\\]\\:-left-1 {
+  left: -0.25rem;
+}
+
+[data-position="right"]>.\\[\\[data-position\\=\\"right\\"\\]\\>\\&\\]\\:after\\:right-1::after {
+  content: var(--tw-content);
+  right: 0.25rem;
+}
+
 [data-show-ask-ai-card] .\\[\\[data-show-ask-ai-card\\]_\\&\\]\\:\\[--ask-ai-trigger-height\\:theme\\(spacing\\.11\\)\\] {
   --ask-ai-trigger-height: 2.75rem;
 }
 
+[data-sidebar] .\\[\\[data-sidebar\\]_\\&\\]\\:m-\\[unset\\] {
+  margin: unset;
+}
+
+[data-sidebar] .\\[\\[data-sidebar\\]_\\&\\]\\:mt-auto {
+  margin-top: auto;
+}
+
+[data-sidebar] .\\[\\[data-sidebar\\]_\\&\\]\\:h-full {
+  height: 100%;
+}
+
+[data-sidebar] .\\[\\[data-sidebar\\]_\\&\\]\\:max-h-\\[unset\\] {
+  max-height: unset;
+}
+
+[data-sidebar] .\\[\\[data-sidebar\\]_\\&\\]\\:w-full {
+  width: 100%;
+}
+
 [data-view=dual-pane] .\\[\\[data-view\\=dual-pane\\]_\\&\\]\\:block {
   display: block;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-styled",
-  "version": "0.5.80",
+  "version": "0.5.81",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -39,7 +39,7 @@
     "clsx": "2.1.1",
     "merge-anything": "5.1.7",
     "tailwind-merge": "2.6.0",
-    "@inkeep/cxkit-primitives": "0.5.80"
+    "@inkeep/cxkit-primitives": "0.5.81"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
@@ -59,8 +59,8 @@
     "typescript": "5.7.3",
     "vite": "5.4.11",
     "vite-plugin-dts": "4.4.0",
-    "@inkeep/cxkit-theme": "0.5.80",
-    "@inkeep/cxkit-types": "0.5.80"
+    "@inkeep/cxkit-theme": "0.5.81",
+    "@inkeep/cxkit-types": "0.5.81"
   },
   "module": "dist/index.js",
   "types": "dist/index.d.ts",