@anvia/react-ui 0.7.1 → 1.0.0-rc.2

package/dist/{chunk-56CV6S76.js → chunk-R5FQUAAE.js}

@@ -4,7 +4,7 @@ import {
 import {
   InternalSelectionToolbarProvider,
   useSelectionToolbar
-} from "./chunk-43U2XQP2.js";
+} from "./chunk-P3JZMVPK.js";
 
 // src/selection-toolbar/parts.tsx
 import {
@@ -229,4 +229,4 @@ var SelectionToolbar = {
 export {
   SelectionToolbar
 };
-//# sourceMappingURL=chunk-56CV6S76.js.map
+//# sourceMappingURL=chunk-R5FQUAAE.js.map

package/dist/{chunk-7RMRM7W3.js → chunk-YFPDH2JM.js}

@@ -5,7 +5,7 @@ import {
   InternalThreadListItemProvider,
   useThreadList,
   useThreadListItem
-} from "./chunk-43U2XQP2.js";
+} from "./chunk-P3JZMVPK.js";
 
 // src/thread-list/parts.tsx
 import {
@@ -288,4 +288,4 @@ export {
   ThreadList,
   ThreadListItem
 };
-//# sourceMappingURL=chunk-7RMRM7W3.js.map
+//# sourceMappingURL=chunk-YFPDH2JM.js.map

package/dist/completion/index.d.ts

@@ -1,5 +1,6 @@
 import * as react from 'react';
-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 CompletionController, a as CompletionInputContextValue, b as CompletionProvider, c as CompletionProviderProps, u as useCompletionContext, d as useCompletionInput } from '../completion-input-DHlwrhxB.js';
+import '@anvia/client';
 import '@anvia/react';
 
 declare const Completion: {

package/dist/completion/index.js

@@ -1,12 +1,12 @@
 import {
   Completion
-} from "../chunk-VEYJNQVW.js";
+} from "../chunk-OVCNT3OR.js";
 import "../chunk-T3ZFZ3NP.js";
 import {
   CompletionProvider,
   useCompletionContext,
   useCompletionInput
-} from "../chunk-43U2XQP2.js";
+} from "../chunk-P3JZMVPK.js";
 export {
   Completion,
   CompletionProvider,

package/dist/completion-input-DHlwrhxB.d.ts

@@ -0,0 +1,24 @@
+import { ClientMetadata, ClientDataMap } from '@anvia/client';
+import { UseCompletionResult } from '@anvia/react';
+import { ReactNode, ReactElement } from 'react';
+
+type CompletionController<Metadata extends ClientMetadata = ClientMetadata, Data extends ClientDataMap = ClientDataMap> = UseCompletionResult<Metadata, Data>;
+type CompletionProviderProps<Metadata extends ClientMetadata = ClientMetadata, Data extends ClientDataMap = ClientDataMap> = {
+    controller: CompletionController<Metadata, Data>;
+    children?: ReactNode;
+};
+declare function CompletionProvider<Metadata extends ClientMetadata = ClientMetadata, Data extends ClientDataMap = ClientDataMap>({ controller, children }: CompletionProviderProps<Metadata, Data>): ReactElement;
+declare function useCompletionContext<Metadata extends ClientMetadata = ClientMetadata, Data extends ClientDataMap = ClientDataMap>(): CompletionController<Metadata, Data>;
+
+type CompletionInputContextValue = {
+    input: string;
+    setInput(input: string): void;
+    submit(): Promise<void>;
+    stop(): void;
+    status: CompletionController["status"];
+    canSubmit: boolean;
+    canStop: boolean;
+};
+declare function useCompletionInput(): CompletionInputContextValue;
+
+export { type CompletionController as C, type CompletionInputContextValue as a, CompletionProvider as b, type CompletionProviderProps as c, useCompletionInput as d, useCompletionContext as u };

package/dist/{composer-CzsbDFPt.d.ts → composer-C4IJllVz.d.ts}

@@ -1,6 +1,6 @@
-import { CreateUIAttachment, UIAttachment } from '@anvia/react';
+import { CreateUIAttachment, UIAttachment } from '@anvia/client';
 import { ReactNode } from 'react';
-import { C as ChatController } from './chat-B3kucz1w.js';
+import { C as ChatController } from './chat-WPrlqdvZ.js';
 
 type ComposerEntityData = string | number | boolean | null | ComposerEntityData[] | {
     [key: string]: ComposerEntityData | undefined;

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

@@ -1,10 +1,11 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { ToolApproval, ToolQuestion } from '@anvia/react';
-import { c as useHumanInput } from '../chat-B3kucz1w.js';
-export { u as useChatContext } from '../chat-B3kucz1w.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';
+import { ToolApproval, ToolQuestion } from '@anvia/client';
+import { c as useHumanInput } from '../chat-WPrlqdvZ.js';
+export { u as useChatContext } from '../chat-WPrlqdvZ.js';
+export { A as ApprovalContextValue, Q as QuestionContextValue, a as QuestionPromptContextValue, u as useApproval, b as useQuestion, c as useQuestionPrompt } from '../human-input-Bdq46Q56.js';
 import { P as PrimitiveProps } from '../render-CRKWam2v.js';
+import '@anvia/react';
 
 type ApprovalChildren = ReactNode | ((approval: ToolApproval) => ReactNode);
 type HumanInputFilter = "pending" | "all";

package/dist/human-input/index.js

@@ -1,6 +1,7 @@
 import {
   HumanInput
-} from "../chunk-R3NA6BWW.js";
+} from "../chunk-G3D5YKD2.js";
+import "../chunk-CKA4CE26.js";
 import "../chunk-T3ZFZ3NP.js";
 import {
   useApproval,
@@ -8,7 +9,7 @@ import {
   useHumanInput,
   useQuestion,
   useQuestionPrompt
-} from "../chunk-43U2XQP2.js";
+} from "../chunk-P3JZMVPK.js";
 export {
   HumanInput,
   useApproval,

package/dist/{human-input-CydeYm_7.d.ts → human-input-Bdq46Q56.d.ts}

@@ -1,4 +1,4 @@
-import { ToolApproval, ToolQuestion, ToolQuestionAnswer, ToolQuestionPrompt } from '@anvia/react';
+import { ToolApproval, ToolQuestion, ToolQuestionAnswer, ToolQuestionPrompt } from '@anvia/client';
 
 type ApprovalContextValue = {
     approval: ToolApproval;

package/dist/image/index.d.ts

@@ -1,12 +1,12 @@
 import * as react from 'react';
-import * as _anvia_react from '@anvia/react';
-import { I as ImageContextValue } from '../image-DanUxcl2.js';
-export { u as useImage } from '../image-DanUxcl2.js';
+import * as _anvia_client from '@anvia/client';
+import { I as ImageContextValue } from '../image-VZv6Ddsn.js';
+export { u as useImage } from '../image-VZv6Ddsn.js';
 import { P as PrimitiveProps } from '../render-CRKWam2v.js';
 
 declare const Image: {
     readonly Root: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"figure">, "children"> & {
-        attachment?: _anvia_react.UIAttachment;
+        attachment?: _anvia_client.UIAttachment;
         children?: react.ReactNode | ((image: ImageContextValue) => react.ReactNode);
         renderWhen?: "image" | "always";
     } & react.RefAttributes<HTMLElement>>;

package/dist/image/index.js

@@ -1,10 +1,10 @@
 import {
   Image
-} from "../chunk-7HR34SOF.js";
+} from "../chunk-OUWDPMJK.js";
 import "../chunk-T3ZFZ3NP.js";
 import {
   useImage
-} from "../chunk-43U2XQP2.js";
+} from "../chunk-P3JZMVPK.js";
 export {
   Image,
   useImage

package/dist/{image-DanUxcl2.d.ts → image-VZv6Ddsn.d.ts}

@@ -1,4 +1,4 @@
-import { UIAttachment } from '@anvia/react';
+import { UIAttachment } from '@anvia/client';
 
 type ImageContextValue = {
     attachment: UIAttachment;

package/dist/index.d.ts

@@ -1,11 +1,11 @@
 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, c as ComposerEntitiesUpdate, d as ComposerEntity, e as ComposerEntityData, f as ComposerMessageMetadata, g as ComposerQuote, h as ComposerTriggerDefinition, i as ComposerTriggerItem, j as ComposerTriggerItems, k as ComposerTriggerItemsArgs, l as ComposerTriggerState, m as ComposerTriggerStateUpdate, u as useComposer } from './composer-CzsbDFPt.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 { I as ImageContextValue, u as useImage } from './image-DanUxcl2.js';
-export { M as MessageContextValue, a as MessagePartContextValue, u as useMessage, b as useMessagePart } from './message-CkEnKhAn.js';
+export { A as AttachmentContextValue, u as useAttachment } from './attachment-mbjsroli.js';
+export { C as ChatController, a as ChatProvider, b as ChatProviderProps, u as useChatContext, c as useHumanInput } from './chat-WPrlqdvZ.js';
+export { C as CompletionController, a as CompletionInputContextValue, b as CompletionProvider, c as CompletionProviderProps, u as useCompletionContext, d as useCompletionInput } from './completion-input-DHlwrhxB.js';
+export { C as ComposerAttachmentInput, a as ComposerAttachmentsUpdate, b as ComposerContextValue, c as ComposerEntitiesUpdate, d as ComposerEntity, e as ComposerEntityData, f as ComposerMessageMetadata, g as ComposerQuote, h as ComposerTriggerDefinition, i as ComposerTriggerItem, j as ComposerTriggerItems, k as ComposerTriggerItemsArgs, l as ComposerTriggerState, m as ComposerTriggerStateUpdate, u as useComposer } from './composer-C4IJllVz.js';
+export { A as ApprovalContextValue, Q as QuestionContextValue, a as QuestionPromptContextValue, u as useApproval, b as useQuestion, c as useQuestionPrompt } from './human-input-Bdq46Q56.js';
+export { I as ImageContextValue, u as useImage } from './image-VZv6Ddsn.js';
+export { M as MessageContextValue, a as MessagePartContextValue, u as useMessage, b as useMessagePart } from './message-CNRnZQwU.js';
 export { S as SelectionToolbarContextValue, a as SelectionToolbarSelection, u as useSelectionToolbar } from './selection-toolbar-Cwjbuv5S.js';
 export { T as ThreadContextValue, u as useThread } from './thread-uEm8hH0s.js';
 export { T as ThreadListController, a as ThreadListItemContextValue, b as ThreadListProvider, c as ThreadListProviderProps, d as ThreadListRecord, u as useThreadList, e as useThreadListItem } from './thread-list-On8db4XL.js';
@@ -22,6 +22,7 @@ export { Message, MessageAttachmentPart, MessageEntityProps, MessagePartsFilter,
 export { SelectionToolbar } from './selection-toolbar/index.js';
 export { StreamMarkdown, StreamMarkdownProps } from './stream/index.js';
 export { ThreadList, ThreadListItem } from './thread-list/index.js';
+import '@anvia/client';
 import 'react-markdown';
 
 type ContextUsage = NonNullable<UseChatResult["contextUsage"]>;

package/dist/index.js

@@ -1,32 +1,33 @@
 import {
   SelectionToolbar
-} from "./chunk-56CV6S76.js";
+} from "./chunk-R5FQUAAE.js";
 import {
   ThreadList,
   ThreadListItem
-} from "./chunk-7RMRM7W3.js";
+} from "./chunk-YFPDH2JM.js";
 import {
   Composer,
   Thread
-} from "./chunk-FABSIZZ7.js";
+} from "./chunk-3OVUVDNY.js";
 import {
   Completion
-} from "./chunk-VEYJNQVW.js";
+} from "./chunk-OVCNT3OR.js";
 import {
   HumanInput
-} from "./chunk-R3NA6BWW.js";
+} from "./chunk-G3D5YKD2.js";
 import {
   Image
-} from "./chunk-7HR34SOF.js";
+} from "./chunk-OUWDPMJK.js";
 import {
   Message
-} from "./chunk-JWZDNM5D.js";
+} from "./chunk-PBR53CKI.js";
 import {
   StreamMarkdown
 } from "./chunk-ULGJLLZE.js";
 import {
   Attachment
-} from "./chunk-SBYUKODG.js";
+} from "./chunk-6J6XAQNS.js";
+import "./chunk-CKA4CE26.js";
 import {
   renderPrimitive
 } from "./chunk-T3ZFZ3NP.js";
