@anvia/react-ui 1.3.0 → 1.3.2

package/dist/image-aCWm6hFe.js

@@ -0,0 +1,303 @@
+import { B as useOptionalAttachment, _ as useImage, g as InternalImageProvider } from "./contexts-B4ijG24z.js";
+import { t as composeRefs } from "./refs-Djj9rSvB.js";
+import { t as renderPrimitive } from "./primitives-xfE7zfwJ.js";
+import { t as safeImageSrc } from "./url-CiYZkDks.js";
+import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+// src/image/parts.tsx
+const ImageRoot = forwardRef(function ImageRoot({ attachment: attachmentProp, children, renderWhen = "image", ...props }, ref) {
+	const attachmentContext = useOptionalAttachment();
+	const attachment = attachmentProp ?? attachmentContext?.attachment;
+	const [zoomOpen, setZoomOpen] = useState(false);
+	if (attachment === void 0) throw new Error("ImagePrimitive.Root requires an attachment prop or AttachmentPrimitive context.");
+	const src = imageSource(attachment);
+	const isImage = isImageAttachment(attachment);
+	const value = useMemo(() => {
+		const context = {
+			attachment,
+			isImage,
+			zoomOpen,
+			setZoomOpen
+		};
+		if (src !== void 0) context.src = src;
+		if (attachment.name !== void 0) context.name = attachment.name;
+		if (attachment.mediaType !== void 0) context.mediaType = attachment.mediaType;
+		return context;
+	}, [
+		attachment,
+		isImage,
+		src,
+		zoomOpen
+	]);
+	if (!isImage && renderWhen !== "always") return null;
+	const renderedChildren = typeof children === "function" ? children(value) : children;
+	return /* @__PURE__ */ jsx(InternalImageProvider, {
+		value,
+		children: renderPrimitive("figure", {
+			...props,
+			children: renderedChildren ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ImagePreview, {}), /* @__PURE__ */ jsx(ImageName, {})] }),
+			"data-state": src === void 0 ? "unavailable" : "ready"
+		}, ref)
+	});
+});
+const ImagePreview = forwardRef(function ImagePreview({ alt, errorFallback, loadingFallback, ...props }, ref) {
+	const image = useImage();
+	const src = image.src;
+	const [state, setState] = useState(src === void 0 ? "error" : "loading");
+	useEffect(() => {
+		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: src === void 0 ? fallback : /* @__PURE__ */ jsxs(Fragment$1, { children: [state === "ready" ? null : /* @__PURE__ */ jsx("span", { children: fallback }), /* @__PURE__ */ jsx("img", {
+			alt: alt ?? image.name ?? "Image",
+			hidden: state !== "ready",
+			onError: () => setState("error"),
+			onLoad: () => setState("ready"),
+			src
+		})] }),
+		"data-state": state
+	}, ref);
+});
+const ImageName = forwardRef(function ImageName(props, ref) {
+	const image = useImage();
+	return renderPrimitive("figcaption", {
+		...props,
+		children: props.children ?? image.name ?? image.mediaType ?? image.attachment.type
+	}, ref);
+});
+const ImageActions = forwardRef(function ImageActions(props, ref) {
+	return renderPrimitive("div", { ...props }, ref);
+});
+const ImageCopy = forwardRef(function ImageCopy({ onClick, ...props }, ref) {
+	const image = useImage();
+	const [copyState, setCopyState] = useState("idle");
+	const disabled = props.disabled ?? image.src === void 0;
+	const handleClick = useCallback(async (event) => {
+		onClick?.(event);
+		if (event.defaultPrevented || disabled || image.src === void 0) return;
+		try {
+			await copyImage(image);
+			setCopyState("done");
+		} catch {
+			setCopyState("error");
+		}
+	}, [
+		disabled,
+		image,
+		onClick
+	]);
+	return renderPrimitive("button", {
+		...props,
+		children: props.children ?? "Copy image",
+		disabled,
+		onClick: handleClick,
+		type: props.type ?? "button",
+		"data-state": copyState
+	}, ref);
+});
+const ImageDownload = forwardRef(function ImageDownload({ filename, onClick, ...props }, ref) {
+	const image = useImage();
+	const disabled = props.disabled ?? image.src === void 0;
+	const handleClick = useCallback(async (event) => {
+		onClick?.(event);
+		if (event.defaultPrevented || disabled || image.src === void 0) return;
+		try {
+			await downloadImage(image, filename);
+		} catch {
+			return;
+		}
+	}, [
+		disabled,
+		filename,
+		image,
+		onClick
+	]);
+	return renderPrimitive("button", {
+		...props,
+		children: props.children ?? "Download",
+		disabled,
+		onClick: handleClick,
+		type: props.type ?? "button",
+		"data-state": disabled ? "disabled" : "enabled"
+	}, ref);
+});
+const ImageZoomTrigger = forwardRef(function ImageZoomTrigger({ onClick, ...props }, ref) {
+	const image = useImage();
+	const disabled = props.disabled ?? image.src === void 0;
+	const handleClick = useCallback((event) => {
+		onClick?.(event);
+		if (event.defaultPrevented || disabled) return;
+		image.setZoomOpen(true);
+	}, [
+		disabled,
+		image,
+		onClick
+	]);
+	return renderPrimitive("button", {
+		...props,
+		children: props.children ?? "Open image",
+		disabled,
+		onClick: handleClick,
+		type: props.type ?? "button",
+		"data-state": disabled ? "disabled" : "enabled"
+	}, ref);
+});
+const ImageZoomOverlay = forwardRef(function ImageZoomOverlay({ container, onClick, onKeyDown, ...props }, ref) {
+	const image = useImage();
+	const portalContainer = container ?? globalThis.document?.body;
+	const overlayRef = useRef(null);
+	const composedRef = useMemo(() => composeRefs(overlayRef, ref), [ref]);
+	useEffect(() => {
+		if (!image.zoomOpen) return;
+		const document = globalThis.document;
+		if (document === void 0) return;
+		const handleKeyDown = (event) => {
+			if (event.key === "Escape") image.setZoomOpen(false);
+		};
+		document.addEventListener("keydown", handleKeyDown);
+		return () => {
+			document.removeEventListener("keydown", handleKeyDown);
+		};
+	}, [image]);
+	useEffect(() => {
+		if (!image.zoomOpen) return;
+		const activeElement = globalThis.document?.activeElement;
+		const previousFocus = activeElement instanceof HTMLElement ? activeElement : void 0;
+		focusOverlay(overlayRef.current);
+		return () => {
+			if (previousFocus?.isConnected === true) previousFocus.focus();
+		};
+	}, [image.zoomOpen]);
+	const handleClick = useCallback((event) => {
+		onClick?.(event);
+		if (!event.defaultPrevented) image.setZoomOpen(false);
+	}, [image, onClick]);
+	const handleKeyDown = useCallback((event) => {
+		onKeyDown?.(event);
+		if (event.defaultPrevented) return;
+		if (event.key === "Escape") {
+			image.setZoomOpen(false);
+			return;
+		}
+		if (event.key === "Tab") trapOverlayFocus(event, overlayRef.current);
+	}, [image, onKeyDown]);
+	if (!image.zoomOpen || image.src === void 0 || portalContainer === void 0) return null;
+	const overlay = renderPrimitive("div", {
+		...props,
+		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
+	}, composedRef);
+	return createPortal(overlay, portalContainer);
+});
+function isImageAttachment(attachment) {
+	return attachment.type === "image" || attachment.mediaType?.startsWith("image/") === true;
+}
+function imageSource(attachment) {
+	if (!isImageAttachment(attachment)) return safeImageSrc(attachment.url);
+	if (attachment.url !== void 0) return safeImageSrc(attachment.url);
+	if (attachment.data !== void 0 && attachment.mediaType !== void 0) return safeImageSrc(`data:${attachment.mediaType};base64,${attachment.data}`);
+}
+async function copyImage(image) {
+	if (image.src === void 0) throw new Error("Image source is unavailable.");
+	const clipboard = globalThis.navigator?.clipboard;
+	const ClipboardItemConstructor = globalThis.ClipboardItem;
+	if (clipboard?.write === void 0 || ClipboardItemConstructor === void 0) throw new Error("Clipboard image copy is unavailable.");
+	const blob = await imageBlob(image);
+	await clipboard.write([new ClipboardItemConstructor({ [blob.type]: blob })]);
+}
+async function imageBlob(image) {
+	if (image.attachment.data !== void 0) return base64ToBlob(image.attachment.data, image.attachment.mediaType ?? image.mediaType ?? "image/png");
+	if (image.src === void 0 || globalThis.fetch === void 0) throw new Error("Image source is unavailable.");
+	return (await fetch(image.src)).blob();
+}
+function base64ToBlob(data, mediaType) {
+	const binary = globalThis.atob(data);
+	const bytes = new Uint8Array(binary.length);
+	for (let index = 0; index < binary.length; index += 1) bytes[index] = binary.charCodeAt(index);
+	return new Blob([bytes], { type: mediaType });
+}
+async function downloadImage(image, filename) {
+	const document = globalThis.document;
+	const url = globalThis.URL;
+	if (image.src === void 0 || document === void 0 || url?.createObjectURL === void 0) return;
+	const blobUrl = url.createObjectURL(await imageBlob(image));
+	const link = document.createElement("a");
+	try {
+		link.href = blobUrl;
+		link.download = filename ?? image.name ?? defaultImageFilename(image);
+		link.rel = "noopener";
+		document.body.append(link);
+		link.click();
+	} finally {
+		link.remove();
+		url.revokeObjectURL(blobUrl);
+	}
+}
+function defaultImageFilename(image) {
+	return `image.${image.mediaType?.split("/")[1]?.split(";")[0] ?? "png"}`;
+}
+function focusOverlay(overlay) {
+	if (overlay === null) return;
+	const [firstFocusable] = focusableElements(overlay);
+	(firstFocusable ?? overlay).focus();
+}
+function trapOverlayFocus(event, overlay) {
+	if (overlay === null) return;
+	const focusable = focusableElements(overlay);
+	if (focusable.length === 0) {
+		event.preventDefault();
+		overlay.focus();
+		return;
+	}
+	const firstFocusable = focusable[0];
+	const lastFocusable = focusable[focusable.length - 1];
+	const activeElement = globalThis.document?.activeElement;
+	if (event.shiftKey && activeElement === firstFocusable) {
+		event.preventDefault();
+		lastFocusable?.focus();
+		return;
+	}
+	if (!event.shiftKey && activeElement === lastFocusable) {
+		event.preventDefault();
+		firstFocusable?.focus();
+		return;
+	}
+	if (activeElement instanceof Node && !overlay.contains(activeElement)) {
+		event.preventDefault();
+		(event.shiftKey ? lastFocusable : firstFocusable)?.focus();
+	}
+}
+function focusableElements(container) {
+	return Array.from(container.querySelectorAll([
+		"a[href]",
+		"button:not(:disabled)",
+		"input:not(:disabled)",
+		"select:not(:disabled)",
+		"textarea:not(:disabled)",
+		"[tabindex]"
+	].join(","))).filter((element) => element.tabIndex >= 0 && element.getAttribute("aria-hidden") !== "true");
+}
+// src/image/index.ts
+const ImagePrimitive = {
+	Root: ImageRoot,
+	Preview: ImagePreview,
+	Name: ImageName,
+	Actions: ImageActions,
+	Copy: ImageCopy,
+	Download: ImageDownload,
+	ZoomTrigger: ImageZoomTrigger,
+	ZoomOverlay: ImageZoomOverlay
+};
+export { ImagePrimitive as t };
+
+//# sourceMappingURL=image-aCWm6hFe.js.map

