@anvia/react-ui 1.0.0-rc.9 → 1.0.1

package/dist/chunk-SOG2GVE4.js.map

@@ -0,0 +1 @@
+{"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/client\";\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 AttachmentPrimitive.Root.\");\n  }\n  return value;\n}\n\nexport function useOptionalAttachment(): AttachmentContextValue | undefined {\n  return useContext(AttachmentContext);\n}\n","import type {\n  ClientDataMap,\n  ClientMetadata,\n  ClientStreamRequest,\n  ClientTransport,\n} from \"@anvia/client\";\nimport type {\n  AgentToolApprovalRequest,\n  AgentToolQuestionRequest,\n} from \"@anvia/core/agent/interactions\";\nimport type { UseChatResult } from \"@anvia/react\";\nimport { createContext, createElement, type ReactElement, type ReactNode, useContext } from \"react\";\n\nexport type ChatController<\n  Metadata extends ClientMetadata = ClientMetadata,\n  Data extends ClientDataMap = ClientDataMap,\n> = UseChatResult<ClientTransport<ClientStreamRequest, Data, Metadata>>;\n\nexport type ChatProviderProps<\n  Metadata extends ClientMetadata = ClientMetadata,\n  Data extends ClientDataMap = ClientDataMap,\n> = {\n  controller: ChatController<Metadata, Data>;\n  children?: ReactNode;\n};\n\nconst ChatContext = createContext<ChatController | undefined>(undefined);\n\nexport function ChatProvider<\n  Metadata extends ClientMetadata = ClientMetadata,\n  Data extends ClientDataMap = ClientDataMap,\n>({ controller, children }: ChatProviderProps<Metadata, Data>): ReactElement {\n  return createElement(\n    ChatContext.Provider,\n    { value: controller as unknown as ChatController },\n    children,\n  );\n}\n\nexport function useChatContext<\n  Metadata extends ClientMetadata = ClientMetadata,\n  Data extends ClientDataMap = ClientDataMap,\n>(): ChatController<Metadata, Data> {\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 unknown as ChatController<Metadata, Data>;\n}\n\nexport function useHumanInput() {\n  const interactions = useChatContext().interactions;\n  const approvals = interactions.all.filter(\n    (item): item is typeof item & { request: AgentToolApprovalRequest } =>\n      item.request.type === \"tool-approval\",\n  );\n  const questions = interactions.all.filter(\n    (item): item is typeof item & { request: AgentToolQuestionRequest } =>\n      item.request.type === \"tool-question\",\n  );\n  return {\n    approvals: {\n      all: approvals,\n      pending: approvals.filter((item) => item.status === \"pending\"),\n    },\n    questions: {\n      all: questions,\n      pending: questions.filter((item) => item.status === \"pending\"),\n    },\n  };\n}\n","import type { ClientDataMap, ClientMetadata } from \"@anvia/client\";\nimport type { UseCompletionResult } from \"@anvia/react\";\nimport { createContext, createElement, type ReactElement, type ReactNode, useContext } from \"react\";\n\nexport type CompletionController<\n  Metadata extends ClientMetadata = ClientMetadata,\n  Data extends ClientDataMap = ClientDataMap,\n> = UseCompletionResult<Metadata, Data>;\n\nexport type CompletionProviderProps<\n  Metadata extends ClientMetadata = ClientMetadata,\n  Data extends ClientDataMap = ClientDataMap,\n> = {\n  controller: CompletionController<Metadata, Data>;\n  children?: ReactNode;\n};\n\nconst CompletionContext = createContext<CompletionController | undefined>(undefined);\n\nexport function CompletionProvider<\n  Metadata extends ClientMetadata = ClientMetadata,\n  Data extends ClientDataMap = ClientDataMap,\n>({ controller, children }: CompletionProviderProps<Metadata, Data>): ReactElement {\n  return createElement(\n    CompletionContext.Provider,\n    { value: controller as unknown as CompletionController },\n    children,\n  );\n}\n\nexport function useCompletionContext<\n  Metadata extends ClientMetadata = ClientMetadata,\n  Data extends ClientDataMap = ClientDataMap,\n>(): CompletionController<Metadata, Data> {\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 unknown as CompletionController<Metadata, Data>;\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 CompletionPrimitive.Form.\");\n  }\n  return value;\n}\n","import type { ClientMetadata, CreateUIAttachment, UIAttachment } from \"@anvia/client\";\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  | readonly ComposerEntityData[]\n  | { [key: string]: ComposerEntityData };\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};\ntype ComposerMessageEntity = ClientMetadata & {\n  id: string;\n  triggerId: string;\n  trigger: string;\n  label: string;\n  text: string;\n  range: ClientMetadata & {\n    from: number;\n    to: number;\n  };\n  data?: ComposerEntityData | undefined;\n};\nexport type ComposerMessageMetadata = ClientMetadata & {\n  composer: ClientMetadata & {\n    entities: readonly ComposerMessageEntity[];\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 ComposerPrimitive.Root.\");\n  }\n  return value;\n}\n","import type { ClientInteraction } from \"@anvia/client\";\nimport type {\n  AgentQuestionAnswer,\n  AgentQuestionPrompt,\n  AgentToolApprovalRequest,\n  AgentToolQuestionRequest,\n} from \"@anvia/core/agent/interactions\";\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: ApprovalInteraction;\n  reason: string;\n  setReason(reason: string): void;\n};\n\nexport type QuestionContextValue = {\n  question: QuestionInteraction;\n  answers: Record<string, AgentQuestionAnswer>;\n  setAnswer(prompt: AgentQuestionPrompt, answer: AgentQuestionAnswer): void;\n};\n\nexport type QuestionPromptContextValue = {\n  prompt: AgentQuestionPrompt;\n};\n\nexport type ApprovalInteraction = ClientInteraction & { request: AgentToolApprovalRequest };\nexport type QuestionInteraction = ClientInteraction & { request: AgentToolQuestionRequest };\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: ApprovalInteraction;\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: AgentQuestionPrompt;\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 HumanInputPrimitive.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 HumanInputPrimitive.Question.\");\n  }\n  return value;\n}\n\nexport function useQuestionPrompt(): QuestionPromptContextValue {\n  const value = useContext(QuestionPromptContext);\n  if (value === undefined) {\n    throw new Error(\n      \"Question choice primitives must be used inside HumanInputPrimitive.QuestionPrompt.\",\n    );\n  }\n  return value;\n}\n","import type { UIAttachment } from \"@anvia/client\";\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 ImagePrimitive.Root.\");\n  }\n  return value;\n}\n","import type { UIMessage, UIMessagePart } from \"@anvia/client\";\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(\n      \"Message primitives must be used inside MessagePrimitive.Root or ThreadPrimitive.Messages.\",\n    );\n  }\n  return value;\n}\n\nexport function useMessagePart(): MessagePartContextValue {\n  const value = useContext(MessagePartContext);\n  if (value === undefined) {\n    throw new Error(\n      \"Message part primitives must be used inside MessagePrimitive.Parts or MessagePrimitive.Part.\",\n    );\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(\n      \"SelectionToolbar primitives must be used inside SelectionToolbarPrimitive.Root.\",\n    );\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  messagesRef: 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 ThreadPrimitive.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 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\nexport type InternalThreadListRootContextValue = {\n  rootRef: MutableRefObject<HTMLDivElement | null>;\n  newButtonRef: MutableRefObject<HTMLButtonElement | null>;\n  itemElements: MutableRefObject<Map<string, HTMLDivElement>>;\n  triggerElements: MutableRefObject<Map<string, HTMLButtonElement>>;\n  registerItem(threadId: string, element: HTMLDivElement | null): void;\n  registerTrigger(threadId: string, element: HTMLButtonElement | null): void;\n};\n\nconst ThreadListContext = createContext<ThreadListController | undefined>(undefined);\nconst ThreadListItemContext = createContext<ThreadListItemContextValue | undefined>(undefined);\nconst ThreadListRootContext = createContext<InternalThreadListRootContextValue | undefined>(\n  undefined,\n);\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 InternalThreadListRootProvider({\n  value,\n  children,\n}: {\n  value: InternalThreadListRootContextValue;\n  children?: ReactNode;\n}): ReactElement {\n  return createElement(ThreadListRootContext.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 ThreadListPrimitive.Items.\");\n  }\n  return value;\n}\n\nexport function useInternalThreadListRoot(): InternalThreadListRootContextValue {\n  const value = useContext(ThreadListRootContext);\n  if (value === undefined) {\n    throw new Error(\"Thread-list primitives must be used inside ThreadListPrimitive.Root.\");\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-ZPNAX4SA.js → chunk-UCBAG42A.js}

@@ -1,10 +1,13 @@
+import {
+  messageElementFromNode
+} from "./chunk-6XOJFLX4.js";
 import {
   renderPrimitive
 } from "./chunk-T3ZFZ3NP.js";
 import {
   InternalSelectionToolbarProvider,
   useSelectionToolbar
-} from "./chunk-F76H3VMN.js";
+} from "./chunk-SOG2GVE4.js";
 
 // src/selection-toolbar/parts.tsx
 import {
@@ -93,8 +96,6 @@ var SelectionToolbarRoot = forwardRef(
           /* @__PURE__ */ jsx(SelectionToolbarCopy, {})
         ] }),
         style: toolbarStyle,
