@anvia/react-ui 0.2.0 → 0.3.0

package/dist/chunk-MXYHYD3O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/thread-list/parts.tsx","../src/thread-list/index.ts"],"sourcesContent":["import {\n  forwardRef,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n  useCallback,\n} from \"react\";\n\nimport {\n  InternalThreadListItemProvider,\n  type ThreadListRecord,\n  useThreadList,\n  useThreadListItem,\n} from \"../contexts\";\nimport { type PrimitiveProps, renderPrimitive } from \"../primitives\";\n\ntype ThreadListRootProps = PrimitiveProps<\"div\">;\n\nconst ThreadListRoot = forwardRef<HTMLDivElement, ThreadListRootProps>(function ThreadListRoot(\n  { onKeyDown, ...props },\n  ref,\n) {\n  const threadList = useThreadList();\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(event);\n      if (event.defaultPrevented || ![\"ArrowDown\", \"ArrowUp\", \"Home\", \"End\"].includes(event.key)) {\n        return;\n      }\n      const triggers = Array.from(\n        event.currentTarget.querySelectorAll<HTMLButtonElement>(\n          \"[data-anvia-thread-list-trigger]:not(:disabled)\",\n        ),\n      );\n      if (triggers.length === 0) {\n        return;\n      }\n      event.preventDefault();\n      const activeElement = document.activeElement;\n      const currentIndex =\n        activeElement instanceof HTMLButtonElement ? triggers.indexOf(activeElement) : -1;\n      const nextIndex = nextTriggerIndex(event.key, currentIndex, triggers.length);\n      triggers[nextIndex]?.focus();\n    },\n    [onKeyDown],\n  );\n\n  return renderPrimitive(\n    \"div\",\n    {\n      ...props,\n      onKeyDown: handleKeyDown,\n      \"data-anvia-thread-list\": \"\",\n      \"data-state\": threadList.status ?? \"idle\",\n    } as PrimitiveProps<\"div\">,\n    ref,\n  );\n});\n\nconst ThreadListNew = forwardRef<HTMLButtonElement, PrimitiveProps<\"button\">>(\n  function ThreadListNew({ onClick, ...props }, ref) {\n    const threadList = useThreadList();\n\n    const handleClick = useCallback(\n      (event: MouseEvent<HTMLButtonElement>) => {\n        onClick?.(event);\n        if (event.defaultPrevented || props.disabled) {\n          return;\n        }\n        void threadList.createThread();\n      },\n      [onClick, props.disabled, threadList],\n    );\n\n    return renderPrimitive(\n      \"button\",\n      {\n        ...props,\n        children: props.children ?? \"New chat\",\n        onClick: handleClick,\n        type: props.type ?? \"button\",\n        \"data-anvia-thread-list-new\": \"\",\n        \"data-state\": props.disabled ? \"disabled\" : \"enabled\",\n      } as PrimitiveProps<\"button\">,\n      ref,\n    );\n  },\n);\n\ntype ThreadListItemsChildren = ReactNode | ((thread: ThreadListRecord) => ReactNode);\n\ntype ThreadListItemsProps = Omit<PrimitiveProps<\"div\">, \"children\"> & {\n  archived?: boolean;\n  children?: ThreadListItemsChildren;\n  keepMounted?: boolean;\n};\n\nconst ThreadListItems = forwardRef<HTMLDivElement, ThreadListItemsProps>(function ThreadListItems(\n  { archived = false, children, keepMounted = false, ...props },\n  ref,\n) {\n  const threadList = useThreadList();\n  const threads = threadList.threads.filter((thread) => Boolean(thread.archived) === archived);\n  const empty = threads.length === 0;\n  if (empty && !keepMounted) {\n    return null;\n  }\n\n  return renderPrimitive(\n    \"div\",\n    {\n      ...props,\n      children: threads.map((thread) => (\n        <InternalThreadListItemProvider\n          key={thread.id}\n          value={{ thread, active: thread.id === threadList.activeThreadId }}\n        >\n          {typeof children === \"function\" ? children(thread) : (children ?? <DefaultThreadItem />)}\n        </InternalThreadListItemProvider>\n      )),\n      \"data-anvia-thread-list-items\": \"\",\n      \"data-archived\": archived ? \"\" : undefined,\n      \"data-empty\": empty ? \"\" : undefined,\n    } as PrimitiveProps<\"div\">,\n    ref,\n  );\n});\n\ntype ThreadListEmptyProps = PrimitiveProps<\"div\"> & {\n  archived?: boolean;\n};\n\nconst ThreadListEmpty = forwardRef<HTMLDivElement, ThreadListEmptyProps>(function ThreadListEmpty(\n  { archived = false, ...props },\n  ref,\n) {\n  const threadList = useThreadList();\n  const hasVisibleThreads = threadList.threads.some(\n    (thread) => Boolean(thread.archived) === archived,\n  );\n  if (hasVisibleThreads) {\n    return null;\n  }\n\n  return renderPrimitive(\n    \"div\",\n    {\n      ...props,\n      children: props.children ?? \"No conversations.\",\n      \"data-anvia-thread-list-empty\": \"\",\n    } as PrimitiveProps<\"div\">,\n    ref,\n  );\n});\n\nconst ThreadListItemRoot = forwardRef<HTMLDivElement, PrimitiveProps<\"div\">>(\n  function ThreadListItemRoot(props, ref) {\n    const item = useThreadListItem();\n\n    return renderPrimitive(\n      \"div\",\n      {\n        ...props,\n        \"data-anvia-thread-list-item\": \"\",\n        \"data-active\": item.active ? \"\" : undefined,\n        \"data-thread-id\": item.thread.id,\n      } as PrimitiveProps<\"div\">,\n      ref,\n    );\n  },\n);\n\nconst ThreadListItemTrigger = forwardRef<HTMLButtonElement, PrimitiveProps<\"button\">>(\n  function ThreadListItemTrigger({ onClick, ...props }, ref) {\n    const threadList = useThreadList();\n    const item = useThreadListItem();\n    const disabled = props.disabled ?? false;\n\n    const handleClick = useCallback(\n      (event: MouseEvent<HTMLButtonElement>) => {\n        onClick?.(event);\n        if (event.defaultPrevented || disabled) {\n          return;\n        }\n        void threadList.switchThread(item.thread.id);\n      },\n      [disabled, item.thread.id, onClick, threadList],\n    );\n\n    return renderPrimitive(\n      \"button\",\n      {\n        ...props,\n        children: props.children ?? <ThreadListItemTitle />,\n        disabled,\n        onClick: handleClick,\n        type: props.type ?? \"button\",\n        \"aria-current\": item.active ? \"true\" : undefined,\n        \"data-anvia-thread-list-trigger\": \"\",\n        \"data-state\": disabled ? \"disabled\" : \"enabled\",\n      } as PrimitiveProps<\"button\">,\n      ref,\n    );\n  },\n);\n\ntype ThreadListItemTitleProps = PrimitiveProps<\"span\"> & {\n  fallback?: ReactNode;\n};\n\nconst ThreadListItemTitle = forwardRef<HTMLSpanElement, ThreadListItemTitleProps>(\n  function ThreadListItemTitle({ fallback = \"New chat\", ...props }, ref) {\n    const { thread } = useThreadListItem();\n\n    return renderPrimitive(\n      \"span\",\n      {\n        ...props,\n        children: props.children ?? thread.title ?? fallback,\n        \"data-anvia-thread-list-title\": \"\",\n      } as PrimitiveProps<\"span\">,\n      ref,\n    );\n  },\n);\n\ntype ThreadListItemActionKey = \"archiveThread\" | \"unarchiveThread\" | \"deleteThread\";\ntype ThreadListItemActionDataAttribute =\n  | \"data-anvia-thread-list-archive\"\n  | \"data-anvia-thread-list-unarchive\"\n  | \"data-anvia-thread-list-delete\";\n\nfunction createThreadListItemAction(\n  action: ThreadListItemActionKey,\n  defaultLabel: string,\n  dataAttribute: ThreadListItemActionDataAttribute,\n) {\n  return forwardRef<HTMLButtonElement, PrimitiveProps<\"button\">>(function ThreadListItemAction(\n    { onClick, ...props },\n    ref,\n  ) {\n    const threadList = useThreadList();\n    const { thread } = useThreadListItem();\n    const actionHandler = threadList[action];\n    const disabled = props.disabled ?? actionHandler === undefined;\n\n    const handleClick = useCallback(\n      (event: MouseEvent<HTMLButtonElement>) => {\n        onClick?.(event);\n        if (event.defaultPrevented || disabled) {\n          return;\n        }\n        focusAfterThreadItemRemoval(event.currentTarget);\n        void actionHandler?.(thread.id);\n      },\n      [actionHandler, disabled, onClick, thread.id],\n    );\n\n    return renderPrimitive(\n      \"button\",\n      {\n        ...props,\n        children: props.children ?? defaultLabel,\n        disabled,\n        onClick: handleClick,\n        type: props.type ?? \"button\",\n        [dataAttribute]: \"\",\n        \"data-state\": disabled ? \"disabled\" : \"enabled\",\n      } as PrimitiveProps<\"button\">,\n      ref,\n    );\n  });\n}\n\nconst ThreadListItemArchive = createThreadListItemAction(\n  \"archiveThread\",\n  \"Archive\",\n  \"data-anvia-thread-list-archive\",\n);\nconst ThreadListItemUnarchive = createThreadListItemAction(\n  \"unarchiveThread\",\n  \"Unarchive\",\n  \"data-anvia-thread-list-unarchive\",\n);\nconst ThreadListItemDelete = createThreadListItemAction(\n  \"deleteThread\",\n  \"Delete\",\n  \"data-anvia-thread-list-delete\",\n);\n\nfunction DefaultThreadItem(): ReactNode {\n  return (\n    <ThreadListItemRoot>\n      <ThreadListItemTrigger />\n    </ThreadListItemRoot>\n  );\n}\n\nfunction nextTriggerIndex(key: string, currentIndex: number, triggerCount: number): number {\n  if (key === \"Home\") {\n    return 0;\n  }\n  if (key === \"End\") {\n    return triggerCount - 1;\n  }\n  if (currentIndex === -1) {\n    return key === \"ArrowUp\" ? triggerCount - 1 : 0;\n  }\n  if (key === \"ArrowUp\") {\n    return (currentIndex - 1 + triggerCount) % triggerCount;\n  }\n  return (currentIndex + 1) % triggerCount;\n}\n\nfunction focusAfterThreadItemRemoval(actionButton: HTMLButtonElement): void {\n  const root = actionButton.closest<HTMLElement>(\"[data-anvia-thread-list]\");\n  const currentItem = actionButton.closest<HTMLElement>(\"[data-anvia-thread-list-item]\");\n  if (\n    root === null ||\n    currentItem === null ||\n    !currentItem.contains(root.ownerDocument.activeElement)\n  ) {\n    return;\n  }\n\n  const triggers = Array.from(\n    root.querySelectorAll<HTMLButtonElement>(\"[data-anvia-thread-list-trigger]:not(:disabled)\"),\n  );\n  const currentTrigger = currentItem.querySelector<HTMLButtonElement>(\n    \"[data-anvia-thread-list-trigger]\",\n  );\n  const currentIndex = currentTrigger === null ? -1 : triggers.indexOf(currentTrigger);\n  const remainingTriggers = triggers.filter((trigger) => !currentItem.contains(trigger));\n  const fallback = root.querySelector<HTMLButtonElement>(\n    \"[data-anvia-thread-list-new]:not(:disabled)\",\n  );\n  const focusTarget =\n    remainingTriggers[Math.min(Math.max(currentIndex, 0), remainingTriggers.length - 1)] ??\n    fallback ??\n    root;\n\n  if (focusTarget === root && !root.hasAttribute(\"tabindex\")) {\n    root.tabIndex = -1;\n  }\n  focusTarget.focus();\n}\n\nexport {\n  ThreadListEmpty,\n  ThreadListItemArchive,\n  ThreadListItemDelete,\n  ThreadListItemRoot,\n  ThreadListItems,\n  ThreadListItemTitle,\n  ThreadListItemTrigger,\n  ThreadListItemUnarchive,\n  ThreadListNew,\n  ThreadListRoot,\n};\n","import {\n  ThreadListEmpty,\n  ThreadListItemArchive,\n  ThreadListItemDelete,\n  ThreadListItemRoot,\n  ThreadListItems,\n  ThreadListItemTitle,\n  ThreadListItemTrigger,\n  ThreadListItemUnarchive,\n  ThreadListNew,\n  ThreadListRoot,\n} from \"./parts\";\n\nexport const ThreadList = {\n  Root: ThreadListRoot,\n  New: ThreadListNew,\n  Items: ThreadListItems,\n  Empty: ThreadListEmpty,\n} as const;\n\nexport const ThreadListItem = {\n  Root: ThreadListItemRoot,\n  Trigger: ThreadListItemTrigger,\n  Title: ThreadListItemTitle,\n  Archive: ThreadListItemArchive,\n  Unarchive: ThreadListItemUnarchive,\n  Delete: ThreadListItemDelete,\n} as const;\n\nexport type {\n  ThreadListController,\n  ThreadListItemContextValue,\n  ThreadListProviderProps,\n  ThreadListRecord,\n} from \"../contexts\";\nexport { ThreadListProvider, useThreadList, useThreadListItem } from \"../contexts\";\n"],"mappings":"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","names":["ThreadListRoot","ThreadListNew","ThreadListItems","ThreadListEmpty","ThreadListItemRoot","ThreadListItemTrigger","ThreadListItemTitle"]}

