@particle-academy/react-fancy 6.3.0 → 6.4.0

package/dist/chunk-J2BWXCES.js

@@ -0,0 +1,177 @@
+import { Button } from './chunk-4GPH7HOR.js';
+import { createContext, useRef, useContext, useState, useMemo, useLayoutEffect, useEffect, useCallback } from 'react';
+import { createPortal } from 'react-dom';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var FEEDBACK_MS = 2e3;
+var WRITE_TIMEOUT_MS = 5e3;
+var CopyContext = createContext(null);
+async function defaultClipboardWriter(payload) {
+  const clip = typeof navigator !== "undefined" ? navigator.clipboard : void 0;
+  if (!clip) throw new Error("Clipboard API unavailable");
+  const Item = globalThis.ClipboardItem;
+  if (payload.html && Item && typeof clip.write === "function") {
+    try {
+      await clip.write([
+        new Item({
+          "text/html": new Blob([payload.html], { type: "text/html" }),
+          "text/plain": new Blob([payload.text], { type: "text/plain" })
+        })
+      ]);
+      return;
+    } catch {
+    }
+  }
+  if (typeof clip.writeText !== "function") throw new Error("Clipboard writeText unavailable");
+  await clip.writeText(payload.text);
+}
+async function runWriter(writer, payload) {
+  let timer;
+  try {
+    const result = await Promise.race([
+      Promise.resolve().then(() => writer(payload)),
+      new Promise((resolve) => {
+        timer = setTimeout(() => resolve(false), WRITE_TIMEOUT_MS);
+      })
+    ]);
+    return result !== false;
+  } catch {
+    return false;
+  } finally {
+    if (timer) clearTimeout(timer);
+  }
+}
+function codeText(pre, fromMarkdown) {
+  const text = (pre.querySelector("code") ?? pre).textContent ?? "";
+  return fromMarkdown && text.endsWith("\n") ? text.slice(0, -1) : text;
+}
+function tableTsv(table) {
+  const rows = [];
+  for (const tr of Array.from(table.querySelectorAll("tr"))) {
+    if (tr.closest("table") !== table) continue;
+    const cells = Array.from(tr.children).filter((c) => c.tagName === "TD" || c.tagName === "TH");
+    rows.push(cells.map((c) => cellText(c)).join("	"));
+  }
+  return rows.join("\n");
+}
+function cellText(cell) {
+  const clone = cell.cloneNode(true);
+  for (const br of Array.from(clone.querySelectorAll("br"))) br.replaceWith(" ");
+  return (clone.textContent ?? "").replace(/[\t\r\n]+/g, " ").replace(/ {2,}/g, " ").trim();
+}
+function HtmlChunk({
+  html,
+  fromMarkdown,
+  tail = false
+}) {
+  const ref = useRef(null);
+  const ctx = useContext(CopyContext);
+  const [targets, setTargets] = useState([]);
+  const code = ctx?.code ?? false;
+  const table = ctx?.table ?? false;
+  const holdLastCode = tail && (ctx?.holdTailCode ?? false);
+  const inner = useMemo(() => ({ __html: html }), [html]);
+  useLayoutEffect(() => {
+    const root = ref.current;
+    if (!root || !code && !table) {
+      setTargets([]);
+      return;
+    }
+    const found = [];
+    const selector = [code && "pre", table && "table"].filter(Boolean).join(",");
+    const inProgress = holdLastCode ? Array.from(root.querySelectorAll("pre")).pop() : void 0;
+    for (const el of Array.from(root.querySelectorAll(selector))) {
+      if (el === inProgress) continue;
+      const kind = el.tagName === "PRE" ? "code" : "table";
+      const wrapper = document.createElement("div");
+      wrapper.setAttribute("data-react-fancy-content-copy-block", kind);
+      wrapper.className = kind === "code" ? "group relative" : "group relative flex flex-col";
+      wrapper.style.position = "relative";
+      const host = document.createElement("div");
+      host.setAttribute("data-react-fancy-content-copy-host", "");
+      host.className = kind === "code" ? "absolute right-2 top-2 z-10" : "flex justify-end";
+      el.replaceWith(wrapper);
+      if (kind === "table") wrapper.append(host, el);
+      else wrapper.append(el, host);
+      found.push({ kind, el, host });
+    }
+    setTargets(found);
+    return () => {
+      for (const t of found) {
+        const wrapper = t.host.parentElement;
+        if (wrapper?.parentNode) wrapper.replaceWith(t.el);
+      }
+    };
+  }, [html, code, table, holdLastCode]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { ref, dangerouslySetInnerHTML: inner }),
+    targets.map(
+      (t, i) => createPortal(
+        /* @__PURE__ */ jsx(CopyButton, { kind: t.kind, target: t.el, fromMarkdown }),
+        t.host,
+        `${i}`
+      )
+    )
+  ] });
+}
+function CopyButton({
+  kind,
+  target,
+  fromMarkdown
+}) {
+  const ctx = useContext(CopyContext);
+  const [state, setState] = useState("idle");
+  const timer = useRef(void 0);
+  const btn = useRef(null);
+  useEffect(() => () => clearTimeout(timer.current), []);
+  const onClick = useCallback(async () => {
+    if (!ctx || !btn.current) return;
+    const text = kind === "code" ? codeText(target, fromMarkdown) : tableTsv(target);
+    const ok = await ctx.copy({ kind, text, html: target.outerHTML }, btn.current);
+    setState(ok ? "copied" : "failed");
+    clearTimeout(timer.current);
+    timer.current = setTimeout(() => setState("idle"), FEEDBACK_MS);
+  }, [ctx, kind, target, fromMarkdown]);
+  const idleLabel = kind === "code" ? "Copy code" : "Copy table";
+  const label = state === "copied" ? "Copied" : state === "failed" ? "Copy failed" : idleLabel;
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ref: btn,
+      type: "button",
+      size: "xs",
+      variant: "ghost",
+      icon: state === "copied" ? "check" : state === "failed" ? "x" : "copy",
+      "aria-label": label,
+      title: label,
+      "data-react-fancy-content-copy": kind,
+      "data-copy-state": state,
+      onClick,
+      className: kind === "code" ? "text-zinc-300 hover:bg-zinc-800 hover:text-white opacity-70 group-hover:opacity-100 focus-visible:opacity-100" : "opacity-70 group-hover:opacity-100 focus-visible:opacity-100"
+    }
+  );
+}
+function useCopyPipeline({
+  writer,
+  onCopy,
+  rootRef,
+  announce
+}) {
+  const latest = useRef({ writer, onCopy, announce });
+  latest.current = { writer, onCopy, announce };
+  return useCallback(
+    async (payload, button) => {
+      const { writer: w, onCopy: report, announce: say } = latest.current;
+      const ok = await runWriter(w ?? defaultClipboardWriter, payload);
+      say(ok ? "Copied" : "Copy failed");
+      const all = rootRef.current ? Array.from(rootRef.current.querySelectorAll("[data-react-fancy-content-copy]")) : [];
+      report?.({ ...payload, index: all.indexOf(button), ok });
+      return ok;
+    },
+    [rootRef]
+  );
+}
+
+export { CopyContext, HtmlChunk, defaultClipboardWriter, runWriter, useCopyPipeline };
+//# sourceMappingURL=chunk-J2BWXCES.js.map
+//# sourceMappingURL=chunk-J2BWXCES.js.map

