@banbox/chat 1.0.4 → 1.0.6

package/dist/index.d.cts

@@ -290,26 +290,34 @@ interface ChatUICallbacks {
     renderKebabMenu?: (opts: KebabMenuOpts) => React__default.ReactNode;
 }
 
+type ChatTheme = "marketplace" | "admin" | {
+    primary?: string;
+    primaryActive?: string;
+    surfaceLow?: string;
+};
+
 type ChatRootProps = {
     /**
      * The unified data adapter — provides all threads, messages, and send logic.
-     *
-     * Implement this in your host app:
-     * ```ts
-     * const adapter = createDemoChatAdapter();  // or createApiChatAdapter(...)
-     * ```
      */
     adapter: ChatAdapter;
     /**
      * Optional UI callbacks — controls toast notifications, navigation,
      * and the kebab (⋮) menu renderer.
-     *
-     * These delegate UI side-effects back to the host app so the package
-     * stays decoupled from the host's routing and notification systems.
      */
     uiCallbacks?: ChatUICallbacks;
+    /**
+     * Visual theme:
+     * - "marketplace" (default) — orange primary (#ff5300)
+     * - "admin"                 — black primary (#1a1a1a)
+     * - custom object           — { primary, primaryActive, surfaceLow }
+     *
+     * @example
+     * <ChatRoot adapter={adapter} theme="admin" />
+     */
+    theme?: ChatTheme;
 };