package/dist/chunk-OKTDYMSA.js

@@ -0,0 +1,236 @@
+import {
+  renderPrimitive
+} from "./chunk-T3ZFZ3NP.js";
+import {
+  InternalSelectionToolbarProvider,
+  useSelectionToolbar
+} from "./chunk-5IHC7D4U.js";
+
+// src/selection-toolbar/parts.tsx
+import {
+  forwardRef,
+  useCallback,
+  useEffect,
+  useMemo,
+  useState
+} from "react";
+import { createPortal } from "react-dom";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var SelectionToolbarRoot = forwardRef(
+  function SelectionToolbarRoot2({ children, container, onQuote, onSelectionChange, style, ...props }, ref) {
+    const [selection, setSelectionState] = useState();
+    const portalContainer = container ?? globalThis.document?.body;
+    const setSelection = useCallback(
+      (nextSelection) => {
+        setSelectionState((currentSelection) => {
+          if (sameSelection(currentSelection, nextSelection)) {
+            return currentSelection;
+          }
+          onSelectionChange?.(nextSelection);
+          return nextSelection;
+        });
+      },
+      [onSelectionChange]
+    );
+    const clear = useCallback(() => {
+      globalThis.document?.getSelection()?.removeAllRanges();
+      setSelection(void 0);
+    }, [setSelection]);
+    const copy = useCallback(async () => {
+      if (selection === void 0) {
+        return;
+      }
+      await globalThis.navigator?.clipboard?.writeText(selection.text);
+      clear();
+    }, [clear, selection]);
+    const quote = useCallback(() => {
+      if (selection === void 0) {
+        return;
+      }
+      onQuote?.(selection);
+      clear();
+    }, [clear, onQuote, selection]);
+    const value = useMemo(
+      () => ({
+        ...selection === void 0 ? {} : { selection },
+        quote,
+        copy,
+        clear
+      }),
+      [clear, copy, quote, selection]
+    );
+    useEffect(() => {
+      const document = globalThis.document;
+      if (document === void 0) {
+        return;
+      }
+      const handleSelectionChange = () => {
+        setSelection(selectionFromDocument(document));
+      };
+      document.addEventListener("selectionchange", handleSelectionChange);
+      document.addEventListener("mouseup", handleSelectionChange);
+      document.addEventListener("keyup", handleSelectionChange);
+      document.addEventListener("scroll", handleSelectionChange, true);
+      return () => {
+        document.removeEventListener("selectionchange", handleSelectionChange);
+        document.removeEventListener("mouseup", handleSelectionChange);
+        document.removeEventListener("keyup", handleSelectionChange);
+        document.removeEventListener("scroll", handleSelectionChange, true);
+      };
+    }, [setSelection]);
+    if (selection === void 0 || portalContainer === void 0) {
+      return null;
+    }
+    const toolbarStyle = {
+      position: "fixed",
+      top: selection.rect.top,
+      left: selection.rect.left + selection.rect.width / 2,
+      transform: "translate(-50%, calc(-100% - 8px))",
+      ...style
+    };
+    const toolbar = /* @__PURE__ */ jsx(InternalSelectionToolbarProvider, { value, children: renderPrimitive(
+      "div",
+      {
+        ...props,
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(SelectionToolbarQuote, {}),
+          /* @__PURE__ */ jsx(SelectionToolbarCopy, {})
+        ] }),
+        style: toolbarStyle,
+        "data-anvia-selection-toolbar": "",
+        "data-message-id": selection.messageId,
+        role: props.role ?? "toolbar"
+      },
+      ref
+    ) });
+    return createPortal(toolbar, portalContainer);
+  }
+);
+var SelectionToolbarQuote = forwardRef(
+  function SelectionToolbarQuote2({ onClick, ...props }, ref) {
+    const { disabled, handleClick } = useSelectionToolbarAction("quote", props.disabled, onClick);
+    return renderPrimitive(
+      "button",
+      {
+        ...props,
+        children: props.children ?? "Quote",
+        disabled,
+        onClick: handleClick,
+        type: props.type ?? "button",
+        "data-anvia-selection-quote": "",
+        "data-state": disabled ? "disabled" : "enabled"
+      },
+      ref
+    );
+  }
+);
+var SelectionToolbarCopy = forwardRef(
+  function SelectionToolbarCopy2({ onClick, ...props }, ref) {
+    const { disabled, handleClick } = useSelectionToolbarAction("copy", props.disabled, onClick);
+    return renderPrimitive(
+      "button",
+      {
+        ...props,
+        children: props.children ?? "Copy",
+        disabled,
+        onClick: handleClick,
+        type: props.type ?? "button",
+        "data-anvia-selection-copy": "",
+        "data-state": disabled ? "disabled" : "enabled"
+      },
+      ref
+    );
+  }
+);
+function useSelectionToolbarAction(actionName, disabledProp, onClick) {
+  const toolbar = useSelectionToolbar();
+  const disabled = disabledProp ?? toolbar.selection === void 0;
+  const action = toolbar[actionName];
+  const handleClick = useCallback(
+    (event) => {
+      onClick?.(event);
+      if (event.defaultPrevented || disabled) {
+        return;
+      }
+      void action();
+    },
+    [action, disabled, onClick]
+  );
+  return { disabled, handleClick };
+}
+function selectionFromDocument(document) {
+  const selection = document.getSelection();
+  if (selection === null || selection.rangeCount === 0) {
+    return void 0;
+  }
+  const text = selection.toString();
+  if (text.trim().length === 0) {
+    return void 0;
+  }
+  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) {
+    return void 0;
+  }
+  const range = selection.getRangeAt(0);
+  return {
+    text,
+    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?.();
+  if (rect !== void 0 && (rect.width > 0 || rect.height > 0)) {
+    return rect;
+  }
+  const firstRect = range.getClientRects().item(0);
+  if (firstRect !== null) {
+    return firstRect;
+  }
+  const DOMRectConstructor = globalThis.DOMRect;
+  if (DOMRectConstructor !== void 0) {
+    return new DOMRectConstructor(0, 0, 0, 0);
+  }
+  return {
+    bottom: 0,
+    height: 0,
+    left: 0,
+    right: 0,
+    top: 0,
+    width: 0,
+    x: 0,
+    y: 0,
+    toJSON: () => ({})
+  };
+}
+function sameSelection(currentSelection, nextSelection) {
+  if (currentSelection === void 0 || nextSelection === void 0) {
+    return currentSelection === nextSelection;
+  }
+  return currentSelection.text === nextSelection.text && currentSelection.messageId === nextSelection.messageId && currentSelection.rect.left === nextSelection.rect.left && currentSelection.rect.top === nextSelection.rect.top && currentSelection.rect.width === nextSelection.rect.width && currentSelection.rect.height === nextSelection.rect.height;
+}
+
+// src/selection-toolbar/index.ts
+var SelectionToolbar = {
+  Root: SelectionToolbarRoot,
+  Quote: SelectionToolbarQuote,
+  Copy: SelectionToolbarCopy
+};
+
+export {
+  SelectionToolbar
+};
+//# sourceMappingURL=chunk-OKTDYMSA.js.map

