@inkeep/agents-ui 0.14.28 → 0.15.0

package/dist/primitives/atoms/icons/built-in-icons.js

@@ -1,27 +1,27 @@
 "use client";
 import { GrBlog as e } from "./collections/gr.js";
-import { BiLogoTelegram as r, BiLogoDiscordAlt as a, BiLogoDiscourse as n } from "./collections/bi.js";
+import { BiLogoTelegram as r, BiLogoDiscordAlt as n, BiLogoDiscourse as a } from "./collections/bi.js";
 import { PiFilePdf as i, PiFilePdfFill as l, PiCaretUpDownFill as t } from "./collections/pi.js";
 import { FiEdit as u } from "./collections/fi.js";
-import { IoOpenOutline as h, IoMail as L, IoHomeOutline as s, IoCheckmarkDoneOutline as C, IoPencilOutline as c, IoPlayCircleOutline as m, IoTerminal as p, IoLogoGithub as o, IoLogoDiscord as I, IoChatbubblesOutline as F, IoDocumentTextOutline as k, IoPeopleOutline as D, IoHelpBuoyOutline as O, IoReaderOutline as g, IoBookOutline as d, IoCheckmarkOutline as f, IoCloseOutline as w, IoReturnDownForward as b, IoChevronForwardOutline as P, IoReturnDownBackOutline as S, IoCopy as B, IoCopyOutline as T, IoSearch as R, IoThumbsDownSharp as U, IoThumbsUpSharp as v, IoLinkOutline as y, IoInformationCircleOutline as G, IoSend as A, IoDocumentSharp as x, IoDocumentTextSharp as H, IoLogoSlack as M, IoLogoChrome as q, IoLogoStackoverflow as E } from "./collections/io5.js";
-import { Headset as j, Calendar as z, CornerDownRight as J, Sparkles as K, LoaderCircle as N, ChevronDown as Q, BookOpen as V, ArrowUpRight as W, User as X, Users as Y, ThumbsUp as Z, ThumbsDown as _, Repeat as $, Link as oo, Globe as eo, CornerDownLeft as ro, Check as ao, Copy as no, Command as io, CircleCheck as lo, ArrowLeft as to, Search as uo, Table as ho, BriefcaseBusiness as Lo, ChevronUp as so, ChevronRight as Co, SquarePen as co, Pencil as mo, Mail as po, Phone as Io, Database as Fo, BookText as ko } from "lucide-react";
+import { IoOpenOutline as L, IoMail as h, IoHomeOutline as s, IoCheckmarkDoneOutline as C, IoPencilOutline as c, IoPlayCircleOutline as m, IoTerminal as p, IoLogoGithub as o, IoLogoDiscord as I, IoChatbubblesOutline as F, IoDocumentTextOutline as k, IoPeopleOutline as D, IoHelpBuoyOutline as d, IoReaderOutline as O, IoBookOutline as g, IoCheckmarkOutline as f, IoCloseOutline as w, IoReturnDownForward as S, IoChevronForwardOutline as b, IoReturnDownBackOutline as P, IoCopy as B, IoCopyOutline as T, IoSearch as R, IoThumbsDownSharp as U, IoThumbsUpSharp as v, IoLinkOutline as y, IoInformationCircleOutline as G, IoSend as A, IoDocumentSharp as x, IoDocumentTextSharp as H, IoLogoSlack as M, IoLogoChrome as q, IoLogoStackoverflow as E } from "./collections/io5.js";
+import { Send as j, Headset as z, Calendar as J, CornerDownRight as K, Sparkles as N, LoaderCircle as Q, ChevronDown as V, BookOpen as W, ArrowUpRight as X, User as Y, Users as Z, ThumbsUp as _, ThumbsDown as $, Repeat as oo, Link as eo, Globe as ro, CornerDownLeft as no, Check as ao, Copy as io, Command as lo, CircleCheck as to, ArrowLeft as uo, Search as Lo, Table as ho, BriefcaseBusiness as so, ChevronUp as Co, ChevronRight as co, SquarePen as mo, Pencil as po, Mail as Io, Phone as Fo, Database as ko, BookText as Do } from "lucide-react";
 const Po = {
-  FaBook: ko,
+  FaBook: Do,
   FaGithub: o,
-  FaDatabase: Fo,
+  FaDatabase: ko,
   FaStackOverflow: E,
   FaChrome: q,
-  FaPhone: Io,
-  FaEnvelope: po,
-  FaPencil: mo,
+  FaPhone: Fo,
+  FaEnvelope: Io,
+  FaPencil: po,
   FaBlog: e,
   FaSort: t,
-  FaPenSquare: co,
-  FaChevronRight: Co,
-  FaChevronUp: so,
+  FaPenSquare: mo,
+  FaChevronRight: co,
+  FaChevronUp: Co,
   FaFilePdf: l,
-  FaDiscourse: n,
-  FaDiscord: a,
+  FaDiscourse: a,
+  FaDiscord: n,
   FaSlack: M,
   IoDocumentTextSharp: H,
   IoDocumentSharp: x,
@@ -33,14 +33,14 @@ const Po = {
   IoSearch: R,
   IoCopyOutline: T,
   IoCopy: B,
-  IoReturnDownBackOutline: S,
-  IoChevronForwardOutline: P,
-  IoReturnDownForward: b,
+  IoReturnDownBackOutline: P,
+  IoChevronForwardOutline: b,
+  IoReturnDownForward: S,
   IoCloseOutline: w,
   IoCheckmarkOutline: f,
-  IoBookOutline: d,
-  IoReaderOutline: g,
-  IoHelpBuoyOutline: O,
+  IoBookOutline: g,
+  IoReaderOutline: O,
+  IoHelpBuoyOutline: d,
   IoPeopleOutline: D,
   IoDocumentTextOutline: k,
   IoChatbubblesOutline: F,
@@ -48,38 +48,39 @@ const Po = {
   IoLogoDiscord: I,
   IoLogoGithub: o,
   IoTerminal: p,
-  FaBriefcase: Lo,
+  FaBriefcase: so,
   IoPlayCircleOutline: m,
   IoPencilOutline: c,
   IoCheckmarkDoneOutline: C,
   IoHomeOutline: s,
-  IoMail: L,
-  IoOpenOutline: h,
+  IoMail: h,
+  IoOpenOutline: L,
   FaTelegram: r,
   FaTable: ho,
-  FaMagnifyingGlass: uo,
-  LuArrowLeft: to,
-  LuCircleCheck: lo,
-  LuCommand: io,
-  LuCopy: no,
+  FaMagnifyingGlass: Lo,
+  LuArrowLeft: uo,
+  LuCircleCheck: to,
+  LuCommand: lo,
+  LuCopy: io,
   LuCheck: ao,
-  LuCornerDownLeft: ro,
-  LuGlobe: eo,
-  LuLink: oo,
-  LuRepeat: $,
-  LuThumbsDown: _,
-  LuThumbsUp: Z,
-  LuUsers: Y,
-  LuUser: X,
-  LuArrowUpRight: W,
-  LuBookOpen: V,
-  LuChevronDown: Q,
-  LuLoaderCircle: N,
+  LuCornerDownLeft: no,
+  LuGlobe: ro,
+  LuLink: eo,
+  LuRepeat: oo,
+  LuThumbsDown: $,
+  LuThumbsUp: _,
+  LuUsers: Z,
+  LuUser: Y,
+  LuArrowUpRight: X,
+  LuBookOpen: W,
+  LuChevronDown: V,
+  LuLoaderCircle: Q,
   FiEdit: u,
-  LuSparkles: K,
-  LuCornerDownRight: J,
-  LuCalendar: z,
-  LuHeadset: j
+  LuSparkles: N,
+  LuCornerDownRight: K,
+  LuCalendar: J,
+  LuHeadset: z,
+  LuSend: j
 };
 export {
   Po as iconMap

package/dist/primitives/atoms/icons/checkbox-icon.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");function o(){return e.jsxs("svg",{viewBox:"0 0 12 10",style:{width:"1.2em",fill:"none",strokeWidth:2,stroke:"currentColor",strokeDasharray:16},children:[e.jsx("title",{children:"Checkbox Icon"}),e.jsx("polyline",{points:"1.5 6 4.5 9 10.5 1"})]})}exports.CheckboxIcon=o;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");function o(){return e.jsxs("svg",{viewBox:"0 0 12 10",style:{width:"1.2em",fill:"none",strokeWidth:1.5,stroke:"currentColor",strokeDasharray:16},children:[e.jsx("title",{children:"Checkbox Icon"}),e.jsx("polyline",{points:"1.5 6 4.5 9 10.5 1"})]})}exports.CheckboxIcon=o;

package/dist/primitives/atoms/icons/checkbox-icon.js

@@ -8,7 +8,7 @@ function t() {
       style: {
         width: "1.2em",
         fill: "none",
-        strokeWidth: 2,
+        strokeWidth: 1.5,
         stroke: "currentColor",
         strokeDasharray: 16
       },

package/dist/primitives/atoms/icons/inkeep-default-icons.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={search:"IoSearch",thumbsUp:"LuThumbsUp",thumbsDown:"LuThumbsDown",messageCopy:"LuCopy",messageCopied:"LuCheck",messageRevise:"FiEdit",codeCopy:"LuCopy",codeCopied:"LuCheck",openLinkInNewTab:"LuArrowUpRight",openLinkInSameTab:"LuCornerDownLeft",newLine:"LuCornerDownRight",breadcrumbSeparator:"FaChevronRight",switchToSearch:"IoSearch",switchToChat:"LuSparkles",chatSubmit:"IoSend",close:"IoCloseOutline",info:"IoInformationCircleOutline",command:"LuCommand"};exports.defaultBuiltInIcons=e;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={search:"IoSearch",thumbsUp:"LuThumbsUp",thumbsDown:"LuThumbsDown",messageCopy:"LuCopy",messageCopied:"LuCheck",messageRevise:"FiEdit",codeCopy:"LuCopy",codeCopied:"LuCheck",openLinkInNewTab:"LuArrowUpRight",openLinkInSameTab:"LuCornerDownLeft",newLine:"LuCornerDownRight",breadcrumbSeparator:"FaChevronRight",switchToSearch:"IoSearch",switchToChat:"LuSparkles",chatSubmit:"LuSend",close:"IoCloseOutline",info:"IoInformationCircleOutline",command:"LuCommand",chatButtonClose:"LuChevronDown"};exports.defaultBuiltInIcons=e;

package/dist/primitives/atoms/icons/inkeep-default-icons.js

@@ -14,10 +14,11 @@ const e = {
   breadcrumbSeparator: "FaChevronRight",
   switchToSearch: "IoSearch",
   switchToChat: "LuSparkles",
-  chatSubmit: "IoSend",
+  chatSubmit: "LuSend",
   close: "IoCloseOutline",
   info: "IoInformationCircleOutline",
-  command: "LuCommand"
+  command: "LuCommand",
+  chatButtonClose: "LuChevronDown"
 };
 export {
   e as defaultBuiltInIcons

package/dist/primitives/components/chat-bubble/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),u=require("react"),c=require("../factory.cjs"),s=require("../../providers/chat-bubble-provider.cjs"),b=require("../presence.cjs"),l=require("../../utils/misc.cjs"),d=require("../../atoms/icons/built-in-icon-renderer.cjs"),B=c.ikp(b.Presence,{_id:"chatBubble__Root"}),a=u.forwardRef((e,t)=>{const{openSettings:o,...i}=e,n=s.useInkeepChatBubble(o);return r.jsx(s.ChatBubbleProvider,{value:n,children:r.jsx(B,{ref:t,present:n.isOpen,"data-open":l.dataAttr(n.isOpen),"data-chat-bubble":"",...i})})}),h=c.ikp("div",{_id:"chatBubble__Header"}),C=u.forwardRef((e,t)=>r.jsx(h,{ref:t,...e})),p=c.ikp("button",{_id:"chatBubble__CloseButton",children:r.jsx(d.BuiltInIconRenderer,{iconSettings:{builtIn:"IoCloseOutline"}})}),v=u.forwardRef((e,t)=>{const{setOpen:o}=s.useChatBubble(),i=()=>{o(!1)};return r.jsx(p,{ref:t,onClick:i,...e})});exports.ChatBubblePrimitiveRoot=a;exports.CloseButton=v;exports.Header=C;exports.Root=a;

package/dist/primitives/components/chat-bubble/index.d.ts

@@ -0,0 +1,10 @@
+import { OpenSettingsChatButton } from '../../../types/index.ts';
+import { ForwardRefExoticComponent, RefAttributes, DetailedHTMLProps, HTMLAttributes, ButtonHTMLAttributes } from 'react';
+import { PolymorphicProps } from '..';
+import { PresenceProps } from '../presence';
+export declare const ChatBubblePrimitiveRoot: ForwardRefExoticComponent<Omit<Omit< PolymorphicProps & Omit< PresenceProps & RefAttributes<HTMLDivElement>, "_id"> & Partial<Pick< PresenceProps & RefAttributes<HTMLDivElement>, "_id">>, "present"> & {
+    openSettings: OpenSettingsChatButton;
+}, "ref"> & RefAttributes<HTMLDivElement>>;
+declare const ChatBubblePrimitiveHeader: ForwardRefExoticComponent<Omit< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>, "ref"> & RefAttributes<HTMLDivElement>>;
+declare const ChatBubblePrimitiveCloseButton: ForwardRefExoticComponent<Omit< PolymorphicProps & Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "_id"> & Partial<Pick< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "_id">>, "ref"> & RefAttributes<HTMLButtonElement>>;
+export { ChatBubblePrimitiveRoot as Root, ChatBubblePrimitiveCloseButton as CloseButton, ChatBubblePrimitiveHeader as Header, };

package/dist/primitives/components/chat-bubble/index.js

@@ -0,0 +1,38 @@
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { ikp as s } from "../factory.js";
+import { useInkeepChatBubble as l, ChatBubbleProvider as b, useChatBubble as u } from "../../providers/chat-bubble-provider.js";
+import { Presence as c } from "../presence.js";
+import { dataAttr as m } from "../../utils/misc.js";
+import { BuiltInIconRenderer as d } from "../../atoms/icons/built-in-icon-renderer.js";
+const p = s(c, {
+  _id: "chatBubble__Root"
+}), I = n((t, e) => {
+  const { openSettings: i, ...a } = t, r = l(i);
+  return /* @__PURE__ */ o(b, { value: r, children: /* @__PURE__ */ o(
+    p,
+    {
+      ref: e,
+      present: r.isOpen,
+      "data-open": m(r.isOpen),
+      "data-chat-bubble": "",
+      ...a
+    }
+  ) });
+}), h = s("div", {
+  _id: "chatBubble__Header"
+}), H = n((t, e) => /* @__PURE__ */ o(h, { ref: e, ...t })), B = s("button", {
+  _id: "chatBubble__CloseButton",
+  children: /* @__PURE__ */ o(d, { iconSettings: { builtIn: "IoCloseOutline" } })
+}), O = n((t, e) => {
+  const { setOpen: i } = u();
+  return /* @__PURE__ */ o(B, { ref: e, onClick: () => {
+    i(!1);
+  }, ...t });
+});
+export {
+  I as ChatBubblePrimitiveRoot,
+  O as CloseButton,
+  H as Header,
+  I as Root
+};

package/dist/primitives/components/chat-button.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),s=require("react"),f=require("@radix-ui/react-avatar"),n=require("./factory.cjs"),B=require("../atoms/avatars/ai.cjs"),_=require("../providers/config-provider.cjs"),p=require("../utils/compose-event-handlers.cjs"),A=require("../../color-mode/index.cjs");function P(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const l=P(f),b=n.ikp("div",{_id:"chatButton__Container"}),k=n.ikp("button",{_id:"chatButton__Button"}),y=n.ikp("div",{_id:"chatButton__Text"}),S=n.ikp(l.Root,{_id:"chatButton__AvatarContent"}),j=n.ikp(l.Image,{_id:"chatButton__AvatarImage"}),g=s.memo(e=>{const{onLoadingStatusChange:a,avatar:t,...o}=e,{aiChatSettings:m}=_.useInkeepConfig(),{aiAssistantAvatar:r}=m??{},i=typeof t=="string"?t:A.useColorModeValue(t?.light,t?.dark),u=typeof r=="string"?r:r?.dark,[c,v]=s.useState(i??u);s.useEffect(()=>{v(i??u)},[i,u]);const h=C=>{C==="error"&&v(null)};return c?d.jsx(j,{src:c,alt:"Chat avatar","data-type":"image",onLoadingStatusChange:p.composeEventHandlers(a,h),...o}):d.jsx(B.default,{"data-type":"icon",...e})});exports.ChatButton=k;exports.ChatButtonAvatarContent=S;exports.ChatButtonAvatarImage=g;exports.ChatButtonContainer=b;exports.ChatButtonPrimitiveAvatarImage=g;exports.ChatButtonText=y;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react/jsx-runtime"),u=require("react"),B=require("@radix-ui/react-avatar"),a=require("./factory.cjs"),_=require("../atoms/avatars/ai.cjs"),f=require("../providers/config-provider.cjs"),p=require("../utils/compose-event-handlers.cjs"),A=require("../../color-mode/index.cjs"),P=require("../atoms/icons/custom-icon.cjs");function I(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const l=I(B),k=a.ikp("div",{_id:"chatButton__Container"}),y=a.ikp("button",{_id:"chatButton__Button"}),b=a.ikp("div",{_id:"chatButton__Text"}),q=a.ikp(l.Root,{_id:"chatButton__AvatarContent"}),S=a.ikp(l.Image,{_id:"chatButton__AvatarImage"}),j=a.ikp(P.CustomIcon,{_id:"chatButton__CloseIcon",iconKey:"chatButtonClose"}),d=u.memo(e=>{const{onLoadingStatusChange:n,avatar:t,...o}=e,{aiChatSettings:h}=f.useInkeepConfig(),{aiAssistantAvatar:i}=h??{},r=typeof t=="string"?t:A.useColorModeValue(t?.light,t?.dark),c=typeof i=="string"?i:i?.dark,[s,v]=u.useState(r??c);u.useEffect(()=>{v(r??c)},[r,c]);const m=g=>{g==="error"&&v(null)};return s?C.jsx(S,{src:s,alt:"Chat avatar","data-type":"image",onLoadingStatusChange:p.composeEventHandlers(n,m),...o}):C.jsx(_.default,{"data-type":"icon",...e})});exports.ChatButton=y;exports.ChatButtonAvatarContent=q;exports.ChatButtonAvatarImage=d;exports.ChatButtonCloseIcon=j;exports.ChatButtonContainer=k;exports.ChatButtonPrimitiveAvatarImage=d;exports.ChatButtonText=b;

package/dist/primitives/components/chat-button.d.ts

@@ -1,12 +1,14 @@
 import { ComponentPropsWithRef, ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, ButtonHTMLAttributes, RefAttributes, MemoExoticComponent } from 'react';
 import { InkeepAIChatSettings } from '../../types/index.ts';
 import { PolymorphicProps } from './factory';
+import { CustomIconProps } from '..';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 declare const ChatButtonPrimitiveContainer: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
 declare const ChatButtonPrimitiveButton: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "_id"> & Partial<Pick< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "_id">>>;
 declare const ChatButtonPrimitiveText: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
 declare const PrimitiveChatButtonAvatarContent: ForwardRefExoticComponent< PolymorphicProps & Omit<AvatarPrimitive.AvatarProps & RefAttributes<HTMLSpanElement>, "_id"> & Partial<Pick<AvatarPrimitive.AvatarProps & RefAttributes<HTMLSpanElement>, "_id">>>;
 declare const PrimitiveChatButtonAvatarImage: ForwardRefExoticComponent< PolymorphicProps & Omit<AvatarPrimitive.AvatarImageProps & RefAttributes<HTMLImageElement>, "_id"> & Partial<Pick<AvatarPrimitive.AvatarImageProps & RefAttributes<HTMLImageElement>, "_id">>>;
+declare const ChatButtonPrimitiveCloseIcon: ForwardRefExoticComponent< PolymorphicProps & Omit< CustomIconProps, "_id" | "iconKey"> & Partial<Pick< CustomIconProps, "_id" | "iconKey">>>;
 type OnLoadingStatusChange = AvatarPrimitive.AvatarImageProps['onLoadingStatusChange'];
 type AvatarImageProps = {
     onLoadingStatusChange?: OnLoadingStatusChange;
@@ -15,4 +17,4 @@ type ChatButtonPrimitiveAvatarImageProps = AvatarImageProps & {
     avatar?: InkeepAIChatSettings['aiAssistantAvatar'];
 };
 export declare const ChatButtonPrimitiveAvatarImage: MemoExoticComponent<(props: ChatButtonPrimitiveAvatarImageProps) => import("react/jsx-runtime").JSX.Element>;
-export { ChatButtonPrimitiveContainer as ChatButtonContainer, ChatButtonPrimitiveText as ChatButtonText, ChatButtonPrimitiveButton as ChatButton, ChatButtonPrimitiveAvatarImage as ChatButtonAvatarImage, PrimitiveChatButtonAvatarContent as ChatButtonAvatarContent, };
+export { ChatButtonPrimitiveContainer as ChatButtonContainer, ChatButtonPrimitiveText as ChatButtonText, ChatButtonPrimitiveButton as ChatButton, ChatButtonPrimitiveAvatarImage as ChatButtonAvatarImage, PrimitiveChatButtonAvatarContent as ChatButtonAvatarContent, ChatButtonPrimitiveCloseIcon as ChatButtonCloseIcon, };

package/dist/primitives/components/chat-button.js

@@ -1,46 +1,51 @@
 "use client";
-import { jsx as m } from "react/jsx-runtime";
-import { memo as g, useState as d, useEffect as B } from "react";
-import * as u from "@radix-ui/react-avatar";
+import { jsx as u } from "react/jsx-runtime";
+import { memo as B, useState as d, useEffect as g } from "react";
+import * as m from "@radix-ui/react-avatar";
 import { ikp as t } from "./factory.js";
-import f from "../atoms/avatars/ai.js";
+import l from "../atoms/avatars/ai.js";
 import { useInkeepConfig as _ } from "../providers/config-provider.js";
-import { composeEventHandlers as l } from "../utils/compose-event-handlers.js";
+import { composeEventHandlers as f } from "../utils/compose-event-handlers.js";
 import { useColorModeValue as p } from "../../color-mode/index.js";
-const b = t("div", {
+import { CustomIcon as A } from "../atoms/icons/custom-icon.js";
+const U = t("div", {
   _id: "chatButton__Container"
-}), E = t("button", {
+}), j = t("button", {
   _id: "chatButton__Button"
-}), U = t("div", {
+}), H = t("div", {
   _id: "chatButton__Text"
-}), j = t(u.Root, {
+}), K = t(m.Root, {
   _id: "chatButton__AvatarContent"
-}), A = t(u.Image, {
+}), I = t(m.Image, {
   _id: "chatButton__AvatarImage"
-}), H = g((r) => {
-  const { onLoadingStatusChange: h, avatar: a, ...v } = r, { aiChatSettings: c } = _(), { aiAssistantAvatar: o } = c ?? {}, n = typeof a == "string" ? a : p(a?.light, a?.dark), i = typeof o == "string" ? o : o?.dark, [e, s] = d(
+}), M = t(A, {
+  _id: "chatButton__CloseIcon",
+  iconKey: "chatButtonClose"
+}), R = B((e) => {
+  const { onLoadingStatusChange: c, avatar: a, ...C } = e, { aiChatSettings: h } = _(), { aiAssistantAvatar: o } = h ?? {}, n = typeof a == "string" ? a : p(a?.light, a?.dark), i = typeof o == "string" ? o : o?.dark, [r, s] = d(
     n ?? i
   );
-  return B(() => {
+  return g(() => {
     s(n ?? i);
-  }, [n, i]), e ? /* @__PURE__ */ m(
-    A,
+  }, [n, i]), r ? /* @__PURE__ */ u(
+    I,
     {
-      src: e,
+      src: r,
       alt: "Chat avatar",
       "data-type": "image",
-      onLoadingStatusChange: l(h, (C) => {
-        C === "error" && s(null);
+      onLoadingStatusChange: f(c, (v) => {
+        v === "error" && s(null);
       }),
-      ...v
+      ...C
     }
-  ) : /* @__PURE__ */ m(f, { "data-type": "icon", ...r });
+  ) : /* @__PURE__ */ u(l, { "data-type": "icon", ...e });
 });
 export {
-  E as ChatButton,
-  j as ChatButtonAvatarContent,
-  H as ChatButtonAvatarImage,
-  b as ChatButtonContainer,
-  H as ChatButtonPrimitiveAvatarImage,
-  U as ChatButtonText
+  j as ChatButton,
+  K as ChatButtonAvatarContent,
+  R as ChatButtonAvatarImage,
+  M as ChatButtonCloseIcon,
+  U as ChatButtonContainer,
+  R as ChatButtonPrimitiveAvatarImage,
+  H as ChatButtonText
 };

package/dist/primitives/components/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./factory.cjs"),o=require("./embedded-chat.cjs"),a=require("./sidebar-chat/index.cjs"),i=require("./embedded-chat/chat-provider.cjs"),d=require("./embedded-search.cjs"),e=require("./embedded-search/search-provider.cjs"),c=require("./modal.cjs"),t=require("./modal/modal-provider.cjs"),s=require("./chat-button.cjs"),h=require("./searchbar.cjs");exports.ikp=r.ikp;exports.jsxFactory=r.jsxFactory;exports.EmbeddedChatPrimitive=o;exports.SidebarChatPrimitive=a;exports.ChatProvider=i.ChatProvider;exports.useChat=i.useChat;exports.EmbeddedSearchPrimitive=d;exports.SearchProvider=e.SearchProvider;exports.SearchProviderImpl=e.SearchProviderImpl;exports.useSearch=e.useSearch;exports.ModalPrimitive=c;exports.ModalProvider=t.ModalProvider;exports.useModal=t.useModal;exports.ChatButtonPrimitive=s;exports.SearchBarPrimitive=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./factory.cjs"),o=require("./embedded-chat.cjs"),a=require("./sidebar-chat/index.cjs"),i=require("./embedded-chat/chat-provider.cjs"),d=require("./embedded-search.cjs"),e=require("./embedded-search/search-provider.cjs"),c=require("./modal.cjs"),t=require("./modal/modal-provider.cjs"),s=require("./chat-button.cjs"),u=require("./searchbar.cjs"),h=require("./chat-bubble/index.cjs");exports.ikp=r.ikp;exports.jsxFactory=r.jsxFactory;exports.EmbeddedChatPrimitive=o;exports.SidebarChatPrimitive=a;exports.ChatProvider=i.ChatProvider;exports.useChat=i.useChat;exports.EmbeddedSearchPrimitive=d;exports.SearchProvider=e.SearchProvider;exports.SearchProviderImpl=e.SearchProviderImpl;exports.useSearch=e.useSearch;exports.ModalPrimitive=c;exports.ModalProvider=t.ModalProvider;exports.useModal=t.useModal;exports.ChatButtonPrimitive=s;exports.SearchBarPrimitive=u;exports.ChatBubblePrimitive=h;

package/dist/primitives/components/index.d.ts

@@ -8,3 +8,4 @@ export * as ModalPrimitive from './modal';
 export * from './modal/modal-provider';
 export * as ChatButtonPrimitive from './chat-button';
 export * as SearchBarPrimitive from './searchbar';
+export * as ChatBubblePrimitive from './chat-bubble';

package/dist/primitives/components/index.js

@@ -1,27 +1,29 @@
-import { ikp as p, jsxFactory as s } from "./factory.js";
+import { ikp as s, jsxFactory as h } from "./factory.js";
 import * as r from "./embedded-chat.js";
 import * as e from "./sidebar-chat/index.js";
-import { ChatProvider as x, useChat as f } from "./embedded-chat/chat-provider.js";
+import { ChatProvider as f, useChat as v } from "./embedded-chat/chat-provider.js";
 import * as o from "./embedded-search.js";
-import { SearchProvider as P, SearchProviderImpl as c, useSearch as S } from "./embedded-search/search-provider.js";
-import * as a from "./modal.js";
-import { ModalProvider as C, useModal as l } from "./modal/modal-provider.js";
-import * as t from "./chat-button.js";
+import { SearchProvider as c, SearchProviderImpl as b, useSearch as C } from "./embedded-search/search-provider.js";
+import * as t from "./modal.js";
+import { ModalProvider as l, useModal as u } from "./modal/modal-provider.js";
+import * as a from "./chat-button.js";
 import * as i from "./searchbar.js";
+import * as m from "./chat-bubble/index.js";
 export {
-  t as ChatButtonPrimitive,
-  x as ChatProvider,
+  m as ChatBubblePrimitive,
+  a as ChatButtonPrimitive,
+  f as ChatProvider,
   r as EmbeddedChatPrimitive,
   o as EmbeddedSearchPrimitive,
-  a as ModalPrimitive,
-  C as ModalProvider,
+  t as ModalPrimitive,
+  l as ModalProvider,
   i as SearchBarPrimitive,
-  P as SearchProvider,
-  c as SearchProviderImpl,
+  c as SearchProvider,
+  b as SearchProviderImpl,
   e as SidebarChatPrimitive,
-  p as ikp,
-  s as jsxFactory,
-  f as useChat,
-  l as useModal,
-  S as useSearch
+  s as ikp,
+  h as jsxFactory,
+  v as useChat,
+  u as useModal,
+  C as useSearch
 };

package/dist/primitives/components/modal/use-inkeep-modal.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),f=require("@radix-ui/react-use-controllable-state"),g=require("../../providers/base-events-provider.cjs"),m=require("../use-component-trigger.cjs"),y=l=>{const{isOpen:r,onOpenChange:i,defaultOpen:c=!1,shortcutKey:o,triggerSelector:p="[data-inkeep-modal-trigger]"}=l??{},{logEvent:d}=g.useBaseEvents(),[n=c,t]=f.useControllableState({prop:r,defaultProp:r??!1,onChange:i});m.useComponentTrigger({triggerSelector:p,onTriggerClick:()=>t(!n)});const a=s.useRef(!0);return s.useEffect(()=>{if(a.current){a.current=!1;return}d({eventName:n?"modal_opened":"modal_closed",properties:{}})},[n]),s.useEffect(()=>{const u=e=>{o&&(e.metaKey||e.ctrlKey)&&e.key.toLowerCase()===o.toLowerCase()&&(e.preventDefault(),e.stopPropagation(),t(!0)),e.key==="Escape"&&r&&(e.preventDefault(),t(!1))};return document.addEventListener("keydown",u),()=>document.removeEventListener("keydown",u)},[o,t,r]),{isOpen:n,setOpen:t,shortcutKey:o}};exports.useInkeepModal=y;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../hooks/use-inkeep-open-state.cjs"),n=e=>t.useInkeepOpenState(e,{eventNamePrefix:"modal",defaultTriggerSelector:"[data-inkeep-modal-trigger]"});exports.useInkeepModal=n;

package/dist/primitives/components/modal/use-inkeep-modal.d.ts

@@ -1,6 +1,6 @@
-import { InkeepModalSettings } from '../../../types/index.ts';
+import { OpenSettingsModal } from '../../../types/index.ts';
 import { SetStateAction } from 'react';
-export declare const useInkeepModal: (props: InkeepModalSettings | undefined) => {
+export declare const useInkeepModal: (props: OpenSettingsModal | undefined) => {
     isOpen: boolean;
     setOpen: (value: SetStateAction<boolean>) => void;
     shortcutKey: string | null | undefined;

package/dist/primitives/components/modal/use-inkeep-modal.js

@@ -1,45 +1,9 @@
 "use client";
-import { useRef as d, useEffect as p } from "react";
-import { useControllableState as m } from "@radix-ui/react-use-controllable-state";
-import { useBaseEvents as g } from "../../providers/base-events-provider.js";
-import { useComponentTrigger as y } from "../use-component-trigger.js";
-const O = (i) => {
-  const {
-    isOpen: t,
-    onOpenChange: l,
-    defaultOpen: u = !1,
-    shortcutKey: r,
-    triggerSelector: c = "[data-inkeep-modal-trigger]"
-  } = i ?? {}, { logEvent: f } = g(), [n = u, o] = m({
-    prop: t,
-    defaultProp: t ?? !1,
-    onChange: l
-  });
-  y({
-    triggerSelector: c,
-    onTriggerClick: () => o(!n)
-  });
-  const s = d(!0);
-  return p(() => {
-    if (s.current) {
-      s.current = !1;
-      return;
-    }
-    f({
-      eventName: n ? "modal_opened" : "modal_closed",
-      properties: {}
-    });
-  }, [n]), p(() => {
-    const a = (e) => {
-      r && (e.metaKey || e.ctrlKey) && e.key.toLowerCase() === r.toLowerCase() && (e.preventDefault(), e.stopPropagation(), o(!0)), e.key === "Escape" && t && (e.preventDefault(), o(!1));
-    };
-    return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
-  }, [r, o, t]), {
-    isOpen: n,
-    setOpen: o,
-    shortcutKey: r
-  };
-};
+import { useInkeepOpenState as t } from "../../hooks/use-inkeep-open-state.js";
+const a = (e) => t(e, {
+  eventNamePrefix: "modal",
+  defaultTriggerSelector: "[data-inkeep-modal-trigger]"
+});
 export {
-  O as useInkeepModal
+  a as useInkeepModal
 };

package/dist/primitives/components/modal/widget-auto-focus.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),s=require("../../providers/widget-provider.cjs"),i=require("./modal-provider.cjs"),n=(o,e,u)=>{const t=i.useModal(),r=s.useWidget();c.useEffect(()=>{if(!u||t&&!t.isOpen)return;requestAnimationFrame(()=>{e?.current&&(r?.view&&r.view!==o||(e.current.focus(),e.current.selectionStart=e.current.value.length))})},[u,e,t,r?.view,o])};exports.useWidgetAutoFocus=n;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),g=require("../../providers/widget-provider.cjs"),C=require("../../providers/sidebar-chat-provider.cjs"),h=require("../../providers/chat-bubble-provider.cjs"),v=require("./modal-provider.cjs"),O=(s,e,o)=>{const i=v.useModal(),n=h.useOptionalChatBubble(),t=C.useOptionalSidebarChat(),r=g.useWidget(),a=i&&!i?.isOpen,d=n&&!n?.isOpen,l=t&&!t?.isOpen,c=a||d||l;m.useEffect(()=>{if(!o||c)return;const u=()=>{e?.current&&(r?.view&&r.view!==s||(e.current.focus(),e.current.selectionStart=e.current.value.length))};if(t?.isOpen){const b=setTimeout(()=>{requestAnimationFrame(u)},250);return()=>clearTimeout(b)}requestAnimationFrame(u)},[o,e,c,r?.view,s,t?.isOpen])};exports.useWidgetAutoFocus=O;

package/dist/primitives/components/modal/widget-auto-focus.js

@@ -1,16 +1,25 @@
 "use client";
-import { useEffect as n } from "react";
-import { useWidget as s } from "../../providers/widget-provider.js";
-import { useModal as u } from "./modal-provider.js";
-const l = (o, e, c) => {
-  const r = u(), t = s();
-  n(() => {
-    if (!c || r && !r.isOpen) return;
-    requestAnimationFrame(() => {
-      e?.current && (t?.view && t.view !== o || (e.current.focus(), e.current.selectionStart = e.current.value.length));
-    });
-  }, [c, e, r, t?.view, o]);
+import { useEffect as b } from "react";
+import { useWidget as f } from "../../providers/widget-provider.js";
+import { useOptionalSidebarChat as p } from "../../providers/sidebar-chat-provider.js";
+import { useOptionalChatBubble as C } from "../../providers/chat-bubble-provider.js";
+import { useModal as O } from "./modal-provider.js";
+const W = (r, e, s) => {
+  const i = O(), n = C(), t = p(), o = f(), u = i && !i?.isOpen, m = n && !n?.isOpen, l = t && !t?.isOpen, c = u || m || l;
+  b(() => {
+    if (!s || c) return;
+    const a = () => {
+      e?.current && (o?.view && o.view !== r || (e.current.focus(), e.current.selectionStart = e.current.value.length));
+    };
+    if (t?.isOpen) {
+      const d = setTimeout(() => {
+        requestAnimationFrame(a);
+      }, 250);
+      return () => clearTimeout(d);
+    }
+    requestAnimationFrame(a);
+  }, [s, e, c, o?.view, r, t?.isOpen]);
 };
 export {
-  l as useWidgetAutoFocus
+  W as useWidgetAutoFocus
 };

package/dist/primitives/components/modal.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithRef, ForwardRefExoticComponent, RefAttributes } from 'react';
-import { InkeepModalSettings } from '../../types/index.ts';
+import { OpenSettingsModal } from '../../types/index.ts';
 import { PolymorphicProps } from './factory';
 import * as DialogPrimitive from '../atoms/dialog';
 declare const Modal: ForwardRefExoticComponent< PolymorphicProps & Omit<DialogPrimitive.DialogProps, "_id"> & Partial<Pick<DialogPrimitive.DialogProps, "_id">>>;
@@ -7,7 +7,7 @@ export interface PrimitiveModalProps extends ComponentPropsWithRef<typeof Modal>
     /**
      * Configuration for the modal.
      */
-    config?: InkeepModalSettings;
+    config?: OpenSettingsModal;
 }
 declare const PrimitiveModal: (props: PrimitiveModalProps) => import("react/jsx-runtime").JSX.Element;
 declare const PrimitiveModalOverlay: ForwardRefExoticComponent< PolymorphicProps & Omit<DialogPrimitive.DialogOverlayProps & RefAttributes<HTMLDivElement>, "_id"> & Partial<Pick<DialogPrimitive.DialogOverlayProps & RefAttributes<HTMLDivElement>, "_id">>>;

package/dist/primitives/components/searchbar.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithRef, ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, ButtonHTMLAttributes } from 'react';
-import { InkeepModalSettings } from '../../types/index.ts';
+import { OpenSettingsSearchBar } from '../../types/index.ts';
 import { PolymorphicProps } from './factory';
 import { CustomIconProps } from '..';
 declare const SearchBarContainer: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
@@ -11,13 +11,13 @@ declare const SearchBarPrimitiveIcon: ForwardRefExoticComponent< PolymorphicProp
 declare const SearchBarPrimitiveKbdWrapper: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "_id">>>;
 declare const PrimitiveKbdShortcutKey: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "_id">>>;
 type SearchBarPrimitiveKbdShortcutKeyProps = ComponentPropsWithRef<typeof PrimitiveKbdShortcutKey> & {
-    shortcutKey?: InkeepModalSettings['shortcutKey'];
+    shortcutKey?: OpenSettingsSearchBar['shortcutKey'];
 };
 declare const SearchBarPrimitiveKbdShortcutKey: (props: SearchBarPrimitiveKbdShortcutKeyProps) => import("react/jsx-runtime").JSX.Element;
 declare const SearchBarPrimitiveCtrl: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "children" | "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "children" | "_id">>>;
 declare const SearchBarPrimitiveCmdIcon: ForwardRefExoticComponent< PolymorphicProps & Omit< CustomIconProps, "_id" | "iconKey"> & Partial<Pick< CustomIconProps, "_id" | "iconKey">>>;
 type SearchBarPrimitiveKbdModifierProps = ComponentPropsWithRef<typeof SearchBarPrimitiveCtrl | typeof SearchBarPrimitiveCmdIcon> & {
-    shortcutKey?: InkeepModalSettings['shortcutKey'];
+    shortcutKey?: OpenSettingsSearchBar['shortcutKey'];
 };
 declare const SearchBarPrimitiveKbdModifier: (props: SearchBarPrimitiveKbdModifierProps) => import("react/jsx-runtime").JSX.Element;
 export { SearchBarContainer, SearchBarPrimitiveButton as SearchBarButton, SearchBarPrimitiveText as SearchBarText, SearchBarPrimitiveContentWrapper as SearchBarContentWrapper, SearchBarPrimitiveIcon as SearchBarIcon, SearchBarPrimitiveKbdWrapper as SearchBarKbdWrapper, SearchBarPrimitiveKbdModifier as SearchBarKbdModifier, SearchBarPrimitiveKbdShortcutKey as SearchBarKbdShortcutKey, };

package/dist/primitives/components/sidebar-chat/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),a=require("react"),d=require("../factory.cjs"),n=require("../../providers/sidebar-chat-provider.cjs"),l=require("./use-sidebar-chat-resizer.cjs"),h=require("../use-component-trigger.cjs"),C=require("../presence.cjs"),b=require("../../utils/misc.cjs"),R=require("../../utils/split-props.cjs"),S=require("../../atoms/icons/built-in-icon-renderer.cjs"),g=d.ikp(C.Presence,{_id:"sidebarChat__Root"}),P=({triggerSelector:i})=>{const{isOpen:e,setOpen:t}=n.useSidebarChat();return h.useComponentTrigger({triggerSelector:i,onTriggerClick:()=>t(!e)}),null},m=["position","triggerSelector","minWidth","maxWidth","defaultWidth","defaultOpen","autoCloseThreshold","isOpen","onOpenChange"],u=a.forwardRef((i,e)=>{const[t,s]=R.splitProps(i,m),r=n.useInkeepSidebarChat(t);return o.jsxs(n.SidebarChatProvider,{value:r,children:[o.jsx(P,{triggerSelector:t.triggerSelector||"[data-inkeep-sidebar-chat-trigger]"}),o.jsx(g,{ref:e,present:r.isOpen,"data-sidebar":"","data-position":r.position,"data-open":b.dataAttr(r.isOpen),style:{"--width":`${r.width}px`},...s})]})}),f=d.ikp("div",{_id:"sidebarChat__Resizer"}),p=a.forwardRef((i,e)=>{const{position:t}=n.useSidebarChat(),{onMouseDown:s,resizerRef:r}=l.useSidebarChatResizer();return o.jsx(f,{ref:c=>{typeof e=="function"?e(c):e&&(e.current=c),r.current=c},"data-position":t,onMouseDown:s,...i})}),v=d.ikp("div",{_id:"sidebarChat__Header"}),_=a.forwardRef((i,e)=>o.jsx(v,{ref:e,...i})),O=d.ikp("button",{_id:"sidebarChat__CloseButton",children:o.jsx(S.BuiltInIconRenderer,{iconSettings:{builtIn:"IoCloseOutline"}})}),q=a.forwardRef((i,e)=>{const{setOpen:t}=n.useSidebarChat(),s=()=>{t(!1)};return o.jsx(O,{ref:e,onClick:s,...i})});exports.CloseButton=q;exports.Header=_;exports.Resizer=p;exports.Root=u;exports.SidebarChatPrimitiveResizer=p;exports.SidebarChatPrimitiveRoot=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),d=require("../factory.cjs"),n=require("../../providers/sidebar-chat-provider.cjs"),b=require("./use-sidebar-chat-resizer.cjs"),h=require("../presence.cjs"),C=require("../../utils/misc.cjs"),R=require("../../utils/split-props.cjs"),l=require("../../atoms/icons/built-in-icon-renderer.cjs"),P=d.ikp(h.Presence,{_id:"sidebarChat__Root"}),S=["position","minWidth","maxWidth","defaultWidth","openSettings"],u=a.forwardRef((i,e)=>{const[s,o]=R.splitProps(i,S),t=n.useInkeepSidebarChat(s);return r.jsx(n.SidebarChatProvider,{value:t,children:r.jsx(P,{ref:e,present:t.isOpen,"data-sidebar":"","data-position":t.position,"data-open":C.dataAttr(t.isOpen),style:{"--width":`${t.width}px`},...o})})}),m=d.ikp("div",{_id:"sidebarChat__Resizer"}),p=a.forwardRef((i,e)=>{const{position:s}=n.useSidebarChat(),{onMouseDown:o,resizerRef:t}=b.useSidebarChatResizer();return r.jsx(m,{ref:c=>{typeof e=="function"?e(c):e&&(e.current=c),t.current=c},"data-position":s,onMouseDown:o,...i})}),v=d.ikp("div",{_id:"sidebarChat__Header"}),f=a.forwardRef((i,e)=>r.jsx(v,{ref:e,...i})),_=d.ikp("button",{_id:"sidebarChat__CloseButton",children:r.jsx(l.BuiltInIconRenderer,{iconSettings:{builtIn:"IoCloseOutline"}})}),q=a.forwardRef((i,e)=>{const{setOpen:s}=n.useSidebarChat(),o=()=>{s(!1)};return r.jsx(_,{ref:e,onClick:o,...i})});exports.CloseButton=q;exports.Header=f;exports.Resizer=p;exports.Root=u;exports.SidebarChatPrimitiveResizer=p;exports.SidebarChatPrimitiveRoot=u;