@@ -50,7 +51,7 @@ import {
   useThread,
   useThreadList,
   useThreadListItem
-} from "./chunk-43U2XQP2.js";
+} from "./chunk-P3JZMVPK.js";
 
 // src/context-meter.tsx
 import { forwardRef } from "react";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/context-meter.tsx"],"sourcesContent":["import type { UseChatResult } from \"@anvia/react\";\nimport { forwardRef, type ReactNode } from \"react\";\n\nimport { type PrimitiveProps, renderPrimitive } from \"./primitives\";\n\ntype ContextUsage = NonNullable<UseChatResult[\"contextUsage\"]>;\n\nexport type ContextMeterProps = Omit<PrimitiveProps<\"div\">, \"children\"> & {\n  usage?: ContextUsage;\n  display?: \"remaining\" | \"used\";\n  children?: ReactNode | ((usage: ContextUsage) => ReactNode);\n};\n\nexport const ContextMeter = forwardRef<HTMLDivElement, ContextMeterProps>(function ContextMeter(\n  { usage, display = \"remaining\", children, ...props },\n  ref,\n) {\n  if (usage === undefined) {\n    return null;\n  }\n\n  const percent = display === \"remaining\" ? usage.remainingPercent : usage.usedPercent;\n  const roundedPercent = Math.round(percent);\n  const label = `${roundedPercent}% context ${display === \"remaining\" ? \"left\" : \"used\"}`;\n  const content =\n    typeof children === \"function\"\n      ? children(usage)\n      : (children ?? (\n          <>\n            <span data-anvia-context-meter-label=\"\">{label}</span>\n            <span aria-hidden=\"true\" data-anvia-context-meter-track=\"\">\n              <span\n                data-anvia-context-meter-value=\"\"\n                style={{ width: `${Math.min(100, Math.max(0, percent))}%` }}\n              />\n            </span>\n          </>\n        ));\n\n  return renderPrimitive(\n    \"div\",\n    {\n      ...props,\n      children: content,\n      \"aria-label\": props[\"aria-label\"] ?? label,\n      \"aria-valuemax\": 100,\n      \"aria-valuemin\": 0,\n      \"aria-valuenow\": roundedPercent,\n      \"data-anvia-context-meter\": \"\",\n      \"data-display\": display,\n      role: props.role ?? \"progressbar\",\n    } as PrimitiveProps<\"div\">,\n    ref,\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,SAAS,kBAAkC;AA2BjC,mBACE,KADF;AAfH,IAAM,eAAe,WAA8C,SAASA,cACjF,EAAE,OAAO,UAAU,aAAa,UAAU,GAAG,MAAM,GACnD,KACA;AACA,MAAI,UAAU,QAAW;AACvB,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,YAAY,cAAc,MAAM,mBAAmB,MAAM;AACzE,QAAM,iBAAiB,KAAK,MAAM,OAAO;AACzC,QAAM,QAAQ,GAAG,cAAc,aAAa,YAAY,cAAc,SAAS,MAAM;AACrF,QAAM,UACJ,OAAO,aAAa,aAChB,SAAS,KAAK,IACb,YACC,iCACE;AAAA,wBAAC,UAAK,kCAA+B,IAAI,iBAAM;AAAA,IAC/C,oBAAC,UAAK,eAAY,QAAO,kCAA+B,IACtD;AAAA,MAAC;AAAA;AAAA,QACC,kCAA+B;AAAA,QAC/B,OAAO,EAAE,OAAO,GAAG,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,CAAC,IAAI;AAAA;AAAA,IAC5D,GACF;AAAA,KACF;AAGR,SAAO;AAAA,IACL;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,UAAU;AAAA,MACV,cAAc,MAAM,YAAY,KAAK;AAAA,MACrC,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,MACjB,4BAA4B;AAAA,MAC5B,gBAAgB;AAAA,MAChB,MAAM,MAAM,QAAQ;AAAA,IACtB;AAAA,IACA;AAAA,EACF;AACF,CAAC;","names":["ContextMeter"]}