package/dist/chunk-OKTDYMSA.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 { 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      () => ({\n        ...(selection === undefined ? {} : { selection }),\n        quote,\n        copy,\n        clear,\n      }),\n      [clear, copy, quote, selection],\n    );\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            \"data-anvia-selection-toolbar\": \"\",\n            \"data-message-id\": selection.messageId,\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-anvia-selection-quote\": \"\",\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-anvia-selection-copy\": \"\",\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 (anchorMessage === undefined || focusMessage === undefined || anchorMessage !== focusMessage) {\n    return undefined;\n  }\n\n  const messageId = anchorMessage.getAttribute(\"data-anvia-message-id\");\n  if (messageId === null || messageId.length === 0) {\n    return undefined;\n  }\n\n  const range = selection.getRangeAt(0);\n  return {\n    text,\n    messageId,\n    rect: selectionRect(range),\n  };\n}\n\nfunction messageElementFromNode(node: Node | null): HTMLElement | undefined {\n  if (node === null) {\n    return undefined;\n  }\n  const element = node.nodeType === Node.ELEMENT_NODE ? (node as Element) : node.parentElement;\n  return element?.closest<HTMLElement>(\"[data-anvia-message-id]\") ?? undefined;\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 SelectionToolbar = {\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-RRINF6FN.js → chunk-QHP4GSRG.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-T3ZFZ3NP.js";
 import {
   useAttachment
-} from "./chunk-7AS6R7BB.js";
+} from "./chunk-5IHC7D4U.js";
 
 // src/attachment/parts.tsx
 import { forwardRef, useCallback } from "react";
