@crafter/rn-ai-elements 0.0.1

package/lib/module/theme/defaultTheme.js

@@ -0,0 +1,92 @@
+"use strict";
+
+const sharedTokens = {
+  spacing: {
+    xs: 4,
+    sm: 8,
+    md: 12,
+    lg: 16,
+    xl: 24,
+    '2xl': 32
+  },
+  radius: {
+    sm: 6,
+    md: 10,
+    lg: 16,
+    full: 9999
+  },
+  typography: {
+    fontFamily: 'System',
+    monoFontFamily: 'monospace',
+    fontSize: {
+      xs: 11,
+      sm: 13,
+      md: 15,
+      lg: 17,
+      xl: 20,
+      '2xl': 24
+    },
+    lineHeight: {
+      tight: 1.25,
+      normal: 1.5,
+      relaxed: 1.75
+    },
+    fontWeight: {
+      normal: '400',
+      medium: '500',
+      semibold: '600',
+      bold: '700'
+    }
+  }
+};
+export const lightTheme = {
+  ...sharedTokens,
+  dark: false,
+  colors: {
+    primary: '#18181B',
+    primaryForeground: '#FAFAFA',
+    secondary: '#F4F4F5',
+    secondaryForeground: '#18181B',
+    background: '#FFFFFF',
+    foreground: '#09090B',
+    muted: '#F4F4F5',
+    mutedForeground: '#71717A',
+    card: '#FFFFFF',
+    cardForeground: '#09090B',
+    border: '#E4E4E7',
+    destructive: '#EF4444',
+    destructiveForeground: '#FAFAFA',
+    success: '#22C55E',
+    successForeground: '#FAFAFA',
+    warning: '#F59E0B',
+    warningForeground: '#18181B',
+    accent: '#F4F4F5',
+    accentForeground: '#18181B'
+  }
+};
+export const darkTheme = {
+  ...sharedTokens,
+  dark: true,
+  colors: {
+    primary: '#FAFAFA',
+    primaryForeground: '#18181B',
+    secondary: '#27272A',
+    secondaryForeground: '#FAFAFA',
+    background: '#09090B',
+    foreground: '#FAFAFA',
+    muted: '#27272A',
+    mutedForeground: '#A1A1AA',
+    card: '#09090B',
+    cardForeground: '#FAFAFA',
+    border: '#27272A',
+    destructive: '#DC2626',
+    destructiveForeground: '#FAFAFA',
+    success: '#16A34A',
+    successForeground: '#FAFAFA',
+    warning: '#D97706',
+    warningForeground: '#FAFAFA',
+    accent: '#27272A',
+    accentForeground: '#FAFAFA'
+  }
+};
+//# sourceMappingURL=defaultTheme.js.map

