@cossistant/react 0.0.26 → 0.0.29

package/support/context/websocket.js.map

@@ -1 +1 @@
-{"version":3,"file":"websocket.js","names":["WebSocketBridge: React.FC<WebSocketBridgeProps>","intervalId: number | null","WebSocketProvider: React.FC<WebSocketProviderProps>"],"sources":["../../../src/support/context/websocket.tsx"],"sourcesContent":["\"use client\";\n\nimport { PRESENCE_PING_INTERVAL_MS } from \"@cossistant/types\";\nimport type React from \"react\";\nimport { createContext, useContext, useEffect, useMemo } from \"react\";\nimport {\n\ttype RealtimeAuthConfig,\n\ttype RealtimeContextValue,\n\tRealtimeProvider,\n\tuseRealtimeConnection,\n} from \"../../realtime\";\n\ntype WebSocketContextValue = RealtimeContextValue;\n\ntype WebSocketProviderProps = {\n\tchildren: React.ReactNode;\n\tpublicKey?: string;\n\twebsiteId?: string;\n\tvisitorId?: string;\n\twsUrl?: string;\n\tautoConnect?: boolean;\n\tonConnect?: () => void;\n\tonDisconnect?: () => void;\n\tonError?: (error: Error) => void;\n};\n\nconst WebSocketContext = createContext<WebSocketContextValue | null>(null);\n\nfunction createVisitorAuthConfig({\n\tvisitorId,\n\twebsiteId,\n\tpublicKey,\n}: Pick<\n\tWebSocketProviderProps,\n\t\"visitorId\" | \"websiteId\" | \"publicKey\"\n>): RealtimeAuthConfig | null {\n\tconst normalizedVisitorId = visitorId?.trim();\n\tif (!normalizedVisitorId) {\n\t\treturn null;\n\t}\n\n\treturn {\n\t\tkind: \"visitor\",\n\t\tvisitorId: normalizedVisitorId,\n\t\twebsiteId: websiteId?.trim() || null,\n\t\tpublicKey: publicKey?.trim() || null,\n\t} satisfies RealtimeAuthConfig;\n}\n\ntype WebSocketBridgeProps = {\n\tchildren: React.ReactNode;\n\tonError?: (error: Error) => void;\n};\n\nconst WebSocketBridge: React.FC<WebSocketBridgeProps> = ({\n\tchildren,\n\tonError,\n}) => {\n\tconst connection = useRealtimeConnection();\n\tconst { visitorId, sendRaw, isConnected } = connection;\n\n\tuseEffect(() => {\n\t\tif (typeof window === \"undefined\" || typeof document === \"undefined\") {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!(visitorId && sendRaw)) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst pingMessage = \"presence:ping\";\n\n\t\tconst sendPresencePing = () => {\n\t\t\tif (!isConnected) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\ttry {\n\t\t\t\tsendRaw(pingMessage);\n\t\t\t} catch (error) {\n\t\t\t\tif (!onError) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst normalizedError =\n\t\t\t\t\terror instanceof Error\n\t\t\t\t\t\t? error\n\t\t\t\t\t\t: new Error(\n\t\t\t\t\t\t\t\ttypeof error === \"string\"\n\t\t\t\t\t\t\t\t\t? error\n\t\t\t\t\t\t\t\t\t: \"Unknown presence ping error\"\n\t\t\t\t\t\t\t);\n\n\t\t\t\tif (!normalizedError.message.includes(\"Failed to send presence ping\")) {\n\t\t\t\t\tnormalizedError.message = `Failed to send presence ping: ${normalizedError.message}`;\n\t\t\t\t}\n\n\t\t\t\tonError(normalizedError);\n\t\t\t}\n\t\t};\n\n\t\tlet intervalId: number | null = null;\n\n\t\tconst clearPresenceInterval = () => {\n\t\t\tif (intervalId !== null) {\n\t\t\t\twindow.clearInterval(intervalId);\n\t\t\t\tintervalId = null;\n\t\t\t}\n\t\t};\n\n\t\tconst startPresenceInterval = () => {\n\t\t\tclearPresenceInterval();\n\n\t\t\tif (!isConnected || document.visibilityState === \"hidden\") {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tintervalId = window.setInterval(\n\t\t\t\tsendPresencePing,\n\t\t\t\tPRESENCE_PING_INTERVAL_MS\n\t\t\t);\n\t\t};\n\n\t\tconst handleFocus = () => {\n\t\t\tsendPresencePing();\n\t\t\tstartPresenceInterval();\n\t\t};\n\n\t\tconst handleVisibilityChange = () => {\n\t\t\tif (document.visibilityState === \"hidden\") {\n\t\t\t\tclearPresenceInterval();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tsendPresencePing();\n\t\t\tstartPresenceInterval();\n\t\t};\n\n\t\twindow.addEventListener(\"focus\", handleFocus);\n\t\tdocument.addEventListener(\"visibilitychange\", handleVisibilityChange);\n\n\t\tif (isConnected && document.visibilityState !== \"hidden\") {\n\t\t\tsendPresencePing();\n\t\t\tstartPresenceInterval();\n\t\t}\n\n\t\treturn () => {\n\t\t\twindow.removeEventListener(\"focus\", handleFocus);\n\t\t\tdocument.removeEventListener(\"visibilitychange\", handleVisibilityChange);\n\t\t\tclearPresenceInterval();\n\t\t};\n\t}, [isConnected, onError, sendRaw, visitorId]);\n\tconst value = useMemo(() => connection, [connection]);\n\treturn (\n\t\t<WebSocketContext.Provider value={value}>\n\t\t\t{children}\n\t\t</WebSocketContext.Provider>\n\t);\n};\n\n/**\n * Support-specific realtime provider that authenticates visitors and keeps the\n * connection alive with presence pings.\n */\nexport const WebSocketProvider: React.FC<WebSocketProviderProps> = ({\n\tchildren,\n\tpublicKey,\n\twebsiteId,\n\tvisitorId,\n\twsUrl,\n\tautoConnect = true,\n\tonConnect,\n\tonDisconnect,\n\tonError,\n}) => {\n\tconst auth = createVisitorAuthConfig({ publicKey, websiteId, visitorId });\n\n\treturn (\n\t\t<RealtimeProvider\n\t\t\tauth={auth}\n\t\t\tautoConnect={autoConnect}\n\t\t\tonConnect={onConnect}\n\t\t\tonDisconnect={onDisconnect}\n\t\t\tonError={onError}\n\t\t\twsUrl={wsUrl}\n\t\t>\n\t\t\t<WebSocketBridge onError={onError}>{children}</WebSocketBridge>\n\t\t</RealtimeProvider>\n\t);\n};\n\n/**\n * Accessor for the support websocket context.\n */\nexport const useWebSocket = (): WebSocketContextValue => {\n\tconst context = useContext(WebSocketContext);\n\tif (!context) {\n\t\tthrow new Error(\"useWebSocket must be used within WebSocketProvider\");\n\t}\n\treturn context;\n};\n\nexport type { WebSocketContextValue, WebSocketProviderProps };\nexport type { RealtimeEvent } from \"@cossistant/types/realtime-events\";\n"],"mappings":";;;;;;;;;AA0BA,MAAM,mBAAmB,cAA4C,KAAK;AAE1E,SAAS,wBAAwB,EAChC,WACA,WACA,aAI6B;CAC7B,MAAM,sBAAsB,WAAW,MAAM;AAC7C,KAAI,CAAC,oBACJ,QAAO;AAGR,QAAO;EACN,MAAM;EACN,WAAW;EACX,WAAW,WAAW,MAAM,IAAI;EAChC,WAAW,WAAW,MAAM,IAAI;EAChC;;AAQF,MAAMA,mBAAmD,EACxD,UACA,cACK;CACL,MAAM,aAAa,uBAAuB;CAC1C,MAAM,EAAE,WAAW,SAAS,gBAAgB;AAE5C,iBAAgB;AACf,MAAI,OAAO,WAAW,eAAe,OAAO,aAAa,YACxD;AAGD,MAAI,EAAE,aAAa,SAClB;EAGD,MAAM,cAAc;EAEpB,MAAM,yBAAyB;AAC9B,OAAI,CAAC,YACJ;AAGD,OAAI;AACH,YAAQ,YAAY;YACZ,OAAO;AACf,QAAI,CAAC,QACJ;IAGD,MAAM,kBACL,iBAAiB,QACd,QACA,IAAI,MACJ,OAAO,UAAU,WACd,QACA,8BACH;AAEJ,QAAI,CAAC,gBAAgB,QAAQ,SAAS,+BAA+B,CACpE,iBAAgB,UAAU,iCAAiC,gBAAgB;AAG5E,YAAQ,gBAAgB;;;EAI1B,IAAIC,aAA4B;EAEhC,MAAM,8BAA8B;AACnC,OAAI,eAAe,MAAM;AACxB,WAAO,cAAc,WAAW;AAChC,iBAAa;;;EAIf,MAAM,8BAA8B;AACnC,0BAAuB;AAEvB,OAAI,CAAC,eAAe,SAAS,oBAAoB,SAChD;AAGD,gBAAa,OAAO,YACnB,kBACA,0BACA;;EAGF,MAAM,oBAAoB;AACzB,qBAAkB;AAClB,0BAAuB;;EAGxB,MAAM,+BAA+B;AACpC,OAAI,SAAS,oBAAoB,UAAU;AAC1C,2BAAuB;AACvB;;AAGD,qBAAkB;AAClB,0BAAuB;;AAGxB,SAAO,iBAAiB,SAAS,YAAY;AAC7C,WAAS,iBAAiB,oBAAoB,uBAAuB;AAErE,MAAI,eAAe,SAAS,oBAAoB,UAAU;AACzD,qBAAkB;AAClB,0BAAuB;;AAGxB,eAAa;AACZ,UAAO,oBAAoB,SAAS,YAAY;AAChD,YAAS,oBAAoB,oBAAoB,uBAAuB;AACxE,0BAAuB;;IAEtB;EAAC;EAAa;EAAS;EAAS;EAAU,CAAC;CAC9C,MAAM,QAAQ,cAAc,YAAY,CAAC,WAAW,CAAC;AACrD,QACC,oBAAC,iBAAiB;EAAgB;EAChC;GAC0B;;;;;;AAQ9B,MAAaC,qBAAuD,EACnE,UACA,WACA,WACA,WACA,OACA,cAAc,MACd,WACA,cACA,cACK;AAGL,QACC,oBAAC;EACA,MAJW,wBAAwB;GAAE;GAAW;GAAW;GAAW,CAAC;EAK1D;EACF;EACG;EACL;EACF;YAEP,oBAAC;GAAyB;GAAU;IAA2B;GAC7C;;;;;AAOrB,MAAa,qBAA4C;CACxD,MAAM,UAAU,WAAW,iBAAiB;AAC5C,KAAI,CAAC,QACJ,OAAM,IAAI,MAAM,qDAAqD;AAEtE,QAAO"}
+{"version":3,"file":"websocket.js","names":["WebSocketBridge: React.FC<WebSocketBridgeProps>","intervalId: number | null","WebSocketProvider: React.FC<WebSocketProviderProps>"],"sources":["../../../src/support/context/websocket.tsx"],"sourcesContent":["\"use client\";\n\nimport { PRESENCE_PING_INTERVAL_MS } from \"@cossistant/types\";\nimport type React from \"react\";\nimport { createContext, useContext, useEffect, useMemo } from \"react\";\nimport {\n\ttype RealtimeAuthConfig,\n\ttype RealtimeContextValue,\n\tRealtimeProvider,\n\tuseRealtimeConnection,\n} from \"../../realtime\";\n\ntype WebSocketContextValue = RealtimeContextValue;\n\ntype WebSocketProviderProps = {\n\tchildren: React.ReactNode;\n\tpublicKey?: string;\n\twebsiteId?: string;\n\tvisitorId?: string;\n\twsUrl?: string;\n\tautoConnect?: boolean;\n\tonConnect?: () => void;\n\tonDisconnect?: () => void;\n\tonError?: (error: Error) => void;\n};\n\nconst WebSocketContext = createContext<WebSocketContextValue | null>(null);\n\nfunction createVisitorAuthConfig({\n\tvisitorId,\n\twebsiteId,\n\tpublicKey,\n}: Pick<\n\tWebSocketProviderProps,\n\t\"visitorId\" | \"websiteId\" | \"publicKey\"\n>): RealtimeAuthConfig | null {\n\tconst normalizedVisitorId = visitorId?.trim();\n\tif (!normalizedVisitorId) {\n\t\treturn null;\n\t}\n\n\treturn {\n\t\tkind: \"visitor\",\n\t\tvisitorId: normalizedVisitorId,\n\t\twebsiteId: websiteId?.trim() || null,\n\t\tpublicKey: publicKey?.trim() || null,\n\t} satisfies RealtimeAuthConfig;\n}\n\ntype WebSocketBridgeProps = {\n\tchildren: React.ReactNode;\n\tonError?: (error: Error) => void;\n};\n\nconst WebSocketBridge: React.FC<WebSocketBridgeProps> = ({\n\tchildren,\n\tonError,\n}) => {\n\tconst connection = useRealtimeConnection();\n\tconst { visitorId, sendRaw, isConnected } = connection;\n\n\tuseEffect(() => {\n\t\tif (typeof window === \"undefined\" || typeof document === \"undefined\") {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!(visitorId && sendRaw)) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst pingMessage = \"presence:ping\";\n\n\t\tconst sendPresencePing = () => {\n\t\t\tif (!isConnected) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\ttry {\n\t\t\t\tsendRaw(pingMessage);\n\t\t\t} catch (error) {\n\t\t\t\tif (!onError) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst normalizedError =\n\t\t\t\t\terror instanceof Error\n\t\t\t\t\t\t? error\n\t\t\t\t\t\t: new Error(\n\t\t\t\t\t\t\t\ttypeof error === \"string\"\n\t\t\t\t\t\t\t\t\t? error\n\t\t\t\t\t\t\t\t\t: \"Unknown presence ping error\"\n\t\t\t\t\t\t\t);\n\n\t\t\t\tif (!normalizedError.message.includes(\"Failed to send presence ping\")) {\n\t\t\t\t\tnormalizedError.message = `Failed to send presence ping: ${normalizedError.message}`;\n\t\t\t\t}\n\n\t\t\t\tonError(normalizedError);\n\t\t\t}\n\t\t};\n\n\t\tlet intervalId: number | null = null;\n\n\t\tconst clearPresenceInterval = () => {\n\t\t\tif (intervalId !== null) {\n\t\t\t\twindow.clearInterval(intervalId);\n\t\t\t\tintervalId = null;\n\t\t\t}\n\t\t};\n\n\t\tconst startPresenceInterval = () => {\n\t\t\tclearPresenceInterval();\n\n\t\t\tif (!isConnected || document.visibilityState === \"hidden\") {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tintervalId = window.setInterval(\n\t\t\t\tsendPresencePing,\n\t\t\t\tPRESENCE_PING_INTERVAL_MS\n\t\t\t);\n\t\t};\n\n\t\tconst handleFocus = () => {\n\t\t\tsendPresencePing();\n\t\t\tstartPresenceInterval();\n\t\t};\n\n\t\tconst handleVisibilityChange = () => {\n\t\t\tif (document.visibilityState === \"hidden\") {\n\t\t\t\tclearPresenceInterval();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tsendPresencePing();\n\t\t\tstartPresenceInterval();\n\t\t};\n\n\t\twindow.addEventListener(\"focus\", handleFocus);\n\t\tdocument.addEventListener(\"visibilitychange\", handleVisibilityChange);\n\n\t\tif (isConnected && document.visibilityState !== \"hidden\") {\n\t\t\tsendPresencePing();\n\t\t\tstartPresenceInterval();\n\t\t}\n\n\t\treturn () => {\n\t\t\twindow.removeEventListener(\"focus\", handleFocus);\n\t\t\tdocument.removeEventListener(\"visibilitychange\", handleVisibilityChange);\n\t\t\tclearPresenceInterval();\n\t\t};\n\t}, [isConnected, onError, sendRaw, visitorId]);\n\tconst value = useMemo(() => connection, [connection]);\n\treturn (\n\t\t<WebSocketContext.Provider value={value}>\n\t\t\t{children}\n\t\t</WebSocketContext.Provider>\n\t);\n};\n\n/**\n * Support-specific realtime provider that authenticates visitors and keeps the\n * connection alive with presence pings.\n */\nexport const WebSocketProvider: React.FC<WebSocketProviderProps> = ({\n\tchildren,\n\tpublicKey,\n\twebsiteId,\n\tvisitorId,\n\twsUrl,\n\tautoConnect = true,\n\tonConnect,\n\tonDisconnect,\n\tonError,\n}) => {\n\tconst auth = createVisitorAuthConfig({ publicKey, websiteId, visitorId });\n\n\treturn (\n\t\t<RealtimeProvider\n\t\t\tauth={auth}\n\t\t\tautoConnect={autoConnect}\n\t\t\tonConnect={onConnect}\n\t\t\tonDisconnect={onDisconnect}\n\t\t\tonError={onError}\n\t\t\twsUrl={wsUrl}\n\t\t>\n\t\t\t<WebSocketBridge onError={onError}>{children}</WebSocketBridge>\n\t\t</RealtimeProvider>\n\t);\n};\n\n/**\n * Accessor for the support websocket context.\n * Throws if used outside WebSocketProvider.\n */\nexport const useWebSocket = (): WebSocketContextValue => {\n\tconst context = useContext(WebSocketContext);\n\tif (!context) {\n\t\tthrow new Error(\"useWebSocket must be used within WebSocketProvider\");\n\t}\n\treturn context;\n};\n\n/**\n * Safe accessor for the support websocket context.\n * Returns null if used outside WebSocketProvider instead of throwing.\n * Useful for optional WebSocket usage in hooks that may or may not have the provider.\n */\nexport const useWebSocketSafe = (): WebSocketContextValue | null =>\n\tuseContext(WebSocketContext);\n\nexport type { WebSocketContextValue, WebSocketProviderProps };\nexport type { RealtimeEvent } from \"@cossistant/types/realtime-events\";\n"],"mappings":";;;;;;;;;AA0BA,MAAM,mBAAmB,cAA4C,KAAK;AAE1E,SAAS,wBAAwB,EAChC,WACA,WACA,aAI6B;CAC7B,MAAM,sBAAsB,WAAW,MAAM;AAC7C,KAAI,CAAC,oBACJ,QAAO;AAGR,QAAO;EACN,MAAM;EACN,WAAW;EACX,WAAW,WAAW,MAAM,IAAI;EAChC,WAAW,WAAW,MAAM,IAAI;EAChC;;AAQF,MAAMA,mBAAmD,EACxD,UACA,cACK;CACL,MAAM,aAAa,uBAAuB;CAC1C,MAAM,EAAE,WAAW,SAAS,gBAAgB;AAE5C,iBAAgB;AACf,MAAI,OAAO,WAAW,eAAe,OAAO,aAAa,YACxD;AAGD,MAAI,EAAE,aAAa,SAClB;EAGD,MAAM,cAAc;EAEpB,MAAM,yBAAyB;AAC9B,OAAI,CAAC,YACJ;AAGD,OAAI;AACH,YAAQ,YAAY;YACZ,OAAO;AACf,QAAI,CAAC,QACJ;IAGD,MAAM,kBACL,iBAAiB,QACd,QACA,IAAI,MACJ,OAAO,UAAU,WACd,QACA,8BACH;AAEJ,QAAI,CAAC,gBAAgB,QAAQ,SAAS,+BAA+B,CACpE,iBAAgB,UAAU,iCAAiC,gBAAgB;AAG5E,YAAQ,gBAAgB;;;EAI1B,IAAIC,aAA4B;EAEhC,MAAM,8BAA8B;AACnC,OAAI,eAAe,MAAM;AACxB,WAAO,cAAc,WAAW;AAChC,iBAAa;;;EAIf,MAAM,8BAA8B;AACnC,0BAAuB;AAEvB,OAAI,CAAC,eAAe,SAAS,oBAAoB,SAChD;AAGD,gBAAa,OAAO,YACnB,kBACA,0BACA;;EAGF,MAAM,oBAAoB;AACzB,qBAAkB;AAClB,0BAAuB;;EAGxB,MAAM,+BAA+B;AACpC,OAAI,SAAS,oBAAoB,UAAU;AAC1C,2BAAuB;AACvB;;AAGD,qBAAkB;AAClB,0BAAuB;;AAGxB,SAAO,iBAAiB,SAAS,YAAY;AAC7C,WAAS,iBAAiB,oBAAoB,uBAAuB;AAErE,MAAI,eAAe,SAAS,oBAAoB,UAAU;AACzD,qBAAkB;AAClB,0BAAuB;;AAGxB,eAAa;AACZ,UAAO,oBAAoB,SAAS,YAAY;AAChD,YAAS,oBAAoB,oBAAoB,uBAAuB;AACxE,0BAAuB;;IAEtB;EAAC;EAAa;EAAS;EAAS;EAAU,CAAC;CAC9C,MAAM,QAAQ,cAAc,YAAY,CAAC,WAAW,CAAC;AACrD,QACC,oBAAC,iBAAiB;EAAgB;EAChC;GAC0B;;;;;;AAQ9B,MAAaC,qBAAuD,EACnE,UACA,WACA,WACA,WACA,OACA,cAAc,MACd,WACA,cACA,cACK;AAGL,QACC,oBAAC;EACA,MAJW,wBAAwB;GAAE;GAAW;GAAW;GAAW,CAAC;EAK1D;EACF;EACG;EACL;EACF;YAEP,oBAAC;GAAyB;GAAU;IAA2B;GAC7C;;;;;;AAQrB,MAAa,qBAA4C;CACxD,MAAM,UAAU,WAAW,iBAAiB;AAC5C,KAAI,CAAC,QACJ,OAAM,IAAI,MAAM,qDAAqD;AAEtE,QAAO;;;;;;;AAQR,MAAa,yBACZ,WAAW,iBAAiB"}