package/dist/chunk-J2BWXCES.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ContentRenderer/copy.tsx"],"names":[],"mappings":"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","file":"chunk-J2BWXCES.js","sourcesContent":["import {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type RefObject,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Button } from \"../Button/Button\";\nimport type {\n  ContentClipboardPayload,\n  ContentClipboardWriter,\n  ContentCopyEvent,\n  ContentCopyKind,\n} from \"./ContentRenderer.types\";\n\n/** How long the check icon stays after a copy. */\nconst FEEDBACK_MS = 2000;\n/** A clipboard write that never settles is a silent failure; give up after this. */\nconst WRITE_TIMEOUT_MS = 5000;\n\nexport interface CopyContextValue {\n  code: boolean;\n  table: boolean;\n  /** Write, announce, and report one copy. Resolves to whether it worked. */\n  copy: (payload: ContentClipboardPayload, button: HTMLElement) => Promise<boolean>;\n  /**\n   * Progressive streaming closed an open code fence: the last code block of\n   * the tail chunk is still arriving and gets no copy button until it closes.\n   */\n  holdTailCode?: boolean;\n}\n\nexport const CopyContext = createContext<CopyContextValue | null>(null);\n\n/**\n * Default clipboard writer: text/html + text/plain via `ClipboardItem` where\n * the browser has it, else (or if that write rejects) plain `writeText`.\n * Throws when nothing could be written, so the caller can say so.\n */\nexport async function defaultClipboardWriter(payload: ContentClipboardPayload): Promise<void> {\n  const clip = typeof navigator !== \"undefined\" ? navigator.clipboard : undefined;\n  if (!clip) throw new Error(\"Clipboard API unavailable\");\n\n  const Item = (globalThis as { ClipboardItem?: typeof ClipboardItem }).ClipboardItem;\n  if (payload.html && Item && typeof clip.write === \"function\") {\n    try {\n      await clip.write([\n        new Item({\n          \"text/html\": new Blob([payload.html], { type: \"text/html\" }),\n          \"text/plain\": new Blob([payload.text], { type: \"text/plain\" }),\n        }),\n      ]);\n      return;\n    } catch {\n      // Rich write refused (permissions, unsupported type): fall back to text.\n    }\n  }\n  if (typeof clip.writeText !== \"function\") throw new Error(\"Clipboard writeText unavailable\");\n  await clip.writeText(payload.text);\n}\n\n/** Run a writer, treating a throw, a rejection, `false`, or a hang as failure. */\nexport async function runWriter(\n  writer: ContentClipboardWriter,\n  payload: ContentClipboardPayload,\n): Promise<boolean> {\n  let timer: ReturnType<typeof setTimeout> | undefined;\n  try {\n    const result = await Promise.race([\n      Promise.resolve().then(() => writer(payload)),\n      new Promise<false>((resolve) => {\n        timer = setTimeout(() => resolve(false), WRITE_TIMEOUT_MS);\n      }),\n    ]);\n    return result !== false;\n  } catch {\n    return false;\n  } finally {\n    if (timer) clearTimeout(timer);\n  }\n}\n\n/** Code exactly as written: the `<code>` text, minus the newline marked appends. */\nexport function codeText(pre: HTMLElement, fromMarkdown: boolean): string {\n  const text = (pre.querySelector(\"code\") ?? pre).textContent ?? \"\";\n  return fromMarkdown && text.endsWith(\"\\n\") ? text.slice(0, -1) : text;\n}\n\n/** A table as TSV: tab between cells, newline between rows, no trailing newline. */\nexport function tableTsv(table: HTMLTableElement): string {\n  const rows: string[] = [];\n  for (const tr of Array.from(table.querySelectorAll(\"tr\"))) {\n    // Only this table's own cells, not those of a table nested in a cell.\n    if (tr.closest(\"table\") !== table) continue;\n    const cells = Array.from(tr.children).filter((c) => c.tagName === \"TD\" || c.tagName === \"TH\");\n    rows.push(cells.map((c) => cellText(c)).join(\"\\t\"));\n  }\n  return rows.join(\"\\n\");\n}\n\nfunction cellText(cell: Element): string {\n  const clone = cell.cloneNode(true) as Element;\n  for (const br of Array.from(clone.querySelectorAll(\"br\"))) br.replaceWith(\" \");\n  return (clone.textContent ?? \"\").replace(/[\\t\\r\\n]+/g, \" \").replace(/ {2,}/g, \" \").trim();\n}\n\ninterface Target {\n  kind: ContentCopyKind;\n  el: HTMLElement;\n  host: HTMLElement;\n}\n\n/**\n * Sanitised HTML rendered with `dangerouslySetInnerHTML`, plus a react-fancy\n * copy `Button` portalled next to every `<pre>` and `<table>` in it.\n *\n * Each block is wrapped in a `data-react-fancy-content-copy-block` element and\n * the button lives beside the block, never inside it, so the button's own text\n * can never end up in what is copied.\n */\nexport function HtmlChunk({\n  html,\n  fromMarkdown,\n  tail = false,\n}: {\n  html: string;\n  fromMarkdown: boolean;\n  /** This chunk is the last thing rendered, so it holds any block still arriving. */\n  tail?: boolean;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  const ctx = useContext(CopyContext);\n  const [targets, setTargets] = useState<Target[]>([]);\n  const code = ctx?.code ?? false;\n  const table = ctx?.table ?? false;\n  const holdLastCode = tail && (ctx?.holdTailCode ?? false);\n  // React 19 re-assigns innerHTML whenever this prop is a NEW object, even\n  // with the same string, which would wipe the wrappers on every re-render\n  // (including the one that mounts the buttons). One object per string.\n  const inner = useMemo(() => ({ __html: html }), [html]);\n\n  useLayoutEffect(() => {\n    const root = ref.current;\n    if (!root || (!code && !table)) {\n      setTargets([]);\n      return;\n    }\n    const found: Target[] = [];\n    const selector = [code && \"pre\", table && \"table\"].filter(Boolean).join(\",\");\n    const inProgress = holdLastCode ? Array.from(root.querySelectorAll(\"pre\")).pop() : undefined;\n    for (const el of Array.from(root.querySelectorAll<HTMLElement>(selector))) {\n      if (el === inProgress) continue;\n      const kind: ContentCopyKind = el.tagName === \"PRE\" ? \"code\" : \"table\";\n      const wrapper = document.createElement(\"div\");\n      wrapper.setAttribute(\"data-react-fancy-content-copy-block\", kind);\n      wrapper.className = kind === \"code\" ? \"group relative\" : \"group relative flex flex-col\";\n      // Inline too: the code button is absolute, and a host whose Tailwind\n      // never generated `relative` would let it escape the block (genie#1290).\n      wrapper.style.position = \"relative\";\n      const host = document.createElement(\"div\");\n      host.setAttribute(\"data-react-fancy-content-copy-host\", \"\");\n      host.className =\n        kind === \"code\" ? \"absolute right-2 top-2 z-10\" : \"flex justify-end\";\n      el.replaceWith(wrapper);\n      if (kind === \"table\") wrapper.append(host, el);\n      else wrapper.append(el, host);\n      found.push({ kind, el, host });\n    }\n    setTargets(found);\n    return () => {\n      for (const t of found) {\n        const wrapper = t.host.parentElement;\n        if (wrapper?.parentNode) wrapper.replaceWith(t.el);\n      }\n    };\n  }, [html, code, table, holdLastCode]);\n\n  return (\n    <>\n      <div ref={ref} dangerouslySetInnerHTML={inner} />\n      {targets.map((t, i) =>\n        createPortal(\n          <CopyButton kind={t.kind} target={t.el} fromMarkdown={fromMarkdown} />,\n          t.host,\n          `${i}`,\n        ),\n      )}\n    </>\n  );\n}\n\ntype CopyState = \"idle\" | \"copied\" | \"failed\";\n\nfunction CopyButton({\n  kind,\n  target,\n  fromMarkdown,\n}: {\n  kind: ContentCopyKind;\n  target: HTMLElement;\n  fromMarkdown: boolean;\n}) {\n  const ctx = useContext(CopyContext);\n  const [state, setState] = useState<CopyState>(\"idle\");\n  const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const btn = useRef<HTMLButtonElement>(null);\n\n  useEffect(() => () => clearTimeout(timer.current), []);\n\n  const onClick = useCallback(async () => {\n    if (!ctx || !btn.current) return;\n    const text =\n      kind === \"code\" ? codeText(target, fromMarkdown) : tableTsv(target as HTMLTableElement);\n    const ok = await ctx.copy({ kind, text, html: target.outerHTML }, btn.current);\n    setState(ok ? \"copied\" : \"failed\");\n    clearTimeout(timer.current);\n    timer.current = setTimeout(() => setState(\"idle\"), FEEDBACK_MS);\n  }, [ctx, kind, target, fromMarkdown]);\n\n  const idleLabel = kind === \"code\" ? \"Copy code\" : \"Copy table\";\n  const label = state === \"copied\" ? \"Copied\" : state === \"failed\" ? \"Copy failed\" : idleLabel;\n\n  return (\n    <Button\n      ref={btn}\n      type=\"button\"\n      size=\"xs\"\n      variant=\"ghost\"\n      icon={state === \"copied\" ? \"check\" : state === \"failed\" ? \"x\" : \"copy\"}\n      aria-label={label}\n      title={label}\n      data-react-fancy-content-copy={kind}\n      data-copy-state={state}\n      onClick={onClick}\n      className={\n        kind === \"code\"\n          ? \"text-zinc-300 hover:bg-zinc-800 hover:text-white opacity-70 group-hover:opacity-100 focus-visible:opacity-100\"\n          : \"opacity-70 group-hover:opacity-100 focus-visible:opacity-100\"\n      }\n    />\n  );\n}\n\n/** Build the copy pipeline a ContentRenderer root shares with its chunks. */\nexport function useCopyPipeline({\n  writer,\n  onCopy,\n  rootRef,\n  announce,\n}: {\n  writer: ContentClipboardWriter | undefined;\n  onCopy: ((event: ContentCopyEvent) => void) | undefined;\n  rootRef: RefObject<HTMLElement | null>;\n  announce: (message: string) => void;\n}) {\n  // Read the latest props at click time without re-creating the context.\n  const latest = useRef({ writer, onCopy, announce });\n  latest.current = { writer, onCopy, announce };\n\n  return useCallback(\n    async (payload: ContentClipboardPayload, button: HTMLElement) => {\n      const { writer: w, onCopy: report, announce: say } = latest.current;\n      const ok = await runWriter(w ?? defaultClipboardWriter, payload);\n      say(ok ? \"Copied\" : \"Copy failed\");\n      const all = rootRef.current\n        ? Array.from(rootRef.current.querySelectorAll(\"[data-react-fancy-content-copy]\"))\n        : [];\n      report?.({ ...payload, index: all.indexOf(button), ok });\n      return ok;\n    },\n    [rootRef],\n  );\n}\n"]}