-declare function ChatRoot({ adapter, uiCallbacks }: ChatRootProps): React$1.ReactPortal | null;
+declare function ChatRoot({ adapter, uiCallbacks, theme }: ChatRootProps): React$1.ReactPortal | null;
 
 declare function ChatUIProvider({ children }: {
     children: React__default.ReactNode;
@@ -401,7 +409,7 @@ type Props$7 = {
     below?: React__default.ReactNode;
     className?: string;
 };
-declare function ChatHeader({ left, right, below }: Props$7): React__default.JSX.Element;
+declare function ChatHeader({ left, right, below, className }: Props$7): React__default.JSX.Element;
 
 type SubtitleVariant = "live" | "muted";
 type BaseProps = {
@@ -471,9 +479,7 @@ type Props$6 = {
     children: React__default.ReactNode;
     className?: string;
     style?: React__default.CSSProperties;
-    /** set true if you want short threads anchored at the bottom */
     bottomAlignWhenShort?: boolean;
-    /** when this value changes, we auto-scroll to the bottom */
     scrollKey?: string | number;
 };
 declare const ChatScroll: React__default.FC<Props$6>;
@@ -555,4 +561,4 @@ interface PortalProps {
 }
 declare function Portal({ children, containerId }: PortalProps): React$1.ReactPortal | null;
 
-export { type AddressCard$1 as AddressCard, type BusinessCard$1 as BusinessCard, type ChatAdapter, ChatFooter, ChatHeader, ChatIdentity, ChatInquiryBar, ChatListHeader, ChatMessageItem, ChatRoot, type ChatRootProps, ChatScroll, ChatSpinner, ChatThreadItem, type ChatThreadStatus, type ChatUICallbacks, ChatUIContext, ChatUIProvider, type ChatUIState, type ChatVariant, type KebabMenuOpts, type Message, type MessageAudio, type MessageFile, type MessageRef$1 as MessageRef, Portal, type Reference, ReplyCard, type SendPayload, type Thread, type ThreadStatus, type ToastOpts, TypingIndicator, cn, useChatUI };
+export { type AddressCard$1 as AddressCard, type BusinessCard$1 as BusinessCard, type ChatAdapter, ChatFooter, ChatHeader, ChatIdentity, ChatInquiryBar, ChatListHeader, ChatMessageItem, ChatRoot, type ChatRootProps, ChatScroll, ChatSpinner, type ChatTheme, ChatThreadItem, type ChatThreadStatus, type ChatUICallbacks, ChatUIContext, ChatUIProvider, type ChatUIState, type ChatVariant, type KebabMenuOpts, type Message, type MessageAudio, type MessageFile, type MessageRef$1 as MessageRef, Portal, type Reference, ReplyCard, type SendPayload, type Thread, type ThreadStatus, type ToastOpts, TypingIndicator, cn, useChatUI };

package/dist/index.d.ts

@@ -290,26 +290,34 @@ interface ChatUICallbacks {
     renderKebabMenu?: (opts: KebabMenuOpts) => React__default.ReactNode;
 }
 
+type ChatTheme = "marketplace" | "admin" | {
+    primary?: string;
+    primaryActive?: string;
+    surfaceLow?: string;
+};
+
 type ChatRootProps = {
     /**
      * The unified data adapter — provides all threads, messages, and send logic.
-     *
-     * Implement this in your host app:
-     * ```ts
-     * const adapter = createDemoChatAdapter();  // or createApiChatAdapter(...)
-     * ```
      */
     adapter: ChatAdapter;
     /**
      * Optional UI callbacks — controls toast notifications, navigation,
      * and the kebab (⋮) menu renderer.
-     *
-     * These delegate UI side-effects back to the host app so the package
-     * stays decoupled from the host's routing and notification systems.
      */
     uiCallbacks?: ChatUICallbacks;
+    /**
+     * Visual theme:
+     * - "marketplace" (default) — orange primary (#ff5300)
+     * - "admin"                 — black primary (#1a1a1a)
+     * - custom object           — { primary, primaryActive, surfaceLow }
+     *
+     * @example
+     * <ChatRoot adapter={adapter} theme="admin" />
+     */
+    theme?: ChatTheme;
 };
-declare function ChatRoot({ adapter, uiCallbacks }: ChatRootProps): React$1.ReactPortal | null;
+declare function ChatRoot({ adapter, uiCallbacks, theme }: ChatRootProps): React$1.ReactPortal | null;
 
 declare function ChatUIProvider({ children }: {
     children: React__default.ReactNode;
@@ -401,7 +409,7 @@ type Props$7 = {
     below?: React__default.ReactNode;
     className?: string;
 };
-declare function ChatHeader({ left, right, below }: Props$7): React__default.JSX.Element;
+declare function ChatHeader({ left, right, below, className }: Props$7): React__default.JSX.Element;
 
 type SubtitleVariant = "live" | "muted";
 type BaseProps = {
@@ -471,9 +479,7 @@ type Props$6 = {
     children: React__default.ReactNode;
     className?: string;
     style?: React__default.CSSProperties;
-    /** set true if you want short threads anchored at the bottom */
     bottomAlignWhenShort?: boolean;
-    /** when this value changes, we auto-scroll to the bottom */
     scrollKey?: string | number;
 };
 declare const ChatScroll: React__default.FC<Props$6>;
@@ -555,4 +561,4 @@ interface PortalProps {
 }
 declare function Portal({ children, containerId }: PortalProps): React$1.ReactPortal | null;
 
-export { type AddressCard$1 as AddressCard, type BusinessCard$1 as BusinessCard, type ChatAdapter, ChatFooter, ChatHeader, ChatIdentity, ChatInquiryBar, ChatListHeader, ChatMessageItem, ChatRoot, type ChatRootProps, ChatScroll, ChatSpinner, ChatThreadItem, type ChatThreadStatus, type ChatUICallbacks, ChatUIContext, ChatUIProvider, type ChatUIState, type ChatVariant, type KebabMenuOpts, type Message, type MessageAudio, type MessageFile, type MessageRef$1 as MessageRef, Portal, type Reference, ReplyCard, type SendPayload, type Thread, type ThreadStatus, type ToastOpts, TypingIndicator, cn, useChatUI };
+export { type AddressCard$1 as AddressCard, type BusinessCard$1 as BusinessCard, type ChatAdapter, ChatFooter, ChatHeader, ChatIdentity, ChatInquiryBar, ChatListHeader, ChatMessageItem, ChatRoot, type ChatRootProps, ChatScroll, ChatSpinner, type ChatTheme, ChatThreadItem, type ChatThreadStatus, type ChatUICallbacks, ChatUIContext, ChatUIProvider, type ChatUIState, type ChatVariant, type KebabMenuOpts, type Message, type MessageAudio, type MessageFile, type MessageRef$1 as MessageRef, Portal, type Reference, ReplyCard, type SendPayload, type Thread, type ThreadStatus, type ToastOpts, TypingIndicator, cn, useChatUI };