package/lib/module/theme/defaultTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sharedTokens","spacing","xs","sm","md","lg","xl","radius","full","typography","fontFamily","monoFontFamily","fontSize","lineHeight","tight","normal","relaxed","fontWeight","medium","semibold","bold","lightTheme","dark","colors","primary","primaryForeground","secondary","secondaryForeground","background","foreground","muted","mutedForeground","card","cardForeground","border","destructive","destructiveForeground","success","successForeground","warning","warningForeground","accent","accentForeground","darkTheme"],"sourceRoot":"../../../src","sources":["theme/defaultTheme.ts"],"mappings":";;AAEA,MAAMA,YAAwE,GAAG;EAC/EC,OAAO,EAAE;IACPC,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE,EAAE;IACN,KAAK,EAAE;EACT,CAAC;EACDC,MAAM,EAAE;IACNJ,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE,EAAE;IACNG,IAAI,EAAE;EACR,CAAC;EACDC,UAAU,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,WAAW;IAC3BC,QAAQ,EAAE;MACRV,EAAE,EAAE,EAAE;MACNC,EAAE,EAAE,EAAE;MACNC,EAAE,EAAE,EAAE;MACNC,EAAE,EAAE,EAAE;MACNC,EAAE,EAAE,EAAE;MACN,KAAK,EAAE;IACT,CAAC;IACDO,UAAU,EAAE;MACVC,KAAK,EAAE,IAAI;MACXC,MAAM,EAAE,GAAG;MACXC,OAAO,EAAE;IACX,CAAC;IACDC,UAAU,EAAE;MACVF,MAAM,EAAE,KAAK;MACbG,MAAM,EAAE,KAAK;MACbC,QAAQ,EAAE,KAAK;MACfC,IAAI,EAAE;IACR;EACF;AACF,CAAC;AAED,OAAO,MAAMC,UAA2B,GAAG;EACzC,GAAGrB,YAAY;EACfsB,IAAI,EAAE,KAAK;EACXC,MAAM,EAAE;IACNC,OAAO,EAAE,SAAS;IAClBC,iBAAiB,EAAE,SAAS;IAC5BC,SAAS,EAAE,SAAS;IACpBC,mBAAmB,EAAE,SAAS;IAC9BC,UAAU,EAAE,SAAS;IACrBC,UAAU,EAAE,SAAS;IACrBC,KAAK,EAAE,SAAS;IAChBC,eAAe,EAAE,SAAS;IAC1BC,IAAI,EAAE,SAAS;IACfC,cAAc,EAAE,SAAS;IACzBC,MAAM,EAAE,SAAS;IACjBC,WAAW,EAAE,SAAS;IACtBC,qBAAqB,EAAE,SAAS;IAChCC,OAAO,EAAE,SAAS;IAClBC,iBAAiB,EAAE,SAAS;IAC5BC,OAAO,EAAE,SAAS;IAClBC,iBAAiB,EAAE,SAAS;IAC5BC,MAAM,EAAE,SAAS;IACjBC,gBAAgB,EAAE;EACpB;AACF,CAAC;AAED,OAAO,MAAMC,SAA0B,GAAG;EACxC,GAAG3C,YAAY;EACfsB,IAAI,EAAE,IAAI;EACVC,MAAM,EAAE;IACNC,OAAO,EAAE,SAAS;IAClBC,iBAAiB,EAAE,SAAS;IAC5BC,SAAS,EAAE,SAAS;IACpBC,mBAAmB,EAAE,SAAS;IAC9BC,UAAU,EAAE,SAAS;IACrBC,UAAU,EAAE,SAAS;IACrBC,KAAK,EAAE,SAAS;IAChBC,eAAe,EAAE,SAAS;IAC1BC,IAAI,EAAE,SAAS;IACfC,cAAc,EAAE,SAAS;IACzBC,MAAM,EAAE,SAAS;IACjBC,WAAW,EAAE,SAAS;IACtBC,qBAAqB,EAAE,SAAS;IAChCC,OAAO,EAAE,SAAS;IAClBC,iBAAiB,EAAE,SAAS;IAC5BC,OAAO,EAAE,SAAS;IAClBC,iBAAiB,EAAE,SAAS;IAC5BC,MAAM,EAAE,SAAS;IACjBC,gBAAgB,EAAE;EACpB;AACF,CAAC","ignoreList":[]}

package/lib/module/theme/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { AIElementsProvider, useAIElementsTheme } from './ThemeProvider';
+export { lightTheme, darkTheme } from './defaultTheme';
+//# sourceMappingURL=index.js.map

package/lib/module/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AIElementsProvider","useAIElementsTheme","lightTheme","darkTheme"],"sourceRoot":"../../../src","sources":["theme/index.ts"],"mappings":";;AAAA,SAASA,kBAAkB,EAAEC,kBAAkB,QAAQ,iBAAiB;AAGxE,SAASC,UAAU,EAAEC,SAAS,QAAQ,gBAAgB","ignoreList":[]}

package/lib/module/theme/tokens.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=tokens.js.map

package/lib/module/theme/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["theme/tokens.ts"],"mappings":"","ignoreList":[]}

package/lib/module/types.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.d.js.map

package/lib/module/types.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.d.ts"],"mappings":"","ignoreList":[]}

package/lib/module/voice/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+// ---------------------------------------------------------------------------
+// @crafter/rn-ai-elements/voice — speech-recognition hook
+// ---------------------------------------------------------------------------
+//
+// This subpath export exists so consumers who want voice input install
+// `expo-speech-recognition` themselves (it's an optional peer dep) and
+// import from `@crafter/rn-ai-elements/voice`. Consumers who don't want
+// voice input never trigger the import and don't need the peer dep.
+// ---------------------------------------------------------------------------
+
+export { useSpeechRecognition } from './useSpeechRecognition';
+//# sourceMappingURL=index.js.map

