@banbox/chat 1.0.3 → 1.0.5

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;
@@ -470,9 +478,8 @@ type Props$6 = {
     top?: React__default.ReactNode;
     children: React__default.ReactNode;
     className?: string;
-    /** set true if you want short threads anchored at the bottom */
+    style?: React__default.CSSProperties;
     bottomAlignWhenShort?: boolean;
-    /** when this value changes, we auto-scroll to the bottom */
     scrollKey?: string | number;
 };
 declare const ChatScroll: React__default.FC<Props$6>;
@@ -520,13 +527,12 @@ type Props$3 = {
 declare const ChatInquiryBar: React__default.FC<Props$3>;
 
 type Props$2 = {
-    /** Pixel box for the animation area */
     size?: number;
     loop?: boolean;
     autoplay?: boolean;
     className?: string;
+    style?: React__default.CSSProperties;
     ariaLabel?: string;
-    /** Avatar size in px */
     avatarSize?: number;
 };
 declare const TypingIndicator: React__default.FC<Props$2>;
@@ -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;
@@ -470,9 +478,8 @@ type Props$6 = {
     top?: React__default.ReactNode;
     children: React__default.ReactNode;
     className?: string;
-    /** set true if you want short threads anchored at the bottom */
+    style?: React__default.CSSProperties;
     bottomAlignWhenShort?: boolean;
-    /** when this value changes, we auto-scroll to the bottom */
     scrollKey?: string | number;
 };
 declare const ChatScroll: React__default.FC<Props$6>;
@@ -520,13 +527,12 @@ type Props$3 = {
 declare const ChatInquiryBar: React__default.FC<Props$3>;
 
 type Props$2 = {
-    /** Pixel box for the animation area */
     size?: number;
     loop?: boolean;
     autoplay?: boolean;
     className?: string;
+    style?: React__default.CSSProperties;
     ariaLabel?: string;
-    /** Avatar size in px */
     avatarSize?: number;
 };
 declare const TypingIndicator: React__default.FC<Props$2>;
@@ -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 };