package/dist/image-aCWm6hFe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-aCWm6hFe.js","names":[],"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\";\nimport { safeImageSrc } from \"../url\";\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 safeImageSrc(attachment.url);\n  }\n  if (attachment.url !== undefined) {\n    return safeImageSrc(attachment.url);\n  }\n  if (attachment.data !== undefined && attachment.mediaType !== undefined) {\n    return safeImageSrc(`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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"}

package/dist/index-B1Qs2Cjv.d.ts

@@ -0,0 +1,145 @@
+import { F as ComposerTriggerDefinition, I as ComposerTriggerItem, P as ComposerQuote, j as ComposerEntity, nt as ChatController, z as ComposerTriggerState } from "./index-Mw3ltwSG.js";
+import { t as PrimitiveProps } from "./index-DqdyM0Jm.js";
+import { ReactNode } from "react";
+import { ChatSuggestion, UseChatStatus } from "@anvia/react";
+import { ClientDataMap, ClientMetadata, UIAttachment, UIMessage } from "@anvia/client";
+type ComposerSubmitMessageArgs<TData extends ClientDataMap = ClientDataMap> = {
+  input: string;
+  attachments: UIAttachment[];
+  entities: ComposerEntity[];
+  chat: ChatController<ClientMetadata, TData>;
+  quote?: ComposerQuote | undefined;
+  clear(): void;
+};
+type ComposerSubmitMessage<TData extends ClientDataMap = ClientDataMap> = (args: ComposerSubmitMessageArgs<TData>) => Promise<void> | void;
+/** A mention token as the editor knows it; `range` is meaningful only in the saved message. */
+type ComposerInputEntity = Omit<ComposerEntity, "range">;
+type ComposerTriggerMenuChildren = ReactNode | ((trigger: ComposerTriggerState) => ReactNode);
+type ComposerTriggerItemChildren = ReactNode | ((item: ComposerTriggerItem, trigger: ComposerTriggerState) => ReactNode);
+type ComposerAttachmentsChildren = ReactNode | ((attachment: UIAttachment) => ReactNode);
+declare const ComposerPrimitive: {
+  readonly Root: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref">, "asChild"> & {
+    asChild?: boolean;
+  } & {
+    attachments?: UIAttachment[];
+    defaultAttachments?: UIAttachment[];
+    defaultEntities?: ComposerEntity[];
+    defaultInput?: string;
+    defaultQuote?: ComposerQuote | undefined;
+    entities?: ComposerEntity[];
+    input?: string;
+    onAttachmentsChange?: (attachments: UIAttachment[]) => void;
+    onEntitiesChange?: (entities: ComposerEntity[]) => void;
+    onInputChange?: (input: string) => void;
+    onQuoteChange?: (quote: ComposerQuote | undefined) => void;
+    quote?: ComposerQuote | undefined;
+    submitMessage?: ComposerSubmitMessage;
+    triggers?: ComposerTriggerDefinition[];
+  } & import("react").RefAttributes<HTMLFormElement>>;
+  readonly Quote: import("react").ForwardRefExoticComponent<Omit<PrimitiveProps<"blockquote">, "children"> & {
+    children?: ReactNode | ((quote: ComposerQuote) => ReactNode);
+  } & import("react").RefAttributes<HTMLQuoteElement>>;
+  readonly ClearQuote: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
+    asChild?: boolean;
+  } & import("react").RefAttributes<HTMLButtonElement>>;
+  readonly Input: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
+    asChild?: boolean;
+  } & {
+    autoResize?: boolean;
+    disabled?: boolean | undefined;
+    maxRows?: number;
+    minRows?: number;
+    placeholder?: string | undefined;
+    /**
+     * Customises how a mention token displays in the editor. The saved text and entities are
+     * unchanged. Return `null` or `undefined` to show the entity's text. Keep it a pure function of
+     * `entity`: a token re-renders only when its node changes, not when the function's closure does.
+     */
+    renderEntity?: ((entity: ComposerInputEntity) => ReactNode) | undefined;
+  } & import("react").RefAttributes<HTMLDivElement>>;
+  readonly TextareaInput: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "asChild"> & {
+    asChild?: boolean;
+  } & {
+    autoResize?: boolean;
+    maxRows?: number;
+    minRows?: number;
+  } & import("react").RefAttributes<HTMLTextAreaElement>>;
+  readonly TriggerMenu: import("react").ForwardRefExoticComponent<Omit<PrimitiveProps<"div">, "children"> & {
+    children?: ComposerTriggerMenuChildren;
+    keepMounted?: boolean;
+  } & import("react").RefAttributes<HTMLDivElement>>;
+  readonly TriggerItem: import("react").ForwardRefExoticComponent<Omit<PrimitiveProps<"button">, "children"> & {
+    children?: ComposerTriggerItemChildren;
+    index?: number | undefined;
+    item?: ComposerTriggerItem | undefined;
+  } & import("react").RefAttributes<HTMLButtonElement>>;
+  readonly Attachments: import("react").ForwardRefExoticComponent<Omit<PrimitiveProps<"div">, "children"> & {
+    children?: ComposerAttachmentsChildren;
+    keepMounted?: boolean;
+  } & import("react").RefAttributes<HTMLDivElement>>;
+  readonly AddAttachment: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
+    asChild?: boolean;
+  } & {
+    accept?: string;
+    multiple?: boolean;
+  } & import("react").RefAttributes<HTMLButtonElement>>;
+  readonly AttachmentInput: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "asChild"> & {
+    asChild?: boolean;
+  } & import("react").RefAttributes<HTMLInputElement>>;
+  readonly AttachmentDropzone: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
+    asChild?: boolean;
+  } & {
+    disabled?: boolean;
+  } & import("react").RefAttributes<HTMLDivElement>>;
+  readonly Submit: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
+    asChild?: boolean;
+  } & import("react").RefAttributes<HTMLButtonElement>>;
+  readonly Stop: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
+    asChild?: boolean;
+  } & import("react").RefAttributes<HTMLButtonElement>>;
+};
+type ThreadMessagesChildren = ReactNode | ((message: UIMessage) => ReactNode);
+type ThreadSuggestionChildren = ReactNode | ((suggestion: ChatSuggestion) => ReactNode);
+declare const ThreadPrimitive: {
+  readonly Root: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
+    asChild?: boolean;
+  } & import("react").RefAttributes<HTMLDivElement>>;
+  readonly Viewport: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
+    asChild?: boolean;
+  } & {
+    autoScroll?: boolean;
+  } & import("react").RefAttributes<HTMLDivElement>>;
+  readonly ViewportFooter: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
+    asChild?: boolean;
+  } & import("react").RefAttributes<HTMLDivElement>>;
+  readonly Messages: import("react").ForwardRefExoticComponent<Omit<PrimitiveProps<"div">, "children"> & {
+    children?: ThreadMessagesChildren;
+    keepMounted?: boolean;
+  } & import("react").RefAttributes<HTMLDivElement>>;
+  readonly Empty: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
+    asChild?: boolean;
+  } & import("react").RefAttributes<HTMLDivElement>>;
+  readonly Status: import("react").ForwardRefExoticComponent<Omit<PrimitiveProps<"div">, "children"> & {
+    children?: ReactNode | ((status: UseChatStatus) => ReactNode);
+  } & import("react").RefAttributes<HTMLDivElement>>;
+  readonly Loading: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
+    asChild?: boolean;
+  } & import("react").RefAttributes<HTMLDivElement>>;
+  readonly Error: import("react").ForwardRefExoticComponent<Omit<PrimitiveProps<"div">, "children"> & {
+    children?: ReactNode | ((error: unknown) => ReactNode);
+  } & import("react").RefAttributes<HTMLDivElement>>;
+  readonly Suggestions: import("react").ForwardRefExoticComponent<Omit<PrimitiveProps<"div">, "children"> & {
+    children?: ThreadSuggestionChildren;
+    keepMounted?: boolean;
+  } & import("react").RefAttributes<HTMLDivElement>>;
+  readonly Suggestion: import("react").ForwardRefExoticComponent<Omit<PrimitiveProps<"button">, "children"> & {
+    children?: ReactNode;
+    prompt?: string;
+    suggestion?: ChatSuggestion;
+  } & import("react").RefAttributes<HTMLButtonElement>>;
+  readonly ScrollToBottom: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
+    asChild?: boolean;
+  } & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export { ComposerSubmitMessageArgs as a, ComposerSubmitMessage as i, ComposerInputEntity as n, ComposerPrimitive as r, ThreadPrimitive as t };
+//# sourceMappingURL=index-B1Qs2Cjv.d.ts.map