-        "data-anvia-selection-toolbar": "",
-        "data-message-id": selection.messageId,
         role: props.role ?? "toolbar"
       },
       ref
@@ -113,7 +114,6 @@ var SelectionToolbarQuote = forwardRef(
         disabled,
         onClick: handleClick,
         type: props.type ?? "button",
-        "data-anvia-selection-quote": "",
         "data-state": disabled ? "disabled" : "enabled"
       },
       ref
@@ -131,7 +131,6 @@ var SelectionToolbarCopy = forwardRef(
         disabled,
         onClick: handleClick,
         type: props.type ?? "button",
-        "data-anvia-selection-copy": "",
         "data-state": disabled ? "disabled" : "enabled"
       },
       ref
@@ -165,27 +164,16 @@ function selectionFromDocument(document) {
   }
   const anchorMessage = messageElementFromNode(selection.anchorNode);
   const focusMessage = messageElementFromNode(selection.focusNode);
-  if (anchorMessage === void 0 || focusMessage === void 0 || anchorMessage !== focusMessage) {
-    return void 0;
-  }
-  const messageId = anchorMessage.getAttribute("data-anvia-message-id");
-  if (messageId === null || messageId.length === 0) {
+  if (anchorMessage === void 0 || focusMessage === void 0 || anchorMessage.element !== focusMessage.element) {
     return void 0;
   }
   const range = selection.getRangeAt(0);
   return {
     text,
-    messageId,
+    messageId: anchorMessage.messageId,
     rect: selectionRect(range)
   };
 }
