@21st-sdk/react 0.1.3 → 0.1.4

package/src/types.ts

@@ -1,15 +1,15 @@
 import type React from "react"
 import type { UIMessage, ChatStatus } from "ai"
 
-/** Theme JSON generated by the AN playground */
-export interface AnTheme {
+/** Theme JSON generated by the playground */
+export interface ChatTheme {
   theme: Record<string, string>
   light: Record<string, string>
   dark: Record<string, string>
 }
 
 /** Per-element CSS class overrides */
-export interface AnClassNames {
+export interface ChatClassNames {
   root: string
   messageList: string
   userMessage: string
@@ -28,7 +28,7 @@ export interface AnClassNames {
 }
 
 /** Component slot overrides */
-export interface AnSlots {
+export interface ChatSlots {
   InputBar: React.ComponentType<any>
   UserMessage: React.ComponentType<any>
   AssistantMessage: React.ComponentType<any>
@@ -36,8 +36,8 @@ export interface AnSlots {
   MessageActions: React.ComponentType<any>
 }
 
-/** Props for createAnChat() */
-export interface CreateAnChatOptions {
+/** Props for createAgentChat() */
+export interface CreateAgentChatOptions {
   agent: string
   /** Provide either tokenUrl (simple) or getToken (full control) */
   tokenUrl?: string
@@ -54,10 +54,10 @@ export interface CreateAnChatOptions {
    *
    * @example
    * // Per-user sandbox
-   * createAnChat({ agent: "my-agent", tokenUrl: "/api/an/token", sandboxId: `user-${userId}` })
+   * createAgentChat({ agent: "my-agent", tokenUrl: "/api/an/token", sandboxId: `user-${userId}` })
    *
    * // Continue existing sandbox
-   * createAnChat({ agent: "my-agent", tokenUrl: "/api/an/token", sandboxId: sandbox.id })
+   * createAgentChat({ agent: "my-agent", tokenUrl: "/api/an/token", sandboxId: sandbox.id })
    */
   sandboxId?: string
   /**
@@ -78,25 +78,25 @@ export interface CustomToolRendererProps {
 }
 
 /** A model option for the model selector */
-export interface AnModelOption {
+export interface ModelOption {
   id: string
   name: string
   version?: string
 }
 
-/** Props for the <AnAgentChat> drop-in component */
-export interface AnAgentChatProps {
+/** Props for the <AgentChat> drop-in component */
+export interface AgentChatProps {
   messages: UIMessage[]
   onSend: (message: { role: "user"; content: string }) => void
   status: ChatStatus
   onStop: () => void
   error?: Error
 
-  theme?: AnTheme
+  theme?: ChatTheme
   colorMode?: "light" | "dark" | "auto"
 
-  classNames?: Partial<AnClassNames>
-  slots?: Partial<AnSlots>
+  classNames?: Partial<ChatClassNames>
+  slots?: Partial<ChatSlots>
   toolRenderers?: Record<string, React.ComponentType<CustomToolRendererProps>>
 
   /** Show window chrome header (traffic lights + agent indicator) */
@@ -104,7 +104,7 @@ export interface AnAgentChatProps {
 
   /** Model selector configuration */
   modelSelector?: {
-    models: AnModelOption[]
+    models: ModelOption[]
     activeModelId?: string
     onModelChange?: (id: string) => void
     display?: "popover" | "badge"
@@ -133,3 +133,11 @@ export interface AnAgentChatProps {
   className?: string
   style?: React.CSSProperties
 }
+
+// Legacy type aliases kept for compatibility.
+export type AnTheme = ChatTheme
+export type AnClassNames = ChatClassNames
+export type AnSlots = ChatSlots
+export type CreateAnChatOptions = CreateAgentChatOptions
+export type AnModelOption = ModelOption
+export type AnAgentChatProps = AgentChatProps