package/lib/module/voice/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSpeechRecognition"],"sourceRoot":"../../../src","sources":["voice/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,oBAAoB,QAAQ,wBAAwB","ignoreList":[]}

package/lib/module/voice/useSpeechRecognition.js

@@ -0,0 +1,169 @@
+"use strict";
+
+import { useCallback, useRef, useState } from 'react';
+import { ExpoSpeechRecognitionModule, useSpeechRecognitionEvent } from 'expo-speech-recognition';
+
+// ---------------------------------------------------------------------------
+// useSpeechRecognition — React wrapper around ExpoSpeechRecognitionModule
+// ---------------------------------------------------------------------------
+//
+// Wraps the imperative `ExpoSpeechRecognitionModule.start / stop / abort`
+// API with React state so a component can just read `isListening` +
+// `transcript` and call `start()` / `stop()` / `toggle()`. Handles:
+//
+//  - Permission request + gating (asks once, then uses the cached result)
+//  - Transcript accumulation across interim and final results
+//  - Automatic cleanup if the component unmounts mid-recognition
+//  - Error surfacing as a discriminated `error` state
+//
+// **Peer dependency:** this hook imports from `expo-speech-recognition`,
+// which is declared as an **optional** peer dependency of
+// `@crafter/rn-ai-elements`. Consumers who don't want voice input don't
+// have to install it — they just don't import from
+// `@crafter/rn-ai-elements/voice`. Consumers who do want voice input
+// install `expo-speech-recognition` themselves, add its config plugin to
+// `app.json`, and rebuild the native app.
+//
+// Intentionally minimal: no language picker, no contextual biasing, no
+// audio persistence. Covers the common case of "tap mic, speak, text
+// appears in the input field" and nothing more — add config props later
+// if a consumer needs them.
+// ---------------------------------------------------------------------------
+
+const DEFAULT_LANG = 'en-US';
+
+/**
+ * React hook wrapping `expo-speech-recognition` for chat-style voice input.
+ *
+ * @example
+ * ```tsx
+ * import { useSpeechRecognition } from '@crafter/rn-ai-elements/voice';
+ *
+ * const { isListening, transcript, toggle } = useSpeechRecognition({
+ *   onFinalResult: (text) => console.log('final:', text),
+ * });
+ *
+ * // Pipe transcript into your input state
+ * useEffect(() => {
+ *   if (transcript) setInput(transcript);
+ * }, [transcript]);
+ *
+ * // Wire the mic button
+ * <PromptInput
+ *   value={input}
+ *   onChangeText={setInput}
+ *   isListening={isListening}
+ *   onMicPress={toggle}
+ *   ...
+ * />
+ * ```
+ */
+export function useSpeechRecognition(options = {}) {
+  const {
+    lang = DEFAULT_LANG,
+    interimResults = true,
+    continuous = false,
+    addsPunctuation = true,
+    onFinalResult
+  } = options;
+  const [isListening, setIsListening] = useState(false);
+  const [transcript, setTranscript] = useState('');
+  const [error, setError] = useState(null);
+
+  // Keep the latest onFinalResult in a ref so consumers don't have to
+  // memoize it to avoid re-registering listeners.
+  const onFinalResultRef = useRef(onFinalResult);
+  onFinalResultRef.current = onFinalResult;
+
+  // --- Native event listeners (auto-cleanup on unmount) -------------------
+
+  useSpeechRecognitionEvent('start', () => {
+    setIsListening(true);
+    setError(null);
+  });
+  useSpeechRecognitionEvent('end', () => {
+    setIsListening(false);
+  });
+  useSpeechRecognitionEvent('result', event => {
+    // `event.results` is an array of alternatives; the first entry is the
+    // best transcript per the platform's ranking. We only render that one.
+    const best = event.results[0]?.transcript ?? '';
+    setTranscript(best);
+    if (event.isFinal) {
+      onFinalResultRef.current?.(best);
+    }
+  });
+  useSpeechRecognitionEvent('error', event => {
+    // `no-speech` is a soft "nothing was said" signal, not a hard error —
+    // it still fires `end` afterwards, so just surface it quietly.
+    setError({
+      code: event.error,
+      message: event.message
+    });
+  });
+
+  // --- Control methods -----------------------------------------------------
+
+  const start = useCallback(async () => {
+    // Check current permissions first, only prompt if they're missing —
+    // requesting every time is jarring and will hit the dialog dismissal
+    // cap on iOS.
+    const current = await ExpoSpeechRecognitionModule.getPermissionsAsync();
+    if (!current.granted) {
+      const requested = await ExpoSpeechRecognitionModule.requestPermissionsAsync();
+      if (!requested.granted) {
+        setError({
+          code: 'not-allowed',
+          message: 'Speech recognition permission was denied. Enable it in Settings to use voice input.'
+        });
+        return;
+      }
+    }
+
+    // Fresh run → clear any stale transcript/error from the previous turn.
+    setTranscript('');
+    setError(null);
+    const recognitionOptions = {
+      lang,
+      interimResults,
+      continuous,
+      addsPunctuation
+    };
+    try {
+      ExpoSpeechRecognitionModule.start(recognitionOptions);
+    } catch (err) {
+      setError({
+        code: 'client',
+        message: err instanceof Error ? err.message : String(err)
+      });
+    }
+  }, [lang, interimResults, continuous, addsPunctuation]);
+  const stop = useCallback(() => {
+    try {
+      ExpoSpeechRecognitionModule.stop();
+    } catch {
+      // If stop is called while not listening it's a no-op — swallow.
+    }
+  }, []);
+  const toggle = useCallback(async () => {
+    if (isListening) {
+      stop();
+    } else {
+      await start();
+    }
+  }, [isListening, start, stop]);
+  const reset = useCallback(() => {
+    setTranscript('');
+    setError(null);
+  }, []);
+  return {
+    isListening,
+    transcript,
+    error,
+    start,
+    stop,
+    toggle,
+    reset
+  };
+}
+//# sourceMappingURL=useSpeechRecognition.js.map

