@anvia/react-ui 0.2.0

package/dist/human-input-CydeYm_7.d.ts

@@ -0,0 +1,20 @@
+import { ToolApproval, ToolQuestion, ToolQuestionAnswer, ToolQuestionPrompt } from '@anvia/react';
+
+type ApprovalContextValue = {
+    approval: ToolApproval;
+    reason: string;
+    setReason(reason: string): void;
+};
+type QuestionContextValue = {
+    question: ToolQuestion;
+    answers: Record<string, ToolQuestionAnswer>;
+    setAnswer(prompt: ToolQuestionPrompt, answer: ToolQuestionAnswer): void;
+};
+type QuestionPromptContextValue = {
+    prompt: ToolQuestionPrompt;
+};
+declare function useApproval(): ApprovalContextValue;
+declare function useQuestion(): QuestionContextValue;
+declare function useQuestionPrompt(): QuestionPromptContextValue;
+
+export { type ApprovalContextValue as A, type QuestionContextValue as Q, type QuestionPromptContextValue as a, useQuestion as b, useQuestionPrompt as c, useApproval as u };

package/dist/index.d.ts

@@ -0,0 +1,15 @@
+export { Attachment } from './attachment/index.js';
+export { A as AttachmentContextValue, u as useAttachment } from './attachment-BP597fV3.js';
+export { C as ChatController, a as ChatProvider, b as ChatProviderProps, u as useChatContext, c as useHumanInput } from './chat-B3kucz1w.js';
+export { C as CompletionController, a as CompletionInputContextValue, b as CompletionProvider, c as CompletionProviderProps, u as useCompletionContext, d as useCompletionInput } from './completion-input-WjK6kUyG.js';
+export { C as ComposerAttachmentInput, a as ComposerAttachmentsUpdate, b as ComposerContextValue, T as ThreadContextValue, u as useComposer, c as useThread } from './thread-CluT3m5k.js';
+export { A as ApprovalContextValue, Q as QuestionContextValue, a as QuestionPromptContextValue, u as useApproval, b as useQuestion, c as useQuestionPrompt } from './human-input-CydeYm_7.js';
+export { M as MessageContextValue, a as MessagePartContextValue, u as useMessage, b as useMessagePart } from './message-Beb4ZLNU.js';
+export { Composer, ComposerSubmitMessage, ComposerSubmitMessageArgs, Thread } from './chat/index.js';
+export { Completion } from './completion/index.js';
+export { HumanInput } from './human-input/index.js';
+export { Message, MessageAttachmentPart, MessagePartsFilter, MessageToolPart, MessageToolRenderWhen } from './message/index.js';
+export { P as PrimitiveProps, a as PrimitiveRef } from './render-CRKWam2v.js';
+import '@anvia/react';
+import 'react';
+import 'react-markdown';

package/dist/index.js