@@ -122,4 +122,4 @@ var Attachment = {
 export {
   Attachment
 };
-//# sourceMappingURL=chunk-RRINF6FN.js.map
+//# sourceMappingURL=chunk-QHP4GSRG.js.map

package/dist/{chunk-WK33ER4Q.js → chunk-YDMDLFU4.js}

@@ -10,7 +10,7 @@ import {
   useHumanInput,
   useQuestion,
   useQuestionPrompt
-} from "./chunk-7AS6R7BB.js";
+} from "./chunk-5IHC7D4U.js";
 
 // src/human-input/approvals.tsx
 import { forwardRef, useCallback } from "react";
@@ -408,4 +408,4 @@ var HumanInput = {
 export {
   HumanInput
 };
-//# sourceMappingURL=chunk-WK33ER4Q.js.map
+//# sourceMappingURL=chunk-YDMDLFU4.js.map

package/dist/completion/index.js

@@ -1,12 +1,12 @@
 import {
   Completion
-} from "../chunk-LSHD67YK.js";
+} from "../chunk-4Z7LULAM.js";
 import "../chunk-T3ZFZ3NP.js";
 import {
   CompletionProvider,
   useCompletionContext,
   useCompletionInput
-} from "../chunk-7AS6R7BB.js";
+} from "../chunk-5IHC7D4U.js";
 export {
   Completion,
   CompletionProvider,

package/dist/human-input/index.js

@@ -1,6 +1,6 @@
 import {
   HumanInput
-} from "../chunk-WK33ER4Q.js";
+} from "../chunk-YDMDLFU4.js";
 import "../chunk-T3ZFZ3NP.js";
 import {
   useApproval,
@@ -8,7 +8,7 @@ import {
   useHumanInput,
   useQuestion,
   useQuestionPrompt
-} from "../chunk-7AS6R7BB.js";
+} from "../chunk-5IHC7D4U.js";
 export {
   HumanInput,
   useApproval,

package/dist/image/index.d.ts

@@ -0,0 +1,40 @@
+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 { P as PrimitiveProps } from '../render-CRKWam2v.js';
+
+declare const Image: {
+    readonly Root: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"figure">, "children"> & {
+        attachment?: _anvia_react.UIAttachment;
+        children?: react.ReactNode | ((image: ImageContextValue) => react.ReactNode);
+        renderWhen?: "image" | "always";
+    } & react.RefAttributes<HTMLElement>>;
+    readonly Preview: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"div">, "children"> & {
+        alt?: string;
+        errorFallback?: react.ReactNode;
+        loadingFallback?: react.ReactNode;
+    } & react.RefAttributes<HTMLDivElement>>;
+    readonly Name: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLElement>>;
+    readonly Actions: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLDivElement>>;
+    readonly Copy: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLButtonElement>>;
+    readonly Download: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & {
+        filename?: string;
+    } & react.RefAttributes<HTMLButtonElement>>;
+    readonly ZoomTrigger: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLButtonElement>>;
+    readonly ZoomOverlay: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"div">, "children"> & {
+        container?: Element | DocumentFragment;
+    } & react.RefAttributes<HTMLDivElement>>;
+};
+
+export { Image, ImageContextValue };

package/dist/image/index.js

@@ -0,0 +1,12 @@
+import {
+  Image
+} from "../chunk-IHRCKGRS.js";
+import "../chunk-T3ZFZ3NP.js";
+import {
+  useImage
+} from "../chunk-5IHC7D4U.js";
+export {
+  Image,
+  useImage
+};
+//# sourceMappingURL=index.js.map

package/dist/image/index.js.map

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

package/dist/image-DanUxcl2.d.ts

@@ -0,0 +1,14 @@
+import { UIAttachment } from '@anvia/react';
+
+type ImageContextValue = {
+    attachment: UIAttachment;
+    src?: string;
+    name?: string;
+    mediaType?: string;
+    isImage: boolean;
+    zoomOpen: boolean;
+    setZoomOpen(open: boolean): void;
+};
+declare function useImage(): ImageContextValue;
+
+export { type ImageContextValue as I, useImage as u };

package/dist/index.d.ts

@@ -2,14 +2,20 @@ export { Attachment } from './attachment/index.js';
 export { A as AttachmentContextValue, u as useAttachment } from './attachment-BP597fV3.js';
 export { C as ChatController, a as ChatProvider, b as ChatProviderProps, u as useChatContext, c as useHumanInput } from './chat-B3kucz1w.js';
 export { C as CompletionController, a as CompletionInputContextValue, b as CompletionProvider, c as CompletionProviderProps, u as useCompletionContext, d as useCompletionInput } from './completion-input-WjK6kUyG.js';
-export { C as ComposerAttachmentInput, a as ComposerAttachmentsUpdate, b as ComposerContextValue, T as ThreadContextValue, u as useComposer, c as useThread } from './thread-CluT3m5k.js';
+export { C as ComposerAttachmentInput, a as ComposerAttachmentsUpdate, b as ComposerContextValue, c as ComposerQuote, T as ThreadContextValue, u as useComposer, d as useThread } from './thread-DYPvlsJa.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-Beb4ZLNU.js';
+export { S as SelectionToolbarContextValue, a as SelectionToolbarSelection, u as useSelectionToolbar } from './selection-toolbar-Cwjbuv5S.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 { HumanInput } from './human-input/index.js';
+export { Image } from './image/index.js';
 export { Message, MessageAttachmentPart, MessagePartsFilter, MessageToolPart, MessageToolRenderWhen } from './message/index.js';
+export { SelectionToolbar } from './selection-toolbar/index.js';
 export { P as PrimitiveProps, a as PrimitiveRef } from './render-CRKWam2v.js';
+export { ThreadList, ThreadListItem } from './thread-list/index.js';
 import '@anvia/react';
 import 'react';
 import 'react-markdown';

package/dist/index.js

@@ -1,23 +1,34 @@
+import {
+  SelectionToolbar
+} from "./chunk-OKTDYMSA.js";
+import {
+  ThreadList,
+  ThreadListItem
+} from "./chunk-MXYHYD3O.js";
 import {
   Composer,
   Thread
-} from "./chunk-AXZB6JSE.js";
+} from "./chunk-LRAQW3ZK.js";
 import {
   Completion
-} from "./chunk-LSHD67YK.js";
+} from "./chunk-4Z7LULAM.js";
 import {
   HumanInput
-} from "./chunk-WK33ER4Q.js";
+} from "./chunk-YDMDLFU4.js";
+import {
+  Image
+} from "./chunk-IHRCKGRS.js";
 import {
   Message
-} from "./chunk-AOZN3SWB.js";
+} from "./chunk-5Z2IWZ5O.js";
 import {
   Attachment
-} from "./chunk-RRINF6FN.js";
+} from "./chunk-QHP4GSRG.js";
 import "./chunk-T3ZFZ3NP.js";
 import {
   ChatProvider,
   CompletionProvider,
+  ThreadListProvider,
   useApproval,
   useAttachment,
   useChatContext,
@@ -25,12 +36,16 @@ import {
   useCompletionInput,
   useComposer,
   useHumanInput,
+  useImage,
   useMessage,
   useMessagePart,
   useQuestion,
   useQuestionPrompt,
-  useThread
-} from "./chunk-7AS6R7BB.js";
+  useSelectionToolbar,
+  useThread,
+  useThreadList,
+  useThreadListItem
+} from "./chunk-5IHC7D4U.js";
 export {
   Attachment,
   ChatProvider,
@@ -38,8 +53,13 @@ export {
   CompletionProvider,
   Composer,
   HumanInput,
+  Image,
   Message,
+  SelectionToolbar,
   Thread,
+  ThreadList,
+  ThreadListItem,
+  ThreadListProvider,
   useApproval,
   useAttachment,
   useChatContext,
@@ -47,10 +67,14 @@ export {
   useCompletionInput,
   useComposer,
   useHumanInput,
+  useImage,
   useMessage,
   useMessagePart,
   useQuestion,
   useQuestionPrompt,
-  useThread
+  useSelectionToolbar,
+  useThread,
+  useThreadList,
+  useThreadListItem
 };
 //# sourceMappingURL=index.js.map

package/dist/message/index.js

@@ -1,13 +1,13 @@
 import {
   Message
-} from "../chunk-AOZN3SWB.js";
-import "../chunk-RRINF6FN.js";
+} from "../chunk-5Z2IWZ5O.js";
+import "../chunk-QHP4GSRG.js";
 import "../chunk-T3ZFZ3NP.js";
 import {
   useChatContext,
   useMessage,
   useMessagePart
-} from "../chunk-7AS6R7BB.js";
+} from "../chunk-5IHC7D4U.js";
 export {
   Message,
   useChatContext,

package/dist/selection-toolbar/index.d.ts

@@ -0,0 +1,21 @@
+import * as react from 'react';
+import { a as SelectionToolbarSelection } from '../selection-toolbar-Cwjbuv5S.js';
+export { S as SelectionToolbarContextValue, u as useSelectionToolbar } from '../selection-toolbar-Cwjbuv5S.js';
+import { P as PrimitiveProps } from '../render-CRKWam2v.js';
+
+declare const SelectionToolbar: {
+    readonly Root: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"div">, "children"> & {
+        children?: react.ReactNode;
+        container?: Element | DocumentFragment;
+        onQuote?: (selection: SelectionToolbarSelection) => void;
+        onSelectionChange?: (selection: SelectionToolbarSelection | undefined) => void;
+    } & react.RefAttributes<HTMLDivElement>>;
+    readonly Quote: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLButtonElement>>;
+    readonly Copy: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLButtonElement>>;
+};
+
+export { SelectionToolbar, SelectionToolbarSelection };

package/dist/selection-toolbar/index.js

@@ -0,0 +1,12 @@
+import {
+  SelectionToolbar
+} from "../chunk-OKTDYMSA.js";
+import "../chunk-T3ZFZ3NP.js";
+import {
+  useSelectionToolbar
+} from "../chunk-5IHC7D4U.js";
+export {
+  SelectionToolbar,
+  useSelectionToolbar
+};
+//# sourceMappingURL=index.js.map

package/dist/selection-toolbar/index.js.map

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

package/dist/selection-toolbar-Cwjbuv5S.d.ts

@@ -0,0 +1,14 @@
+type SelectionToolbarSelection = {
+    text: string;
+    messageId: string;
+    rect: DOMRect;
+};
+type SelectionToolbarContextValue = {
+    selection?: SelectionToolbarSelection;
+    quote(): void;
+    copy(): Promise<void>;
+    clear(): void;
+};
+declare function useSelectionToolbar(): SelectionToolbarContextValue;
+
+export { type SelectionToolbarContextValue as S, type SelectionToolbarSelection as a, useSelectionToolbar as u };

package/dist/shared.d.ts

@@ -1,9 +1,12 @@
 export { A as AttachmentContextValue, u as useAttachment } from './attachment-BP597fV3.js';
 export { C as ChatController, a as ChatProvider, b as ChatProviderProps, u as useChatContext, c as useHumanInput } from './chat-B3kucz1w.js';
 export { C as CompletionController, a as CompletionInputContextValue, b as CompletionProvider, c as CompletionProviderProps, u as useCompletionContext, d as useCompletionInput } from './completion-input-WjK6kUyG.js';
-export { C as ComposerAttachmentInput, a as ComposerAttachmentsUpdate, b as ComposerContextValue, T as ThreadContextValue, u as useComposer, c as useThread } from './thread-CluT3m5k.js';
+export { C as ComposerAttachmentInput, a as ComposerAttachmentsUpdate, b as ComposerContextValue, c as ComposerQuote, T as ThreadContextValue, u as useComposer, d as useThread } from './thread-DYPvlsJa.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-Beb4ZLNU.js';
+export { S as SelectionToolbarContextValue, a as SelectionToolbarSelection, u as useSelectionToolbar } from './selection-toolbar-Cwjbuv5S.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/react';
 import 'react';