package/dist/{chunk-CKO2KCUN.cjs → chunk-MPCZUZ4O.cjs}

@@ -1,11 +1,11 @@
 'use strict';
 
+var chunk7ZCNZUZK_cjs = require('./chunk-7ZCNZUZK.cjs');
 var chunk2C64OVOZ_cjs = require('./chunk-2C64OVOZ.cjs');
 var chunkNZHVDWOM_cjs = require('./chunk-NZHVDWOM.cjs');
 var chunkZU5Q77OT_cjs = require('./chunk-ZU5Q77OT.cjs');
 var marked = require('marked');
 var react = require('react');
-var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
 
 // src/components/ContentRenderer/extensions.ts
@@ -1046,174 +1046,6 @@ function streamingProgressive(src, tags, markdown) {
   for (let k = stack.length - 1; k >= 0; k--) out += `</${stack[k].name}>`;
   return { source: out, openFence: fence !== null };
 }
-var FEEDBACK_MS = 2e3;
-var WRITE_TIMEOUT_MS = 5e3;
-var CopyContext = react.createContext(null);
-async function defaultClipboardWriter(payload) {
-  const clip = typeof navigator !== "undefined" ? navigator.clipboard : void 0;
-  if (!clip) throw new Error("Clipboard API unavailable");
-  const Item = globalThis.ClipboardItem;
-  if (payload.html && Item && typeof clip.write === "function") {
-    try {
-      await clip.write([
-        new Item({
-          "text/html": new Blob([payload.html], { type: "text/html" }),
-          "text/plain": new Blob([payload.text], { type: "text/plain" })
-        })
-      ]);
-      return;
-    } catch {
-    }
-  }
-  if (typeof clip.writeText !== "function") throw new Error("Clipboard writeText unavailable");
-  await clip.writeText(payload.text);
-}
-async function runWriter(writer, payload) {
-  let timer;
-  try {
-    const result = await Promise.race([
-      Promise.resolve().then(() => writer(payload)),
-      new Promise((resolve) => {
-        timer = setTimeout(() => resolve(false), WRITE_TIMEOUT_MS);
-      })
-    ]);
-    return result !== false;
-  } catch {
-    return false;
-  } finally {
-    if (timer) clearTimeout(timer);
-  }
-}
-function codeText(pre, fromMarkdown) {
-  const text = (pre.querySelector("code") ?? pre).textContent ?? "";
-  return fromMarkdown && text.endsWith("\n") ? text.slice(0, -1) : text;
-}
-function tableTsv(table) {
-  const rows = [];
-  for (const tr of Array.from(table.querySelectorAll("tr"))) {
-    if (tr.closest("table") !== table) continue;
-    const cells = Array.from(tr.children).filter((c) => c.tagName === "TD" || c.tagName === "TH");
-    rows.push(cells.map((c) => cellText(c)).join("	"));
-  }
-  return rows.join("\n");
-}
-function cellText(cell) {
-  const clone = cell.cloneNode(true);
-  for (const br of Array.from(clone.querySelectorAll("br"))) br.replaceWith(" ");
-  return (clone.textContent ?? "").replace(/[\t\r\n]+/g, " ").replace(/ {2,}/g, " ").trim();
-}
-function HtmlChunk({
-  html,
-  fromMarkdown,
-  tail = false
-}) {
-  const ref = react.useRef(null);
-  const ctx = react.useContext(CopyContext);
-  const [targets, setTargets] = react.useState([]);
-  const code = ctx?.code ?? false;
-  const table = ctx?.table ?? false;
-  const holdLastCode = tail && (ctx?.holdTailCode ?? false);
-  const inner = react.useMemo(() => ({ __html: html }), [html]);
-  react.useLayoutEffect(() => {
-    const root = ref.current;
-    if (!root || !code && !table) {
-      setTargets([]);
-      return;
-    }
-    const found = [];
-    const selector = [code && "pre", table && "table"].filter(Boolean).join(",");
-    const inProgress = holdLastCode ? Array.from(root.querySelectorAll("pre")).pop() : void 0;
-    for (const el of Array.from(root.querySelectorAll(selector))) {
-      if (el === inProgress) continue;
-      const kind = el.tagName === "PRE" ? "code" : "table";
-      const wrapper = document.createElement("div");
-      wrapper.setAttribute("data-react-fancy-content-copy-block", kind);
-      wrapper.className = kind === "code" ? "group relative" : "group relative flex flex-col";
-      wrapper.style.position = "relative";
-      const host = document.createElement("div");
-      host.setAttribute("data-react-fancy-content-copy-host", "");
-      host.className = kind === "code" ? "absolute right-2 top-2 z-10" : "flex justify-end";
-      el.replaceWith(wrapper);
-      if (kind === "table") wrapper.append(host, el);
-      else wrapper.append(el, host);
-      found.push({ kind, el, host });
-    }
-    setTargets(found);
-    return () => {
-      for (const t of found) {
-        const wrapper = t.host.parentElement;
-        if (wrapper?.parentNode) wrapper.replaceWith(t.el);
-      }
-    };
-  }, [html, code, table, holdLastCode]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { ref, dangerouslySetInnerHTML: inner }),
-    targets.map(
-      (t, i) => reactDom.createPortal(
-        /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { kind: t.kind, target: t.el, fromMarkdown }),
-        t.host,
-        `${i}`
-      )
-    )
-  ] });
-}
-function CopyButton({
-  kind,
-  target,
-  fromMarkdown
-}) {
-  const ctx = react.useContext(CopyContext);
-  const [state, setState] = react.useState("idle");
-  const timer = react.useRef(void 0);
-  const btn = react.useRef(null);
-  react.useEffect(() => () => clearTimeout(timer.current), []);
-  const onClick = react.useCallback(async () => {
-    if (!ctx || !btn.current) return;
-    const text = kind === "code" ? codeText(target, fromMarkdown) : tableTsv(target);
-    const ok = await ctx.copy({ kind, text, html: target.outerHTML }, btn.current);
-    setState(ok ? "copied" : "failed");
-    clearTimeout(timer.current);
-    timer.current = setTimeout(() => setState("idle"), FEEDBACK_MS);
-  }, [ctx, kind, target, fromMarkdown]);
-  const idleLabel = kind === "code" ? "Copy code" : "Copy table";
-  const label = state === "copied" ? "Copied" : state === "failed" ? "Copy failed" : idleLabel;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkNZHVDWOM_cjs.Button,
-    {
-      ref: btn,
-      type: "button",
-      size: "xs",
-      variant: "ghost",
-      icon: state === "copied" ? "check" : state === "failed" ? "x" : "copy",
-      "aria-label": label,
-      title: label,
-      "data-react-fancy-content-copy": kind,
-      "data-copy-state": state,
-      onClick,
-      className: kind === "code" ? "text-zinc-300 hover:bg-zinc-800 hover:text-white opacity-70 group-hover:opacity-100 focus-visible:opacity-100" : "opacity-70 group-hover:opacity-100 focus-visible:opacity-100"
-    }
-  );
-}
-function useCopyPipeline({
-  writer,
-  onCopy,
-  rootRef,
-  announce
-}) {
-  const latest = react.useRef({ writer, onCopy, announce });
-  latest.current = { writer, onCopy, announce };
-  return react.useCallback(
-    async (payload, button) => {
-      const { writer: w, onCopy: report, announce: say } = latest.current;
-      const ok = await runWriter(w ?? defaultClipboardWriter, payload);
-      say(ok ? "Copied" : "Copy failed");
-      const all = rootRef.current ? Array.from(rootRef.current.querySelectorAll("[data-react-fancy-content-copy]")) : [];
-      report?.({ ...payload, index: all.indexOf(button), ok });
-      return ok;
-    },
-    [rootRef]
-  );
-}
 var MAX_DEPTH = 8;
 function lastIndexWith(items, renders) {
   for (let i = items.length - 1; i >= 0; i--) if (renders(items[i])) return i;
@@ -1287,13 +1119,13 @@ function RenderedContent({
   const renderHtml = (content) => unsafe ? content : chunkNZHVDWOM_cjs.sanitizeHtml(content);
   if (segments.length === 0) return null;
   if (segments.length === 1 && segments[0].type === "html") {
-    return /* @__PURE__ */ jsxRuntime.jsx(HtmlChunk, { html: renderHtml(segments[0].content), fromMarkdown, tail });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunk7ZCNZUZK_cjs.HtmlChunk, { html: renderHtml(segments[0].content), fromMarkdown, tail });
   }
   const last = tail ? lastIndexWith(segments, (s) => s.type === "extension" || s.content.trim() !== "") : -1;
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: segments.map((segment, i) => {
     if (segment.type === "html") {
       return segment.content ? /* @__PURE__ */ jsxRuntime.jsx(
-        HtmlChunk,
+        chunk7ZCNZUZK_cjs.HtmlChunk,
         {
           html: renderHtml(segment.content),
           fromMarkdown,
@@ -1357,7 +1189,7 @@ function ContentRenderer({
     setAnnouncement("");
     queueMicrotask(() => setAnnouncement(message));
   }, []);
-  const copy = useCopyPipeline({ writer: clipboardWriter, onCopy, rootRef, announce });
+  const copy = chunk7ZCNZUZK_cjs.useCopyPipeline({ writer: clipboardWriter, onCopy, rootRef, announce });
   const copyContext = react.useMemo(
     () => ({ code: codeOn, table: tableOn, copy, holdTailCode: openFence }),
     [codeOn, tableOn, copy, openFence]
@@ -1373,7 +1205,7 @@ function ContentRenderer({
       style: contain ? { lineHeight: lineSpacing, position: "relative" } : { lineHeight: lineSpacing },
       className: chunkZU5Q77OT_cjs.cn("text-sm", proseClasses, className),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(CopyContext.Provider, { value: copyContext, children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(chunk7ZCNZUZK_cjs.CopyContext.Provider, { value: copyContext, children: /* @__PURE__ */ jsxRuntime.jsx(
           ContentBody,
           {
             source,
@@ -1411,5 +1243,5 @@ exports.proseClasses = proseClasses;
 exports.registerExtension = registerExtension;
 exports.registerExtensions = registerExtensions;
 exports.renderMarkdown = renderMarkdown;
-//# sourceMappingURL=chunk-CKO2KCUN.cjs.map
-//# sourceMappingURL=chunk-CKO2KCUN.cjs.map
+//# sourceMappingURL=chunk-MPCZUZ4O.cjs.map
+//# sourceMappingURL=chunk-MPCZUZ4O.cjs.map