package/support/index.d.ts

@@ -1,74 +1,259 @@
 import { SupportLocale, SupportTextContentOverrides } from "./text/locales/keys.js";
-import { CustomPage } from "./router.js";
+import { CustomPage, PageProps } from "./router.js";
+import { SlotProps } from "./context/slots.js";
+import { ConversationEndEvent, ConversationStartEvent, ErrorEvent, MessageReceivedEvent, MessageSentEvent, SupportEvent, SupportEventCallbacks, SupportEventType, useSupportEventEmitter, useSupportEvents } from "./context/events.js";
+import { SupportHandle, useSupportHandle } from "./context/handle.js";
 import { Text, useSupportText } from "./text/index.js";
-import { BubbleSlotProps, ContainerSlotProps, RouterSlotProps } from "./types.js";
+import { Align, CollisionPadding, ContentProps, RootProps, Side, TriggerRenderProps } from "./types.js";
 import { CoButton } from "./components/button.js";
 import { Header } from "./components/header.js";
 import { WebSocketContextValue, WebSocketProvider, useWebSocket } from "./context/websocket.js";
 import { useSupportConfig, useSupportNavigation, useSupportStore } from "./store/support-store.js";
 import "./store/index.js";
-import React, { ReactElement } from "react";
-import { DefaultRoutes, NavigationState, RouteRegistry, SupportPage } from "@cossistant/core";
+import * as React$1 from "react";
+import * as _cossistant_core0 from "@cossistant/core";
+import { DefaultRoutes, NavigationState, RouteRegistry, SupportPage as SupportPageType } from "@cossistant/core";
 import { DefaultMessage } from "@cossistant/types";
 
 //#region src/support/index.d.ts
 type SupportProps<Locale extends string = SupportLocale> = {
+  /**
+   * Additional CSS classes for the root wrapper.
+   */
   className?: string;
-  position?: "top" | "bottom";
-  align?: "right" | "left";
-  positioning?: "fixed" | "absolute";
+  /**
+   * Which side of the trigger to place the content.
+   * @default "top"
+   */
+  side?: Side;
+  /**
+   * Alignment along the side axis.
+   * @default "end"
+   */
+  align?: Align;
+  /**
+   * Distance (in pixels) between the trigger and the content.
+   * @default 16
+   */
+  sideOffset?: number;
+  /**
+   * Enable automatic collision avoidance.
+   * When true, the content repositions to stay within the viewport.
+   * @default true
+   */
+  avoidCollisions?: boolean;
+  /**
+   * Padding from viewport edges when avoiding collisions.
+   * @default 8
+   */
+  collisionPadding?: CollisionPadding;
+  /**
+   * Granular className overrides for specific parts.
+   */
+  classNames?: {
+    trigger?: string;
+    content?: string;
+  };
+  /**
+   * Force a specific theme. Omit for automatic detection.
+   */
+  theme?: "light" | "dark";
+  /**
+   * Controlled open state.
+   * When provided, the widget operates in controlled mode.
+   * Use with `onOpenChange` to manage state externally.
+   */
+  open?: boolean;
+  /**
+   * Callback fired when the open state should change.
+   * Use with `open` prop for controlled mode.
+   *
+   * @example
+   * const [isOpen, setIsOpen] = useState(false);
+   * <Support open={isOpen} onOpenChange={setIsOpen} />
+   */
+  onOpenChange?: (open: boolean) => void;
+  /**
+   * Whether the widget should open automatically on mount (uncontrolled mode).
+   * Ignored when `open` prop is provided (controlled mode).
+   * @default false
+   */
+  defaultOpen?: boolean;
+  /**
+   * Quick reply options displayed to users.
+   */
   quickOptions?: string[];
+  /**
+   * Custom welcome messages shown before a conversation starts.
+   */
   defaultMessages?: DefaultMessage[];
-  defaultOpen?: boolean;
+  /**
+   * Locale string for widget translations.
+   */
   locale?: Locale;
+  /**
+   * Custom text content overrides for internationalization.
+   */
   content?: SupportTextContentOverrides<Locale>;
-  theme?: "light" | "dark";
-  slots?: {
-    bubble?: React.ComponentType<BubbleSlotProps>;
-    container?: React.ComponentType<ContainerSlotProps>;
-    router?: React.ComponentType<RouterSlotProps>;
-  };
-  classNames?: {
-    root?: string;
-    bubble?: string;
-    container?: string;
-  };
+  /**
+   * Custom pages to add to the router.
+   */
   customPages?: CustomPage[];
-  children?: React.ReactNode;
+  /**
+   * Called when a new conversation is started.
+   */
+  onConversationStart?: (event: ConversationStartEvent) => void;
+  /**
+   * Called when a conversation ends (resolved, closed, etc.).
+   */
+  onConversationEnd?: (event: ConversationEndEvent) => void;
+  /**
+   * Called when the visitor sends a message.
+   */
+  onMessageSent?: (event: MessageSentEvent) => void;
+  /**
+   * Called when a message is received from an agent (human or AI).
+   */
+  onMessageReceived?: (event: MessageReceivedEvent) => void;
+  /**
+   * Called when an error occurs within the widget.
+   */
+  onError?: (event: ErrorEvent) => void;
+  /**
+   * Children for composition. Can include:
+   * - <Support.Trigger> for custom trigger
+   * - <Support.Content> for custom content positioning
+   * - <Support.Page> components for custom routes
+   */
+  children?: React$1.ReactNode;
+};
+type SupportTriggerProps = Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+  /**
+   * Content to render inside the trigger.
+   * Can be static content or a function receiving render props.
+   */
+  children?: React$1.ReactNode | ((props: TriggerRenderProps) => React$1.ReactNode);
+  /**
+   * When true, renders children directly with all props passed through.
+   */
+  asChild?: boolean;
+  className?: string;
+};
+type SupportContentProps = {
+  className?: string;
+  /**
+   * Which side of the trigger to place the content.
+   * @default "top"
+   */
+  side?: Side;
+  /**
+   * Alignment along the side axis.
+   * @default "end"
+   */
+  align?: Align;
+  /**
+   * Distance (in pixels) between the trigger and the content.
+   * @default 16
+   */
+  sideOffset?: number;
+  /**
+   * Enable automatic collision avoidance.
+   * When true, the content repositions to stay within the viewport.
+   * @default true
+   */
+  avoidCollisions?: boolean;
+  /**
+   * Padding from viewport edges when avoiding collisions.
+   * @default 8
+   */
+  collisionPadding?: CollisionPadding;
+  children?: React$1.ReactNode;
+};
+type SupportRouterProps = {
+  /**
+   * Custom pages to add alongside built-in pages.
+   */
+  customPages?: CustomPage[];
+  /**
+   * Page components to register.
+   */
+  children?: React$1.ReactNode;
+};
+type SupportPageProps<K extends keyof _cossistant_core0.RouteRegistry = keyof _cossistant_core0.RouteRegistry> = {
+  name: K;
+  component: React$1.ComponentType<{
+    params?: _cossistant_core0.RouteRegistry[K];
+  }>;
+};
+type SupportRootProps = {
+  /**
+   * Controlled open state.
+   * When provided, the widget operates in controlled mode.
+   */
+  open?: boolean;
+  /**
+   * Callback fired when the open state should change.
+   * Use with `open` prop for controlled mode.
+   */
+  onOpenChange?: (open: boolean) => void;
+  /**
+   * Whether the widget should open automatically (uncontrolled mode).
+   * Ignored when `open` prop is provided.
+   * @default false
+   */
+  defaultOpen?: boolean;
+  /**
+   * Force a specific theme.
+   */
+  theme?: "light" | "dark";
+  /**
+   * Additional CSS classes.
+   */
+  className?: string;
+  /**
+   * Called when a new conversation is started.
+   */
+  onConversationStart?: (event: ConversationStartEvent) => void;
+  /**
+   * Called when a conversation ends.
+   */
+  onConversationEnd?: (event: ConversationEndEvent) => void;
+  /**
+   * Called when the visitor sends a message.
+   */
+  onMessageSent?: (event: MessageSentEvent) => void;
+  /**
+   * Called when a message is received from an agent.
+   */
+  onMessageReceived?: (event: MessageReceivedEvent) => void;
+  /**
+   * Called when an error occurs.
+   */
+  onError?: (event: ErrorEvent) => void;
+  children: React$1.ReactNode;
+};
+declare const Support: (<Locale extends string = SupportLocale>(props: SupportProps<Locale> & {
+  ref?: React$1.Ref<SupportHandle>;
+}) => React$1.ReactElement | null) & {
+  Root: React$1.ForwardRefExoticComponent<SupportRootProps & React$1.RefAttributes<SupportHandle>>;
+  Trigger: React$1.ForwardRefExoticComponent<Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+    /**
+     * Content to render inside the trigger.
+     * Can be static content or a function receiving render props.
+     */
+    children?: React$1.ReactNode | ((props: TriggerRenderProps) => React$1.ReactNode);
+    /**
+     * When true, renders children directly with all props passed through.
+     */
+    asChild?: boolean;
+    className?: string;
+  } & React$1.RefAttributes<HTMLButtonElement>>;
+  Content: React$1.FC<SupportContentProps>;
+  Router: React$1.FC<SupportRouterProps>;
+  Page: <K extends keyof _cossistant_core0.RouteRegistry>(_props: PageProps<K>) => null;
+  Header: React$1.FC<SlotProps>;
+  Footer: React$1.FC<SlotProps>;
 };
