@cossistant/next 0.0.14 → 0.0.16

package/bubble.d.ts

@@ -3,8 +3,16 @@ import * as React$1 from "react";
 //#region ../react/src/primitives/bubble.d.ts
 
 /**
- * Floating action button that toggles the support window. Exposes widget state
- * and unread counts to render-prop children for fully custom UI shells.
+ * Floating action button that toggles the support window.
+ *
+ * @example
+ * <Bubble>
+ *   {({ isOpen, unreadCount, toggle }) => (
+ *     <button onClick={toggle}>
+ *       {isOpen ? "×" : "💬"} {unreadCount > 0 && `(${unreadCount})`}
+ *     </button>
+ *   )}
+ * </Bubble>
  */
 declare const SupportBubble: React$1.ForwardRefExoticComponent<Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
   children?: React$1.ReactNode | ((props: {

package/bubble.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bubble.d.ts","names":[],"sources":["../../react/src/primitives/bubble.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cA0Ba,eAAa,OAAA,CAAA,0BAAA,KAAA,OAAA,CAAA,qBAAA;aAftB,OAAA,CAAM;;;;;QAMA,OAAA,CAAM"}
+{"version":3,"file":"bubble.d.ts","names":[],"sources":["../../react/src/primitives/bubble.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;cAkCa,eAAa,OAAA,CAAA,0BAAA,KAAA,OAAA,CAAA,qBAAA;aAvBtB,OAAA,CAAM;;;;;QAMA,OAAA,CAAM"}

package/button2.d.ts

@@ -0,0 +1 @@
+import "react";

package/conversation-timeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-timeline.d.ts","names":[],"sources":["../../react/src/primitives/conversation-timeline.tsx"],"sourcesContent":[],"mappings":";;;;;AAQA;AA6CA;;AAAiC,KA7CrB,+BAAA,GA6CqB;EAAA,SAAA,EAAA,MAAA;EAjC7B,SAAM,CAAA,EAAA,OAAA;EACG,OAAA,CAAA,EAAA,OAAA;EAAoC,OAAM,EAAA,OAAA;CAG9C;;;AAkPT;;AAAwC,cArN3B,oBAqN2B,EArNP,OAAA,CAAA,yBAqNO,CArNP,IAqNO,CArNP,OAAA,CAAA,cAqNO,CArNP,cAqNO,CAAA,EAAA,UAAA,CAAA,GAAA;EAAA,QAAA,CAAA,EAtPpC,OAAA,CAAM,SAsP8B,GAAA,CAAA,CAAA,KAAA,EArP3B,+BAqP2B,EAAA,GArPS,OAAA,CAAM,SAqPf,CAAA;EAT5B,OAAM,CAAA,EAAA,OAAA;;UAzOT;EAkP+B,SAAA,CAAA,EAAA,OAAA;EAAA,OAAA,CAAA,EAAA,OAAA;EAwC3B,UAAA,CAAA,EAAA,OAAA;EAAyB,WAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAA,aAAA,CAAA,EAAA,GAAA,GAAA,IAAA;CAAA,wBAAA,eAAA,CAAA,CAAA;;;;;cA9EzB,+BAA6B,OAAA,CAAA,0BAAA,KAAA,OAAA,CAAA,eAAA;aAT9B,OAAA,CAAM;;;;;;;;cA+CL,6BAA2B,OAAA,CAAA,0BAAA,KAAA,OAAA,CAAA,eAAA;aAT5B,OAAA,CAAM;;;;;;;;cAiDL,2BAAyB,OAAA,CAAA,0BAAA,KAAA,OAAA,CAAA,eAAA;aAT1B,OAAA,CAAM"}
+{"version":3,"file":"conversation-timeline.d.ts","names":[],"sources":["../../react/src/primitives/conversation-timeline.tsx"],"sourcesContent":[],"mappings":";;;;;AASA;AA6CA;;AAAiC,KA7CrB,+BAAA,GA6CqB;EAAA,SAAA,EAAA,MAAA;EAjC7B,SAAM,CAAA,EAAA,OAAA;EACG,OAAA,CAAA,EAAA,OAAA;EAAoC,OAAM,EAAA,OAAA;CAG9C;;;AAsOT;;AAAwC,cAzM3B,oBAyM2B,EAzMP,OAAA,CAAA,yBAyMO,CAzMP,IAyMO,CAzMP,OAAA,CAAA,cAyMO,CAzMP,cAyMO,CAAA,EAAA,UAAA,CAAA,GAAA;EAAA,QAAA,CAAA,EA1OpC,OAAA,CAAM,SA0O8B,GAAA,CAAA,CAAA,KAAA,EAzO3B,+BAyO2B,EAAA,GAzOS,OAAA,CAAM,SAyOf,CAAA;EAT5B,OAAM,CAAA,EAAA,OAAA;;UA7NT;EAsO+B,SAAA,CAAA,EAAA,OAAA;EAAA,OAAA,CAAA,EAAA,OAAA;EAwC3B,UAAA,CAAA,EAAA,OAAA;EAAyB,WAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAA,aAAA,CAAA,EAAA,GAAA,GAAA,IAAA;CAAA,wBAAA,eAAA,CAAA,CAAA;;;;;cA9EzB,+BAA6B,OAAA,CAAA,0BAAA,KAAA,OAAA,CAAA,eAAA;aAT9B,OAAA,CAAM;;;;;;;;cA+CL,6BAA2B,OAAA,CAAA,0BAAA,KAAA,OAAA,CAAA,eAAA;aAT5B,OAAA,CAAM;;;;;;;;cAiDL,2BAAyB,OAAA,CAAA,0BAAA,KAAA,OAAA,CAAA,eAAA;aAT1B,OAAA,CAAM"}

package/conversation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation.d.ts","names":[],"sources":["../../react/src/utils/conversation.ts"],"sourcesContent":[],"mappings":";AAagB,iBAAA,yBAAA,CAAwC,YAAY,EAAZ,YAAY,CAAA,EAAA,OAAA"}
+{"version":3,"file":"conversation.d.ts","names":[],"sources":["../../react/src/utils/conversation.ts"],"sourcesContent":[],"mappings":";AAmBgB,iBAAA,yBAAA,CAAwC,YAAY,EAAZ,YAAY,CAAA,EAAA,OAAA"}

package/hooks/index.d.ts

@@ -19,8 +19,9 @@ import { CreateConversationVariables, UseCreateConversationOptions, UseCreateCon
 import { UseHomePageOptions, UseHomePageReturn, useHomePage } from "../use-home-page.js";
 import { UseMessageComposerOptions, UseMessageComposerReturn, useMessageComposer } from "../use-message-composer.js";
 import { UseRealtimeSupportOptions, UseRealtimeSupportResult, useRealtimeSupport } from "../use-realtime-support.js";
+import { UseScrollMaskOptions, UseScrollMaskReturn, useScrollMask } from "../use-scroll-mask.js";
 import { SendMessageOptions, SendMessageResult, UseSendMessageOptions, UseSendMessageResult, useSendMessage } from "../use-send-message.js";
 import { UseVisitorReturn, useVisitor } from "../use-visitor.js";
 import { WindowVisibilityFocusState, useWindowVisibilityFocus } from "../use-window-visibility-focus.js";
 import "../index2.js";
-export { CONVERSATION_AUTO_SEEN_DELAY_MS, ConversationItem, ConversationLifecycleState, ConversationPreviewAssignedAgent, ConversationPreviewLastMessage, ConversationPreviewTypingParticipant, ConversationPreviewTypingState, ConversationTimelineTypingParticipant, ConversationTypingParticipant, CreateConversationVariables, GroupedMessage, SendMessageOptions, SendMessageResult, TimelineEventItem, TimelineToolItem, UseClientResult, UseComposerRefocusOptions, UseComposerRefocusReturn, UseConversationAutoSeenOptions, UseConversationHistoryPageOptions, UseConversationHistoryPageReturn, UseConversationLifecycleOptions, UseConversationLifecycleReturn, UseConversationOptions, UseConversationPageOptions, UseConversationPageReturn, UseConversationPreviewOptions, UseConversationPreviewReturn, UseConversationResult, UseConversationTimelineItemsOptions, UseConversationTimelineItemsResult, UseConversationTimelineOptions, UseConversationTimelineReturn, UseConversationsOptions, UseConversationsResult, UseCreateConversationOptions, UseCreateConversationResult, UseGroupedMessagesOptions, UseGroupedMessagesProps, UseHomePageOptions, UseHomePageReturn, UseMessageComposerOptions, UseMessageComposerReturn, UseMultimodalInputOptions, UseMultimodalInputReturn, UseRealtimeSupportOptions, UseRealtimeSupportResult, UseSendMessageOptions, UseSendMessageResult, UseVisitorReturn, WindowVisibilityFocusState, useClient, useClientQuery, useComposerRefocus, useConversation, useConversationAutoSeen, useConversationHistoryPage, useConversationLifecycle, useConversationPage, useConversationPreview, useConversationSeen, useConversationTimeline, useConversationTimelineItems, useConversationTyping, useConversations, useCreateConversation, useDebouncedConversationSeen, useDefaultMessages, useGroupedMessages, useHomePage, useMessageComposer, useMultimodalInput, useRealtimeSupport, useSendMessage, useVisitor, useWindowVisibilityFocus };
+export { CONVERSATION_AUTO_SEEN_DELAY_MS, ConversationItem, ConversationLifecycleState, ConversationPreviewAssignedAgent, ConversationPreviewLastMessage, ConversationPreviewTypingParticipant, ConversationPreviewTypingState, ConversationTimelineTypingParticipant, ConversationTypingParticipant, CreateConversationVariables, GroupedMessage, SendMessageOptions, SendMessageResult, TimelineEventItem, TimelineToolItem, UseClientResult, UseComposerRefocusOptions, UseComposerRefocusReturn, UseConversationAutoSeenOptions, UseConversationHistoryPageOptions, UseConversationHistoryPageReturn, UseConversationLifecycleOptions, UseConversationLifecycleReturn, UseConversationOptions, UseConversationPageOptions, UseConversationPageReturn, UseConversationPreviewOptions, UseConversationPreviewReturn, UseConversationResult, UseConversationTimelineItemsOptions, UseConversationTimelineItemsResult, UseConversationTimelineOptions, UseConversationTimelineReturn, UseConversationsOptions, UseConversationsResult, UseCreateConversationOptions, UseCreateConversationResult, UseGroupedMessagesOptions, UseGroupedMessagesProps, UseHomePageOptions, UseHomePageReturn, UseMessageComposerOptions, UseMessageComposerReturn, UseMultimodalInputOptions, UseMultimodalInputReturn, UseRealtimeSupportOptions, UseRealtimeSupportResult, UseScrollMaskOptions, UseScrollMaskReturn, UseSendMessageOptions, UseSendMessageResult, UseVisitorReturn, WindowVisibilityFocusState, useClient, useClientQuery, useComposerRefocus, useConversation, useConversationAutoSeen, useConversationHistoryPage, useConversationLifecycle, useConversationPage, useConversationPreview, useConversationSeen, useConversationTimeline, useConversationTimelineItems, useConversationTyping, useConversations, useCreateConversation, useDebouncedConversationSeen, useDefaultMessages, useGroupedMessages, useHomePage, useMessageComposer, useMultimodalInput, useRealtimeSupport, useScrollMask, useSendMessage, useVisitor, useWindowVisibilityFocus };

package/index.d.ts

@@ -19,6 +19,7 @@ import { CreateConversationVariables, UseCreateConversationOptions, UseCreateCon
 import { UseHomePageOptions, UseHomePageReturn, useHomePage } from "./use-home-page.js";
 import { UseMessageComposerOptions, UseMessageComposerReturn, useMessageComposer } from "./use-message-composer.js";
 import { UseRealtimeSupportOptions, UseRealtimeSupportResult, useRealtimeSupport } from "./use-realtime-support.js";
+import { UseScrollMaskOptions, UseScrollMaskReturn, useScrollMask } from "./use-scroll-mask.js";
 import { SendMessageOptions, SendMessageResult, UseSendMessageOptions, UseSendMessageResult, useSendMessage } from "./use-send-message.js";
 import { UseVisitorReturn, useVisitor } from "./use-visitor.js";
 import { WindowVisibilityFocusState, useWindowVisibilityFocus } from "./use-window-visibility-focus.js";
@@ -34,6 +35,9 @@ import { SupportBubble } from "./bubble.js";
 import { Button } from "./button.js";
 import { ConversationTimeline, ConversationTimelineContainer, ConversationTimelineEmpty, ConversationTimelineLoading } from "./conversation-timeline.js";
 import { FileInput, MultimodalInput, SupportInput } from "./multimodal-input.js";
+import { Page, PageProps } from "./page.js";
+import { PageRegistryProvider, usePageRegistry, useRegisterPage } from "./page-registry.js";
+import { Router, RouterProps } from "./router.js";
 import { TimelineItem, TimelineItemContent, TimelineItemTimestamp } from "./timeline-item.js";
 import { TimelineItemGroup, TimelineItemGroupAvatar, TimelineItemGroupContent, TimelineItemGroupHeader, TimelineItemGroupReadIndicator, TimelineItemGroupSeenIndicator } from "./timeline-item-group.js";
 import { SupportWindow } from "./window.js";
@@ -55,4 +59,4 @@ import { shouldDisplayConversation } from "./conversation.js";
 import { PENDING_CONVERSATION_ID, generateShortPrimaryId } from "./id.js";
 import { useRenderElement } from "./use-render-element.js";
 import "./utils/index.js";
-export { Avatar, AvatarFallback, AvatarImage, SupportBubble as Bubble, Button, CONVERSATION_AUTO_SEEN_DELAY_MS, SupportConfig as Config, ConversationItem, ConversationLifecycleState, ConversationPreviewAssignedAgent, ConversationPreviewLastMessage, ConversationPreviewTypingParticipant, ConversationPreviewTypingState, ConversationTimeline, ConversationTimelineContainer, ConversationTimelineEmpty, ConversationTimelineLoading, ConversationTimelineTypingParticipant, ConversationTypingParticipant, CossistantContextValue, CossistantProviderProps, CreateConversationVariables, FileInput, GroupedMessage, IdentifySupportVisitor, IdentifySupportVisitorProps, SupportInput as Input, MultimodalInput, PENDING_CONVERSATION_ID, RealtimeAuthConfig, RealtimeContextValue, RealtimeEventHandler, RealtimeEventHandlerEntry, RealtimeEventHandlersMap, RealtimeEventMeta, RealtimeProvider, RealtimeProviderProps, SendMessageOptions, SendMessageResult, Support, SupportConfig, SupportConfigProps, SupportContext, SupportProps, SupportProvider, SupportProviderProps, SupportRealtimeProvider, TimelineEventItem, TimelineItem, TimelineItemContent, TimelineItemGroup, TimelineItemGroupAvatar, TimelineItemGroupContent, TimelineItemGroupHeader, TimelineItemGroupReadIndicator, TimelineItemGroupSeenIndicator, TimelineItemTimestamp, TimelineToolItem, TypingIndicator, TypingIndicatorProps, TypingParticipant, TypingParticipantType, UseClientResult, UseComposerRefocusOptions, UseComposerRefocusReturn, UseConversationAutoSeenOptions, UseConversationHistoryPageOptions, UseConversationHistoryPageReturn, UseConversationLifecycleOptions, UseConversationLifecycleReturn, UseConversationOptions, UseConversationPageOptions, UseConversationPageReturn, UseConversationPreviewOptions, UseConversationPreviewReturn, UseConversationResult, UseConversationTimelineItemsOptions, UseConversationTimelineItemsResult, UseConversationTimelineOptions, UseConversationTimelineReturn, UseConversationsOptions, UseConversationsResult, UseCreateConversationOptions, UseCreateConversationResult, UseGroupedMessagesOptions, UseGroupedMessagesProps, UseHomePageOptions, UseHomePageReturn, UseMessageComposerOptions, UseMessageComposerReturn, UseMultimodalInputOptions, UseMultimodalInputReturn, UseRealtimeSupportOptions, UseRealtimeSupportResult, UseSendMessageOptions, UseSendMessageResult, UseSupportValue, UseVisitorReturn, WebSocketContextValue, WebSocketProvider, SupportWindow as Window, WindowVisibilityFocusState, applyConversationSeenEvent, applyConversationTypingEvent, clearTypingFromTimelineItem, clearTypingState, generateShortPrimaryId, hydrateConversationSeen, setTypingState, shouldDisplayConversation, upsertConversationSeen, useClient, useClientQuery, useComposerRefocus, useConversation, useConversationAutoSeen, useConversationHistoryPage, useConversationLifecycle, useConversationPage, useConversationPreview, useConversationSeen, useConversationTimeline, useConversationTimelineItems, useConversationTyping, useConversations, useCreateConversation, useDebouncedConversationSeen, useDefaultMessages, useGroupedMessages, useHomePage, useMessageComposer, useMultimodalInput, useRealtime, useRealtimeConnection, useRealtimeSupport, useRenderElement, useSendMessage, useSupport, useSupportConfig, useSupportStore, useVisitor, useWebSocket, useWindowVisibilityFocus };
+export { Avatar, AvatarFallback, AvatarImage, SupportBubble as Bubble, Button, CONVERSATION_AUTO_SEEN_DELAY_MS, SupportConfig as Config, ConversationItem, ConversationLifecycleState, ConversationPreviewAssignedAgent, ConversationPreviewLastMessage, ConversationPreviewTypingParticipant, ConversationPreviewTypingState, ConversationTimeline, ConversationTimelineContainer, ConversationTimelineEmpty, ConversationTimelineLoading, ConversationTimelineTypingParticipant, ConversationTypingParticipant, CossistantContextValue, CossistantProviderProps, CreateConversationVariables, FileInput, GroupedMessage, IdentifySupportVisitor, IdentifySupportVisitorProps, SupportInput as Input, MultimodalInput, PENDING_CONVERSATION_ID, Page, PageProps, PageRegistryProvider, RealtimeAuthConfig, RealtimeContextValue, RealtimeEventHandler, RealtimeEventHandlerEntry, RealtimeEventHandlersMap, RealtimeEventMeta, RealtimeProvider, RealtimeProviderProps, Router, RouterProps, SendMessageOptions, SendMessageResult, Support, SupportConfig, SupportConfigProps, SupportContext, SupportProps, SupportProvider, SupportProviderProps, SupportRealtimeProvider, TimelineEventItem, TimelineItem, TimelineItemContent, TimelineItemGroup, TimelineItemGroupAvatar, TimelineItemGroupContent, TimelineItemGroupHeader, TimelineItemGroupReadIndicator, TimelineItemGroupSeenIndicator, TimelineItemTimestamp, TimelineToolItem, TypingIndicator, TypingIndicatorProps, TypingParticipant, TypingParticipantType, UseClientResult, UseComposerRefocusOptions, UseComposerRefocusReturn, UseConversationAutoSeenOptions, UseConversationHistoryPageOptions, UseConversationHistoryPageReturn, UseConversationLifecycleOptions, UseConversationLifecycleReturn, UseConversationOptions, UseConversationPageOptions, UseConversationPageReturn, UseConversationPreviewOptions, UseConversationPreviewReturn, UseConversationResult, UseConversationTimelineItemsOptions, UseConversationTimelineItemsResult, UseConversationTimelineOptions, UseConversationTimelineReturn, UseConversationsOptions, UseConversationsResult, UseCreateConversationOptions, UseCreateConversationResult, UseGroupedMessagesOptions, UseGroupedMessagesProps, UseHomePageOptions, UseHomePageReturn, UseMessageComposerOptions, UseMessageComposerReturn, UseMultimodalInputOptions, UseMultimodalInputReturn, UseRealtimeSupportOptions, UseRealtimeSupportResult, UseScrollMaskOptions, UseScrollMaskReturn, UseSendMessageOptions, UseSendMessageResult, UseSupportValue, UseVisitorReturn, WebSocketContextValue, WebSocketProvider, SupportWindow as Window, WindowVisibilityFocusState, applyConversationSeenEvent, applyConversationTypingEvent, clearTypingFromTimelineItem, clearTypingState, generateShortPrimaryId, hydrateConversationSeen, setTypingState, shouldDisplayConversation, upsertConversationSeen, useClient, useClientQuery, useComposerRefocus, useConversation, useConversationAutoSeen, useConversationHistoryPage, useConversationLifecycle, useConversationPage, useConversationPreview, useConversationSeen, useConversationTimeline, useConversationTimelineItems, useConversationTyping, useConversations, useCreateConversation, useDebouncedConversationSeen, useDefaultMessages, useGroupedMessages, useHomePage, useMessageComposer, useMultimodalInput, usePageRegistry, useRealtime, useRealtimeConnection, useRealtimeSupport, useRegisterPage, useRenderElement, useScrollMask, useSendMessage, useSupport, useSupportConfig, useSupportStore, useVisitor, useWebSocket, useWindowVisibilityFocus };

package/index2.d.ts

@@ -19,6 +19,7 @@ import { CreateConversationVariables, UseCreateConversationOptions, UseCreateCon
 import { UseHomePageOptions, UseHomePageReturn, useHomePage } from "./use-home-page.js";
 import { UseMessageComposerOptions, UseMessageComposerReturn, useMessageComposer } from "./use-message-composer.js";
 import { UseRealtimeSupportOptions, UseRealtimeSupportResult, useRealtimeSupport } from "./use-realtime-support.js";
+import { UseScrollMaskOptions, UseScrollMaskReturn, useScrollMask } from "./use-scroll-mask.js";
 import { SendMessageOptions, SendMessageResult, UseSendMessageOptions, UseSendMessageResult, useSendMessage } from "./use-send-message.js";
 import { UseVisitorReturn, useVisitor } from "./use-visitor.js";
 import { WindowVisibilityFocusState, useWindowVisibilityFocus } from "./use-window-visibility-focus.js";

package/index2.parts.d.ts

@@ -8,6 +8,9 @@ import { SupportBubble } from "./bubble.js";
 import { Button } from "./button.js";
 import { ConversationTimeline, ConversationTimelineContainer, ConversationTimelineEmpty, ConversationTimelineLoading } from "./conversation-timeline.js";
 import { FileInput, MultimodalInput, SupportInput } from "./multimodal-input.js";
+import { Page, PageProps } from "./page.js";
+import { PageRegistryProvider, usePageRegistry, useRegisterPage } from "./page-registry.js";
+import { Router, RouterProps } from "./router.js";
 import { TimelineItem, TimelineItemContent, TimelineItemTimestamp } from "./timeline-item.js";
 import { TimelineItemGroup, TimelineItemGroupAvatar, TimelineItemGroupContent, TimelineItemGroupHeader, TimelineItemGroupReadIndicator, TimelineItemGroupSeenIndicator } from "./timeline-item-group.js";
 import { SupportWindow } from "./window.js";

package/index4.d.ts

@@ -7,6 +7,9 @@ import { SupportBubble } from "./bubble.js";
 import { Button } from "./button.js";
 import { ConversationTimeline, ConversationTimelineContainer, ConversationTimelineEmpty, ConversationTimelineLoading } from "./conversation-timeline.js";
 import { FileInput, MultimodalInput, SupportInput } from "./multimodal-input.js";
+import { Page, PageProps } from "./page.js";
+import { PageRegistryProvider, usePageRegistry, useRegisterPage } from "./page-registry.js";
+import { Router, RouterProps } from "./router.js";
 import { TimelineItem, TimelineItemContent, TimelineItemTimestamp } from "./timeline-item.js";
 import { TimelineItemGroup, TimelineItemGroupAvatar, TimelineItemGroupContent, TimelineItemGroupHeader, TimelineItemGroupReadIndicator, TimelineItemGroupSeenIndicator } from "./timeline-item-group.js";
 import { SupportWindow } from "./window.js";

package/index7.d.ts

@@ -1,8 +1,12 @@
 import { SupportLocale, SupportTextContentOverrides } from "./keys.js";
+import { Page, PageProps } from "./page.js";
+import "./index4.js";
 import "./index6.js";
+import { BubbleSlotProps, ContainerSlotProps, RouterSlotProps } from "./types.js";
+import "./button2.js";
 import { WebSocketContextValue, WebSocketProvider, useWebSocket } from "./websocket.js";
 import { useSupportConfig, useSupportStore } from "./support-store.js";
-import { ReactElement } from "react";
+import React, { ReactElement } from "react";
 
 //#region ../react/src/support/index.d.ts
 type SupportProps<Locale extends string = SupportLocale> = {
@@ -15,11 +19,31 @@ type SupportProps<Locale extends string = SupportLocale> = {
   defaultOpen?: boolean;
   locale?: Locale;
   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;
+  };
+  children?: React.ReactNode;
 };
 /**
- * Orchestrates the end-user support experience by nesting realtime and
- * content providers. Renders nothing until website data is available to avoid
- * flashing incomplete UI.
+ * Complete support widget with chat, routing, and real-time features.
+ *
+ * @example
+ * // Zero config
+ * <Support />
+ *
+ * @example
+ * // With customization
+ * <Support theme="dark" classNames={{ bubble: "bg-purple-600" }}>
+ *   <Page name="FAQ" component={FAQPage} />
+ * </Support>
  */
 declare function Support<Locale extends string = SupportLocale>({
   className,
@@ -30,7 +54,11 @@ declare function Support<Locale extends string = SupportLocale>({
   defaultMessages,
   defaultOpen,
   locale,
-  content
+  content,
+  theme,
+  slots,
+  classNames,
+  children
 }: SupportProps<Locale>): ReactElement | null;
 //#endregion
 export { Support, SupportProps };

package/index7.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index7.d.ts","names":[],"sources":["../../react/src/support/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;KAYY,qCAAqC;;;EAArC,KAAA,CAAA,EAAA,OAAY,GAAA,MAAA;EAAyB,WAAA,CAAA,EAAA,OAAA,GAAA,UAAA;EAM9B,YAAA,CAAA,EAAA,MAAA,EAAA;EAET,eAAA,CAAA,EAFS,cAET,EAAA;EAC6B,WAAA,CAAA,EAAA,OAAA;EAA5B,MAAA,CAAA,EADD,MACC;EAA2B,OAAA,CAAA,EAA3B,2BAA2B,CAAC,MAAD,CAAA;AAStC,CAAA;;;;;;AAKC,iBALe,OAKf,CAAA,eAAA,MAAA,GAL+C,aAK/C,CAAA,CAAA;EAAA,SAAA;EAAA,QAAA;EAAA,KAAA;EAAA,WAAA;EAAA,YAAA;EAAA,eAAA;EAAA,WAAA;EAAA,MAAA;EAAA;AAAA,CAAA,EAKE,YALF,CAKe,MALf,CAAA,CAAA,EAKyB,YALzB,GAAA,IAAA"}
+{"version":3,"file":"index7.d.ts","names":[],"sources":["../../react/src/support/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;KAmBY,qCAAqC;;;;;;EAArC,eAAY,CAAA,EAOL,cAPK,EAAA;EAAyB,WAAA,CAAA,EAAA,OAAA;EAO9B,MAAA,CAAA,EAET,MAFS;EAET,OAAA,CAAA,EACC,2BADD,CAC6B,MAD7B,CAAA;EAC6B,KAAA,CAAA,EAAA,OAAA,GAAA,MAAA;EAA5B,KAAA,CAAA,EAAA;IAOoB,MAAA,CAAA,EAApB,KAAA,CAAM,aAAc,CAAA,eAAA,CAAA;IAAd,SAAA,CAAA,EACH,KAAA,CAAM,aADH,CACiB,kBADjB,CAAA;IACiB,MAAA,CAAA,EACvB,KAAA,CAAM,aADiB,CACH,eADG,CAAA;EAApB,CAAA;EACiB,UAAA,CAAA,EAAA;IAAd,IAAA,CAAA,EAAA,MAAA;IAWC,MAAA,CAAA,EAAA,MAAA;IAAS,SAAA,CAAA,EAAA,MAAA;EAgBX,CAAA;EAAgC,QAAA,CAAA,EAhBpC,KAAA,CAAM,SAgB8B;CAC/C;;;;;;;;;;;;;;AAaE,iBAda,OAcb,CAAA,eAAA,MAAA,GAd6C,aAc7C,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;AAAA,CAAA,EAAA,YAAA,CAAa,MAAb,CAAA,CAAA,EAAuB,YAAvB,GAAA,IAAA"}

package/multimodal-input.d.ts

@@ -7,7 +7,7 @@ import * as React$1 from "react";
  * clipboard uploads and auto-resizing while remaining composable via
  * `asChild`.
  */
-declare const MultimodalInput: React$1.ForwardRefExoticComponent<Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange" | "value"> & {
+declare const MultimodalInput: React$1.ForwardRefExoticComponent<Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, "value" | "onChange"> & {
   value: string;
   onChange: (value: string) => void;
   onSubmit?: () => void;
@@ -25,7 +25,7 @@ declare const FileInput: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttr
   onFileSelect?: (files: File[]) => void;
   asChild?: boolean;
 } & React$1.RefAttributes<HTMLInputElement>>;
-declare const SupportInput: React$1.ForwardRefExoticComponent<Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange" | "value"> & {
+declare const SupportInput: React$1.ForwardRefExoticComponent<Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, "value" | "onChange"> & {
   value: string;
   onChange: (value: string) => void;
   onSubmit?: () => void;

package/multimodal-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multimodal-input.d.ts","names":[],"sources":["../../react/src/primitives/multimodal-input.tsx"],"sourcesContent":[],"mappings":";;;;;;AA2IA;;;AARwB,cA7GX,eA6GW,EA7GI,OAAA,CAAA,yBA6GJ,CA7GI,IA6GJ,CA7GI,OAAA,CAAA,sBA6GJ,CA7GI,mBA6GJ,CAAA,EAAA,UAAA,GAAA,OAAA,CAAA,GAAA;;;EAQF,QAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAA,YAAA,CAAA,EAAA,CAAA,KAAA,EAjIE,IAiIF,EAAA,EAAA,GAAA,IAAA;EAqCT,OAAA,CAAA,EAAA,OAA8B;EAAlB,SAAA,CAAA,EAAA,MAAA;EAAA,KAAA,CAAA,EAnKhB,KAmKgB,GAAA,IAAA;EAAA,QAAA,CAAA,EAAA,OAAA;CAtKD,wBAAA,oBAAA,CAAA,CAAA;;;;;cAiIX,WAAS,OAAA,CAAA,0BAAA,OAAA,CAAA,oBAAA;yBARE;;;cA6CX,cAAY,OAAA,CAAA,0BAAA,KAAA,OAAA,CAAA,uBAAA;;;;yBAtKD;;;UAGf"}
+{"version":3,"file":"multimodal-input.d.ts","names":[],"sources":["../../react/src/primitives/multimodal-input.tsx"],"sourcesContent":[],"mappings":";;;;;;AA2IA;;;AARwB,cA7GX,eA6GW,EA7GI,OAAA,CAAA,yBA6GJ,CA7GI,IA6GJ,CA7GI,OAAA,CAAA,sBA6GJ,CA7GI,mBA6GJ,CAAA,EAAA,OAAA,GAAA,UAAA,CAAA,GAAA;;;EAQF,QAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAA,YAAA,CAAA,EAAA,CAAA,KAAA,EAjIE,IAiIF,EAAA,EAAA,GAAA,IAAA;EAqCT,OAAA,CAAA,EAAA,OAA8B;EAAlB,SAAA,CAAA,EAAA,MAAA;EAAA,KAAA,CAAA,EAnKhB,KAmKgB,GAAA,IAAA;EAAA,QAAA,CAAA,EAAA,OAAA;CAtKD,wBAAA,oBAAA,CAAA,CAAA;;;;;cAiIX,WAAS,OAAA,CAAA,0BAAA,OAAA,CAAA,oBAAA;yBARE;;;cA6CX,cAAY,OAAA,CAAA,0BAAA,KAAA,OAAA,CAAA,uBAAA;;;;yBAtKD;;;UAGf"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cossistant/next",
   "type": "module",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "private": false,
   "author": "Cossistant team",
   "description": "Next.js-ready SDK for building AI-powered support/chat widgets. Hooks + primitives, WS-driven, TypeScript-first. Next.js-ready, Tailwind optional.",
@@ -91,7 +91,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@cossistant/react": "0.0.14",
+    "@cossistant/react": "0.0.16",
     "tailwindcss": "^4.1.13"
   },
   "peerDependencies": {

package/page-registry.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+
+//#region ../react/src/primitives/page-registry.d.ts
+type PageComponent<P = unknown> = React.ComponentType<{
+  params?: P;
+}>;
+type PageRegistry = Map<string, PageComponent>;
+/**
+ * Context provider for declarative page registration.
+ *
+ * @example
+ * <PageRegistryProvider>
+ *   <Page name="HOME" component={HomePage} />
+ *   <Router page={currentPage} />
+ * </PageRegistryProvider>
+ */
+declare const PageRegistryProvider: React.FC<{
+  children: React.ReactNode;
+}>;
+/**
+ * Access the page registry (used internally by Router and Page).
+ */
+declare const usePageRegistry: () => PageRegistry;
+/**
+ * Register a page in the registry (used internally by Page component).
+ */
+declare const useRegisterPage: (name: string, component: PageComponent) => void;
+//#endregion
+export { PageRegistryProvider, usePageRegistry, useRegisterPage };
+//# sourceMappingURL=page-registry.d.ts.map

package/page-registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-registry.d.ts","names":[],"sources":["../../react/src/primitives/page-registry.tsx"],"sourcesContent":[],"mappings":";;;KAEK,6BAA6B,KAAA,CAAM;WAAyB;AAFC,CAAA,CAAA;AAEb,KAEhD,YAAA,GAAe,GAAH,CAAA,MAAA,EAAe,aAAA,CAAA;AAahC;AAeA;AAKA;;;;;;;cApBa,sBAAsB,KAAA,CAAM;YAAe,KAAA,CAAM;;;;;cAejD,uBAAe;;;;cAKf,2CAA4C"}

package/page.d.ts

@@ -0,0 +1,21 @@
+//#region ../react/src/primitives/page.d.ts
+type PageProps<Params = unknown> = {
+  name: string;
+  component: React.ComponentType<{
+    params?: Params;
+  }>;
+};
+/**
+ * Declaratively register a page component.
+ *
+ * @example
+ * <Page name="HOME" component={HomePage} />
+ * <Page name="SETTINGS" component={SettingsPage} />
+ */
+declare function Page<Params = unknown>({
+  name,
+  component
+}: PageProps<Params>): null;
+//#endregion
+export { Page, PageProps };
+//# sourceMappingURL=page.d.ts.map

package/page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.d.ts","names":[],"sources":["../../react/src/primitives/page.tsx"],"sourcesContent":[],"mappings":";KAEY;EAAA,IAAA,EAAA,MAAS;EAYL,SAAI,EAVR,KAAA,CAAM,aAUE,CAAA;IACnB,MAAA,CAAA,EAX0C,MAW1C;EACA,CAAA,CAAA;CACY;;;;;;;;iBAHG;;;GAGb,UAAU"}

package/primitives/index.d.ts

@@ -7,8 +7,11 @@ import { SupportBubble } from "../bubble.js";
 import { Button } from "../button.js";
 import { ConversationTimeline, ConversationTimelineContainer, ConversationTimelineEmpty, ConversationTimelineLoading } from "../conversation-timeline.js";
 import { FileInput, MultimodalInput, SupportInput } from "../multimodal-input.js";
+import { Page, PageProps } from "../page.js";
+import { PageRegistryProvider, usePageRegistry, useRegisterPage } from "../page-registry.js";
+import { Router, RouterProps } from "../router.js";
 import { TimelineItem, TimelineItemContent, TimelineItemTimestamp } from "../timeline-item.js";
 import { TimelineItemGroup, TimelineItemGroupAvatar, TimelineItemGroupContent, TimelineItemGroupHeader, TimelineItemGroupReadIndicator, TimelineItemGroupSeenIndicator } from "../timeline-item-group.js";
 import { SupportWindow } from "../window.js";
 import "../index4.js";
-export { Avatar, AvatarFallback, AvatarImage, SupportBubble as Bubble, Button, SupportConfig as Config, ConversationTimeline, ConversationTimelineContainer, ConversationTimelineEmpty, ConversationTimelineLoading, FileInput, SupportInput as Input, MultimodalInput, TimelineItem, TimelineItemContent, TimelineItemGroup, TimelineItemGroupAvatar, TimelineItemGroupContent, TimelineItemGroupHeader, TimelineItemGroupReadIndicator, TimelineItemGroupSeenIndicator, TimelineItemTimestamp, TypingIndicator, TypingIndicatorProps, TypingParticipant, TypingParticipantType, SupportWindow as Window };
+export { Avatar, AvatarFallback, AvatarImage, SupportBubble as Bubble, Button, SupportConfig as Config, ConversationTimeline, ConversationTimelineContainer, ConversationTimelineEmpty, ConversationTimelineLoading, FileInput, SupportInput as Input, MultimodalInput, Page, PageProps, PageRegistryProvider, Router, RouterProps, TimelineItem, TimelineItemContent, TimelineItemGroup, TimelineItemGroupAvatar, TimelineItemGroupContent, TimelineItemGroupHeader, TimelineItemGroupReadIndicator, TimelineItemGroupSeenIndicator, TimelineItemTimestamp, TypingIndicator, TypingIndicatorProps, TypingParticipant, TypingParticipantType, SupportWindow as Window, usePageRegistry, useRegisterPage };

package/router.d.ts

@@ -0,0 +1,35 @@
+import React from "react";
+
+//#region ../react/src/primitives/router.d.ts
+type RouterProps = {
+  /**
+   * Current page name to render
+   */
+  page: string;
+  /**
+   * Params to pass to the page component
+   */
+  params?: unknown;
+  /**
+   * Fallback component when page is not found
+   */
+  fallback?: React.ComponentType<{
+    params?: unknown;
+  }>;
+  /**
+   * Children (Page components for registration)
+   */
+  children?: React.ReactNode;
+};
+/**
+ * Router that renders registered pages based on current page name.
+ *
+ * @example
+ * <Router page={currentPage} params={params} fallback={NotFoundPage}>
+ *   <Page name="HOME" component={HomePage} />
+ * </Router>
+ */
+declare const Router: React.FC<RouterProps>;
+//#endregion
+export { Router, RouterProps };
+//# sourceMappingURL=router.d.ts.map

package/router.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"router.d.ts","names":[],"sources":["../../react/src/primitives/router.tsx"],"sourcesContent":[],"mappings":";;;KAGY,WAAA;;AAAZ;AA8BA;;;;;;;;;aAhBY,KAAA,CAAM;;;;;;aAKN,KAAA,CAAM;;;;;;;;;;cAWL,QAAQ,KAAA,CAAM,GAAG"}

package/support-store.d.ts

@@ -1,14 +1,17 @@
 //#region ../react/src/support/store/support-store.d.ts
 type UseSupportStoreResult = SupportStoreState & Pick<SupportStore, "navigate" | "replace" | "goBack" | "open" | "close" | "toggle" | "updateConfig" | "reset">;
 /**
- * React hook wrapper around the shared support widget store. Exposes both the
- * raw state and imperative actions so UI components can drive navigation or
- * change configuration without importing the store singleton directly.
+ * Access the support widget store state and actions.
+ *
+ * @example
+ * const { isOpen, navigate, toggle } = useSupportStore();
  */
 declare function useSupportStore(): UseSupportStoreResult;
 /**
- * Shortcut hook that returns the persisted widget configuration along with
- * open/close/toggle helpers for common UI bindings.
+ * Access widget configuration (isOpen, size) and toggle helpers.
+ *
+ * @example
+ * const { isOpen, open, close, toggle } = useSupportConfig();
  */
 declare const useSupportConfig: () => {
   open: () => void;

package/support-store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"support-store.d.ts","names":[],"sources":["../../react/src/support/store/support-store.ts"],"sourcesContent":[],"mappings":";AA8CY,KAAA,qBAAA,GAAwB,iBAAH,GAChC,IADgC,CAE/B,YAF+B,EAAA,UAAA,GAAA,SAAA,GAAA,QAAA,GAAA,MAAA,GAAA,OAAA,GAAA,QAAA,GAAA,cAAA,GAAA,OAAA,CAAA;;;;;AAkBjC;AAuBa,iBAvBG,eAAA,CAAA,CAmCf,EAnCkC,qBAmClC;;;;;cAZY"}
+{"version":3,"file":"support-store.d.ts","names":[],"sources":["../../react/src/support/store/support-store.ts"],"sourcesContent":[],"mappings":";AA8CY,KAAA,qBAAA,GAAwB,iBAAH,GAChC,IADgC,CAE/B,YAF+B,EAAA,UAAA,GAAA,SAAA,GAAA,QAAA,GAAA,MAAA,GAAA,OAAA,GAAA,QAAA,GAAA,cAAA,GAAA,OAAA,CAAA;;;;;AAmBjC;AAyBA;iBAzBgB,eAAA,CAAA,GAAmB;;;;;;;cAyBtB"}

package/support.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
-@layer base{.cossistant{scroll-behavior:smooth;color-scheme:normal;--co-font-sans:var(--co-theme-font-sans,"Geist","Inter",sans-serif);--co-font-mono:var(--co-theme-font-mono,"Geist Mono","Inter Mono",monospace);--co-radius:var(--co-theme-radius,.625rem);--co-background-base:var(--co-theme-background,oklch(99% 0 0));--co-foreground-base:var(--co-theme-foreground,oklch(14.5% 0 0));--co-popover-base:var(--co-theme-popover,var(--co-background-base));--co-popover-foreground-base:var(--co-theme-popover-foreground,var(--co-foreground-base));--co-primary-base:var(--co-theme-primary,oklch(20.5% 0 0));--co-primary-foreground-base:var(--co-theme-primary-foreground,oklch(98.5% 0 0));--co-secondary-base:var(--co-theme-secondary,oklch(97% 0 0));--co-secondary-foreground-base:var(--co-theme-secondary-foreground,oklch(20.5% 0 0));--co-border-base:var(--co-theme-border,oklch(92.2% 0 0));--co-input-base:var(--co-theme-input,oklch(92.2% 0 0));--co-ring-base:var(--co-theme-ring,var(--co-primary-base));--co-accent-base:var(--co-theme-accent,var(--co-primary-base));--co-accent-foreground-base:var(--co-theme-accent-foreground,var(--co-primary-foreground-base));--co-background-50-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-background-50-mix:color-mix(in oklch,var(--co-background-base)98%,var(--co-foreground-base))}}.cossistant{--co-background-100-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-background-100-mix:color-mix(in oklch,var(--co-background-base)97%,var(--co-foreground-base))}}.cossistant{--co-background-200-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-background-200-mix:color-mix(in oklch,var(--co-background-base)96%,var(--co-foreground-base))}}.cossistant{--co-background-300-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-background-300-mix:color-mix(in oklch,var(--co-background-base)95%,var(--co-foreground-base))}}.cossistant{--co-background-400-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-background-400-mix:color-mix(in oklch,var(--co-background-base)94%,var(--co-foreground-base))}}.cossistant{--co-background-500-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-background-500-mix:color-mix(in oklch,var(--co-background-base)93%,var(--co-foreground-base))}}.cossistant{--co-background-600-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-background-600-mix:color-mix(in oklch,var(--co-background-base)92%,var(--co-foreground-base))}}.cossistant{--co-muted-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-muted-mix:color-mix(in oklch,var(--co-background-base)85%,var(--co-foreground-base))}}.cossistant{--co-muted-foreground-mix:var(--co-foreground-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-muted-foreground-mix:color-mix(in oklch,var(--co-foreground-base)70%,white)}}.cossistant{--co-background:var(--co-background-base);--co-background-50:var(--co-theme-background-50,var(--co-background-50-mix,oklch(92% 0 0)));--co-background-100:var(--co-theme-background-100,var(--co-background-100-mix,oklch(93% 0 0)));--co-background-200:var(--co-theme-background-200,var(--co-background-200-mix,oklch(94% 0 0)));--co-background-300:var(--co-theme-background-300,var(--co-background-300-mix,oklch(95% 0 0)));--co-background-400:var(--co-theme-background-400,var(--co-background-400-mix,oklch(96% 0 0)));--co-background-500:var(--co-theme-background-500,var(--co-background-500-mix,oklch(97% 0 0)));--co-background-600:var(--co-theme-background-600,var(--co-background-600-mix,oklch(98% 0 0)));--co-foreground:var(--co-foreground-base);--co-popover:var(--co-popover-base);--co-popover-foreground:var(--co-popover-foreground-base);--co-primary:var(--co-primary-base);--co-primary-foreground:var(--co-primary-foreground-base);--co-secondary:var(--co-secondary-base);--co-secondary-foreground:var(--co-secondary-foreground-base);--co-muted:var(--co-theme-muted,var(--co-muted-mix,oklch(97% 0 0)));--co-muted-foreground:var(--co-theme-muted-foreground,var(--co-muted-foreground-mix,oklch(55.6% 0 0)));--co-border:var(--co-border-base);--co-input:var(--co-input-base);--co-ring:var(--co-ring-base);--co-accent:var(--co-accent-base);--co-accent-foreground:var(--co-accent-foreground-base);--co-pink:var(--co-theme-pink,oklch(76.3% .152 354));--co-yellow:var(--co-theme-yellow,oklch(86.4% .144 99));--co-blue:var(--co-theme-blue,oklch(72.5% .132 241));--co-orange:var(--co-theme-orange,oklch(74.5% .166 50));--co-destructive:var(--co-theme-destructive,oklch(57.7% .245 27.325));--co-destructive-foreground:var(--co-theme-destructive-foreground,oklch(57.7% .245 27.325));--co-success:var(--co-theme-success,oklch(71.7% .18 142));--co-success-foreground:var(--co-theme-success-foreground,oklch(26.5% .052 142.7));--co-neutral:var(--co-theme-neutral,oklch(60.8% 0 0));--co-neutral-foreground:var(--co-theme-neutral-foreground,oklch(25.6% 0 0));--co-warning:var(--co-theme-warning,oklch(86.4% .144 99));--co-warning-foreground:var(--co-theme-warning-foreground,oklch(41.4% .071 99))}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-base:var(--co-theme-background,oklch(15.5% 0 0));--co-foreground-base:var(--co-theme-foreground,oklch(98.5% 0 0));--co-popover-base:var(--co-theme-popover,oklch(14.5% 0 0));--co-popover-foreground-base:var(--co-theme-popover-foreground,oklch(98.5% 0 0));--co-primary-base:var(--co-theme-primary,oklch(98.5% 0 0));--co-primary-foreground-base:var(--co-theme-primary-foreground,oklch(20.5% 0 0));--co-secondary-base:var(--co-theme-secondary,oklch(26.9% 0 0));--co-secondary-foreground-base:var(--co-theme-secondary-foreground,oklch(98.5% 0 0));--co-border-base:var(--co-theme-border,oklch(26.9% 0 0));--co-input-base:var(--co-theme-input,oklch(26.9% 0 0));--co-ring-base:var(--co-theme-ring,var(--co-primary-base));--co-accent-base:var(--co-theme-accent,var(--co-primary-base));--co-accent-foreground-base:var(--co-theme-accent-foreground,var(--co-primary-foreground-base));--co-muted-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-muted-mix:color-mix(in oklch,var(--co-background-base)55%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-muted-foreground-mix:var(--co-foreground-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-muted-foreground-mix:color-mix(in oklch,var(--co-foreground-base)65%,white)}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-50-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-50-mix:color-mix(in oklch,var(--co-background-base)98%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-100-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-100-mix:color-mix(in oklch,var(--co-background-base)96%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-200-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-200-mix:color-mix(in oklch,var(--co-background-base)94%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-300-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-300-mix:color-mix(in oklch,var(--co-background-base)92%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-400-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-400-mix:color-mix(in oklch,var(--co-background-base)90%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-500-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-500-mix:color-mix(in oklch,var(--co-background-base)88%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-600-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-600-mix:color-mix(in oklch,var(--co-background-base)86%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-pink:var(--co-theme-pink,oklch(84.2% .109 354));--co-yellow:var(--co-theme-yellow,oklch(90.3% .111 99));--co-blue:var(--co-theme-blue,oklch(79.8% .089 241));--co-orange:var(--co-theme-orange,oklch(68.2% .194 50));--co-destructive:var(--co-theme-destructive,oklch(39.6% .141 25.723));--co-destructive-foreground:var(--co-theme-destructive-foreground,oklch(63.7% .237 25.331));--co-success:var(--co-theme-success,oklch(60% .15 142));--co-success-foreground:var(--co-theme-success-foreground,oklch(85% .12 142));--co-neutral:var(--co-theme-neutral,oklch(50% 0 0));--co-neutral-foreground:var(--co-theme-neutral-foreground,oklch(85% 0 0));--co-warning:var(--co-theme-warning,oklch(90.3% .111 99));--co-warning-foreground:var(--co-theme-warning-foreground,oklch(85% .1 99))}}@layer utilities{.cossistant .animation-delay-0{animation-delay:0s}.cossistant .animation-delay-200{animation-delay:.2s}.cossistant .animation-delay-400{animation-delay:.4s}.cossistant .dot-bounce-1{animation:1.4s infinite bounce-dot}.cossistant .dot-bounce-2{animation:1.4s .16s infinite bounce-dot}.cossistant .dot-bounce-3{animation:1.4s .32s infinite bounce-dot}}
+@layer base{.cossistant{scroll-behavior:smooth;color:var(--co-primary);color-scheme:normal;--co-font-sans:var(--co-theme-font-sans,"Geist","Inter",sans-serif);--co-font-mono:var(--co-theme-font-mono,"Geist Mono","Inter Mono",monospace);--co-radius:var(--co-theme-radius,.625rem);--co-background-base:var(--co-theme-background,oklch(99% 0 0));--co-foreground-base:var(--co-theme-foreground,oklch(20.5% 0 0));--co-popover-base:var(--co-theme-popover,var(--co-background-base));--co-popover-foreground-base:var(--co-theme-popover-foreground,var(--co-foreground-base));--co-primary-base:var(--co-theme-primary,oklch(14.5% 0 0));--co-primary-foreground-base:var(--co-theme-primary-foreground,oklch(98.5% 0 0));--co-secondary-base:var(--co-theme-secondary,oklch(97% 0 0));--co-secondary-foreground-base:var(--co-theme-secondary-foreground,oklch(14.5% 0 0));--co-border-base:var(--co-theme-border,oklch(92.2% 0 0));--co-input-base:var(--co-theme-input,oklch(92.2% 0 0));--co-ring-base:var(--co-theme-ring,var(--co-primary-base));--co-accent-base:var(--co-theme-accent,var(--co-primary-base));--co-accent-foreground-base:var(--co-theme-accent-foreground,var(--co-primary-foreground-base));--co-background-50-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-background-50-mix:color-mix(in oklch,var(--co-background-base)98%,var(--co-foreground-base))}}.cossistant{--co-background-100-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-background-100-mix:color-mix(in oklch,var(--co-background-base)97%,var(--co-foreground-base))}}.cossistant{--co-background-200-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-background-200-mix:color-mix(in oklch,var(--co-background-base)96%,var(--co-foreground-base))}}.cossistant{--co-background-300-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-background-300-mix:color-mix(in oklch,var(--co-background-base)95%,var(--co-foreground-base))}}.cossistant{--co-background-400-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-background-400-mix:color-mix(in oklch,var(--co-background-base)94%,var(--co-foreground-base))}}.cossistant{--co-background-500-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-background-500-mix:color-mix(in oklch,var(--co-background-base)93%,var(--co-foreground-base))}}.cossistant{--co-background-600-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-background-600-mix:color-mix(in oklch,var(--co-background-base)92%,var(--co-foreground-base))}}.cossistant{--co-muted-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-muted-mix:color-mix(in oklch,var(--co-background-base)85%,var(--co-foreground-base))}}.cossistant{--co-muted-foreground-mix:var(--co-foreground-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-muted-foreground-mix:color-mix(in oklch,var(--co-foreground-base)70%,white)}}.cossistant{--co-background:var(--co-background-base);--co-background-50:var(--co-theme-background-50,var(--co-background-50-mix,oklch(92% 0 0)));--co-background-100:var(--co-theme-background-100,var(--co-background-100-mix,oklch(93% 0 0)));--co-background-200:var(--co-theme-background-200,var(--co-background-200-mix,oklch(94% 0 0)));--co-background-300:var(--co-theme-background-300,var(--co-background-300-mix,oklch(95% 0 0)));--co-background-400:var(--co-theme-background-400,var(--co-background-400-mix,oklch(96% 0 0)));--co-background-500:var(--co-theme-background-500,var(--co-background-500-mix,oklch(97% 0 0)));--co-background-600:var(--co-theme-background-600,var(--co-background-600-mix,oklch(98% 0 0)));--co-foreground:var(--co-foreground-base);--co-popover:var(--co-popover-base);--co-popover-foreground:var(--co-popover-foreground-base);--co-primary:var(--co-primary-base);--co-primary-foreground:var(--co-primary-foreground-base);--co-secondary:var(--co-secondary-base);--co-secondary-foreground:var(--co-secondary-foreground-base);--co-muted:var(--co-theme-muted,var(--co-muted-mix,oklch(97% 0 0)));--co-muted-foreground:var(--co-theme-muted-foreground,var(--co-muted-foreground-mix,oklch(55.6% 0 0)));--co-border:var(--co-border-base);--co-input:var(--co-input-base);--co-ring:var(--co-ring-base);--co-accent:var(--co-accent-base);--co-accent-foreground:var(--co-accent-foreground-base);--co-pink:var(--co-theme-pink,oklch(76.3% .152 354));--co-yellow:var(--co-theme-yellow,oklch(86.4% .144 99));--co-blue:var(--co-theme-blue,oklch(72.5% .132 241));--co-orange:var(--co-theme-orange,oklch(74.5% .166 50));--co-destructive:var(--co-theme-destructive,oklch(57.7% .245 27.325));--co-destructive-foreground:var(--co-theme-destructive-foreground,oklch(57.7% .245 27.325));--co-success:var(--co-theme-success,oklch(71.7% .18 142));--co-success-foreground:var(--co-theme-success-foreground,oklch(26.5% .052 142.7));--co-neutral:var(--co-theme-neutral,oklch(60.8% 0 0));--co-neutral-foreground:var(--co-theme-neutral-foreground,oklch(25.6% 0 0));--co-warning:var(--co-theme-warning,oklch(86.4% .144 99));--co-warning-foreground:var(--co-theme-warning-foreground,oklch(41.4% .071 99))}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-base:var(--co-theme-background,oklch(15.5% 0 0));--co-foreground-base:var(--co-theme-foreground,oklch(95% 0 0));--co-popover-base:var(--co-theme-popover,oklch(14.5% 0 0));--co-popover-foreground-base:var(--co-theme-popover-foreground,oklch(95% 0 0));--co-primary-base:var(--co-theme-primary,oklch(98.5% 0 0));--co-primary-foreground-base:var(--co-theme-primary-foreground,oklch(14.5% 0 0));--co-secondary-base:var(--co-theme-secondary,oklch(26.9% 0 0));--co-secondary-foreground-base:var(--co-theme-secondary-foreground,oklch(95% 0 0));--co-border-base:var(--co-theme-border,oklch(26.9% 0 0));--co-input-base:var(--co-theme-input,oklch(26.9% 0 0));--co-ring-base:var(--co-theme-ring,var(--co-primary-base));--co-accent-base:var(--co-theme-accent,var(--co-primary-base));--co-accent-foreground-base:var(--co-theme-accent-foreground,var(--co-primary-foreground-base));--co-muted-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-muted-mix:color-mix(in oklch,var(--co-background-base)55%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-muted-foreground-mix:var(--co-foreground-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-muted-foreground-mix:color-mix(in oklch,var(--co-foreground-base)65%,white)}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-50-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-50-mix:color-mix(in oklch,var(--co-background-base)98%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-100-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-100-mix:color-mix(in oklch,var(--co-background-base)96%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-200-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-200-mix:color-mix(in oklch,var(--co-background-base)94%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-300-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-300-mix:color-mix(in oklch,var(--co-background-base)92%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-400-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-400-mix:color-mix(in oklch,var(--co-background-base)90%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-500-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-500-mix:color-mix(in oklch,var(--co-background-base)88%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-600-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-600-mix:color-mix(in oklch,var(--co-background-base)86%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-pink:var(--co-theme-pink,oklch(84.2% .109 354));--co-yellow:var(--co-theme-yellow,oklch(90.3% .111 99));--co-blue:var(--co-theme-blue,oklch(79.8% .089 241));--co-orange:var(--co-theme-orange,oklch(68.2% .194 50));--co-destructive:var(--co-theme-destructive,oklch(39.6% .141 25.723));--co-destructive-foreground:var(--co-theme-destructive-foreground,oklch(63.7% .237 25.331));--co-success:var(--co-theme-success,oklch(60% .15 142));--co-success-foreground:var(--co-theme-success-foreground,oklch(85% .12 142));--co-neutral:var(--co-theme-neutral,oklch(50% 0 0));--co-neutral-foreground:var(--co-theme-neutral-foreground,oklch(85% 0 0));--co-warning:var(--co-theme-warning,oklch(90.3% .111 99));--co-warning-foreground:var(--co-theme-warning-foreground,oklch(85% .1 99))}*{scrollbar-color:initial;scrollbar-width:initial}}@layer utilities{.cossistant .animation-delay-0{animation-delay:0s}.cossistant .animation-delay-200{animation-delay:.2s}.cossistant .animation-delay-400{animation-delay:.4s}.cossistant .dot-bounce-1{animation:1.4s infinite bounce-dot}.cossistant .dot-bounce-2{animation:1.4s .16s infinite bounce-dot}.cossistant .dot-bounce-3{animation:1.4s .32s infinite bounce-dot}}

package/types.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+
+//#region ../react/src/support/types.d.ts
+
+/**
+ * Props for custom Bubble slot component
+ */
+type BubbleSlotProps = {
+  className?: string;
+};
+/**
+ * Props for custom Container slot component
+ */
+type ContainerSlotProps = {
+  className?: string;
+  children: React.ReactNode;
+  position?: "top" | "bottom";
+  align?: "right" | "left";
+};
+/**
+ * Props for custom Router slot component
+ */
+type RouterSlotProps = {
+  children?: React.ReactNode;
+};
+//#endregion
+export { BubbleSlotProps, ContainerSlotProps, RouterSlotProps };
+//# sourceMappingURL=types.d.ts.map

package/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../react/src/support/types.ts"],"sourcesContent":[],"mappings":";;;;;;AAKA;AAOY,KAPA,eAAA,GAOkB;EAUlB,SAAA,CAAA,EAAA,MAAe;;;;;KAVf,kBAAA;;YAED,KAAA,CAAM;;;;;;;KAQL,eAAA;aACA,KAAA,CAAM"}

package/use-scroll-mask.d.ts

@@ -0,0 +1,24 @@
+import * as React$1 from "react";
+
+//#region ../react/src/hooks/use-scroll-mask.d.ts
+type UseScrollMaskOptions = {
+  maskHeight?: string;
+  scrollbarWidth?: string;
+  topThreshold?: number;
+  bottomThreshold?: number;
+};
+type UseScrollMaskReturn = {
+  ref: React$1.RefObject<HTMLDivElement | null>;
+  style: React$1.CSSProperties;
+};
+/**
+ * Hook that provides dynamic scroll mask styles based on scroll position and scrollability.
+ * Only shows gradients when content is scrollable and when not at the edges.
+ *
+ * @param options - Configuration for mask appearance and scroll thresholds
+ * @returns Object with ref to attach to scrollable element and computed style object
+ */
+declare function useScrollMask(options?: UseScrollMaskOptions): UseScrollMaskReturn;
+//#endregion
+export { UseScrollMaskOptions, UseScrollMaskReturn, useScrollMask };
+//# sourceMappingURL=use-scroll-mask.d.ts.map

package/use-scroll-mask.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scroll-mask.d.ts","names":[],"sources":["../../react/src/hooks/use-scroll-mask.ts"],"sourcesContent":[],"mappings":";;;KAEY,oBAAA;;EAAA,cAAA,CAAA,EAAA,MAAoB;EAOpB,YAAA,CAAA,EAAA,MAAA;EACU,eAAA,CAAA,EAAA,MAAA;CAAhB;AACE,KAFI,mBAAA,GAEE;EAAa,GAAA,EADrB,OAAA,CAAM,SACe,CADL,cACK,GAAA,IAAA,CAAA;EAUX,KAAA,EAVR,OAAA,CAAM,aAUe;;;;;;;;;iBAAb,aAAA,WACN,uBACP"}

package/window.d.ts

@@ -6,9 +6,14 @@ type WindowRenderProps = {
   close: () => void;
 };
 /**
- * Host container for the support experience. Handles escape
- * key dismissal and propagates render props so callers can take over the
- * layout.
+ * Dialog container with open/close state and escape key handling.
+ *
+ * @example
+ * <Window isOpen={isOpen} onOpenChange={setOpen}>
+ *   {({ isOpen, close }) => (
+ *     <div>Content here</div>
+ *   )}
+ * </Window>
  */
 declare const SupportWindow: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
   isOpen?: boolean;

package/window.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"window.d.ts","names":[],"sources":["../../react/src/primitives/window.tsx"],"sourcesContent":[],"mappings":";;;KAIY,iBAAA;;EAAA,KAAA,EAAA,GAAA,GAAA,IAAA;AAsBZ,CAAA;;;;;;cAAa,eAAa,OAAA,CAAA,0BAAA,KAAA,OAAA,CAAA,eAAA;;;aAXd,OAAA,CAAM,qBAAqB,sBAAsB,OAAA,CAAM"}
+{"version":3,"file":"window.d.ts","names":[],"sources":["../../react/src/primitives/window.tsx"],"sourcesContent":[],"mappings":";;;KAIY,iBAAA;;EAAA,KAAA,EAAA,GAAA,GAAA,IAAA;AA2BZ,CAAA;;;;;;;;;;;cAAa,eAAa,OAAA,CAAA,0BAAA,KAAA,OAAA,CAAA,eAAA;;;aAhBd,OAAA,CAAM,qBAAqB,sBAAsB,OAAA,CAAM"}