package/lib/module/voice/useSpeechRecognition.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useRef","useState","ExpoSpeechRecognitionModule","useSpeechRecognitionEvent","DEFAULT_LANG","useSpeechRecognition","options","lang","interimResults","continuous","addsPunctuation","onFinalResult","isListening","setIsListening","transcript","setTranscript","error","setError","onFinalResultRef","current","event","best","results","isFinal","code","message","start","getPermissionsAsync","granted","requested","requestPermissionsAsync","recognitionOptions","err","Error","String","stop","toggle","reset"],"sourceRoot":"../../../src","sources":["voice/useSpeechRecognition.ts"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/chatbot/AIImage.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type AIImageSource = {
+    uri: string;
+    base64?: never;
+    mimeType?: never;
+} | {
+    base64: string;
+    mimeType?: string;
+    uri?: never;
+};
+export interface AIImageProps {
+    source: AIImageSource;
+    alt?: string;
+    width?: number;
+    height?: number;
+    resizeMode?: 'cover' | 'contain' | 'stretch';
+    style?: StyleProp<ViewStyle>;
+    onPress?: () => void;
+}
+declare function AIImageComponent({ source, alt, width: explicitWidth, height: explicitHeight, resizeMode, style, onPress, }: AIImageProps): import("react/jsx-runtime").JSX.Element;
+export declare const AIImage: React.MemoExoticComponent<typeof AIImageComponent>;
+export {};
+//# sourceMappingURL=AIImage.d.ts.map

package/lib/typescript/src/chatbot/AIImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIImage.d.ts","sourceRoot":"","sources":["../../../../src/chatbot/AIImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAOL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAQtB,MAAM,MAAM,aAAa,GACrB;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,GACjD;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAEvD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,aAAa,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAkBD,iBAAS,gBAAgB,CAAC,EACxB,MAAM,EACN,GAAG,EACH,KAAK,EAAE,aAAa,EACpB,MAAM,EAAE,cAAc,EACtB,UAAoB,EACpB,KAAK,EACL,OAAO,GACR,EAAE,YAAY,2CAyFd;AAoBD,eAAO,MAAM,OAAO,oDAAyB,CAAC"}