-/**
- * Complete support widget with chat, routing, and real-time features.
- *
- * @example
- * // Zero config
- * <Support />
- *
- * @example
- * // With customization and custom pages
- * <Support
- *   theme="dark"
- *   classNames={{ bubble: "bg-purple-600" }}
- *   customPages={[
- *     { name: "FAQ", component: FAQPage }
- *   ]}
- * />
- */
-declare function Support<Locale extends string = SupportLocale>({
-  className,
-  position,
-  align,
-  positioning,
-  quickOptions,
-  defaultMessages,
-  defaultOpen,
-  locale,
-  content,
-  theme,
-  slots,
-  classNames,
-  customPages,
-  children
-}: SupportProps<Locale>): ReactElement | null;
 //#endregion
-export { type BubbleSlotProps, CoButton as Button, type ContainerSlotProps, type CustomPage, type DefaultRoutes, Header, type NavigationState, type RouteRegistry, type RouterSlotProps, Support, Support as default, type SupportLocale, type SupportPage, SupportProps, type SupportTextContentOverrides, Text, type WebSocketContextValue, WebSocketProvider, useSupportConfig, useSupportNavigation, useSupportStore, useSupportText, useWebSocket };
+export { type Align, CoButton as Button, type CollisionPadding, type ContentProps, type ConversationEndEvent, type ConversationStartEvent, type CustomPage, type DefaultRoutes, type ErrorEvent, Header, type MessageReceivedEvent, type MessageSentEvent, type NavigationState, type RootProps, type RouteRegistry, type Side, Support, Support as default, SupportContentProps, type SupportEvent, type SupportEventCallbacks, type SupportEventType, type SupportHandle, type SupportLocale, SupportPageProps, type SupportPageType, SupportProps, SupportRootProps, SupportRouterProps, type SupportTextContentOverrides, SupportTriggerProps, Text, type TriggerRenderProps, type WebSocketContextValue, WebSocketProvider, useSupportConfig, useSupportEventEmitter, useSupportEvents, useSupportHandle, useSupportNavigation, useSupportStore, useSupportText, useWebSocket };
 //# sourceMappingURL=index.d.ts.map