package/dist/index-B1Qs2Cjv.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-B1Qs2Cjv.d.ts","names":["ComposerTriggerItemValue"],"sources":["../src/chat/composer.tsx","../src/chat/thread.tsx"],"mappings":";;;;;KAiFY,0BAA0B,cAAc,gBAAgB;EAClE;EACA,aAAa;EACb,UAAU;EACV,MAAM,eAAe,gBAAgB;EACrC,QAAQ;EACR;;KAGU,sBAAsB,cAAc,gBAAgB,kBAC9D,MAAM,0BAA0B,WAC7B;;KAyVO,sBAAsB,KAAK;KAo7BlC,8BAA8B,cAAc,SAAS,yBAAyB;KA0D9E,8BACD,cACE,MAAMA,qBAA0B,SAAS,yBAAyB;KAyDnE,8BAA8B,cAAc,YAAY,iBAAiB;cAiPjE;;;;IA9oDG,cAAA;IACO,qBAAA;IACH,kBAAA;IACH;IACA,eAAA;IACJ,WAAA;IACH;IACc,uBAAC,aAAa;IACjB,oBAAC,UAAU;IACd,iBAAC;IACD,iBAAC,OAAO;IAChB,QAAA;IACQ,gBAAA;IACL,WAAA;;;IA+SA,WAAA,cAAc,OAAO,kBAAkB;;;;;;;;IA2DrC;IACF;IACD;IACA;IACI;;;;;;IAMC,iBAAE,QAAQ,wBAAwB;;;;;IA0JpC;IACH;IACA;;;IA8wBC,WAAA;IACG;;;IA2DH,WAAA;IACH;IACD,OAAAA;;;IAuDI,WAAA;IACG;;;;;IAuCL;IACE;;;;;;;;IAwFA;;;;;;;;;KCzkDR,yBAAyB,cAAc,SAAS,cAAc;KAC9D,2BAA2B,cAAc,YAAY,mBAAmB;cAwWhE;;;;;;;IApUE;;;;;;IAgKF,WAAA;IACG;;;;;;IAlEH,WAAA,cAAc,QAAQ,kBAAkB;;;;;;IAwCxC,WAAA,cAAc,mBAAmB;;;IA+DjC,WAAA;IACG;;;IAkCH,WAAA;IACF;IACI,aAAA"}