package/lib/typescript/src/chatbot/Attachments.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface Attachment {
+    type: 'image' | 'file';
+    name: string;
+    url?: string;
+    uri?: string;
+    mimeType?: string;
+    size?: number;
+}
+export type AttachmentVariant = 'grid' | 'inline' | 'list';
+export interface AttachmentsProps {
+    attachments: Attachment[];
+    variant?: AttachmentVariant;
+    style?: StyleProp<ViewStyle>;
+}
+declare function AttachmentsComponent({ attachments, variant, style, }: AttachmentsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare const Attachments: React.MemoExoticComponent<typeof AttachmentsComponent>;
+export {};
+//# sourceMappingURL=Attachments.d.ts.map

package/lib/typescript/src/chatbot/Attachments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Attachments.d.ts","sourceRoot":"","sources":["../../../../src/chatbot/Attachments.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,EAQL,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAQtB,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3D,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AA0RD,iBAAS,oBAAoB,CAAC,EAC5B,WAAW,EACX,OAAkB,EAClB,KAAK,GACN,EAAE,gBAAgB,kDAalB;AA+CD,eAAO,MAAM,WAAW,wDAA6B,CAAC"}

package/lib/typescript/src/chatbot/ChatErrorBoundary.d.ts

@@ -0,0 +1,57 @@
+import React, { Component, type ReactNode } from 'react';
+export interface ChatErrorBoundaryProps {
+    /** The protected subtree. Errors thrown during render are caught here. */
+    children: ReactNode;
+    /**
+     * Optional custom fallback. Receives the caught error and a reset
+     * callback that clears the boundary back to the children.
+     */
+    fallback?: (error: Error, reset: () => void) => ReactNode;
+    /**
+     * Called once when the boundary catches an error. Useful for forwarding
+     * to crash reporting (Sentry, Bugsnag, etc).
+     */
+    onError?: (error: Error, errorInfo: {
+        componentStack: string;
+    }) => void;
+    /**
+     * When any value in this array changes between renders, the boundary
+     * automatically resets. Use this for cases like "the user navigated to a
+     * new message id" — re-rendering with a different id should clear a
+     * previously caught error.
+     */
+    resetKeys?: ReadonlyArray<unknown>;
+}
+interface ChatErrorBoundaryState {
+    error: Error | null;
+}
+/**
+ * Class-component boundary that wraps individual chat messages. If a single
+ * message's render throws (e.g. malformed markdown, a tool call with bad
+ * JSON), only that bubble shows a fallback — the rest of the conversation
+ * keeps working.
+ *
+ * React doesn't expose hooks for error boundaries, so this **must** stay a
+ * class component. The themed fallback is delegated to a sibling functional
+ * component so it can read the theme via hooks.
+ *
+ * @example
+ * ```tsx
+ * <ChatErrorBoundary resetKeys={[message.id]}>
+ *   <MessageRenderer message={message} />
+ * </ChatErrorBoundary>
+ * ```
+ */
+export declare class ChatErrorBoundary extends Component<ChatErrorBoundaryProps, ChatErrorBoundaryState> {
+    static displayName: string;
+    state: ChatErrorBoundaryState;
+    static getDerivedStateFromError(error: Error): ChatErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: {
+        componentStack: string;
+    }): void;
+    componentDidUpdate(prev: ChatErrorBoundaryProps): void;
+    reset: () => void;
+    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}
+export {};
+//# sourceMappingURL=ChatErrorBoundary.d.ts.map

package/lib/typescript/src/chatbot/ChatErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatErrorBoundary.d.ts","sourceRoot":"","sources":["../../../../src/chatbot/ChatErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AASzD,MAAM,WAAW,sBAAsB;IACrC,0EAA0E;IAC1E,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;IAC1D;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;QAAE,cAAc,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACxE;;;;;OAKG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACpC;AAED,UAAU,sBAAsB;IAC9B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAuBD;;;;;;;;;;;;;;;;GAgBG;AACH,qBAAa,iBAAkB,SAAQ,SAAS,CAC9C,sBAAsB,EACtB,sBAAsB,CACvB;IACC,MAAM,CAAC,WAAW,SAAuB;IAEzC,KAAK,EAAE,sBAAsB,CAAmB;IAEhD,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,sBAAsB;IAIrE,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;QAAE,cAAc,EAAE,MAAM,CAAA;KAAE;IAgBrE,kBAAkB,CAAC,IAAI,EAAE,sBAAsB;IAY/C,KAAK,aAEH;IAEF,MAAM;CAUP"}