package/support/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/support/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;KAmBY,qCAAqC;;;;;;oBAO9B;;EAPP,MAAA,CAAA,EASF,MATc;EAAyB,OAAA,CAAA,EAUtC,2BAVsC,CAUV,MAVU,CAAA;EAO9B,KAAA,CAAA,EAAA,OAAA,GAAA,MAAA;EAET,KAAA,CAAA,EAAA;IAC6B,MAAA,CAAA,EAO5B,KAAA,CAAM,aAPsB,CAOR,eAPQ,CAAA;IAA5B,SAAA,CAAA,EAQG,KAAA,CAAM,aART,CAQuB,kBARvB,CAAA;IAOoB,MAAA,CAAA,EAEpB,KAAA,CAAM,aAFc,CAEA,eAFA,CAAA;EAApB,CAAA;EACuB,UAAA,CAAA,EAAA;IAAd,IAAA,CAAA,EAAA,MAAA;IACW,MAAA,CAAA,EAAA,MAAA;IAAd,SAAA,CAAA,EAAA,MAAA;EAWF,CAAA;EAEH,WAAM,CAAA,EAFH,UAEG,EAAA;EAAS,QAAA,CAAA,EAAf,KAAA,CAAM,SAAS;AAoB3B,CAAA;;;;;;;;;;;;;;;;;;AAe0B,iBAfV,OAeU,CAAA,eAAA,MAAA,GAfsB,aAetB,CAAA,CAAA;EAAA,SAAA;EAAA,QAAA;EAAA,KAAA;EAAA,WAAA;EAAA,YAAA;EAAA,eAAA;EAAA,WAAA;EAAA,MAAA;EAAA,OAAA;EAAA,KAAA;EAAA,KAAA;EAAA,UAAA;EAAA,WAAA;EAAA;AAAA,CAAA,EAAvB,YAAuB,CAAV,MAAU,CAAA,CAAA,EAAA,YAAA,GAAA,IAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/support/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;KAsCY,qCAAqC;;;;;;;;;SAUzC;EAVI;;;;EAmCQ,KAAA,CAAA,EAnBX,KAmBW;EA+CD;;;;EAeJ,UAAA,CAAA,EAAA,MAAA;EASgB;;;;;EA4BnB,eAAM,CAAA,EAAA,OAAA;EAAS;AA6M3B;;;EAAkC,gBAAA,CAAA,EAhTd,gBAgTc;EAQtB;;;EAAiE,UAAA,CAAA,EAAA;IAsCjE,OAAA,CAAA,EAAA,MAAA;IAMJ,OAAA,CAAA,EAAA,MAAA;EAKC,CAAA;EAgBW;;;EA4CR,KAAA,CAAA,EAAA,OAAA,GAAA,MAAkB;EAsClB;;;;;EAMwC,IAAA,CAAA,EAAA,OAAA;EADxC;;AAuBZ;;;;;;EA6CW,YAAM,CAAA,EAAA,CAAA,IAAA,EAAA,OAAA,EAAA,GAAA,IAAA;EAAS;AA2F1B;;;;EAtUiD,WAAA,CAAA,EAAA,OAAA;EAAV;;;;;;;oBA1PpB;;;;EAyQ2C,MAAM,CAAA,EApQ1D,MAoQ0D;;;;YA/PzD,4BAA4B;;;;gBAKxB;;;;gCASgB;;;;8BAKF;;;;0BAKJ;;;;8BAKI;;;;oBAKV;;;;;;;aAQP,OAAA,CAAM;;KA6MN,mBAAA,GAAsB,KACjC,OAAA,CAAM,qBAAqB;;;;;aAOhB,OAAA,CAAM,qBAAqB,uBAAuB,OAAA,CAAM;;;;;;;KAsCxD,mBAAA;;;;;;SAMJ;;;;;UAKC;;;;;;;;;;;;;;;;qBAgBW;aACR,OAAA,CAAM;;KA2CN,kBAAA;;;;gBAIG;;;;aAIH,OAAA,CAAM;;KA8BN,iCAAgB,iBAAA,CAEO,sBAAa,iBAAA,CAAoC;QAE7E;aACK,OAAA,CAAM;aADV,iBAAA,CAE8B,aAAA,CAAc;;;KAsBxC,gBAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCA4BmB;;;;8BAIF;;;;0BAIJ;;;;8BAII;;;;oBAIV;YACR,OAAA,CAAM;;cA2FJ,mCAxUS,sBAEd,aAAa;QAAkB,OAAA,CAAM,IAAI;MAC5C,OAAA,CAAM;;;;;;;eAcC,OAAA,CAAM,qBAAqB,uBAAuB,OAAA,CAAM"}