@@ -0,0 +1,56 @@
+import {
+  Composer,
+  Thread
+} from "./chunk-AXZB6JSE.js";
+import {
+  Completion
+} from "./chunk-LSHD67YK.js";
+import {
+  HumanInput
+} from "./chunk-WK33ER4Q.js";
+import {
+  Message
+} from "./chunk-AOZN3SWB.js";
+import {
+  Attachment
+} from "./chunk-RRINF6FN.js";
+import "./chunk-T3ZFZ3NP.js";
+import {
+  ChatProvider,
+  CompletionProvider,
+  useApproval,
+  useAttachment,
+  useChatContext,
+  useCompletionContext,
+  useCompletionInput,
+  useComposer,
+  useHumanInput,
+  useMessage,
+  useMessagePart,
+  useQuestion,
+  useQuestionPrompt,
+  useThread
+} from "./chunk-7AS6R7BB.js";
+export {
+  Attachment,
+  ChatProvider,
+  Completion,
+  CompletionProvider,
+  Composer,
+  HumanInput,
+  Message,
+  Thread,
+  useApproval,
+  useAttachment,
+  useChatContext,
+  useCompletionContext,
+  useCompletionInput,
+  useComposer,
+  useHumanInput,
+  useMessage,
+  useMessagePart,
+  useQuestion,
+  useQuestionPrompt,
+  useThread
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/message/index.d.ts

@@ -0,0 +1,87 @@
+import * as react_markdown from 'react-markdown';
+import * as _anvia_react from '@anvia/react';
+import { UIMessagePart } from '@anvia/react';
+import * as react from 'react';
+export { u as useChatContext } from '../chat-B3kucz1w.js';
+export { M as MessageContextValue, a as MessagePartContextValue, u as useMessage, b as useMessagePart } from '../message-Beb4ZLNU.js';
+import { P as PrimitiveProps } from '../render-CRKWam2v.js';
+
+type MessagePartsFilter = (part: UIMessagePart) => boolean;
+type MessageToolPart = Extract<UIMessagePart, {
+    type: "tool";
+}>;
+type MessageToolRenderWhen = "always" | "pending" | "settled";
+type MessageAttachmentPart = Extract<UIMessagePart, {
+    type: "attachment";
+}>;
+
+declare const Message: {
+    readonly Root: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"article">, "children"> & {
+        children?: react.ReactNode | ((message: _anvia_react.UIMessage) => react.ReactNode);
+    } & react.RefAttributes<HTMLElement>>;
+    readonly Content: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLDivElement>>;
+    readonly Parts: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"div">, "children"> & {
+        children?: react.ReactNode | ((part: _anvia_react.UIMessagePart) => react.ReactNode);
+        filter?: MessagePartsFilter;
+    } & react.RefAttributes<HTMLDivElement>>;
+    readonly Part: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"div">, "children"> & {
+        children?: react.ReactNode | ((part: _anvia_react.UIMessagePart) => react.ReactNode);
+    } & react.RefAttributes<HTMLDivElement>>;
+    readonly Text: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLSpanElement>>;
+    readonly Markdown: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"div">, "children"> & {
+        children?: string;
+        components?: react_markdown.Components;
+        remarkPlugins?: react_markdown.Options["remarkPlugins"];
+    } & react.RefAttributes<HTMLDivElement>>;
+    readonly CodeBlock: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"pre">, "children"> & {
+        children?: react.ReactNode;
+        code?: string;
+        language?: string;
+    } & react.RefAttributes<HTMLPreElement>>;
+    readonly Reasoning: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLDetailsElement>>;
+    readonly Tool: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"div">, "children"> & {
+        children?: react.ReactNode | ((part: MessageToolPart) => react.ReactNode);
+        renderWhen?: MessageToolRenderWhen;
+    } & react.RefAttributes<HTMLDivElement>>;
+    readonly ToolName: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLSpanElement>>;
+    readonly ToolInput: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLPreElement>, HTMLPreElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLPreElement>>;
+    readonly ToolOutput: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLPreElement>, HTMLPreElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLPreElement>>;
+    readonly ToolError: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLDivElement>>;
+    readonly ToolStatus: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLSpanElement>>;
+    readonly Attachment: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"div">, "children"> & {
+        children?: react.ReactNode | ((attachment: _anvia_react.UIAttachment) => react.ReactNode);
+    } & react.RefAttributes<HTMLDivElement>>;
+    readonly Data: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLPreElement>, HTMLPreElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLPreElement>>;
+    readonly Error: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLDivElement>>;
+    readonly Actions: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLDivElement>>;
+    readonly Copy: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLButtonElement>>;
+    readonly Regenerate: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLButtonElement>>;
+};
+
+export { Message, type MessageAttachmentPart, type MessagePartsFilter, type MessageToolPart, type MessageToolRenderWhen };

package/dist/message/index.js

@@ -0,0 +1,17 @@
+import {
+  Message
+} from "../chunk-AOZN3SWB.js";
+import "../chunk-RRINF6FN.js";
+import "../chunk-T3ZFZ3NP.js";
+import {
+  useChatContext,
+  useMessage,
+  useMessagePart
+} from "../chunk-7AS6R7BB.js";
+export {
+  Message,
+  useChatContext,
+  useMessage,
+  useMessagePart
+};
+//# sourceMappingURL=index.js.map

package/dist/message/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/message-Beb4ZLNU.d.ts

@@ -0,0 +1,12 @@
+import { UIMessage, UIMessagePart } from '@anvia/react';
+
+type MessageContextValue = {
+    message: UIMessage;
+};
+type MessagePartContextValue = {
+    part: UIMessagePart;
+};
+declare function useMessage(): MessageContextValue;
+declare function useMessagePart(): MessagePartContextValue;
+
+export { type MessageContextValue as M, type MessagePartContextValue as a, useMessagePart as b, useMessage as u };

package/dist/render-CRKWam2v.d.ts

@@ -0,0 +1,8 @@
+import { ElementType, ComponentPropsWithoutRef, ComponentPropsWithRef } from 'react';
+
+type PrimitiveProps<TElement extends ElementType = "div"> = Omit<ComponentPropsWithoutRef<TElement>, "asChild"> & {
+    asChild?: boolean;
+};
+type PrimitiveRef<TElement extends ElementType> = ComponentPropsWithRef<TElement>["ref"];
+
+export type { PrimitiveProps as P, PrimitiveRef as a };

package/dist/shared.d.ts

@@ -0,0 +1,9 @@
+export { A as AttachmentContextValue, u as useAttachment } from './attachment-BP597fV3.js';
+export { C as ChatController, a as ChatProvider, b as ChatProviderProps, u as useChatContext, c as useHumanInput } from './chat-B3kucz1w.js';
+export { C as CompletionController, a as CompletionInputContextValue, b as CompletionProvider, c as CompletionProviderProps, u as useCompletionContext, d as useCompletionInput } from './completion-input-WjK6kUyG.js';
+export { C as ComposerAttachmentInput, a as ComposerAttachmentsUpdate, b as ComposerContextValue, T as ThreadContextValue, u as useComposer, c as useThread } from './thread-CluT3m5k.js';
+export { A as ApprovalContextValue, Q as QuestionContextValue, a as QuestionPromptContextValue, u as useApproval, b as useQuestion, c as useQuestionPrompt } from './human-input-CydeYm_7.js';
+export { M as MessageContextValue, a as MessagePartContextValue, u as useMessage, b as useMessagePart } from './message-Beb4ZLNU.js';
+export { P as PrimitiveProps, a as PrimitiveRef } from './render-CRKWam2v.js';
+import '@anvia/react';
+import 'react';

package/dist/shared.js

@@ -0,0 +1,33 @@
+import {
+  ChatProvider,
+  CompletionProvider,
+  useApproval,
+  useAttachment,
+  useChatContext,
+  useCompletionContext,
+  useCompletionInput,
+  useComposer,
+  useHumanInput,
+  useMessage,
+  useMessagePart,
+  useQuestion,
+  useQuestionPrompt,
+  useThread
+} from "./chunk-7AS6R7BB.js";
+export {
+  ChatProvider,
+  CompletionProvider,
+  useApproval,
+  useAttachment,
+  useChatContext,
+  useCompletionContext,
+  useCompletionInput,
+  useComposer,
+  useHumanInput,
+  useMessage,
+  useMessagePart,
+  useQuestion,
+  useQuestionPrompt,
+  useThread
+};
+//# sourceMappingURL=shared.js.map

package/dist/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/styles.css

@@ -0,0 +1,47 @@
+[data-anvia-thread-viewport] {
+  overflow: auto;
+  min-height: 0;
+}
+
+[data-anvia-reasoning] pre,
+[data-anvia-code-block],
+[data-anvia-tool-input],
+[data-anvia-tool-output],
+[data-anvia-data],
+[data-anvia-approval-args],
+[data-anvia-question-args] {
+  overflow: auto;
+  max-width: 100%;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+[data-anvia-composer-input],
+[data-anvia-completion-input],
+[data-anvia-approval-reason],
+[data-anvia-question-text-answer] {
+  min-height: 2.75rem;
+}
+
+[data-anvia-composer-input] {
+  min-width: 0;
+  overflow-y: hidden;
+  resize: none;
+}
+
+[data-anvia-completion-input],
+[data-anvia-approval-reason],
+[data-anvia-question-text-answer] {
+  resize: vertical;
+}
+
+[data-anvia-attachment-preview] img {
+  display: block;
+  max-width: 8rem;
+  max-height: 8rem;
+  object-fit: contain;
+}
+
+[data-state="disabled"] {
+  opacity: 0.55;
+}

package/dist/thread-CluT3m5k.d.ts

@@ -0,0 +1,31 @@
+import { CreateUIAttachment, UIAttachment } from '@anvia/react';
+import { C as ChatController } from './chat-B3kucz1w.js';
+import { MutableRefObject } from 'react';
+
+type ComposerAttachmentInput = File | CreateUIAttachment;
+type ComposerAttachmentsUpdate = UIAttachment[] | ((attachments: UIAttachment[]) => UIAttachment[]);
+type ComposerContextValue = {
+    input: string;
+    setInput(input: string): void;
+    attachments: UIAttachment[];
+    setAttachments(update: ComposerAttachmentsUpdate): void;
+    addAttachment(attachment: ComposerAttachmentInput): Promise<void>;
+    removeAttachment(id: string): void;
+    clearAttachments(): void;
+    submit(): Promise<void>;
+    stop(): void;
+    status: ChatController["status"];
+    canSubmit: boolean;
+    canStop: boolean;
+};
+declare function useComposer(): ComposerContextValue;
+
+type ThreadContextValue = {
+    viewportRef: MutableRefObject<HTMLElement | null>;
+    atBottom: boolean;
+    setAtBottom(atBottom: boolean): void;
+    scrollToBottom(behavior?: ScrollBehavior): void;
+};
+declare function useThread(): ThreadContextValue;
+
+export { type ComposerAttachmentInput as C, type ThreadContextValue as T, type ComposerAttachmentsUpdate as a, type ComposerContextValue as b, useThread as c, useComposer as u };

package/package.json

@@ -0,0 +1,82 @@
+{
+  "name": "@anvia/react-ui",
+  "version": "0.2.0",
+  "description": "Composable React UI primitives for Anvia chat and completion experiences.",
+  "author": "anvia",
+  "maintainer": "Indra Zulfi",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/anvia-hq/anvia",
+    "directory": "packages/react-ui"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./attachment": {
+      "types": "./dist/attachment/index.d.ts",
+      "import": "./dist/attachment/index.js"
+    },
+    "./chat": {
+      "types": "./dist/chat/index.d.ts",
+      "import": "./dist/chat/index.js"
+    },
+    "./completion": {
+      "types": "./dist/completion/index.d.ts",
+      "import": "./dist/completion/index.js"
+    },
+    "./human-input": {
+      "types": "./dist/human-input/index.d.ts",
+      "import": "./dist/human-input/index.js"
+    },
+    "./message": {
+      "types": "./dist/message/index.d.ts",
+      "import": "./dist/message/index.js"
+    },
+    "./shared": {
+      "types": "./dist/shared.d.ts",
+      "import": "./dist/shared.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "dependencies": {
+    "@radix-ui/react-slot": "^1.3.0",
+    "react-markdown": "^10.1.0",
+    "remark-gfm": "^4.0.1"
+  },
+  "peerDependencies": {
+    "@anvia/react": ">=0.7.8 <1.0.0",
+    "react": ">=18"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.3.2",
+    "@types/node": "^24.9.1",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitest/coverage-v8": "4.1.5",
+    "happy-dom": "20.9.0",
+    "react": "19.2.6",
+    "react-dom": "19.2.6",
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.3",
+    "vitest": "^4.0.8",
+    "@anvia/react": "0.7.9"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts src/attachment/index.ts src/chat/index.ts src/completion/index.ts src/human-input/index.ts src/message/index.ts src/shared.ts --format esm --dts --sourcemap --clean --external react && cp src/styles.css dist/styles.css",
+    "coverage": "vitest run --coverage",
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit"
+  }
+}