-function messageElementFromNode(node) {
-  if (node === null) {
-    return void 0;
-  }
-  const element = node.nodeType === Node.ELEMENT_NODE ? node : node.parentElement;
-  return element?.closest("[data-anvia-message-id]") ?? void 0;
-}
 function selectionRect(range) {
   const rangeWithRect = range;
   const rect = rangeWithRect.getBoundingClientRect?.();
@@ -220,13 +208,13 @@ function sameSelection(currentSelection, nextSelection) {
 }
 
 // src/selection-toolbar/index.ts
-var SelectionToolbar = {
+var SelectionToolbarPrimitive = {
   Root: SelectionToolbarRoot,
   Quote: SelectionToolbarQuote,
   Copy: SelectionToolbarCopy
 };
 
 export {
-  SelectionToolbar
+  SelectionToolbarPrimitive
 };
-//# sourceMappingURL=chunk-ZPNAX4SA.js.map
+//# sourceMappingURL=chunk-UCBAG42A.js.map

package/dist/chunk-UCBAG42A.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/selection-toolbar/parts.tsx","../src/selection-toolbar/index.ts"],"sourcesContent":["import {\n  type CSSProperties,\n  forwardRef,\n  type MouseEvent,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport {\n  InternalSelectionToolbarProvider,\n  type SelectionToolbarContextValue,\n  type SelectionToolbarSelection,\n  useSelectionToolbar,\n} from \"../contexts\";\nimport { messageElementFromNode } from \"../message/elements\";\nimport { type PrimitiveProps, renderPrimitive } from \"../primitives\";\n\ntype SelectionToolbarRootProps = Omit<PrimitiveProps<\"div\">, \"children\"> & {\n  children?: ReactNode;\n  container?: Element | DocumentFragment;\n  onQuote?: (selection: SelectionToolbarSelection) => void;\n  onSelectionChange?: (selection: SelectionToolbarSelection | undefined) => void;\n};\n\nconst SelectionToolbarRoot = forwardRef<HTMLDivElement, SelectionToolbarRootProps>(\n  function SelectionToolbarRoot(\n    { children, container, onQuote, onSelectionChange, style, ...props },\n    ref,\n  ) {\n    const [selection, setSelectionState] = useState<SelectionToolbarSelection | undefined>();\n    const portalContainer = container ?? globalThis.document?.body;\n\n    const setSelection = useCallback(\n      (nextSelection: SelectionToolbarSelection | undefined) => {\n        setSelectionState((currentSelection) => {\n          if (sameSelection(currentSelection, nextSelection)) {\n            return currentSelection;\n          }\n          onSelectionChange?.(nextSelection);\n          return nextSelection;\n        });\n      },\n      [onSelectionChange],\n    );\n\n    const clear = useCallback(() => {\n      globalThis.document?.getSelection()?.removeAllRanges();\n      setSelection(undefined);\n    }, [setSelection]);\n\n    const copy = useCallback(async () => {\n      if (selection === undefined) {\n        return;\n      }\n      await globalThis.navigator?.clipboard?.writeText(selection.text);\n      clear();\n    }, [clear, selection]);\n\n    const quote = useCallback(() => {\n      if (selection === undefined) {\n        return;\n      }\n      onQuote?.(selection);\n      clear();\n    }, [clear, onQuote, selection]);\n\n    const value = useMemo<SelectionToolbarContextValue>(() => {\n      const context: SelectionToolbarContextValue = { quote, copy, clear };\n      if (selection !== undefined) context.selection = selection;\n      return context;\n    }, [clear, copy, quote, selection]);\n\n    useEffect(() => {\n      const document = globalThis.document;\n      if (document === undefined) {\n        return;\n      }\n\n      const handleSelectionChange = () => {\n        setSelection(selectionFromDocument(document));\n      };\n\n      document.addEventListener(\"selectionchange\", handleSelectionChange);\n      document.addEventListener(\"mouseup\", handleSelectionChange);\n      document.addEventListener(\"keyup\", handleSelectionChange);\n      document.addEventListener(\"scroll\", handleSelectionChange, true);\n      return () => {\n        document.removeEventListener(\"selectionchange\", handleSelectionChange);\n        document.removeEventListener(\"mouseup\", handleSelectionChange);\n        document.removeEventListener(\"keyup\", handleSelectionChange);\n        document.removeEventListener(\"scroll\", handleSelectionChange, true);\n      };\n    }, [setSelection]);\n\n    if (selection === undefined || portalContainer === undefined) {\n      return null;\n    }\n\n    const toolbarStyle: CSSProperties = {\n      position: \"fixed\",\n      top: selection.rect.top,\n      left: selection.rect.left + selection.rect.width / 2,\n      transform: \"translate(-50%, calc(-100% - 8px))\",\n      ...style,\n    };\n\n    const toolbar = (\n      <InternalSelectionToolbarProvider value={value}>\n        {renderPrimitive(\n          \"div\",\n          {\n            ...props,\n            children: children ?? (\n              <>\n                <SelectionToolbarQuote />\n                <SelectionToolbarCopy />\n              </>\n            ),\n            style: toolbarStyle,\n            role: props.role ?? \"toolbar\",\n          } as PrimitiveProps<\"div\">,\n          ref,\n        )}\n      </InternalSelectionToolbarProvider>\n    );\n\n    return createPortal(toolbar, portalContainer);\n  },\n);\n\nconst SelectionToolbarQuote = forwardRef<HTMLButtonElement, PrimitiveProps<\"button\">>(\n  function SelectionToolbarQuote({ onClick, ...props }, ref) {\n    const { disabled, handleClick } = useSelectionToolbarAction(\"quote\", props.disabled, onClick);\n\n    return renderPrimitive(\n      \"button\",\n      {\n        ...props,\n        children: props.children ?? \"Quote\",\n        disabled,\n        onClick: handleClick,\n        type: props.type ?? \"button\",\n        \"data-state\": disabled ? \"disabled\" : \"enabled\",\n      } as PrimitiveProps<\"button\">,\n      ref,\n    );\n  },\n);\n\nconst SelectionToolbarCopy = forwardRef<HTMLButtonElement, PrimitiveProps<\"button\">>(\n  function SelectionToolbarCopy({ onClick, ...props }, ref) {\n    const { disabled, handleClick } = useSelectionToolbarAction(\"copy\", props.disabled, onClick);\n\n    return renderPrimitive(\n      \"button\",\n      {\n        ...props,\n        children: props.children ?? \"Copy\",\n        disabled,\n        onClick: handleClick,\n        type: props.type ?? \"button\",\n        \"data-state\": disabled ? \"disabled\" : \"enabled\",\n      } as PrimitiveProps<\"button\">,\n      ref,\n    );\n  },\n);\n\ntype SelectionToolbarAction = \"copy\" | \"quote\";\n\nfunction useSelectionToolbarAction(\n  actionName: SelectionToolbarAction,\n  disabledProp: boolean | undefined,\n  onClick: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined,\n): {\n  disabled: boolean;\n  handleClick(event: MouseEvent<HTMLButtonElement>): void;\n} {\n  const toolbar = useSelectionToolbar();\n  const disabled = disabledProp ?? toolbar.selection === undefined;\n  const action = toolbar[actionName];\n  const handleClick = useCallback(\n    (event: MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event);\n      if (event.defaultPrevented || disabled) {\n        return;\n      }\n      void action();\n    },\n    [action, disabled, onClick],\n  );\n  return { disabled, handleClick };\n}\n\nfunction selectionFromDocument(document: Document): SelectionToolbarSelection | undefined {\n  const selection = document.getSelection();\n  if (selection === null || selection.rangeCount === 0) {\n    return undefined;\n  }\n  const text = selection.toString();\n  if (text.trim().length === 0) {\n    return undefined;\n  }\n\n  const anchorMessage = messageElementFromNode(selection.anchorNode);\n  const focusMessage = messageElementFromNode(selection.focusNode);\n  if (\n    anchorMessage === undefined ||\n    focusMessage === undefined ||\n    anchorMessage.element !== focusMessage.element\n  ) {\n    return undefined;\n  }\n\n  const range = selection.getRangeAt(0);\n  return {\n    text,\n    messageId: anchorMessage.messageId,\n    rect: selectionRect(range),\n  };\n}\n\nfunction selectionRect(range: Range): DOMRect {\n  const rangeWithRect = range as Range & {\n    getBoundingClientRect?: () => DOMRect;\n  };\n  const rect = rangeWithRect.getBoundingClientRect?.();\n  if (rect !== undefined && (rect.width > 0 || rect.height > 0)) {\n    return rect;\n  }\n  const firstRect = range.getClientRects().item(0);\n  if (firstRect !== null) {\n    return firstRect;\n  }\n  const DOMRectConstructor = globalThis.DOMRect;\n  if (DOMRectConstructor !== undefined) {\n    return new DOMRectConstructor(0, 0, 0, 0);\n  }\n  return {\n    bottom: 0,\n    height: 0,\n    left: 0,\n    right: 0,\n    top: 0,\n    width: 0,\n    x: 0,\n    y: 0,\n    toJSON: () => ({}),\n  } as DOMRect;\n}\n\nfunction sameSelection(\n  currentSelection: SelectionToolbarSelection | undefined,\n  nextSelection: SelectionToolbarSelection | undefined,\n): boolean {\n  if (currentSelection === undefined || nextSelection === undefined) {\n    return currentSelection === nextSelection;\n  }\n  return (\n    currentSelection.text === nextSelection.text &&\n    currentSelection.messageId === nextSelection.messageId &&\n    currentSelection.rect.left === nextSelection.rect.left &&\n    currentSelection.rect.top === nextSelection.rect.top &&\n    currentSelection.rect.width === nextSelection.rect.width &&\n    currentSelection.rect.height === nextSelection.rect.height\n  );\n}\n\nexport { SelectionToolbarCopy, SelectionToolbarQuote, SelectionToolbarRoot };\n","import { SelectionToolbarCopy, SelectionToolbarQuote, SelectionToolbarRoot } from \"./parts\";\n\nexport const SelectionToolbarPrimitive = {\n  Root: SelectionToolbarRoot,\n  Quote: SelectionToolbarQuote,\n  Copy: SelectionToolbarCopy,\n} as const;\n\nexport type { SelectionToolbarContextValue, SelectionToolbarSelection } from \"../contexts\";\nexport { useSelectionToolbar } from \"../contexts\";\n"],"mappings":"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","names":["SelectionToolbarRoot","SelectionToolbarQuote","SelectionToolbarCopy"]}

package/dist/{chunk-EWIHRMU6.js → chunk-XC7K4XYM.js}

@@ -6,7 +6,7 @@ import {
   InternalImageProvider,
   useImage,
   useOptionalAttachment
-} from "./chunk-F76H3VMN.js";
+} from "./chunk-SOG2GVE4.js";
 
 // src/image/parts.tsx
 import {
@@ -24,7 +24,9 @@ var ImageRoot = forwardRef(function ImageRoot2({ attachment: attachmentProp, chi
   const attachment = attachmentProp ?? attachmentContext?.attachment;
   const [zoomOpen, setZoomOpen] = useState(false);
   if (attachment === void 0) {
-    throw new Error("Image.Root requires an attachment prop or Attachment context.");
+    throw new Error(
+      "ImagePrimitive.Root requires an attachment prop or AttachmentPrimitive context."
+    );
   }
   const src = imageSource(attachment);
   const isImage = isImageAttachment(attachment);
@@ -39,7 +41,7 @@ var ImageRoot = forwardRef(function ImageRoot2({ attachment: attachmentProp, chi
     if (attachment.name !== void 0) context.name = attachment.name;
     if (attachment.mediaType !== void 0) context.mediaType = attachment.mediaType;
     return context;
-  }, [attachment, attachment.mediaType, attachment.name, isImage, src, zoomOpen]);
+  }, [attachment, isImage, src, zoomOpen]);
   if (!isImage && renderWhen !== "always") {
     return null;
   }
@@ -52,41 +54,38 @@ var ImageRoot = forwardRef(function ImageRoot2({ attachment: attachmentProp, chi
         /* @__PURE__ */ jsx(ImagePreview, {}),
         /* @__PURE__ */ jsx(ImageName, {})
       ] }),
-      "data-anvia-image": "",
-      "data-state": src === void 0 ? "unavailable" : "ready",
-      "data-type": attachment.type
+      "data-state": src === void 0 ? "unavailable" : "ready"
     },
     ref
   ) });
 });
 var ImagePreview = forwardRef(function ImagePreview2({ alt, errorFallback, loadingFallback, ...props }, ref) {
   const image = useImage();
+  const src = image.src;
   const [state, setState] = useState(
-    image.src === void 0 ? "error" : "loading"
+    src === void 0 ? "error" : "loading"
   );
   useEffect(() => {
-    setState(image.src === void 0 ? "error" : "loading");
-  }, [image.src]);
+    setState(src === void 0 ? "error" : "loading");
+  }, [src]);
   const fallback = state === "loading" ? loadingFallback ?? "Loading image" : state === "error" ? errorFallback ?? "Image unavailable" : null;
   return renderPrimitive(
     "div",
     {
       ...props,
-      children: image.src === void 0 ? fallback : /* @__PURE__ */ jsxs(Fragment, { children: [
-        state === "ready" ? null : /* @__PURE__ */ jsx("span", { "data-anvia-image-fallback": "", children: fallback }),
+      children: src === void 0 ? fallback : /* @__PURE__ */ jsxs(Fragment, { children: [
+        state === "ready" ? null : /* @__PURE__ */ jsx("span", { children: fallback }),
         /* @__PURE__ */ jsx(
           "img",
           {
             alt: alt ?? image.name ?? "Image",
-            "data-anvia-image-img": "",
             hidden: state !== "ready",
             onError: () => setState("error"),
             onLoad: () => setState("ready"),
-            src: image.src
+            src
           }
         )
       ] }),
-      "data-anvia-image-preview": "",
       "data-state": state
     },
     ref
@@ -99,8 +98,7 @@ var ImageName = forwardRef(
       "figcaption",
       {
         ...props,
-        children: props.children ?? image.name ?? image.mediaType ?? image.attachment.type,
-        "data-anvia-image-name": ""
+        children: props.children ?? image.name ?? image.mediaType ?? image.attachment.type
       },
       ref
     );
@@ -111,8 +109,7 @@ var ImageActions = forwardRef(
     return renderPrimitive(
       "div",
       {
-        ...props,
-        "data-anvia-image-actions": ""
+        ...props
       },
       ref
     );
@@ -145,7 +142,6 @@ var ImageCopy = forwardRef(function ImageCopy2({ onClick, ...props }, ref) {
       disabled,
       onClick: handleClick,
       type: props.type ?? "button",
-      "data-anvia-image-copy": "",
       "data-state": copyState
     },
     ref
@@ -176,7 +172,6 @@ var ImageDownload = forwardRef(function ImageDownload2({ filename, onClick, ...p
       disabled,
       onClick: handleClick,
       type: props.type ?? "button",
-      "data-anvia-image-download": "",
       "data-state": disabled ? "disabled" : "enabled"
     },
     ref
@@ -204,7 +199,6 @@ var ImageZoomTrigger = forwardRef(
         disabled,
         onClick: handleClick,
         type: props.type ?? "button",
-        "data-anvia-image-zoom-trigger": "",
         "data-state": disabled ? "disabled" : "enabled"
       },
       ref
@@ -234,7 +228,7 @@ var ImageZoomOverlay = forwardRef(
       return () => {
         document.removeEventListener("keydown", handleKeyDown2);
       };
-    }, [image.setZoomOpen, image.zoomOpen]);
+    }, [image]);
     useEffect(() => {
       if (!image.zoomOpen) {
         return;
@@ -280,13 +274,12 @@ var ImageZoomOverlay = forwardRef(
       "div",
       {
         ...props,
-        children: /* @__PURE__ */ jsx("img", { alt: image.name ?? "Image", "data-anvia-image-zoom-img": "", src: image.src }),
+        children: /* @__PURE__ */ jsx("img", { alt: image.name ?? "Image", src: image.src }),
         onClick: handleClick,
         onKeyDown: handleKeyDown,
         "aria-modal": props["aria-modal"] ?? true,
         role: props.role ?? "dialog",
-        tabIndex: props.tabIndex ?? -1,
-        "data-anvia-image-zoom-overlay": ""
+        tabIndex: props.tabIndex ?? -1
       },
       composedRef
     );
@@ -415,7 +408,7 @@ function focusableElements(container) {
 }
 
 // src/image/index.ts
-var Image = {
+var ImagePrimitive = {
   Root: ImageRoot,
   Preview: ImagePreview,
   Name: ImageName,
@@ -427,6 +420,6 @@ var Image = {
 };
 
 export {
-  Image
+  ImagePrimitive
 };
-//# sourceMappingURL=chunk-EWIHRMU6.js.map
+//# sourceMappingURL=chunk-XC7K4XYM.js.map

package/dist/chunk-XC7K4XYM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/image/parts.tsx","../src/image/index.ts"],"sourcesContent":["import type { UIAttachment } from \"@anvia/client\";\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(\n      \"ImagePrimitive.Root requires an attachment prop or AttachmentPrimitive context.\",\n    );\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, 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-state\": src === undefined ? \"unavailable\" : \"ready\",\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 src = image.src;\n  const [state, setState] = useState<\"loading\" | \"ready\" | \"error\">(\n    src === undefined ? \"error\" : \"loading\",\n  );\n\n  useEffect(() => {\n    setState(src === undefined ? \"error\" : \"loading\");\n  }, [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        src === undefined ? (\n          fallback\n        ) : (\n          <>\n            {state === \"ready\" ? null : <span>{fallback}</span>}\n            <img\n              alt={alt ?? image.name ?? \"Image\"}\n              hidden={state !== \"ready\"}\n              onError={() => setState(\"error\")}\n              onLoad={() => setState(\"ready\")}\n              src={src}\n            />\n          </>\n        ),\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      } 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      } 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-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-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-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]);\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\"} 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      } 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 ImagePrimitive = {\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"]}

package/dist/completion/index.d.ts

@@ -3,7 +3,7 @@ export { C as CompletionController, a as CompletionInputContextValue, b as Compl
 import '@anvia/client';
 import '@anvia/react';
 
-declare const Completion: {
+declare const CompletionPrimitive: {
     readonly Root: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
         asChild?: boolean;
     } & react.RefAttributes<HTMLDivElement>>;
@@ -26,4 +26,4 @@ declare const Completion: {
     } & react.RefAttributes<HTMLButtonElement>>;
 };
 
-export { Completion };
+export { CompletionPrimitive };

package/dist/completion/index.js

@@ -1,14 +1,14 @@
 import {
-  Completion
-} from "../chunk-E5UNQCGM.js";
+  CompletionPrimitive
+} from "../chunk-S4XLE2RN.js";
 import "../chunk-T3ZFZ3NP.js";
 import {
   CompletionProvider,
   useCompletionContext,
   useCompletionInput
-} from "../chunk-F76H3VMN.js";
+} from "../chunk-SOG2GVE4.js";
 export {
-  Completion,
+  CompletionPrimitive,
   CompletionProvider,
   useCompletionContext,
   useCompletionInput

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

@@ -13,7 +13,7 @@ type HumanInputFilter = "pending" | "all";
 
 type QuestionChildren = ReactNode | ((question: QuestionInteraction) => ReactNode);
 
-declare const HumanInput: {
+declare const HumanInputPrimitive: {
     readonly Panel: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
         asChild?: boolean;
     } & {
@@ -75,4 +75,4 @@ declare const HumanInput: {
     } & react.RefAttributes<HTMLButtonElement>>;
 };
 
-export { HumanInput, useHumanInput };
+export { HumanInputPrimitive, useHumanInput };

package/dist/human-input/index.js

@@ -1,6 +1,6 @@
 import {
-  HumanInput
-} from "../chunk-PSU4V23X.js";
+  HumanInputPrimitive
+} from "../chunk-OQE6SHZE.js";
 import "../chunk-CKA4CE26.js";
 import "../chunk-T3ZFZ3NP.js";
 import {
@@ -9,9 +9,9 @@ import {
   useHumanInput,
   useQuestion,
   useQuestionPrompt
-} from "../chunk-F76H3VMN.js";
+} from "../chunk-SOG2GVE4.js";
 export {
-  HumanInput,
+  HumanInputPrimitive,
   useApproval,
   useChatContext,
   useHumanInput,

package/dist/image/index.d.ts

@@ -4,7 +4,7 @@ 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: {
+declare const ImagePrimitive: {
     readonly Root: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"figure">, "children"> & {
         attachment?: _anvia_client.UIAttachment;
         children?: react.ReactNode | ((image: ImageContextValue) => react.ReactNode);
@@ -37,4 +37,4 @@ declare const Image: {
     } & react.RefAttributes<HTMLDivElement>>;
 };
 
-export { Image, ImageContextValue };
+export { ImageContextValue, ImagePrimitive };

package/dist/image/index.js

@@ -1,12 +1,12 @@
 import {
-  Image
-} from "../chunk-EWIHRMU6.js";
+  ImagePrimitive
+} from "../chunk-XC7K4XYM.js";
 import "../chunk-T3ZFZ3NP.js";
 import {
   useImage
-} from "../chunk-F76H3VMN.js";
+} from "../chunk-SOG2GVE4.js";
 export {
-  Image,
+  ImagePrimitive,
   useImage
 };
 //# sourceMappingURL=index.js.map

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { Attachment } from './attachment/index.js';
+export { AttachmentPrimitive } from './attachment/index.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-tfA570mg.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';
@@ -7,21 +7,21 @@ export { A as ApprovalContextValue, Q as QuestionContextValue, a as QuestionProm
 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 ThreadContextValue, u as useThread } from './thread-Bz6-1zaJ.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 { Composer, ComposerSubmitMessage, ComposerSubmitMessageArgs, Thread } from './chat/index.js';
-export { Completion } from './completion/index.js';
+export { ComposerPrimitive, ComposerSubmitMessage, ComposerSubmitMessageArgs, ThreadPrimitive } from './chat/index.js';
+export { CompletionPrimitive } from './completion/index.js';
 import * as react from 'react';
 import { ReactNode } from 'react';
 import { UseChatResult } from '@anvia/react';
 import { P as PrimitiveProps } from './render-CRKWam2v.js';
 export { a as PrimitiveRef } from './render-CRKWam2v.js';
-export { HumanInput } from './human-input/index.js';
-export { Image } from './image/index.js';
-export { Message, MessageAttachmentPart, MessageEntityProps, MessagePartsFilter, MessageStreamOptions, MessageToolPart, MessageToolRenderWhen } from './message/index.js';
-export { SelectionToolbar } from './selection-toolbar/index.js';
+export { HumanInputPrimitive } from './human-input/index.js';
+export { ImagePrimitive } from './image/index.js';
+export { MessageAttachmentPart, MessageEntityProps, MessagePartsFilter, MessagePrimitive, MessageStreamOptions, MessageToolPart, MessageToolRenderWhen } from './message/index.js';
+export { SelectionToolbarPrimitive } from './selection-toolbar/index.js';
 export { StreamMarkdown, StreamMarkdownProps } from './stream/index.js';
-export { ThreadList, ThreadListItem } from './thread-list/index.js';
+export { ThreadListItemPrimitive, ThreadListPrimitive } from './thread-list/index.js';
 import '@anvia/client';
 import 'react-markdown';
 
@@ -31,10 +31,10 @@ type ContextMeterProps = Omit<PrimitiveProps<"div">, "children"> & {
     display?: "remaining" | "used";
     children?: ReactNode | ((usage: ContextUsage) => ReactNode);
 };
-declare const ContextMeter: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"div">, "children"> & {
+declare const ContextMeterPrimitive: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"div">, "children"> & {
     usage?: ContextUsage;
     display?: "remaining" | "used";
     children?: ReactNode | ((usage: ContextUsage) => ReactNode);
 } & react.RefAttributes<HTMLDivElement>>;
 
-export { ContextMeter, type ContextMeterProps, PrimitiveProps };
+export { ContextMeterPrimitive, type ContextMeterProps, PrimitiveProps };