package/support/index.js

@@ -1,65 +1,286 @@
 import "./support.js";
-import { SupportRealtimeProvider } from "../realtime/support-provider.js";
 import { SupportConfig } from "../support-config.js";
+import { SupportTrigger as SupportTrigger$1 } from "../primitives/trigger.js";
+import { ControlledStateProvider } from "./context/controlled-state.js";
 import { initializeSupportStore, useSupportConfig, useSupportNavigation, useSupportStore } from "./store/support-store.js";
+import { SupportRealtimeProvider } from "../realtime/support-provider.js";
+import { FooterSlot, HeaderSlot } from "./context/slots.js";
+import { Content } from "./components/content.js";
+import { Root } from "./components/root.js";
+import { ThemeWrapper } from "./components/theme-wrapper.js";
+import { DefaultTrigger } from "./components/trigger.js";
+import { SupportEventsProvider, useSupportEventEmitter, useSupportEvents } from "./context/events.js";
+import { SupportHandleProvider, useSupportHandle } from "./context/handle.js";
 import { CoButton } from "./components/button.js";
 import { Header } from "./components/header.js";
 import { SupportTextProvider, Text, useSupportText } from "./text/index.js";
-import { SupportContent } from "./components/support-content.js";
-import { ThemeWrapper } from "./components/theme-wrapper.js";
 import { WebSocketProvider, useWebSocket } from "./context/websocket.js";