+{"version":3,"sources":["../src/context-meter.tsx"],"sourcesContent":["import type { UseChatResult } from \"@anvia/react\";\nimport { forwardRef, type ReactNode } from \"react\";\n\nimport { type PrimitiveProps, renderPrimitive } from \"./primitives\";\n\ntype ContextUsage = NonNullable<UseChatResult[\"contextUsage\"]>;\n\nexport type ContextMeterProps = Omit<PrimitiveProps<\"div\">, \"children\"> & {\n  usage?: ContextUsage;\n  display?: \"remaining\" | \"used\";\n  children?: ReactNode | ((usage: ContextUsage) => ReactNode);\n};\n\nexport const ContextMeter = forwardRef<HTMLDivElement, ContextMeterProps>(function ContextMeter(\n  { usage, display = \"remaining\", children, ...props },\n  ref,\n) {\n  if (usage === undefined) {\n    return null;\n  }\n\n  const percent = display === \"remaining\" ? usage.remainingPercent : usage.usedPercent;\n  const roundedPercent = Math.round(percent);\n  const label = `${roundedPercent}% context ${display === \"remaining\" ? \"left\" : \"used\"}`;\n  const content =\n    typeof children === \"function\"\n      ? children(usage)\n      : (children ?? (\n          <>\n            <span data-anvia-context-meter-label=\"\">{label}</span>\n            <span aria-hidden=\"true\" data-anvia-context-meter-track=\"\">\n              <span\n                data-anvia-context-meter-value=\"\"\n                style={{ width: `${Math.min(100, Math.max(0, percent))}%` }}\n              />\n            </span>\n          </>\n        ));\n\n  return renderPrimitive(\n    \"div\",\n    {\n      ...props,\n      children: content,\n      \"aria-label\": props[\"aria-label\"] ?? label,\n      \"aria-valuemax\": 100,\n      \"aria-valuemin\": 0,\n      \"aria-valuenow\": roundedPercent,\n      \"data-anvia-context-meter\": \"\",\n      \"data-display\": display,\n      role: props.role ?? \"progressbar\",\n    } as PrimitiveProps<\"div\">,\n    ref,\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,SAAS,kBAAkC;AA2BjC,mBACE,KADF;AAfH,IAAM,eAAe,WAA8C,SAASA,cACjF,EAAE,OAAO,UAAU,aAAa,UAAU,GAAG,MAAM,GACnD,KACA;AACA,MAAI,UAAU,QAAW;AACvB,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,YAAY,cAAc,MAAM,mBAAmB,MAAM;AACzE,QAAM,iBAAiB,KAAK,MAAM,OAAO;AACzC,QAAM,QAAQ,GAAG,cAAc,aAAa,YAAY,cAAc,SAAS,MAAM;AACrF,QAAM,UACJ,OAAO,aAAa,aAChB,SAAS,KAAK,IACb,YACC,iCACE;AAAA,wBAAC,UAAK,kCAA+B,IAAI,iBAAM;AAAA,IAC/C,oBAAC,UAAK,eAAY,QAAO,kCAA+B,IACtD;AAAA,MAAC;AAAA;AAAA,QACC,kCAA+B;AAAA,QAC/B,OAAO,EAAE,OAAO,GAAG,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,CAAC,IAAI;AAAA;AAAA,IAC5D,GACF;AAAA,KACF;AAGR,SAAO;AAAA,IACL;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,UAAU;AAAA,MACV,cAAc,MAAM,YAAY,KAAK;AAAA,MACrC,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,MACjB,4BAA4B;AAAA,MAC5B,gBAAgB;AAAA,MAChB,MAAM,MAAM,QAAQ;AAAA,IACtB;AAAA,IACA;AAAA,EACF;AACF,CAAC;","names":["ContextMeter"]}

package/dist/message/index.d.ts

@@ -1,11 +1,12 @@
 import * as react_markdown from 'react-markdown';
-import * as _anvia_react from '@anvia/react';
-import { UIMessagePart, StreamSmoothingLifecycle } from '@anvia/react';
+import * as _anvia_client from '@anvia/client';
+import { UIMessagePart } from '@anvia/client';
+import { StreamSmoothingLifecycle } from '@anvia/react';
 import * as react from 'react';
 import { HTMLAttributes } from 'react';
-export { u as useChatContext } from '../chat-B3kucz1w.js';
-import { d as ComposerEntity } from '../composer-CzsbDFPt.js';
-export { M as MessageContextValue, a as MessagePartContextValue, u as useMessage, b as useMessagePart } from '../message-CkEnKhAn.js';
+export { u as useChatContext } from '../chat-WPrlqdvZ.js';
+import { d as ComposerEntity } from '../composer-C4IJllVz.js';
+export { M as MessageContextValue, a as MessagePartContextValue, u as useMessage, b as useMessagePart } from '../message-CNRnZQwU.js';
 import { P as PrimitiveProps } from '../render-CRKWam2v.js';
 
 type MessagePartsFilter = (part: UIMessagePart) => boolean;
@@ -24,19 +25,19 @@ type MessageEntityProps = HTMLAttributes<HTMLSpanElement> & {
 
 declare const Message: {
     readonly Root: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"article">, "children"> & {
-        children?: react.ReactNode | ((message: _anvia_react.UIMessage) => react.ReactNode);
+        children?: react.ReactNode | ((message: _anvia_client.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);
+        children?: react.ReactNode | ((part: _anvia_client.UIMessagePart) => react.ReactNode);
         filter?: MessagePartsFilter;
     } & {
         stream?: MessageStreamOptions;
     } & react.RefAttributes<HTMLDivElement>>;
     readonly Part: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"div">, "children"> & {
-        children?: react.ReactNode | ((part: _anvia_react.UIMessagePart) => react.ReactNode);
+        children?: react.ReactNode | ((part: _anvia_client.UIMessagePart) => react.ReactNode);
     } & react.RefAttributes<HTMLDivElement>>;
     readonly Text: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "asChild"> & {
         asChild?: boolean;
@@ -82,7 +83,7 @@ declare const Message: {
         asChild?: boolean;
     } & react.RefAttributes<HTMLSpanElement>>;
     readonly Attachment: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"div">, "children"> & {
-        children?: react.ReactNode | ((attachment: _anvia_react.UIAttachment) => react.ReactNode);
+        children?: react.ReactNode | ((attachment: _anvia_client.UIAttachment) => react.ReactNode);
     } & react.RefAttributes<HTMLDivElement>>;
     readonly Data: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLPreElement>, HTMLPreElement>, "ref">, "asChild"> & {
         asChild?: boolean;

package/dist/message/index.js

@@ -1,14 +1,15 @@
 import {
   Message
-} from "../chunk-JWZDNM5D.js";
+} from "../chunk-PBR53CKI.js";
 import "../chunk-ULGJLLZE.js";
-import "../chunk-SBYUKODG.js";
+import "../chunk-6J6XAQNS.js";
+import "../chunk-CKA4CE26.js";
 import "../chunk-T3ZFZ3NP.js";
 import {
   useChatContext,
   useMessage,
   useMessagePart
-} from "../chunk-43U2XQP2.js";
+} from "../chunk-P3JZMVPK.js";
 export {
   Message,
   useChatContext,

package/dist/{message-CkEnKhAn.d.ts → message-CNRnZQwU.d.ts}

@@ -1,4 +1,4 @@
-import { UIMessage, UIMessagePart } from '@anvia/react';
+import { UIMessage, UIMessagePart } from '@anvia/client';
 
 type MessageContextValue = {
     message: UIMessage;

package/dist/selection-toolbar/index.js

@@ -1,10 +1,10 @@
 import {
   SelectionToolbar
-} from "../chunk-56CV6S76.js";
+} from "../chunk-R5FQUAAE.js";
 import "../chunk-T3ZFZ3NP.js";
 import {
   useSelectionToolbar
-} from "../chunk-43U2XQP2.js";
+} from "../chunk-P3JZMVPK.js";
 export {
   SelectionToolbar,
   useSelectionToolbar

package/dist/shared.d.ts

@@ -1,13 +1,14 @@
-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, c as ComposerEntitiesUpdate, d as ComposerEntity, e as ComposerEntityData, f as ComposerMessageMetadata, g as ComposerQuote, h as ComposerTriggerDefinition, i as ComposerTriggerItem, j as ComposerTriggerItems, k as ComposerTriggerItemsArgs, l as ComposerTriggerState, m as ComposerTriggerStateUpdate, u as useComposer } from './composer-CzsbDFPt.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 { I as ImageContextValue, u as useImage } from './image-DanUxcl2.js';
-export { M as MessageContextValue, a as MessagePartContextValue, u as useMessage, b as useMessagePart } from './message-CkEnKhAn.js';
+export { A as AttachmentContextValue, u as useAttachment } from './attachment-mbjsroli.js';
+export { C as ChatController, a as ChatProvider, b as ChatProviderProps, u as useChatContext, c as useHumanInput } from './chat-WPrlqdvZ.js';
+export { C as CompletionController, a as CompletionInputContextValue, b as CompletionProvider, c as CompletionProviderProps, u as useCompletionContext, d as useCompletionInput } from './completion-input-DHlwrhxB.js';
+export { C as ComposerAttachmentInput, a as ComposerAttachmentsUpdate, b as ComposerContextValue, c as ComposerEntitiesUpdate, d as ComposerEntity, e as ComposerEntityData, f as ComposerMessageMetadata, g as ComposerQuote, h as ComposerTriggerDefinition, i as ComposerTriggerItem, j as ComposerTriggerItems, k as ComposerTriggerItemsArgs, l as ComposerTriggerState, m as ComposerTriggerStateUpdate, u as useComposer } from './composer-C4IJllVz.js';
+export { A as ApprovalContextValue, Q as QuestionContextValue, a as QuestionPromptContextValue, u as useApproval, b as useQuestion, c as useQuestionPrompt } from './human-input-Bdq46Q56.js';
+export { I as ImageContextValue, u as useImage } from './image-VZv6Ddsn.js';
+export { M as MessageContextValue, a as MessagePartContextValue, u as useMessage, b as useMessagePart } from './message-CNRnZQwU.js';
 export { S as SelectionToolbarContextValue, a as SelectionToolbarSelection, u as useSelectionToolbar } from './selection-toolbar-Cwjbuv5S.js';
 export { T as ThreadContextValue, u as useThread } from './thread-uEm8hH0s.js';
 export { T as ThreadListController, a as ThreadListItemContextValue, b as ThreadListProvider, c as ThreadListProviderProps, d as ThreadListRecord, u as useThreadList, e as useThreadListItem } from './thread-list-On8db4XL.js';
 export { P as PrimitiveProps, a as PrimitiveRef } from './render-CRKWam2v.js';
+import '@anvia/client';
 import '@anvia/react';
 import 'react';

package/dist/shared.js

@@ -18,7 +18,7 @@ import {
   useThread,
   useThreadList,
   useThreadListItem
-} from "./chunk-43U2XQP2.js";
+} from "./chunk-P3JZMVPK.js";
 export {
   ChatProvider,
   CompletionProvider,

package/dist/thread-list/index.js

@@ -1,13 +1,13 @@
 import {
   ThreadList,
   ThreadListItem
-} from "../chunk-7RMRM7W3.js";
+} from "../chunk-YFPDH2JM.js";
 import "../chunk-T3ZFZ3NP.js";
 import {
   ThreadListProvider,
   useThreadList,
   useThreadListItem
-} from "../chunk-43U2XQP2.js";
+} from "../chunk-P3JZMVPK.js";
 export {
   ThreadList,
   ThreadListItem,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anvia/react-ui",
-  "version": "0.7.1",
+  "version": "1.0.0-rc.2",
   "description": "Composable React UI primitives for Anvia chat and completion experiences.",
   "author": "anvia",
   "maintainer": "Indra Zulfi",
@@ -69,24 +69,25 @@
   },
   "dependencies": {
     "@radix-ui/react-slot": "^1.3.3",
-    "@tiptap/core": "^3.29.2",
-    "@tiptap/extension-document": "^3.29.2",
-    "@tiptap/extension-hard-break": "^3.29.2",
-    "@tiptap/extension-mention": "^3.29.2",
-    "@tiptap/extension-paragraph": "^3.29.2",
-    "@tiptap/extension-placeholder": "^3.29.2",
-    "@tiptap/extension-text": "^3.29.2",
-    "@tiptap/pm": "^3.29.2",
-    "@tiptap/react": "^3.29.2",
-    "@tiptap/suggestion": "^3.29.2",
+    "@tiptap/core": "^3.30.1",
+    "@tiptap/extension-document": "^3.30.1",
+    "@tiptap/extension-hard-break": "^3.30.1",
+    "@tiptap/extension-mention": "^3.30.1",
+    "@tiptap/extension-paragraph": "^3.30.1",
+    "@tiptap/extension-placeholder": "^3.30.1",
+    "@tiptap/extension-text": "^3.30.1",
+    "@tiptap/pm": "^3.30.1",
+    "@tiptap/react": "^3.30.1",
+    "@tiptap/suggestion": "^3.30.1",
     "marked": "^18.0.9",
     "react-markdown": "^10.1.0",
     "remark-gfm": "^4.0.1"
   },
   "peerDependencies": {
-    "@anvia/react": ">=0.9.0 <1.0.0",
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",
+    "@anvia/client": "1.0.0-rc.2",
+    "@anvia/react": "1.0.0-rc.2"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.2",
@@ -100,7 +101,8 @@
     "tsup": "^8.5.0",
     "typescript": "^5.9.3",
     "vitest": "^4.0.8",
-    "@anvia/react": "0.11.4"
+    "@anvia/client": "1.0.0-rc.2",
+    "@anvia/react": "1.0.0-rc.2"
   },
   "scripts": {
     "build": "tsup src/index.ts src/attachment/index.ts src/chat/index.ts src/completion/index.ts src/human-input/index.ts src/image/index.ts src/message/index.ts src/selection-toolbar/index.ts src/shared.ts src/stream/index.ts src/thread-list/index.ts --format esm --dts --sourcemap --clean --external react --external react-dom && cp src/styles.css dist/styles.css && cp src/stream/styles.css dist/stream/styles.css",

package/dist/chat-B3kucz1w.d.ts

@@ -1,13 +0,0 @@
-import { UseChatResult } from '@anvia/react';
-import { ReactNode, ReactElement } from 'react';
-
-type ChatController<TEvent = unknown> = UseChatResult<TEvent>;
-type ChatProviderProps<TEvent = unknown> = {
-    controller: ChatController<TEvent>;
-    children?: ReactNode;
-};
-declare function ChatProvider<TEvent = unknown>({ controller, children, }: ChatProviderProps<TEvent>): ReactElement;
-declare function useChatContext<TEvent = unknown>(): ChatController<TEvent>;
-declare function useHumanInput(): ChatController["humanInput"];
-
-export { type ChatController as C, ChatProvider as a, type ChatProviderProps as b, useHumanInput as c, useChatContext as u };

package/dist/chunk-43U2XQP2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/contexts/attachment.tsx","../src/contexts/chat.tsx","../src/contexts/completion.tsx","../src/contexts/completion-input.tsx","../src/contexts/composer.tsx","../src/contexts/human-input.tsx","../src/contexts/image.tsx","../src/contexts/message.tsx","../src/contexts/selection-toolbar.tsx","../src/contexts/thread.tsx","../src/contexts/thread-list.tsx"],"sourcesContent":["import type { UIAttachment } from \"@anvia/react\";\nimport { createContext, createElement, type ReactElement, type ReactNode, useContext } from \"react\";\n\nexport type AttachmentContextValue = {\n  attachment: UIAttachment;\n  remove?(): void;\n};\n\nconst AttachmentContext = createContext<AttachmentContextValue | undefined>(undefined);\n\nexport function InternalAttachmentProvider({\n  value,\n  children,\n}: {\n  value: AttachmentContextValue;\n  children?: ReactNode;\n}): ReactElement {\n  return createElement(AttachmentContext.Provider, { value }, children);\n}\n\nexport function useAttachment(): AttachmentContextValue {\n  const value = useContext(AttachmentContext);\n  if (value === undefined) {\n    throw new Error(\"Attachment primitives must be used inside Attachment.Root.\");\n  }\n  return value;\n}\n\nexport function useOptionalAttachment(): AttachmentContextValue | undefined {\n  return useContext(AttachmentContext);\n}\n","import type { UseChatResult } from \"@anvia/react\";\nimport { createContext, createElement, type ReactElement, type ReactNode, useContext } from \"react\";\n\nexport type ChatController<TEvent = unknown> = UseChatResult<TEvent>;\n\nexport type ChatProviderProps<TEvent = unknown> = {\n  controller: ChatController<TEvent>;\n  children?: ReactNode;\n};\n\nconst ChatContext = createContext<ChatController | undefined>(undefined);\n\nexport function ChatProvider<TEvent = unknown>({\n  controller,\n  children,\n}: ChatProviderProps<TEvent>): ReactElement {\n  return createElement(ChatContext.Provider, { value: controller as ChatController }, children);\n}\n\nexport function useChatContext<TEvent = unknown>(): ChatController<TEvent> {\n  const value = useContext(ChatContext);\n  if (value === undefined) {\n    throw new Error(\"Anvia chat primitives must be used inside ChatProvider.\");\n  }\n  return value as ChatController<TEvent>;\n}\n\nexport function useHumanInput(): ChatController[\"humanInput\"] {\n  return useChatContext().humanInput;\n}\n","import type { UseCompletionResult } from \"@anvia/react\";\nimport { createContext, createElement, type ReactElement, type ReactNode, useContext } from \"react\";\n\nexport type CompletionController<TEvent = unknown> = UseCompletionResult<TEvent>;\n\nexport type CompletionProviderProps<TEvent = unknown> = {\n  controller: CompletionController<TEvent>;\n  children?: ReactNode;\n};\n\nconst CompletionContext = createContext<CompletionController | undefined>(undefined);\n\nexport function CompletionProvider<TEvent = unknown>({\n  controller,\n  children,\n}: CompletionProviderProps<TEvent>): ReactElement {\n  return createElement(\n    CompletionContext.Provider,\n    { value: controller as CompletionController },\n    children,\n  );\n}\n\nexport function useCompletionContext<TEvent = unknown>(): CompletionController<TEvent> {\n  const value = useContext(CompletionContext);\n  if (value === undefined) {\n    throw new Error(\"Anvia completion primitives must be used inside CompletionProvider.\");\n  }\n  return value as CompletionController<TEvent>;\n}\n","import { createContext, createElement, type ReactElement, type ReactNode, useContext } from \"react\";\n\nimport type { CompletionController } from \"./completion\";\n\nexport type CompletionInputContextValue = {\n  input: string;\n  setInput(input: string): void;\n  submit(): Promise<void>;\n  stop(): void;\n  status: CompletionController[\"status\"];\n  canSubmit: boolean;\n  canStop: boolean;\n};\n\nconst CompletionInputContext = createContext<CompletionInputContextValue | undefined>(undefined);\n\nexport function InternalCompletionInputProvider({\n  value,\n  children,\n}: {\n  value: CompletionInputContextValue;\n  children?: ReactNode;\n}): ReactElement {\n  return createElement(CompletionInputContext.Provider, { value }, children);\n}\n\nexport function useCompletionInput(): CompletionInputContextValue {\n  const value = useContext(CompletionInputContext);\n  if (value === undefined) {\n    throw new Error(\"Completion input primitives must be used inside Completion.Form.\");\n  }\n  return value;\n}\n","import type { CreateUIAttachment, UIAttachment } from \"@anvia/react\";\nimport { createContext, createElement, type ReactElement, type ReactNode, useContext } from \"react\";\nimport type { ChatController } from \"./chat\";\n\nexport type ComposerEntityData =\n  | string\n  | number\n  | boolean\n  | null\n  | ComposerEntityData[]\n  | { [key: string]: ComposerEntityData | undefined };\n\nexport type ComposerAttachmentInput = File | CreateUIAttachment;\nexport type ComposerAttachmentsUpdate =\n  | UIAttachment[]\n  | ((attachments: UIAttachment[]) => UIAttachment[]);\nexport type ComposerEntitiesUpdate =\n  | ComposerEntity[]\n  | ((entities: ComposerEntity[]) => ComposerEntity[]);\nexport type ComposerQuote = {\n  text: string;\n  messageId: string;\n};\nexport type ComposerTriggerItem = {\n  id: string;\n  label: string;\n  text?: string | undefined;\n  detail?: ReactNode | undefined;\n  data?: ComposerEntityData | undefined;\n  disabled?: boolean | undefined;\n};\nexport type ComposerTriggerItemsArgs = {\n  trigger: ComposerTriggerDefinition;\n  query: string;\n  input: string;\n  entities: ComposerEntity[];\n  signal: AbortSignal;\n};\nexport type ComposerTriggerItems =\n  | ComposerTriggerItem[]\n  | ((args: ComposerTriggerItemsArgs) => ComposerTriggerItem[] | Promise<ComposerTriggerItem[]>);\nexport type ComposerTriggerDefinition = {\n  id: string;\n  char: string;\n  items: ComposerTriggerItems;\n  minQueryLength?: number | undefined;\n  allowedPrefixes?: string[] | null | undefined;\n  startOfLine?: boolean | undefined;\n  allowSpaces?: boolean | undefined;\n};\nexport type ComposerEntity = {\n  id: string;\n  triggerId: string;\n  trigger: string;\n  label: string;\n  text: string;\n  range: {\n    from: number;\n    to: number;\n  };\n  data?: ComposerEntityData | undefined;\n};\nexport type ComposerMessageMetadata = {\n  composer: {\n    entities: ComposerEntity[];\n  };\n};\nexport type ComposerTriggerState = {\n  trigger: ComposerTriggerDefinition;\n  query: string;\n  items: ComposerTriggerItem[];\n  loading: boolean;\n  selectedIndex: number;\n  rect?: {\n    top: number;\n    right: number;\n    bottom: number;\n    left: number;\n    width: number;\n    height: number;\n  };\n  selectItem(item: ComposerTriggerItem): void;\n  setSelectedIndex(index: number): void;\n};\nexport type ComposerTriggerStateUpdate =\n  | ComposerTriggerState\n  | undefined\n  | ((state: ComposerTriggerState | undefined) => ComposerTriggerState | undefined);\n\nexport type ComposerContextValue = {\n  input: string;\n  setInput(input: string): void;\n  attachments: UIAttachment[];\n  setAttachments(update: ComposerAttachmentsUpdate): void;\n  addAttachment(attachment: ComposerAttachmentInput): Promise<void>;\n  removeAttachment(id: string): void;\n  clearAttachments(): void;\n  entities: ComposerEntity[];\n  setEntities(update: ComposerEntitiesUpdate): void;\n  quote?: ComposerQuote | undefined;\n  setQuote(quote: ComposerQuote | undefined): void;\n  clearQuote(): void;\n  triggers: ComposerTriggerDefinition[];\n  activeTrigger?: ComposerTriggerState | undefined;\n  setActiveTrigger(update: ComposerTriggerStateUpdate): void;\n  submit(): Promise<void>;\n  stop(): void;\n  status: ChatController[\"status\"];\n  canSubmit: boolean;\n  canStop: boolean;\n};\n\nconst ComposerContext = createContext<ComposerContextValue | undefined>(undefined);\n\nexport function InternalComposerProvider({\n  value,\n  children,\n}: {\n  value: ComposerContextValue;\n  children?: ReactNode;\n}): ReactElement {\n  return createElement(ComposerContext.Provider, { value }, children);\n}\n\nexport function useComposer(): ComposerContextValue {\n  const value = useContext(ComposerContext);\n  if (value === undefined) {\n    throw new Error(\"Composer primitives must be used inside Composer.Root.\");\n  }\n  return value;\n}\n","import type {\n  ToolApproval,\n  ToolQuestion,\n  ToolQuestionAnswer,\n  ToolQuestionPrompt,\n} from \"@anvia/react\";\nimport {\n  createContext,\n  createElement,\n  type ReactElement,\n  type ReactNode,\n  useContext,\n  useMemo,\n  useState,\n} from \"react\";\n\nexport type ApprovalContextValue = {\n  approval: ToolApproval;\n  reason: string;\n  setReason(reason: string): void;\n};\n\nexport type QuestionContextValue = {\n  question: ToolQuestion;\n  answers: Record<string, ToolQuestionAnswer>;\n  setAnswer(prompt: ToolQuestionPrompt, answer: ToolQuestionAnswer): void;\n};\n\nexport type QuestionPromptContextValue = {\n  prompt: ToolQuestionPrompt;\n};\n\nconst ApprovalContext = createContext<ApprovalContextValue | undefined>(undefined);\nconst QuestionContext = createContext<QuestionContextValue | undefined>(undefined);\nconst QuestionPromptContext = createContext<QuestionPromptContextValue | undefined>(undefined);\n\nexport function InternalApprovalProvider({\n  approval,\n  children,\n}: {\n  approval: ToolApproval;\n  children?: ReactNode;\n}): ReactElement {\n  const [reason, setReason] = useState(\"\");\n  const value = useMemo<ApprovalContextValue>(\n    () => ({ approval, reason, setReason }),\n    [approval, reason],\n  );\n\n  return createElement(ApprovalContext.Provider, { value }, children);\n}\n\nexport function InternalQuestionProvider({\n  value,\n  children,\n}: {\n  value: QuestionContextValue;\n  children?: ReactNode;\n}): ReactElement {\n  return createElement(QuestionContext.Provider, { value }, children);\n}\n\nexport function InternalQuestionPromptProvider({\n  prompt,\n  children,\n}: {\n  prompt: ToolQuestionPrompt;\n  children?: ReactNode;\n}): ReactElement {\n  return createElement(QuestionPromptContext.Provider, { value: { prompt } }, children);\n}\n\nexport function useApproval(): ApprovalContextValue {\n  const value = useContext(ApprovalContext);\n  if (value === undefined) {\n    throw new Error(\"Approval primitives must be used inside HumanInput.Approval.\");\n  }\n  return value;\n}\n\nexport function useQuestion(): QuestionContextValue {\n  const value = useContext(QuestionContext);\n  if (value === undefined) {\n    throw new Error(\"Question primitives must be used inside HumanInput.Question.\");\n  }\n  return value;\n}\n\nexport function useQuestionPrompt(): QuestionPromptContextValue {\n  const value = useContext(QuestionPromptContext);\n  if (value === undefined) {\n    throw new Error(\"Question choice primitives must be used inside HumanInput.QuestionPrompt.\");\n  }\n  return value;\n}\n","import type { UIAttachment } from \"@anvia/react\";\nimport { createContext, createElement, type ReactElement, type ReactNode, useContext } from \"react\";\n\nexport type ImageContextValue = {\n  attachment: UIAttachment;\n  src?: string;\n  name?: string;\n  mediaType?: string;\n  isImage: boolean;\n  zoomOpen: boolean;\n  setZoomOpen(open: boolean): void;\n};\n\nconst ImageContext = createContext<ImageContextValue | undefined>(undefined);\n\nexport function InternalImageProvider({\n  value,\n  children,\n}: {\n  value: ImageContextValue;\n  children?: ReactNode;\n}): ReactElement {\n  return createElement(ImageContext.Provider, { value }, children);\n}\n\nexport function useImage(): ImageContextValue {\n  const value = useContext(ImageContext);\n  if (value === undefined) {\n    throw new Error(\"Image primitives must be used inside Image.Root.\");\n  }\n  return value;\n}\n","import type { UIMessage, UIMessagePart } from \"@anvia/react\";\nimport { createContext, createElement, type ReactElement, type ReactNode, useContext } from \"react\";\n\nexport type MessageContextValue = {\n  message: UIMessage;\n};\n\nexport type MessagePartContextValue = {\n  isLive: boolean;\n  part: UIMessagePart;\n  streamControlled: boolean;\n};\n\nconst MessageContext = createContext<MessageContextValue | undefined>(undefined);\nconst MessagePartContext = createContext<MessagePartContextValue | undefined>(undefined);\n\nexport function InternalMessageProvider({\n  message,\n  children,\n}: {\n  message: UIMessage;\n  children?: ReactNode;\n}): ReactElement {\n  return createElement(MessageContext.Provider, { value: { message } }, children);\n}\n\nexport function InternalMessagePartProvider({\n  part,\n  isLive = false,\n  streamControlled = false,\n  children,\n}: {\n  part: UIMessagePart;\n  isLive?: boolean;\n  streamControlled?: boolean;\n  children?: ReactNode;\n}): ReactElement {\n  return createElement(\n    MessagePartContext.Provider,\n    { value: { isLive, part, streamControlled } },\n    children,\n  );\n}\n\nexport function useMessage(): MessageContextValue {\n  const value = useContext(MessageContext);\n  if (value === undefined) {\n    throw new Error(\"Message primitives must be used inside Message.Root or Thread.Messages.\");\n  }\n  return value;\n}\n\nexport function useMessagePart(): MessagePartContextValue {\n  const value = useContext(MessagePartContext);\n  if (value === undefined) {\n    throw new Error(\"Message part primitives must be used inside Message.Parts or Message.Part.\");\n  }\n  return value;\n}\n\nexport function useOptionalMessagePart(): MessagePartContextValue | undefined {\n  return useContext(MessagePartContext);\n}\n","import { createContext, createElement, type ReactElement, type ReactNode, useContext } from \"react\";\n\nexport type SelectionToolbarSelection = {\n  text: string;\n  messageId: string;\n  rect: DOMRect;\n};\n\nexport type SelectionToolbarContextValue = {\n  selection?: SelectionToolbarSelection;\n  quote(): void;\n  copy(): Promise<void>;\n  clear(): void;\n};\n\nconst SelectionToolbarContext = createContext<SelectionToolbarContextValue | undefined>(undefined);\n\nexport function InternalSelectionToolbarProvider({\n  value,\n  children,\n}: {\n  value: SelectionToolbarContextValue;\n  children?: ReactNode;\n}): ReactElement {\n  return createElement(SelectionToolbarContext.Provider, { value }, children);\n}\n\nexport function useSelectionToolbar(): SelectionToolbarContextValue {\n  const value = useContext(SelectionToolbarContext);\n  if (value === undefined) {\n    throw new Error(\"SelectionToolbar primitives must be used inside SelectionToolbar.Root.\");\n  }\n  return value;\n}\n","import {\n  createContext,\n  createElement,\n  type MutableRefObject,\n  type ReactElement,\n  type ReactNode,\n  useContext,\n} from \"react\";\n\nexport type ThreadContextValue = {\n  viewportRef: MutableRefObject<HTMLElement | null>;\n  atBottom: boolean;\n  setAtBottom(atBottom: boolean): void;\n  scrollToBottom(behavior?: ScrollBehavior): void;\n};\n\nconst ThreadContext = createContext<ThreadContextValue | undefined>(undefined);\n\nexport function InternalThreadProvider({\n  value,\n  children,\n}: {\n  value: ThreadContextValue;\n  children?: ReactNode;\n}): ReactElement {\n  return createElement(ThreadContext.Provider, { value }, children);\n}\n\nexport function useThread(): ThreadContextValue {\n  const value = useContext(ThreadContext);\n  if (value === undefined) {\n    throw new Error(\"Thread primitives must be used inside Thread.Root.\");\n  }\n  return value;\n}\n","import { createContext, createElement, type ReactElement, type ReactNode, useContext } from \"react\";\n\nexport type ThreadListRecord = {\n  id: string;\n  title?: string;\n  createdAt?: string | Date;\n  updatedAt?: string | Date;\n  archived?: boolean;\n  metadata?: unknown;\n};\n\nexport type ThreadListController = {\n  threads: ThreadListRecord[];\n  activeThreadId?: string;\n  status?: \"idle\" | \"loading\" | \"error\";\n  error?: unknown;\n  createThread(): Promise<void> | void;\n  switchThread(threadId: string): Promise<void> | void;\n  archiveThread?(threadId: string): Promise<void> | void;\n  unarchiveThread?(threadId: string): Promise<void> | void;\n  deleteThread?(threadId: string): Promise<void> | void;\n};\n\nexport type ThreadListItemContextValue = {\n  thread: ThreadListRecord;\n  active: boolean;\n};\n\nexport type ThreadListProviderProps = {\n  controller: ThreadListController;\n  children?: ReactNode;\n};\n\nconst ThreadListContext = createContext<ThreadListController | undefined>(undefined);\nconst ThreadListItemContext = createContext<ThreadListItemContextValue | undefined>(undefined);\n\nexport function ThreadListProvider({\n  controller,\n  children,\n}: ThreadListProviderProps): ReactElement {\n  return createElement(ThreadListContext.Provider, { value: controller }, children);\n}\n\nexport function InternalThreadListItemProvider({\n  value,\n  children,\n}: {\n  value: ThreadListItemContextValue;\n  children?: ReactNode;\n}): ReactElement {\n  return createElement(ThreadListItemContext.Provider, { value }, children);\n}\n\nexport function useThreadList(): ThreadListController {\n  const value = useContext(ThreadListContext);\n  if (value === undefined) {\n    throw new Error(\"ThreadList primitives must be used inside ThreadListProvider.\");\n  }\n  return value;\n}\n\nexport function useThreadListItem(): ThreadListItemContextValue {\n  const value = useContext(ThreadListItemContext);\n  if (value === undefined) {\n    throw new Error(\"ThreadListItem primitives must be used inside ThreadList.Items.\");\n  }\n  return value;\n}\n"],"mappings":"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","names":["createContext","createElement","useContext","createContext","createElement","useContext","createContext","createElement","useContext","createContext","createElement","useContext","createContext","createElement","useContext","createContext","createElement","useContext","createContext","createElement","useContext","createContext","createElement","useContext","createContext","createElement","useContext","createContext","createElement","useContext"]}

package/dist/chunk-7HR34SOF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/image/parts.tsx","../src/image/index.ts"],"sourcesContent":["import type { UIAttachment } from \"@anvia/react\";\nimport {\n  forwardRef,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport {\n  type ImageContextValue,\n  InternalImageProvider,\n  useImage,\n  useOptionalAttachment,\n} from \"../contexts\";\nimport { composeRefs, type PrimitiveProps, renderPrimitive } from \"../primitives\";\n\ntype ImageRootChildren = ReactNode | ((image: ImageContextValue) => ReactNode);\ntype ImageRenderWhen = \"image\" | \"always\";\n\ntype ImageRootProps = Omit<PrimitiveProps<\"figure\">, \"children\"> & {\n  attachment?: UIAttachment;\n  children?: ImageRootChildren;\n  renderWhen?: ImageRenderWhen;\n};\n\nconst ImageRoot = forwardRef<HTMLElement, ImageRootProps>(function ImageRoot(\n  { attachment: attachmentProp, children, renderWhen = \"image\", ...props },\n  ref,\n) {\n  const attachmentContext = useOptionalAttachment();\n  const attachment = attachmentProp ?? attachmentContext?.attachment;\n  const [zoomOpen, setZoomOpen] = useState(false);\n\n  if (attachment === undefined) {\n    throw new Error(\"Image.Root requires an attachment prop or Attachment context.\");\n  }\n\n  const src = imageSource(attachment);\n  const isImage = isImageAttachment(attachment);\n  const value = useMemo<ImageContextValue>(() => {\n    const context: ImageContextValue = {\n      attachment,\n      isImage,\n      zoomOpen,\n      setZoomOpen,\n    };\n    if (src !== undefined) context.src = src;\n    if (attachment.name !== undefined) context.name = attachment.name;\n    if (attachment.mediaType !== undefined) context.mediaType = attachment.mediaType;\n    return context;\n  }, [attachment, attachment.mediaType, attachment.name, isImage, src, zoomOpen]);\n  if (!isImage && renderWhen !== \"always\") {\n    return null;\n  }\n\n  const renderedChildren = typeof children === \"function\" ? children(value) : children;\n\n  return (\n    <InternalImageProvider value={value}>\n      {renderPrimitive(\n        \"figure\",\n        {\n          ...props,\n          children: renderedChildren ?? (\n            <>\n              <ImagePreview />\n              <ImageName />\n            </>\n          ),\n          \"data-anvia-image\": \"\",\n          \"data-state\": src === undefined ? \"unavailable\" : \"ready\",\n          \"data-type\": attachment.type,\n        } as PrimitiveProps<\"figure\">,\n        ref,\n      )}\n    </InternalImageProvider>\n  );\n});\n\ntype ImagePreviewProps = Omit<PrimitiveProps<\"div\">, \"children\"> & {\n  alt?: string;\n  errorFallback?: ReactNode;\n  loadingFallback?: ReactNode;\n};\n\nconst ImagePreview = forwardRef<HTMLDivElement, ImagePreviewProps>(function ImagePreview(\n  { alt, errorFallback, loadingFallback, ...props },\n  ref,\n) {\n  const image = useImage();\n  const [state, setState] = useState<\"loading\" | \"ready\" | \"error\">(\n    image.src === undefined ? \"error\" : \"loading\",\n  );\n\n  useEffect(() => {\n    setState(image.src === undefined ? \"error\" : \"loading\");\n  }, [image.src]);\n\n  const fallback =\n    state === \"loading\"\n      ? (loadingFallback ?? \"Loading image\")\n      : state === \"error\"\n        ? (errorFallback ?? \"Image unavailable\")\n        : null;\n\n  return renderPrimitive(\n    \"div\",\n    {\n      ...props,\n      children:\n        image.src === undefined ? (\n          fallback\n        ) : (\n          <>\n            {state === \"ready\" ? null : <span data-anvia-image-fallback=\"\">{fallback}</span>}\n            <img\n              alt={alt ?? image.name ?? \"Image\"}\n              data-anvia-image-img=\"\"\n              hidden={state !== \"ready\"}\n              onError={() => setState(\"error\")}\n              onLoad={() => setState(\"ready\")}\n              src={image.src}\n            />\n          </>\n        ),\n      \"data-anvia-image-preview\": \"\",\n      \"data-state\": state,\n    } as PrimitiveProps<\"div\">,\n    ref,\n  );\n});\n\nconst ImageName = forwardRef<HTMLElement, PrimitiveProps<\"figcaption\">>(\n  function ImageName(props, ref) {\n    const image = useImage();\n\n    return renderPrimitive(\n      \"figcaption\",\n      {\n        ...props,\n        children: props.children ?? image.name ?? image.mediaType ?? image.attachment.type,\n        \"data-anvia-image-name\": \"\",\n      } as PrimitiveProps<\"figcaption\">,\n      ref,\n    );\n  },\n);\n\nconst ImageActions = forwardRef<HTMLDivElement, PrimitiveProps<\"div\">>(\n  function ImageActions(props, ref) {\n    return renderPrimitive(\n      \"div\",\n      {\n        ...props,\n        \"data-anvia-image-actions\": \"\",\n      } as PrimitiveProps<\"div\">,\n      ref,\n    );\n  },\n);\n\ntype ImageActionState = \"idle\" | \"done\" | \"error\";\n\nconst ImageCopy = forwardRef<HTMLButtonElement, PrimitiveProps<\"button\">>(function ImageCopy(\n  { onClick, ...props },\n  ref,\n) {\n  const image = useImage();\n  const [copyState, setCopyState] = useState<ImageActionState>(\"idle\");\n  const disabled = props.disabled ?? image.src === undefined;\n\n  const handleClick = useCallback(\n    async (event: MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event);\n      if (event.defaultPrevented || disabled || image.src === undefined) {\n        return;\n      }\n      try {\n        await copyImage(image);\n        setCopyState(\"done\");\n      } catch {\n        setCopyState(\"error\");\n      }\n    },\n    [disabled, image, onClick],\n  );\n\n  return renderPrimitive(\n    \"button\",\n    {\n      ...props,\n      children: props.children ?? \"Copy image\",\n      disabled,\n      onClick: handleClick,\n      type: props.type ?? \"button\",\n      \"data-anvia-image-copy\": \"\",\n      \"data-state\": copyState,\n    } as PrimitiveProps<\"button\">,\n    ref,\n  );\n});\n\ntype ImageDownloadProps = PrimitiveProps<\"button\"> & {\n  filename?: string;\n};\n\nconst ImageDownload = forwardRef<HTMLButtonElement, ImageDownloadProps>(function ImageDownload(\n  { filename, onClick, ...props },\n  ref,\n) {\n  const image = useImage();\n  const disabled = props.disabled ?? image.src === undefined;\n\n  const handleClick = useCallback(\n    async (event: MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event);\n      if (event.defaultPrevented || disabled || image.src === undefined) {\n        return;\n      }\n      try {\n        await downloadImage(image, filename);\n      } catch {\n        return;\n      }\n    },\n    [disabled, filename, image, onClick],\n  );\n\n  return renderPrimitive(\n    \"button\",\n    {\n      ...props,\n      children: props.children ?? \"Download\",\n      disabled,\n      onClick: handleClick,\n      type: props.type ?? \"button\",\n      \"data-anvia-image-download\": \"\",\n      \"data-state\": disabled ? \"disabled\" : \"enabled\",\n    } as PrimitiveProps<\"button\">,\n    ref,\n  );\n});\n\nconst ImageZoomTrigger = forwardRef<HTMLButtonElement, PrimitiveProps<\"button\">>(\n  function ImageZoomTrigger({ onClick, ...props }, ref) {\n    const image = useImage();\n    const disabled = props.disabled ?? image.src === undefined;\n\n    const handleClick = useCallback(\n      (event: MouseEvent<HTMLButtonElement>) => {\n        onClick?.(event);\n        if (event.defaultPrevented || disabled) {\n          return;\n        }\n        image.setZoomOpen(true);\n      },\n      [disabled, image, onClick],\n    );\n\n    return renderPrimitive(\n      \"button\",\n      {\n        ...props,\n        children: props.children ?? \"Open image\",\n        disabled,\n        onClick: handleClick,\n        type: props.type ?? \"button\",\n        \"data-anvia-image-zoom-trigger\": \"\",\n        \"data-state\": disabled ? \"disabled\" : \"enabled\",\n      } as PrimitiveProps<\"button\">,\n      ref,\n    );\n  },\n);\n\ntype ImageZoomOverlayProps = Omit<PrimitiveProps<\"div\">, \"children\"> & {\n  container?: Element | DocumentFragment;\n};\n\nconst ImageZoomOverlay = forwardRef<HTMLDivElement, ImageZoomOverlayProps>(\n  function ImageZoomOverlay({ container, onClick, onKeyDown, ...props }, ref) {\n    const image = useImage();\n    const portalContainer = container ?? globalThis.document?.body;\n    const overlayRef = useRef<HTMLDivElement | null>(null);\n    const composedRef = useMemo(() => composeRefs(overlayRef, ref), [ref]);\n\n    useEffect(() => {\n      if (!image.zoomOpen) {\n        return;\n      }\n      const document = globalThis.document;\n      if (document === undefined) {\n        return;\n      }\n      const handleKeyDown = (event: globalThis.KeyboardEvent) => {\n        if (event.key === \"Escape\") {\n          image.setZoomOpen(false);\n        }\n      };\n      document.addEventListener(\"keydown\", handleKeyDown);\n      return () => {\n        document.removeEventListener(\"keydown\", handleKeyDown);\n      };\n    }, [image.setZoomOpen, image.zoomOpen]);\n\n    useEffect(() => {\n      if (!image.zoomOpen) {\n        return;\n      }\n      const activeElement = globalThis.document?.activeElement;\n      const previousFocus = activeElement instanceof HTMLElement ? activeElement : undefined;\n      focusOverlay(overlayRef.current);\n      return () => {\n        if (previousFocus?.isConnected === true) {\n          previousFocus.focus();\n        }\n      };\n    }, [image.zoomOpen]);\n\n    const handleClick = useCallback(\n      (event: MouseEvent<HTMLDivElement>) => {\n        onClick?.(event);\n        if (!event.defaultPrevented) {\n          image.setZoomOpen(false);\n        }\n      },\n      [image, onClick],\n    );\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent<HTMLDivElement>) => {\n        onKeyDown?.(event);\n        if (event.defaultPrevented) {\n          return;\n        }\n        if (event.key === \"Escape\") {\n          image.setZoomOpen(false);\n          return;\n        }\n        if (event.key === \"Tab\") {\n          trapOverlayFocus(event, overlayRef.current);\n        }\n      },\n      [image, onKeyDown],\n    );\n\n    if (!image.zoomOpen || image.src === undefined || portalContainer === undefined) {\n      return null;\n    }\n\n    const overlay = renderPrimitive(\n      \"div\",\n      {\n        ...props,\n        children: <img alt={image.name ?? \"Image\"} data-anvia-image-zoom-img=\"\" src={image.src} />,\n        onClick: handleClick,\n        onKeyDown: handleKeyDown,\n        \"aria-modal\": props[\"aria-modal\"] ?? true,\n        role: props.role ?? \"dialog\",\n        tabIndex: props.tabIndex ?? -1,\n        \"data-anvia-image-zoom-overlay\": \"\",\n      } as PrimitiveProps<\"div\">,\n      composedRef,\n    );\n\n    return createPortal(overlay, portalContainer);\n  },\n);\n\nfunction isImageAttachment(attachment: UIAttachment): boolean {\n  return attachment.type === \"image\" || attachment.mediaType?.startsWith(\"image/\") === true;\n}\n\nfunction imageSource(attachment: UIAttachment): string | undefined {\n  if (!isImageAttachment(attachment)) {\n    return attachment.url;\n  }\n  if (attachment.url !== undefined) {\n    return attachment.url;\n  }\n  if (attachment.data !== undefined && attachment.mediaType !== undefined) {\n    return `data:${attachment.mediaType};base64,${attachment.data}`;\n  }\n  return undefined;\n}\n\nasync function copyImage(image: ImageContextValue): Promise<void> {\n  if (image.src === undefined) {\n    throw new Error(\"Image source is unavailable.\");\n  }\n  const clipboard = globalThis.navigator?.clipboard as\n    | (Clipboard & { write?: (items: ClipboardItem[]) => Promise<void> })\n    | undefined;\n  const ClipboardItemConstructor = globalThis.ClipboardItem;\n  if (clipboard?.write === undefined || ClipboardItemConstructor === undefined) {\n    throw new Error(\"Clipboard image copy is unavailable.\");\n  }\n  const blob = await imageBlob(image);\n  await clipboard.write([new ClipboardItemConstructor({ [blob.type]: blob })]);\n}\n\nasync function imageBlob(image: ImageContextValue): Promise<Blob> {\n  if (image.attachment.data !== undefined) {\n    return base64ToBlob(\n      image.attachment.data,\n      image.attachment.mediaType ?? image.mediaType ?? \"image/png\",\n    );\n  }\n  if (image.src === undefined || globalThis.fetch === undefined) {\n    throw new Error(\"Image source is unavailable.\");\n  }\n  const response = await fetch(image.src);\n  return response.blob();\n}\n\nfunction base64ToBlob(data: string, mediaType: string): Blob {\n  const binary = globalThis.atob(data);\n  const bytes = new Uint8Array(binary.length);\n  for (let index = 0; index < binary.length; index += 1) {\n    bytes[index] = binary.charCodeAt(index);\n  }\n  return new Blob([bytes], { type: mediaType });\n}\n\nasync function downloadImage(\n  image: ImageContextValue,\n  filename: string | undefined,\n): Promise<void> {\n  const document = globalThis.document;\n  const url = globalThis.URL;\n  if (image.src === undefined || document === undefined || url?.createObjectURL === undefined) {\n    return;\n  }\n  const blobUrl = url.createObjectURL(await imageBlob(image));\n  const link = document.createElement(\"a\");\n  try {\n    link.href = blobUrl;\n    link.download = filename ?? image.name ?? defaultImageFilename(image);\n    link.rel = \"noopener\";\n    document.body.append(link);\n    link.click();\n  } finally {\n    link.remove();\n    url.revokeObjectURL(blobUrl);\n  }\n}\n\nfunction defaultImageFilename(image: ImageContextValue): string {\n  const extension = image.mediaType?.split(\"/\")[1]?.split(\";\")[0] ?? \"png\";\n  return `image.${extension}`;\n}\n\nfunction focusOverlay(overlay: HTMLDivElement | null): void {\n  if (overlay === null) {\n    return;\n  }\n  const [firstFocusable] = focusableElements(overlay);\n  (firstFocusable ?? overlay).focus();\n}\n\nfunction trapOverlayFocus(\n  event: KeyboardEvent<HTMLDivElement>,\n  overlay: HTMLDivElement | null,\n): void {\n  if (overlay === null) {\n    return;\n  }\n  const focusable = focusableElements(overlay);\n  if (focusable.length === 0) {\n    event.preventDefault();\n    overlay.focus();\n    return;\n  }\n\n  const firstFocusable = focusable[0];\n  const lastFocusable = focusable[focusable.length - 1];\n  const activeElement = globalThis.document?.activeElement;\n  if (event.shiftKey && activeElement === firstFocusable) {\n    event.preventDefault();\n    lastFocusable?.focus();\n    return;\n  }\n  if (!event.shiftKey && activeElement === lastFocusable) {\n    event.preventDefault();\n    firstFocusable?.focus();\n    return;\n  }\n  if (activeElement instanceof Node && !overlay.contains(activeElement)) {\n    event.preventDefault();\n    (event.shiftKey ? lastFocusable : firstFocusable)?.focus();\n  }\n}\n\nfunction focusableElements(container: HTMLElement): HTMLElement[] {\n  return Array.from(\n    container.querySelectorAll<HTMLElement>(\n      [\n        \"a[href]\",\n        \"button:not(:disabled)\",\n        \"input:not(:disabled)\",\n        \"select:not(:disabled)\",\n        \"textarea:not(:disabled)\",\n        \"[tabindex]\",\n      ].join(\",\"),\n    ),\n  ).filter((element) => element.tabIndex >= 0 && element.getAttribute(\"aria-hidden\") !== \"true\");\n}\n\nexport {\n  ImageActions,\n  ImageCopy,\n  ImageDownload,\n  ImageName,\n  ImagePreview,\n  ImageRoot,\n  ImageZoomOverlay,\n  ImageZoomTrigger,\n};\n","import {\n  ImageActions,\n  ImageCopy,\n  ImageDownload,\n  ImageName,\n  ImagePreview,\n  ImageRoot,\n  ImageZoomOverlay,\n  ImageZoomTrigger,\n} from \"./parts\";\n\nexport const Image = {\n  Root: ImageRoot,\n  Preview: ImagePreview,\n  Name: ImageName,\n  Actions: ImageActions,\n  Copy: ImageCopy,\n  Download: ImageDownload,\n  ZoomTrigger: ImageZoomTrigger,\n  ZoomOverlay: ImageZoomOverlay,\n} as const;\n\nexport type { ImageContextValue } from \"../contexts\";\nexport { useImage } from \"../contexts\";\n"],"mappings":"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","names":["ImageRoot","ImagePreview","ImageName","ImageActions","ImageCopy","ImageDownload","ImageZoomTrigger","ImageZoomOverlay","handleKeyDown"]}