package/lib/typescript/src/chatbot/ChatMessageItem.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+import type { ChatMessageData } from './types';
+export interface ChatMessageItemProps {
+    /**
+     * The message to render, in the canonical {@link ChatMessageData} shape.
+     * Map your own message type to this shape inside `renderMessage`.
+     */
+    item: ChatMessageData;
+    /**
+     * @deprecated No longer applied — `StreamingMarkdown` matches Vercel
+     * ai-elements' `memo(Streamdown)` pattern and performs no custom fade
+     * animation. Kept in the props for backwards compatibility so existing
+     * call sites don't break; safe to remove.
+     */
+    fadeDuration?: number;
+}
+/**
+ * Renders a single chat message — either a user bubble (delegated to the
+ * library's `Message` compound) or an assistant block composed of optional
+ * reasoning, tool call, streaming markdown, and sources.
+ *
+ * Wrapped in `React.memo` with a custom equality function below: rows only
+ * re-render when their own `item` content actually changes, **not** when an
+ * unrelated message updates elsewhere in the list. The equality function
+ * compares fields directly so callers can safely build a fresh
+ * `ChatMessageData` object on every render — identity churn is fine.
+ *
+ * @example
+ * ```tsx
+ * const renderMessage = useCallback(
+ *   (raw: MyMessage) => {
+ *     const data: ChatMessageData = toChatMessageData(raw);
+ *     return <ChatMessageItem item={data} />;
+ *   },
+ *   [],
+ * );
+ * ```
+ */
+declare function ChatMessageItemImpl({ item }: ChatMessageItemProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ChatMessageItemImpl {
+    var displayName: string;
+}
+export declare const ChatMessageItem: React.MemoExoticComponent<typeof ChatMessageItemImpl>;
+export {};
+//# sourceMappingURL=ChatMessageItem.d.ts.map

package/lib/typescript/src/chatbot/ChatMessageItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageItem.d.ts","sourceRoot":"","sources":["../../../../src/chatbot/ChatMessageItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAM/C,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,IAAI,EAAE,eAAe,CAAC;IACtB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAMD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,iBAAS,mBAAmB,CAAC,EAAE,IAAI,EAAE,EAAE,oBAAoB,2CAgE1D;kBAhEQ,mBAAmB;;;AA2H5B,eAAO,MAAM,eAAe,uDAA4C,CAAC"}

package/lib/typescript/src/chatbot/Conversation.d.ts

@@ -0,0 +1,94 @@
+import { type ReactElement, type ReactNode, type Ref } from 'react';
+import { type ViewProps } from 'react-native';
+/**
+ * Minimum shape Conversation requires from a message. Most chat libraries
+ * (the Vercel `ai` SDK, OpenAI's `ChatMessage`, Anthropic's `Message`) all
+ * satisfy this contract via `id` + `role`.
+ */
+export interface ConversationMessage {
+    id: string;
+    /** Optional — used by the default `isUserMessage` predicate. */
+    role?: string;
+}
+/** Order in which `messages` is provided. */
+export type ConversationMessageOrder = 'oldest-first' | 'newest-first';
+/**
+ * How `Conversation` reacts to new messages and content growth.
+ *
+ * - `'anchor-user-message'` *(default)* — When a new user message arrives,
+ *   scroll it to the top of the viewport and use dynamic bottom padding so
+ *   the assistant response streams downward beneath it. Auto-scroll on
+ *   collapsible expansion (e.g. opening a Sources block) when the user is
+ *   already near the bottom and not currently streaming. This mimics how
+ *   ChatGPT, Claude, and Vercel ai-elements anchor each new turn.
+ * - `'stick-to-bottom'` — Classic chat behavior: always follow the bottom
+ *   on any content size change, even mid-stream. The list "sticks" to the
+ *   newest content. Matches what `use-stick-to-bottom` does on the web.
+ * - `'none'` — Disable all automatic scrolling and dynamic padding. The
+ *   consumer is fully responsible for managing scroll position via the
+ *   imperative `ConversationRef`.
+ */
+export type ConversationScrollBehavior = 'anchor-user-message' | 'stick-to-bottom' | 'none';
+/** Imperative handle exposed via ref. */
+export interface ConversationRef {
+    /** Scroll to a given display index, optionally animated. */
+    scrollToIndex: (index: number, opts?: {
+        animated?: boolean;
+        viewPosition?: number;
+    }) => void;
+    /** Scroll to the top of the list (oldest message). */
+    scrollToTop: (opts?: {
+        animated?: boolean;
+    }) => void;
+    /** Scroll to the bottom of the list (newest message). */
+    scrollToBottom: (opts?: {
+        animated?: boolean;
+    }) => void;
+    /** Whether the user is currently scrolled near the bottom of content. */
+    isAtBottom: () => boolean;
+}
+export interface ConversationProps<T extends ConversationMessage> extends Omit<ViewProps, 'children'> {
+    /** Imperative handle. Use `useRef<ConversationRef>(null)` and pass it here. */
+    ref?: Ref<ConversationRef>;
+    /** The conversation messages. Order is controlled by the `order` prop. */
+    messages: T[];
+    /** Render a single message. Called for each item in display order. */
+    renderMessage: (item: T) => ReactNode;
+    /** Rendered when `messages` is empty. Filled to the chat area (`flex: 1`). */
+    emptyState?: ReactNode;
+    /**
+     * Whether the assistant is currently generating. While true, content
+     * growth from streaming is **not** auto-scrolled — the user-message
+     * anchor takes precedence. Once it flips back to false, content growth
+     * (e.g. expanding a Sources / Reasoning collapsible) auto-scrolls if
+     * the user was already near the bottom.
+     */
+    isStreaming?: boolean;
+    /**
+     * Order of items in the `messages` array. Defaults to `'oldest-first'`,
+     * matching what `@ai-sdk/react`'s `useChat()` and most LLM SDKs return.
+     * Use `'newest-first'` if your state is built with `[newMsg, ...prev]`.
+     */
+    order?: ConversationMessageOrder;
+    /**
+     * Predicate for identifying user messages — used to anchor the most
+     * recent user message to the top of the viewport when it appears.
+     * Defaults to `(m) => m.role === 'user'`.
+     */
+    isUserMessage?: (item: T) => boolean;
+    /**
+     * Push-based notification when the "near the bottom" state changes.
+     * Fires once on each transition (true → false or false → true), driven
+     * by either user scroll events or content-size growth from streaming.
+     * Use this to drive a floating scroll-to-bottom button — see
+     * `ConversationScrollButton`.
+     */
+    onIsAtBottomChange?: (isAtBottom: boolean) => void;
+    /**
+     * How to react to new messages and content growth. Defaults to
+     * `'anchor-user-message'`. See {@link ConversationScrollBehavior}.
+     */
+    scrollBehavior?: ConversationScrollBehavior;
+}
+export declare const Conversation: <T extends ConversationMessage>(props: ConversationProps<T>) => ReactElement;
+//# sourceMappingURL=Conversation.d.ts.map

package/lib/typescript/src/chatbot/Conversation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Conversation.d.ts","sourceRoot":"","sources":["../../../../src/chatbot/Conversation.tsx"],"names":[],"mappings":"AAAA,OAAc,EAQZ,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,GAAG,EACT,MAAM,OAAO,CAAC;AACf,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAqBtB;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,6CAA6C;AAC7C,MAAM,MAAM,wBAAwB,GAAG,cAAc,GAAG,cAAc,CAAC;AAEvE;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,0BAA0B,GAClC,qBAAqB,GACrB,iBAAiB,GACjB,MAAM,CAAC;AAEX,yCAAyC;AACzC,MAAM,WAAW,eAAe;IAC9B,4DAA4D;IAC5D,aAAa,EAAE,CACb,KAAK,EAAE,MAAM,EACb,IAAI,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,KACjD,IAAI,CAAC;IACV,sDAAsD;IACtD,WAAW,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACrD,yDAAyD;IACzD,cAAc,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACxD,yEAAyE;IACzE,UAAU,EAAE,MAAM,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,mBAAmB,CAC9D,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACnC,+EAA+E;IAC/E,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;IAC3B,0EAA0E;IAC1E,QAAQ,EAAE,CAAC,EAAE,CAAC;IACd,sEAAsE;IACtE,aAAa,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACtC,8EAA8E;IAC9E,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,wBAAwB,CAAC;IACjC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IACrC;;;;;;OAMG;IACH,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD;;;OAGG;IACH,cAAc,CAAC,EAAE,0BAA0B,CAAC;CAC7C;AAgYD,eAAO,MAAM,YAAY,EAA8B,CACrD,CAAC,SAAS,mBAAmB,EAE7B,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,KACxB,YAAY,CAAC"}

package/lib/typescript/src/chatbot/ConversationScrollButton.d.ts

@@ -0,0 +1,62 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface ConversationScrollButtonProps {
+    /**
+     * Whether the button is currently visible. When false, the component
+     * returns `null` (mount/unmount instead of fade) so the underlying
+     * `GlassView` native view is never wrapped in something Reanimated
+     * touches — see the comment block below for why that matters.
+     */
+    visible: boolean;
+    /** Press handler — typically calls `conversationRef.current.scrollToBottom()`. */
+    onPress: () => void;
+    /** Outer style for the floating wrapper (use for absolute positioning). */
+    style?: StyleProp<ViewStyle>;
+    /** Optional accessibility label override. */
+    accessibilityLabel?: string;
+}
+/**
+ * A floating circle button that appears when the user has scrolled away
+ * from the bottom of a conversation, and disappears when they return.
+ *
+ * Designed to sit in the chat area's bottom-left corner so it visually
+ * stacks above the PromptInput's Plus button — same size, same glass
+ * treatment, same press feedback. Pairs with
+ * `<Conversation onIsAtBottomChange={...} />`: the parent screen tracks
+ * the boolean and passes it as `visible`.
+ *
+ * @example
+ * ```tsx
+ * const [isAtBottom, setIsAtBottom] = useState(true);
+ * const ref = useRef<ConversationRef>(null);
+ *
+ * <View style={{ flex: 1 }}>
+ *   <Conversation
+ *     ref={ref}
+ *     onIsAtBottomChange={setIsAtBottom}
+ *     ...
+ *   />
+ *   <ConversationScrollButton
+ *     visible={!isAtBottom}
+ *     onPress={() => ref.current?.scrollToBottom()}
+ *     style={{ position: 'absolute', left: 12, bottom: 12 }}
+ *   />
+ * </View>
+ * ```
+ *
+ * **Why no fade animation?**
+ * Earlier iterations wrapped this in a Reanimated `Animated.View` for a
+ * smooth fade-in/out. On the iOS simulator (and likely device) the
+ * `expo-glass-effect` `GlassView` would render correctly on first mount
+ * but lose its glass material after a Fast Refresh or reload. Reanimated
+ * drives styles on the UI thread via a code path that conflicts with
+ * `expo-glass-effect`'s custom native view manager — the prop diff that
+ * re-applies the glass layer never reaches the native view. Dropping the
+ * animation wrapper and using a plain conditional render keeps the
+ * GlassView in exactly the same context as the working `Plus` button
+ * inside `PromptInput.CircleButton`.
+ */
+export declare function ConversationScrollButton({ visible, onPress, style, accessibilityLabel, }: ConversationScrollButtonProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace ConversationScrollButton {
+    var displayName: string;
+}
+//# sourceMappingURL=ConversationScrollButton.d.ts.map

package/lib/typescript/src/chatbot/ConversationScrollButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationScrollButton.d.ts","sourceRoot":"","sources":["../../../../src/chatbot/ConversationScrollButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAStB,MAAM,WAAW,6BAA6B;IAC5C;;;;;OAKG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB,kFAAkF;IAClF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,6CAA6C;IAC7C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAiBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,OAAO,EACP,OAAO,EACP,KAAK,EACL,kBAA+C,GAChD,EAAE,6BAA6B,kDA+B/B;yBApCe,wBAAwB"}