+import { Page, Router } from "./router.js";
 import { useSupport } from "../provider.js";
-import React from "react";
+import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/support/index.tsx
+function parseChildren(children) {
+	const result = {
+		trigger: null,
+		content: null,
+		pages: [],
+		other: []
+	};
+	React$1.Children.forEach(children, (child) => {
+		if (!React$1.isValidElement(child)) {
+			result.other.push(child);
+			return;
+		}
+		const displayName = child.type?.displayName ?? "";
+		if (displayName === "Support.Trigger" || child.type === SupportTrigger) result.trigger = child;
+		else if (displayName === "Support.Content" || child.type === SupportContent) result.content = child;
+		else if (displayName === "Support.Page" || child.type === Page) result.pages.push(child);
+		else result.other.push(child);
+	});
+	return result;
+}
 /**
 * Complete support widget with chat, routing, and real-time features.
 *
 * @example
-* // Zero config
+* // Zero config - works instantly
 * <Support />
 *
 * @example
-* // With customization and custom pages
+* // With styling
 * <Support
 *   theme="dark"
-*   classNames={{ bubble: "bg-purple-600" }}
-*   customPages={[
-*     { name: "FAQ", component: FAQPage }
-*   ]}
+*   classNames={{
+*     trigger: "bg-purple-600",
+*     content: "border-purple-200",
+*   }}
 * />
+*
+* @example
+* // With custom positioning
+* <Support side="bottom" align="end" sideOffset={8} />
+*
+* @example
+* // Controlled mode - external state management
+* const [isOpen, setIsOpen] = useState(false);
+* <Support open={isOpen} onOpenChange={setIsOpen} />
+*
+* @example
+* // With imperative ref
+* const supportRef = useRef<SupportHandle>(null);
+* supportRef.current?.open();
+* supportRef.current?.startConversation("Hello!");
+* <Support ref={supportRef} />
+*
+* @example
+* // With custom trigger
+* <Support side="bottom" align="end">
+*   <Support.Trigger className="px-4 py-2">
+*     {({ isOpen, unreadCount }) => (
+*       <span>{isOpen ? "Close" : `Help (${unreadCount})`}</span>
+*     )}
+*   </Support.Trigger>
+* </Support>
+*
+* @example
+* // With custom pages
+* <Support>
+*   <Support.Page name="FAQ" component={FAQPage} />
+* </Support>
 */
