@inkeep/agents-ui 0.14.28 → 0.15.1

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/data-summaries.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./factory.cjs"),t=a.ikp("div",{_id:"dataSummary__Group"}),m=a.ikp("button",{_id:"dataSummary__Toggle"}),i=a.ikp("span",{_id:"dataSummary__ToggleText"}),r=a.ikp("div",{_id:"dataSummary__Collapsible"}),e=a.ikp("div",{_id:"dataSummary__List"}),o=a.ikp("div",{_id:"dataSummary__Item"}),u=a.ikp("div",{_id:"dataSummary__Connector"}),n=a.ikp("div",{_id:"dataSummary__IconContainer"}),y=a.ikp("div",{_id:"dataSummary__Content"}),S=a.ikp("pre",{_id:"dataSummary__Details"}),_=a.ikp("div",{_id:"dataSummary__Label"});exports.DataSummaryCollapsible=r;exports.DataSummaryConnector=u;exports.DataSummaryContent=y;exports.DataSummaryDetails=S;exports.DataSummaryGroup=t;exports.DataSummaryIconContainer=n;exports.DataSummaryItem=o;exports.DataSummaryLabel=_;exports.DataSummaryList=e;exports.DataSummaryToggle=m;exports.DataSummaryToggleText=i;

package/dist/primitives/components/data-summaries.d.ts

@@ -0,0 +1,14 @@
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, ButtonHTMLAttributes } from 'react';
+import { PolymorphicProps } from './factory';
+declare const DataSummaryPrimitiveGroup: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
+declare const DataSummaryPrimitiveToggle: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "_id"> & Partial<Pick< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "_id">>>;
+declare const DataSummaryPrimitiveToggleText: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "_id">>>;
+declare const DataSummaryPrimitiveCollapsible: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
+declare const DataSummaryPrimitiveList: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
+declare const DataSummaryPrimitiveItem: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
+declare const DataSummaryPrimitiveConnector: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
+declare const DataSummaryPrimitiveIconContainer: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
+declare const DataSummaryPrimitiveContent: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
+declare const DataSummaryPrimitiveDetails: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLPreElement>, HTMLPreElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLPreElement>, HTMLPreElement>, "_id">>>;
+declare const DataSummaryPrimitiveLabel: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
+export { DataSummaryPrimitiveGroup as DataSummaryGroup, DataSummaryPrimitiveToggle as DataSummaryToggle, DataSummaryPrimitiveToggleText as DataSummaryToggleText, DataSummaryPrimitiveCollapsible as DataSummaryCollapsible, DataSummaryPrimitiveList as DataSummaryList, DataSummaryPrimitiveItem as DataSummaryItem, DataSummaryPrimitiveConnector as DataSummaryConnector, DataSummaryPrimitiveIconContainer as DataSummaryIconContainer, DataSummaryPrimitiveContent as DataSummaryContent, DataSummaryPrimitiveDetails as DataSummaryDetails, DataSummaryPrimitiveLabel as DataSummaryLabel, };

package/dist/primitives/components/data-summaries.js

@@ -0,0 +1,38 @@
+"use client";
+import { ikp as a } from "./factory.js";
+const m = a("div", {
+  _id: "dataSummary__Group"
+}), i = a("button", {
+  _id: "dataSummary__Toggle"
+}), r = a("span", {
+  _id: "dataSummary__ToggleText"
+}), e = a("div", {
+  _id: "dataSummary__Collapsible"
+}), o = a("div", {
+  _id: "dataSummary__List"
+}), u = a("div", {
+  _id: "dataSummary__Item"
+}), n = a("div", {
+  _id: "dataSummary__Connector"
+}), s = a("div", {
+  _id: "dataSummary__IconContainer"
+}), y = a("div", {
+  _id: "dataSummary__Content"
+}), S = a("pre", {
+  _id: "dataSummary__Details"
+}), _ = a("div", {
+  _id: "dataSummary__Label"
+});
+export {
+  e as DataSummaryCollapsible,
+  n as DataSummaryConnector,
+  y as DataSummaryContent,
+  S as DataSummaryDetails,
+  m as DataSummaryGroup,
+  s as DataSummaryIconContainer,
+  u as DataSummaryItem,
+  _ as DataSummaryLabel,
+  o as DataSummaryList,
+  i as DataSummaryToggle,
+  r as DataSummaryToggleText
+};

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"),a=require("./embedded-chat.cjs"),o=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"),u=require("./chat-button.cjs"),s=require("./searchbar.cjs"),h=require("./chat-bubble/index.cjs"),m=require("./data-summaries.cjs");exports.ikp=r.ikp;exports.jsxFactory=r.jsxFactory;exports.EmbeddedChatPrimitive=a;exports.SidebarChatPrimitive=o;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=u;exports.SearchBarPrimitive=s;exports.ChatBubblePrimitive=h;exports.DataSummaryPrimitive=m;

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

@@ -8,3 +8,5 @@ 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';
+export * as DataSummaryPrimitive from './data-summaries';

package/dist/primitives/components/index.js

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