-function Support({ className, position = "bottom", align = "right", positioning = "fixed", quickOptions, defaultMessages, defaultOpen, locale, content, theme, slots, classNames, customPages, children }) {
+function SupportComponentInner({ className, side = "top", align = "end", sideOffset = 16, avoidCollisions = true, collisionPadding = 8, classNames = {}, theme, open, onOpenChange, defaultOpen, quickOptions, defaultMessages, locale, content, customPages, onConversationStart, onConversationEnd, onMessageSent, onMessageReceived, onError, children }, ref) {
 	const { website } = useSupport();
 	const isVisitorBlocked = website?.visitor?.isBlocked ?? false;
-	React.useEffect(() => {
-		if (defaultOpen !== void 0) initializeSupportStore({ defaultOpen });
-	}, [defaultOpen]);
+	React$1.useEffect(() => {
+		if (open === void 0 && defaultOpen !== void 0) initializeSupportStore({ defaultOpen });
+	}, [open, defaultOpen]);
 	if (!website || isVisitorBlocked) return null;
-	return /* @__PURE__ */ jsxs(ThemeWrapper, {
-		theme,
-		children: [/* @__PURE__ */ jsx(SupportRealtimeProvider, { children: /* @__PURE__ */ jsx(SupportTextProvider, {
-			content,
-			locale,
-			children: /* @__PURE__ */ jsx(SupportContent, {
-				align,
-				className,
-				classNames,
-				customPages,
-				position,
-				positioning,
-				slots,
-				children
+	const parsed = parseChildren(children);
+	return /* @__PURE__ */ jsx(ControlledStateProvider, {
+		onOpenChange,
+		open,
+		children: /* @__PURE__ */ jsx(SupportEventsProvider, {
+			onConversationEnd,
+			onConversationStart,
+			onError,
+			onMessageReceived,
+			onMessageSent,
+			children: /* @__PURE__ */ jsx(SupportHandleProvider, {
+				forwardedRef: ref,
+				children: /* @__PURE__ */ jsxs(ThemeWrapper, {
+					theme,
+					children: [/* @__PURE__ */ jsx(SupportRealtimeProvider, { children: /* @__PURE__ */ jsx(SupportTextProvider, {
+						content,
+						locale,
+						children: /* @__PURE__ */ jsxs(Root, {
+							className,
+							children: [parsed.trigger ?? /* @__PURE__ */ jsx(DefaultTrigger, { className: classNames.trigger }), parsed.content ?? /* @__PURE__ */ jsx(Content, {
+								align,
+								avoidCollisions,
+								className: classNames.content,
+								collisionPadding,
+								side,
+								sideOffset,
+								children: /* @__PURE__ */ jsx(Router, {
+									customPages,
+									children: parsed.pages
+								})
+							})]
+						})
+					}) }), /* @__PURE__ */ jsx(SupportConfig, {
+						defaultMessages,
+						quickOptions
+					})]
+				})
 			})
-		}) }), /* @__PURE__ */ jsx(SupportConfig, {
-			defaultMessages,
-			quickOptions
-		})]
+		})
 	});
 }
+const SupportComponent = React$1.forwardRef(SupportComponentInner);
+/**
+* Custom trigger component for the support widget.
+* Use this inside <Support> to replace the default floating button.
+*
+* @example
+* <Support.Trigger className="my-button">
+*   {({ isOpen, unreadCount }) => (
+*     <span>{isOpen ? "Close" : `Help (${unreadCount})`}</span>
+*   )}
+* </Support.Trigger>
+*/
+const SupportTrigger = React$1.forwardRef(({ children, className, asChild = false,...props }, ref) => /* @__PURE__ */ jsx(SupportTrigger$1, {
+	asChild,
+	className,
+	ref,
+	...props,
+	children
+}));
+SupportTrigger.displayName = "Support.Trigger";
+/**
+* Custom content wrapper for the support widget.
+* Use this inside <Support> for custom positioning or styling.
+*
+* @example
+* <Support>
+*   <Support.Trigger>Help</Support.Trigger>
+*   <Support.Content side="bottom" align="end" className="my-content">
+*     <Support.Router />
+*   </Support.Content>
+* </Support>
+*/
+const SupportContent = ({ className, side = "top", align = "end", sideOffset = 16, avoidCollisions = true, collisionPadding = 8, children }) => /* @__PURE__ */ jsx(Content, {
+	align,
+	avoidCollisions,
+	className,
+	collisionPadding,
+	side,
+	sideOffset,
+	children: children ?? /* @__PURE__ */ jsx(Router, {})
+});
+SupportContent.displayName = "Support.Content";
+/**
+* Router with all default pages (Home, Conversation, etc.).
+* Use inside <Support.Content> for full control.
+*
+* @example
+* <Support.Content>
+*   <Support.Router />
+* </Support.Content>
+*
+* @example
+* // With custom pages
+* <Support.Router>
+*   <Support.Page name="FAQ" component={FAQPage} />
+* </Support.Router>
+*/
+const SupportRouter = ({ customPages, children }) => /* @__PURE__ */ jsx(Router, {
+	customPages,
+	children
+});
+SupportRouter.displayName = "Support.Router";
+/**
+* Declarative page registration for custom routes.
+*
+* @example
+* <Support>
+*   <Support.Page name="FAQ" component={FAQPage} />
+*   <Support.Page name="SETTINGS" component={SettingsPage} />
+* </Support>
+*/
+const SupportPage = Page;
+SupportPage.displayName = "Support.Page";
+/**
+* Root component for full composition mode.
+* Use when you need complete control over the widget structure.
+*
+* @example
+* // Uncontrolled
+* <Support.Root defaultOpen={false}>
+*   <Support.Trigger asChild>
+*     <button>Help</button>
+*   </Support.Trigger>
+*   <Support.Content side="bottom" align="end">
+*     <Support.Router />
+*   </Support.Content>
+* </Support.Root>
+*
+* @example
+* // Controlled
+* const [isOpen, setIsOpen] = useState(false);
+* <Support.Root open={isOpen} onOpenChange={setIsOpen}>
+*   ...
+* </Support.Root>
+*
+* @example
+* // With imperative ref
+* const supportRef = useRef<SupportHandle>(null);
+* <Support.Root ref={supportRef}>
+*   ...
+* </Support.Root>
+*/
+const SupportRoot = React$1.forwardRef(({ open, onOpenChange, defaultOpen, theme, className, onConversationStart, onConversationEnd, onMessageSent, onMessageReceived, onError, children }, ref) => {
+	const { website } = useSupport();
+	const isVisitorBlocked = website?.visitor?.isBlocked ?? false;
+	React$1.useEffect(() => {
+		if (open === void 0 && defaultOpen !== void 0) initializeSupportStore({ defaultOpen });
+	}, [open, defaultOpen]);
+	if (!website || isVisitorBlocked) return null;
+	return /* @__PURE__ */ jsx(ControlledStateProvider, {
+		onOpenChange,
+		open,
+		children: /* @__PURE__ */ jsx(SupportEventsProvider, {
+			onConversationEnd,
+			onConversationStart,
+			onError,
+			onMessageReceived,
+			onMessageSent,
+			children: /* @__PURE__ */ jsx(SupportHandleProvider, {
+				forwardedRef: ref,
+				children: /* @__PURE__ */ jsx(ThemeWrapper, {
+					theme,
+					children: /* @__PURE__ */ jsx(SupportRealtimeProvider, { children: /* @__PURE__ */ jsx(Root, {
+						className,
+						children
+					}) })
+				})
+			})
+		})
+	});
+});
+SupportRoot.displayName = "Support.Root";
+const Support = Object.assign(SupportComponent, {
+	Root: SupportRoot,
+	Trigger: SupportTrigger,
+	Content: SupportContent,
+	Router: SupportRouter,
+	Page: SupportPage,
+	Header: HeaderSlot,
+	Footer: FooterSlot
+});
 var support_default = Support;
 
 //#endregion
-export { CoButton as Button, Header, Support, Text, WebSocketProvider, support_default as default, useSupportConfig, useSupportNavigation, useSupportStore, useSupportText, useWebSocket };
+export { CoButton as Button, Header, Support, Text, WebSocketProvider, support_default as default, useSupportConfig, useSupportEventEmitter, useSupportEvents, useSupportHandle, useSupportNavigation, useSupportStore, useSupportText, useWebSocket };
 //# sourceMappingURL=index.js.map