@arbidocs/blocks 0.4.147 → 0.4.150

package/dist/{chunk-YSHIC4NJ.cjs → chunk-LXTOOUEN.cjs}

@@ -2,7 +2,6 @@
 'use strict';
 
 var chunkKPZZ5FHE_cjs = require('./chunk-KPZZ5FHE.cjs');
-var chunkKDG6FER6_cjs = require('./chunk-KDG6FER6.cjs');
 var react = require('react');
 var lucideReact = require('lucide-react');
 var ui = require('@arbidocs/react/ui');
@@ -243,168 +242,174 @@ function PassagePill({
     }
   );
 }
-function CitationEditor({
-  value,
-  citations,
-  onChange,
-  activeCitationKey,
-  onCiteDocument,
-  citedDocs,
-  renderDocumentPicker,
-  autoFocus = false,
-  "data-testid": dataTestId,
-  placeholder = "Add a note...",
-  readOnly = false,
+var DEFAULT_QUIET_MARK_LABELS = {
+  openLink: "Open link",
+  copyLink: "Copy link",
+  linkCopied: "Link copied",
+  copyFailed: "Could not copy",
+  jumpHere: "Jump to here",
+  copyPlaceLink: "Copy link to this place",
+  openDocument: "Open document",
+  linkMenu: "Link actions",
+  bookmarkMenu: "Bookmark actions"
+};
+function useCopyText(labels) {
+  const { notify } = chunkKPZZ5FHE_cjs.useBlocksEnvironment();
+  const done = labels?.linkCopied ?? DEFAULT_QUIET_MARK_LABELS.linkCopied;
+  const failed = labels?.copyFailed ?? DEFAULT_QUIET_MARK_LABELS.copyFailed;
+  return react.useCallback(
+    async (text, message) => {
+      try {
+        await navigator.clipboard.writeText(text);
+        notify(message ?? done, "success");
+        return true;
+      } catch {
+        notify(failed, "error");
+        return false;
+      }
+    },
+    [notify, done, failed]
+  );
+}
+var LINK_STYLE = {
+  external: "text-primary underline decoration-primary/40 decoration-1 underline-offset-[3px] transition-colors hover:decoration-primary focus-visible:decoration-primary",
+  document: "text-primary underline decoration-primary/40 decoration-1 underline-offset-[3px] transition-colors hover:decoration-primary focus-visible:decoration-primary",
+  // A bookmark is nearly invisible until hovered or focused.
+  anchor: "text-inherit underline decoration-dotted decoration-1 decoration-foreground/25 underline-offset-[3px] transition-colors hover:decoration-foreground/70 focus-visible:decoration-foreground/70"
+};
+function scrollToHash(href) {
+  const id = href?.startsWith("#") ? decodeURIComponent(href.slice(1)) : "";
+  document.getElementById(id)?.scrollIntoView({ behavior: "smooth", block: "start" });
+}
+function QuietLink({
+  href,
+  kind = "external",
+  onOpen,
+  placeLink,
+  labels,
   className,
-  defaultHeight,
-  onHeightChange
+  testId,
+  children
 }) {
-  const [localValue, setLocalValue] = react.useState(value);
-  const [isEditing, setIsEditing] = react.useState(autoFocus);
-  const textareaRef = react.useRef(null);
-  const debounceRef = react.useRef(null);
-  react.useEffect(() => {
-    if (!isEditing) {
-      setLocalValue(value);
+  const l = { ...DEFAULT_QUIET_MARK_LABELS, ...labels };
+  const copy = useCopyText(l);
+  const open = onOpen ?? (kind === "anchor" ? () => scrollToHash(href) : () => {
+    if (href) window.open(href, "_blank", "noopener,noreferrer");
+  });
+  const copyTarget = kind === "anchor" ? placeLink ?? `${window.location.href.split("#")[0]}${href ?? ""}` : placeLink ?? href ?? "";
+  const items = [
+    {
+      id: "open",
+      label: kind === "anchor" ? l.jumpHere : kind === "document" ? l.openDocument : l.openLink,
+      primary: true,
+      onSelect: open,
+      testId: "mark-open"
+    },
+    {
+      id: "copy",
+      label: kind === "anchor" ? l.copyPlaceLink : l.copyLink,
+      onSelect: () => void copy(copyTarget),
+      testId: "mark-copy"
     }
-  }, [value, isEditing]);
-  const sources = react.useMemo(() => citations ?? [], [citations]);
-  const hasCitations = sources.length > 0;
-  const byDoc = react.useMemo(() => {
-    const groups = /* @__PURE__ */ new Map();
-    for (const doc of sources) {
-      const chunks = doc.chunks ?? [];
-      const pages = [];
-      for (const c of chunks) if (c.page != null && !pages.includes(c.page)) pages.push(c.page);
-      groups.set(doc.doc_ext_id, { pages, count: chunks.length });
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.MarkMenu,
+    {
+      as: "a",
+      href,
+      items,
+      menuLabel: kind === "anchor" ? l.bookmarkMenu : l.linkMenu,
+      preview: kind === "external" && href ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block break-all text-xs text-muted-foreground", children: href }) : void 0,
+      className: ui.cn(LINK_STYLE[kind], "cursor-pointer", className),
+      testId,
+      "data-mark-kind": kind,
+      children
     }
-    return groups;
-  }, [sources]);
-  const docIds = Array.from(byDoc.keys());
-  const handleRemoveDocument = react.useCallback(
-    (docExtId) => {
-      const remaining = sources.filter((d) => d.doc_ext_id !== docExtId);
-      onChange(localValue, remaining.length ? remaining : null);
-    },
-    [sources, localValue, onChange]
   );
-  const handleToggleDocument = react.useCallback(
-    (docExtId) => {
-      if (!docExtId) return;
-      if (docIds.includes(docExtId)) {
-        handleRemoveDocument(docExtId);
-        return;
-      }
-      onCiteDocument?.(docExtId);
-    },
-    [docIds, onCiteDocument, handleRemoveDocument]
+}
+function PassageMark({ label, menuLabel, items, className, testId }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.MarkMenu,
+    {
+      items,
+      menuLabel,
+      testId,
+      "data-mark-kind": "passage",
+      className: ui.cn(
+        "touch-hit cursor-pointer select-none rounded-sm px-1 text-xs tabular-nums text-muted-foreground/80 transition-colors hover:text-foreground focus-visible:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring pointer-coarse:px-2 pointer-coarse:py-2",
+        className
+      ),
+      children: label
+    }
   );
-  const renderedContent = react.useMemo(
-    () => localValue ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: localValue }) : null,
-    [localValue]
+}
+function LabelMark({
+  colors,
+  menuLabel,
+  preview,
+  items,
+  name,
+  className,
+  testId
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.MarkMenu,
+    {
+      items,
+      preview,
+      menuLabel,
+      testId,
+      "aria-label": name,
+      "data-mark-kind": "label",
+      className: ui.cn(
+        "flex cursor-pointer flex-col gap-1 rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:px-2 pointer-coarse:py-1",
+        className
+      ),
+      children: colors.slice(0, 4).map((c, i) => /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: "h-2.5 w-1 rounded-full",
+          style: { backgroundColor: c }
+        },
+        i
+      ))
+    }
   );
-  const handleChange = react.useCallback(
-    (newValue) => {
-      setLocalValue(newValue);
-      if (debounceRef.current) clearTimeout(debounceRef.current);
-      debounceRef.current = setTimeout(() => onChange(newValue, citations ?? null), 400);
-    },
-    [citations, onChange]
+}
+function NoteMark({
+  label,
+  title,
+  menuLabel = "Note actions",
+  items = [],
+  className,
+  testId
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.MarkMenu,
+    {
+      items,
+      preview: title ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-xs text-muted-foreground", children: title }) : void 0,
+      menuLabel,
+      testId,
+      "data-slot": "note-mark",
+      "data-mark-kind": "note",
+      className: ui.cn(
+        "cursor-default select-none rounded-sm px-1 text-xs font-medium tabular-nums text-foreground/80 underline decoration-yellow-400 decoration-2 underline-offset-[3px] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+        className
+      ),
+      children: label
+    }
   );
-  const flushPendingChange = react.useCallback(() => {
-    if (!debounceRef.current) return;
-    clearTimeout(debounceRef.current);
-    debounceRef.current = null;
-    onChange(localValue, citations ?? null);
-  }, [localValue, citations, onChange]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cn("space-y-1", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: isEditing ? /* @__PURE__ */ jsxRuntime.jsx(
-      ui.Textarea,
-      {
-        ref: textareaRef,
-        dictate: true,
-        value: localValue,
-        onChange: (e) => handleChange(e.target.value),
-        onBlur: () => {
-          flushPendingChange();
-          setIsEditing(false);
-        },
-        onMouseUp: () => {
-          if (textareaRef.current && onHeightChange) {
-            onHeightChange(textareaRef.current.offsetHeight);
-          }
-        },
-        placeholder,
-        readOnly,
-        rows: 2,
-        "data-testid": dataTestId,
-        autoFocus: true,
-        style: defaultHeight ? { height: defaultHeight } : void 0,
-        className: "w-full text-sm p-2 pr-14 border border-border rounded-md resize-y bg-background focus:outline-none focus:ring-2 focus:ring-ring"
-      }
-    ) : /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        onClick: () => !readOnly && setIsEditing(true),
-        style: defaultHeight ? { minHeight: defaultHeight } : void 0,
-        "data-testid": dataTestId,
-        className: ui.cn(
-          "w-full text-sm p-2 pr-14 border border-border rounded-md min-h-[4rem] whitespace-pre-wrap bg-background",
-          !readOnly && "cursor-text hover:border-ring",
-          !localValue && "text-muted-foreground"
-        ),
-        children: renderedContent || placeholder
-      }
-    ) }),
-    (hasCitations || !readOnly) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
-      docIds.map((docId) => {
-        const doc = citedDocs?.[docId];
-        const group = byDoc.get(docId);
-        const pages = (group?.pages ?? []).slice().sort((a, b) => a - b);
-        return /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: "flex items-center gap-1.5 text-sm",
-            "data-testid": `citation-doc-${docId}`,
-            children: [
-              doc ? /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => !readOnly && onCiteDocument?.(docId),
-                  className: "flex-1 min-w-0 text-left",
-                  title: "Open to tag more passages",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(ui.DocumentEntity, { doc, fullWidth: true, labelMaxWidth: "max-w-full" })
-                }
-              ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: docId }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground shrink-0", children: chunkKDG6FER6_cjs.formatPageRefs(pages) }),
-              !readOnly && /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => handleRemoveDocument(docId),
-                  "aria-label": "Remove this document",
-                  className: "p-0.5 hover:bg-destructive/20 hover:text-destructive rounded shrink-0",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 12 })
-                }
-              )
-            ]
-          },
-          docId
-        );
-      }),
-      !readOnly && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-w-0", "data-testid": "citation-document-picker", children: renderDocumentPicker?.(handleToggleDocument, docIds) }) })
-    ] }),
-    activeCitationKey && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-blue-text", children: [
-      "Click a passage in the document to add it \u2014 ",
-      /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "shift-click" }),
-      " to take a whole range. Add as many as you like, from as many documents as you like."
-    ] })
-  ] });
 }
 
-exports.CitationEditor = CitationEditor;
 exports.DEFAULT_PASSAGE_PILL_LABELS = DEFAULT_PASSAGE_PILL_LABELS;
+exports.DEFAULT_QUIET_MARK_LABELS = DEFAULT_QUIET_MARK_LABELS;
+exports.LabelMark = LabelMark;
+exports.NoteMark = NoteMark;
+exports.PassageMark = PassageMark;
 exports.PassagePill = PassagePill;
-//# sourceMappingURL=chunk-YSHIC4NJ.cjs.map
-//# sourceMappingURL=chunk-YSHIC4NJ.cjs.map
+exports.QuietLink = QuietLink;
+exports.useCopyText = useCopyText;
+//# sourceMappingURL=chunk-LXTOOUEN.cjs.map
+//# sourceMappingURL=chunk-LXTOOUEN.cjs.map

package/dist/chunk-LXTOOUEN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/citations/PassagePill.tsx","../src/citations/QuietMarks.tsx"],"names":["jsxs","Fragment","jsx","cn","Tooltip","TooltipTrigger","TooltipContent","useBlocksEnvironment","useState","useRef","useEffect","Check","Copy","useCallback","MarkMenu"],"mappings":"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","file":"chunk-LXTOOUEN.cjs","sourcesContent":["import {\n  useEffect,\n  useRef,\n  useState,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n} from 'react'\nimport { Check, Copy } from 'lucide-react'\nimport { Tooltip, TooltipContent, TooltipTrigger, cn } from '@arbidocs/react/ui'\nimport { useBlocksEnvironment } from '../provider/BlocksProvider'\n\n/** Every fixed string of the passage pill. */\nexport interface PassagePillLabels {\n  copyLink: string\n  /** Announced and notified after the link was copied. */\n  copied: string\n  /** Notified when the clipboard refused the write. */\n  copyFailed: string\n  viewPassage: string\n  page: string\n  pages: string\n  passage: string\n  passages: string\n  /** Visible abbreviation of \"page\" in the pill (\"p.3\"). */\n  pageAbbreviation: string\n}\n\nexport const DEFAULT_PASSAGE_PILL_LABELS: PassagePillLabels = {\n  copyLink: 'Copy passage link',\n  copied: 'Passage link copied',\n  copyFailed: 'Could not copy the passage link',\n  viewPassage: 'View passage',\n  page: 'Page',\n  pages: 'Pages',\n  passage: 'Passage',\n  passages: 'Passages',\n  pageAbbreviation: 'p.',\n}\n\n/** Overridable `data-testid`s of the pill (defaults keep the app's existing ids). */\nexport interface PassagePillTestIds {\n  root: string\n  copy: string\n}\n\nexport interface PassagePillProps {\n  /** Glyph of the cited document (host-supplied: file-type icon). */\n  icon: ReactNode\n  documentTitle: string\n  /** `pill`: title + page; `icon`: glyph only; `compact`: page/passage ref + copy link. */\n  variant?: 'icon' | 'pill' | 'compact'\n  pageNumber?: number\n  passageIndex?: number\n  /** End of a contiguous passage run: the label collapses to \"4–9\" instead of a pill each. */\n  passageIndexEnd?: number\n  /** End page of a range: \"p.3–5(4–9)\". */\n  pageNumberEnd?: number\n  /** Makes the element a link. */\n  href?: string\n  /** Makes the element a button (ignored for the element role when `href` is set). */\n  onClick?: (e: MouseEvent) => void\n  showTooltip?: boolean\n  labelMaxWidth?: string\n  size?: 'sm' | 'base'\n  className?: string\n  labels?: Partial<PassagePillLabels>\n  testIds?: Partial<PassagePillTestIds>\n  /** Root test id (default `passage-entity`); the copy button gets `<id>-copy`. */\n  testId?: string\n}\n\nconst COPIED_RESET_MS = 2000\n\n/** Plain-language name of a passage reference: \"Title, Page 3, Passage 4\". */\nfunction describePassage(\n  documentTitle: string,\n  l: PassagePillLabels,\n  page: { text?: string; isRange: boolean },\n  passage: { text?: string; isRange: boolean }\n): string {\n  return [\n    documentTitle,\n    page.text !== undefined ? `${page.isRange ? l.pages : l.page} ${page.text}` : null,\n    passage.text !== undefined\n      ? `${passage.isRange ? l.passages : l.passage} ${passage.text}`\n      : null,\n  ]\n    .filter(Boolean)\n    .join(', ')\n}\n\ninterface PillSurfaceProps {\n  href?: string\n  onClick?: (e: MouseEvent) => void\n  className: string\n  testId: string\n  /** What assistive tech reads; the visible content is hidden from it. */\n  accessibleName: string\n  children: ReactNode\n  tooltip?: ReactNode\n  tooltipSide?: 'top' | 'bottom'\n}\n\n/**\n * The ONE interactive element of a pill: a link, a button or (when there is no action) plain text.\n * Never nests another interactive element, so it is valid inside any host container.\n */\nfunction PillSurface({\n  href,\n  onClick,\n  className,\n  testId,\n  accessibleName,\n  children,\n  tooltip,\n  tooltipSide = 'bottom',\n}: PillSurfaceProps) {\n  const content = (\n    <>\n      <span aria-hidden=\"true\" className=\"inline-flex min-w-0 items-center gap-1\">\n        {children}\n      </span>\n      <span className=\"sr-only\">{accessibleName}</span>\n    </>\n  )\n  const interactive = cn(\n    'relative cursor-pointer hover:bg-muted/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n    \"pointer-coarse:after:absolute pointer-coarse:after:inset-x-0 pointer-coarse:after:-inset-y-3 pointer-coarse:after:content-['']\"\n  )\n\n  let surface: ReactNode\n  if (href) {\n    surface = (\n      <a\n        href={href}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className={cn(className, interactive)}\n        onClick={onClick}\n        data-testid={testId}\n      >\n        {content}\n      </a>\n    )\n  } else if (onClick) {\n    surface = (\n      <button\n        type=\"button\"\n        className={cn(className, interactive)}\n        onClick={onClick}\n        data-testid={testId}\n      >\n        {content}\n      </button>\n    )\n  } else {\n    surface = (\n      <span className={className} data-testid={testId}>\n        {content}\n      </span>\n    )\n  }\n\n  if (!tooltip) return surface\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{surface as ReactElement}</TooltipTrigger>\n      <TooltipContent side={tooltipSide}>{tooltip}</TooltipContent>\n    </Tooltip>\n  )\n}\n\nfunction CopyLinkButton({\n  href,\n  labels,\n  testId,\n}: {\n  href: string\n  labels: PassagePillLabels\n  testId: string\n}) {\n  const { notify } = useBlocksEnvironment()\n  const [copied, setCopied] = useState(false)\n  const timer = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  useEffect(\n    () => () => {\n      if (timer.current) clearTimeout(timer.current)\n    },\n    []\n  )\n\n  const handleCopy = async (e: MouseEvent) => {\n    e.stopPropagation()\n    try {\n      await navigator.clipboard.writeText(href)\n    } catch {\n      // Say so instead of pretending: the host's notify surfaces the failure.\n      notify(labels.copyFailed, 'error')\n      return\n    }\n    setCopied(true)\n    notify(labels.copied, 'success')\n    if (timer.current) clearTimeout(timer.current)\n    timer.current = setTimeout(() => setCopied(false), COPIED_RESET_MS)\n  }\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        onClick={handleCopy}\n        className=\"relative inline-flex items-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-fine:min-h-6 pointer-fine:min-w-6 pointer-fine:justify-center pointer-coarse:min-h-11 pointer-coarse:min-w-11 pointer-coarse:justify-center\"\n        title={labels.copyLink}\n        aria-label={labels.copyLink}\n        data-testid={testId}\n      >\n        {copied ? (\n          <Check className=\"size-3\" aria-hidden=\"true\" />\n        ) : (\n          <Copy className=\"size-3\" aria-hidden=\"true\" />\n        )}\n      </button>\n      <span role=\"status\" className=\"sr-only\">\n        {copied ? labels.copied : ''}\n      </span>\n    </>\n  )\n}\n\n/** A citation to a passage of a document, as a pill, a bare icon or a compact page reference. */\nexport function PassagePill({\n  icon,\n  documentTitle,\n  variant = 'pill',\n  pageNumber,\n  passageIndex,\n  passageIndexEnd,\n  pageNumberEnd,\n  href,\n  className,\n  onClick,\n  showTooltip = true,\n  labelMaxWidth,\n  size = 'sm',\n  labels,\n  testIds,\n  testId = 'passage-entity',\n}: PassagePillProps) {\n  const l = { ...DEFAULT_PASSAGE_PILL_LABELS, ...labels }\n  const ids: PassagePillTestIds = {\n    root: testIds?.root ?? testId,\n    copy: testIds?.copy ?? `${testIds?.root ?? testId}-copy`,\n  }\n  // Ranges collapse to \"4–9\"; a range of one renders as a plain \"4\".\n  const isPassageRange = passageIndexEnd !== undefined && passageIndexEnd > (passageIndex ?? 0)\n  const isPageRange = pageNumberEnd !== undefined && pageNumberEnd > (pageNumber ?? 0)\n  const passageText = isPassageRange ? `${passageIndex}–${passageIndexEnd}` : `${passageIndex}`\n  const pageText = isPageRange ? `${pageNumber}–${pageNumberEnd}` : `${pageNumber}`\n  const accessibleName = describePassage(\n    documentTitle,\n    l,\n    { text: pageNumber !== undefined ? pageText : undefined, isRange: isPageRange },\n    { text: passageIndex !== undefined ? passageText : undefined, isRange: isPassageRange }\n  )\n  const hasAction = Boolean(href || onClick)\n\n  if (variant === 'icon') {\n    return (\n      <PillSurface\n        href={href}\n        onClick={onClick}\n        className={cn('inline-flex items-center rounded-sm', className)}\n        testId={ids.root}\n        accessibleName={accessibleName}\n        tooltip={\n          showTooltip ? (\n            <div className=\"flex flex-col gap-0.5\">\n              <span className=\"font-medium\">{documentTitle}</span>\n              {(pageNumber !== undefined || passageIndex !== undefined) && (\n                <span className=\"text-xs text-muted-foreground\">\n                  {pageNumber !== undefined && `${isPageRange ? l.pages : l.page} ${pageText}`}\n                  {pageNumber !== undefined && passageIndex !== undefined && ', '}\n                  {passageIndex !== undefined &&\n                    `${isPassageRange ? l.passages : l.passage} ${passageText}`}\n                </span>\n              )}\n            </div>\n          ) : undefined\n        }\n      >\n        {icon}\n      </PillSurface>\n    )\n  }\n\n  if (variant === 'compact') {\n    const label =\n      [\n        pageNumber !== undefined ? `${l.pageAbbreviation}${pageText}` : null,\n        passageIndex !== undefined ? `(${passageText})` : null,\n      ]\n        .filter(Boolean)\n        .join('') || '—'\n    return (\n      <span\n        className={cn(\n          'inline-flex items-center gap-1 rounded-md border border-transparent bg-muted px-1 text-sm font-medium',\n          className\n        )}\n      >\n        <PillSurface\n          href={href}\n          onClick={onClick}\n          className=\"inline-flex items-center gap-1 rounded-sm\"\n          testId={ids.root}\n          accessibleName={accessibleName}\n          tooltip={showTooltip ? documentTitle : undefined}\n        >\n          {icon}\n          <span className=\"leading-tight\">{label}</span>\n        </PillSurface>\n        {href && <CopyLinkButton href={href} labels={l} testId={ids.copy} />}\n      </span>\n    )\n  }\n\n  return (\n    <PillSurface\n      href={href}\n      onClick={onClick}\n      className={cn(\n        'group/pill inline-flex items-center rounded-md border border-border bg-muted transition-all',\n        size === 'base' ? 'gap-1.5 px-1.5 py-0.5 text-base' : 'gap-1 px-1 text-sm',\n        className\n      )}\n      testId={ids.root}\n      accessibleName={accessibleName}\n      tooltip={showTooltip && hasAction ? l.viewPassage : undefined}\n    >\n      {icon}\n      <span\n        className={cn(\n          'min-w-0 truncate font-medium leading-tight',\n          labelMaxWidth ?? 'max-w-[320px]'\n        )}\n      >\n        {documentTitle}\n      </span>\n      {pageNumber ? (\n        <span className=\"flex-shrink-0 text-xs leading-none text-muted-foreground\">\n          {l.pageAbbreviation}\n          {pageText}\n        </span>\n      ) : null}\n    </PillSurface>\n  )\n}\n","import { useCallback, type ReactNode } from 'react'\nimport { MarkMenu, cn, type MarkMenuItem } from '@arbidocs/react/ui'\nimport { useBlocksEnvironment } from '../provider/BlocksProvider'\n\n/**\n * Quiet inline marks: links, bookmarks, passage references, label and note marks.\n *\n * Each is typographically distinct TEXT (no pill, no button chrome, no icon in the flow) and owns\n * exactly one contextual menu through the shared `MarkMenu`. Domain-neutral: hosts supply the\n * handlers that make a row mean something.\n */\n\n/** Every fixed string of the quiet marks. */\nexport interface QuietMarkLabels {\n  openLink: string\n  copyLink: string\n  linkCopied: string\n  copyFailed: string\n  jumpHere: string\n  copyPlaceLink: string\n  openDocument: string\n  linkMenu: string\n  bookmarkMenu: string\n}\n\nexport const DEFAULT_QUIET_MARK_LABELS: QuietMarkLabels = {\n  openLink: 'Open link',\n  copyLink: 'Copy link',\n  linkCopied: 'Link copied',\n  copyFailed: 'Could not copy',\n  jumpHere: 'Jump to here',\n  copyPlaceLink: 'Copy link to this place',\n  openDocument: 'Open document',\n  linkMenu: 'Link actions',\n  bookmarkMenu: 'Bookmark actions',\n}\n\n/**\n * Copy text to the clipboard and say so (or say it failed) through the host's `notify`. Resolves\n * whether it was copied.\n */\nexport function useCopyText(labels?: Partial<Pick<QuietMarkLabels, 'linkCopied' | 'copyFailed'>>) {\n  const { notify } = useBlocksEnvironment()\n  const done = labels?.linkCopied ?? DEFAULT_QUIET_MARK_LABELS.linkCopied\n  const failed = labels?.copyFailed ?? DEFAULT_QUIET_MARK_LABELS.copyFailed\n  return useCallback(\n    async (text: string, message?: string): Promise<boolean> => {\n      try {\n        await navigator.clipboard.writeText(text)\n        notify(message ?? done, 'success')\n        return true\n      } catch {\n        notify(failed, 'error')\n        return false\n      }\n    },\n    [notify, done, failed]\n  )\n}\n\nexport type QuietLinkKind = 'external' | 'anchor' | 'document'\n\nexport interface QuietLinkProps {\n  href?: string\n  /** `external` (default) opens elsewhere, `anchor` jumps within the page, `document` is an in-app target. */\n  kind?: QuietLinkKind\n  /** The primary action. Defaults: external opens a new tab, anchor scrolls to the id. */\n  onOpen?: () => void\n  /** Absolute URL a copied anchor should carry; defaults to the current page plus the hash. */\n  placeLink?: string\n  labels?: Partial<QuietMarkLabels>\n  className?: string\n  testId?: string\n  children: ReactNode\n}\n\nconst LINK_STYLE: Record<QuietLinkKind, string> = {\n  external:\n    'text-primary underline decoration-primary/40 decoration-1 underline-offset-[3px] transition-colors hover:decoration-primary focus-visible:decoration-primary',\n  document:\n    'text-primary underline decoration-primary/40 decoration-1 underline-offset-[3px] transition-colors hover:decoration-primary focus-visible:decoration-primary',\n  // A bookmark is nearly invisible until hovered or focused.\n  anchor:\n    'text-inherit underline decoration-dotted decoration-1 decoration-foreground/25 underline-offset-[3px] transition-colors hover:decoration-foreground/70 focus-visible:decoration-foreground/70',\n}\n\nfunction scrollToHash(href: string | undefined) {\n  const id = href?.startsWith('#') ? decodeURIComponent(href.slice(1)) : ''\n  document.getElementById(id)?.scrollIntoView({ behavior: 'smooth', block: 'start' })\n}\n\n/** A hyperlink, bookmark or document link as quiet text with one menu (open / copy). */\nexport function QuietLink({\n  href,\n  kind = 'external',\n  onOpen,\n  placeLink,\n  labels,\n  className,\n  testId,\n  children,\n}: QuietLinkProps) {\n  const l = { ...DEFAULT_QUIET_MARK_LABELS, ...labels }\n  const copy = useCopyText(l)\n\n  const open =\n    onOpen ??\n    (kind === 'anchor'\n      ? () => scrollToHash(href)\n      : () => {\n          if (href) window.open(href, '_blank', 'noopener,noreferrer')\n        })\n  const copyTarget =\n    kind === 'anchor'\n      ? (placeLink ?? `${window.location.href.split('#')[0]}${href ?? ''}`)\n      : (placeLink ?? href ?? '')\n\n  const items: MarkMenuItem[] = [\n    {\n      id: 'open',\n      label: kind === 'anchor' ? l.jumpHere : kind === 'document' ? l.openDocument : l.openLink,\n      primary: true,\n      onSelect: open,\n      testId: 'mark-open',\n    },\n    {\n      id: 'copy',\n      label: kind === 'anchor' ? l.copyPlaceLink : l.copyLink,\n      onSelect: () => void copy(copyTarget),\n      testId: 'mark-copy',\n    },\n  ]\n\n  return (\n    <MarkMenu\n      as=\"a\"\n      href={href}\n      items={items}\n      menuLabel={kind === 'anchor' ? l.bookmarkMenu : l.linkMenu}\n      preview={\n        kind === 'external' && href ? (\n          <span className=\"block break-all text-xs text-muted-foreground\">{href}</span>\n        ) : undefined\n      }\n      className={cn(LINK_STYLE[kind], 'cursor-pointer', className)}\n      testId={testId}\n      data-mark-kind={kind}\n    >\n      {children}\n    </MarkMenu>\n  )\n}\n\nexport interface PassageMarkProps {\n  /** The reference as plain text, e.g. \"¶4\" or \"¶4–9 · p.1\". */\n  label: string\n  menuLabel: string\n  /** Menu rows: copy, link, label, open in navigator. */\n  items: MarkMenuItem[]\n  className?: string\n  testId?: string\n}\n\n/** A passage's reference as a faint text mark in the margin; its menu carries the passage actions. */\nexport function PassageMark({ label, menuLabel, items, className, testId }: PassageMarkProps) {\n  return (\n    <MarkMenu\n      items={items}\n      menuLabel={menuLabel}\n      testId={testId}\n      data-mark-kind=\"passage\"\n      className={cn(\n        'touch-hit cursor-pointer select-none rounded-sm px-1 text-xs tabular-nums text-muted-foreground/80 transition-colors hover:text-foreground focus-visible:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring pointer-coarse:px-2 pointer-coarse:py-2',\n        className\n      )}\n    >\n      {label}\n    </MarkMenu>\n  )\n}\n\nexport interface LabelMarkProps {\n  /** Colours of every label marking the passage. */\n  colors: string[]\n  menuLabel: string\n  /** Names of the labels, shown in the menu. */\n  preview?: ReactNode\n  items: MarkMenuItem[]\n  /** Accessible name of the stripes. */\n  name: string\n  className?: string\n  testId?: string\n}\n\n/** The labels on a passage as thin margin stripes (not a chip); the menu shows / removes them. */\nexport function LabelMark({\n  colors,\n  menuLabel,\n  preview,\n  items,\n  name,\n  className,\n  testId,\n}: LabelMarkProps) {\n  return (\n    <MarkMenu\n      items={items}\n      preview={preview}\n      menuLabel={menuLabel}\n      testId={testId}\n      aria-label={name}\n      data-mark-kind=\"label\"\n      className={cn(\n        'flex cursor-pointer flex-col gap-1 rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:px-2 pointer-coarse:py-1',\n        className\n      )}\n    >\n      {colors.slice(0, 4).map((c, i) => (\n        <span\n          key={i}\n          aria-hidden=\"true\"\n          className=\"h-2.5 w-1 rounded-full\"\n          style={{ backgroundColor: c }}\n        />\n      ))}\n    </MarkMenu>\n  )\n}\n\nexport interface NoteMarkProps {\n  /** Short label, e.g. the passage range this run covers (\"¶4–9\"). */\n  label: string\n  /** Full note text, shown as the menu preview so the mark is self-explaining. */\n  title?: string\n  menuLabel?: string\n  /** Rows such as \"Show note\" and \"Edit\". With none, the menu is a read-only preview. */\n  items?: MarkMenuItem[]\n  className?: string\n  testId?: string\n}\n\n/**\n * Marks a passage as cited by a Note: small text with a soft yellow underline, drawn once on\n * each CONTIGUOUS run of cited passages (a run is one citation).\n */\nexport function NoteMark({\n  label,\n  title,\n  menuLabel = 'Note actions',\n  items = [],\n  className,\n  testId,\n}: NoteMarkProps) {\n  return (\n    <MarkMenu\n      items={items}\n      preview={\n        title ? <span className=\"block text-xs text-muted-foreground\">{title}</span> : undefined\n      }\n      menuLabel={menuLabel}\n      testId={testId}\n      data-slot=\"note-mark\"\n      data-mark-kind=\"note\"\n      className={cn(\n        'cursor-default select-none rounded-sm px-1 text-xs font-medium tabular-nums text-foreground/80 underline decoration-yellow-400 decoration-2 underline-offset-[3px] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring',\n        className\n      )}\n    >\n      {label}\n    </MarkMenu>\n  )\n}\n"]}

package/dist/{chunk-EVUEIBNU.js → chunk-M4S75AEJ.js}

@@ -1,6 +1,6 @@
 "use client";
-import { useRef, useState } from 'react';
-import { Loader2, UploadCloud } from 'lucide-react';
+import { memo, useRef, useState } from 'react';
+import { Ban, Plus, Pencil, Loader2, UploadCloud } from 'lucide-react';
 import { cn } from '@arbidocs/react/ui';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -83,7 +83,46 @@ function UploadDropzone({
     }
   );
 }
+var ICONS = { pencil: Pencil, plus: Plus, blocked: Ban };
+function CellHoverIcon({
+  kind = "pencil",
+  className
+}) {
+  const Icon = ICONS[kind];
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "cell-hover-icon",
+      "data-kind": kind,
+      "aria-hidden": true,
+      className: cn(
+        "inline-flex shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-70 group-focus-within:opacity-70 pointer-coarse:opacity-70",
+        className
+      ),
+      children: /* @__PURE__ */ jsx(Icon, { className: "size-3.5" })
+    }
+  );
+}
+var HoverIconCell = memo(function HoverIconCell2({
+  content,
+  isEditable,
+  showIcon = true,
+  icon = "pencil",
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "hover-icon-cell",
+      className: cn("group flex h-full w-full items-center gap-2 pr-2", className),
+      children: [
+        content,
+        showIcon && /* @__PURE__ */ jsx(CellHoverIcon, { kind: isEditable ? icon : "blocked" })
+      ]
+    }
+  );
+});
 
-export { UploadDropzone };
-//# sourceMappingURL=chunk-EVUEIBNU.js.map
-//# sourceMappingURL=chunk-EVUEIBNU.js.map
+export { CellHoverIcon, HoverIconCell, UploadDropzone };
+//# sourceMappingURL=chunk-M4S75AEJ.js.map
+//# sourceMappingURL=chunk-M4S75AEJ.js.map

package/dist/chunk-M4S75AEJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/files/UploadDropzone.tsx","../src/files/cells/HoverIconCell.tsx"],"names":["jsx","cn","HoverIconCell","jsxs"],"mappings":"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","file":"chunk-M4S75AEJ.js","sourcesContent":["import { useRef, useState } from 'react'\nimport type { DragEvent } from 'react'\nimport type { LucideIcon } from 'lucide-react'\nimport { Loader2, UploadCloud } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\n\nexport interface UploadDropzoneProps {\n  /** Called with the chosen/dropped files. */\n  onFiles: (files: File[]) => void\n  /** `accept` attribute for the file picker (e.g. `.pdf,.docx`). */\n  accept?: string\n  /** Allow selecting more than one file. Defaults to true. */\n  multiple?: boolean\n  /** Disables picking/dropping (e.g. no active workspace yet). */\n  disabled?: boolean\n  /** Shows a spinner + busy copy while an upload is in flight. */\n  uploading?: boolean\n  /** Primary line, e.g. \"Drag files here\". */\n  title?: string\n  /** Secondary line under the title. */\n  description?: string\n  /** Small muted hint, e.g. \"PDF, DOCX, images — up to 50MB\". */\n  hint?: string\n  /** Copy shown next to the spinner while uploading. */\n  uploadingLabel?: string\n  /** Glyph in the tile. Defaults to an upload-cloud icon. */\n  icon?: LucideIcon\n  testId?: string\n  className?: string\n}\n\n/**\n * A themeable drag-and-drop upload target. Source-agnostic: it just surfaces\n * chosen files via `onFiles` — the host owns the actual upload. Handles its own\n * drag-over state, click-to-browse, and a busy state, styled with the kit's\n * SEMANTIC tokens only (border, muted, primary, foreground) so it renders in\n * each host's colours.\n */\nexport function UploadDropzone({\n  onFiles,\n  accept,\n  multiple = true,\n  disabled = false,\n  uploading = false,\n  title = 'Drag files here',\n  description = 'or click to browse',\n  hint,\n  uploadingLabel = 'Uploading…',\n  icon: Icon = UploadCloud,\n  testId,\n  className,\n}: UploadDropzoneProps) {\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [dragOver, setDragOver] = useState(false)\n  const inert = disabled || uploading\n\n  const pick = (files: FileList | null) => {\n    if (!files?.length) return\n    onFiles(Array.from(files))\n  }\n\n  const onDrop = (e: DragEvent<HTMLButtonElement>) => {\n    e.preventDefault()\n    setDragOver(false)\n    if (inert) return\n    pick(e.dataTransfer.files)\n  }\n\n  const onDragOver = (e: DragEvent<HTMLButtonElement>) => {\n    e.preventDefault()\n    if (!inert) setDragOver(true)\n  }\n\n  return (\n    <button\n      type=\"button\"\n      onClick={() => !inert && inputRef.current?.click()}\n      onDrop={onDrop}\n      onDragOver={onDragOver}\n      onDragLeave={() => setDragOver(false)}\n      disabled={inert}\n      data-testid={testId}\n      className={cn(\n        'flex w-full flex-col items-center justify-center gap-3 rounded-lg bg-muted px-6 py-12 text-center transition-colors',\n        'hover:bg-accent/60',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n        dragOver && 'bg-accent ring-2 ring-primary',\n        inert && 'cursor-not-allowed opacity-60 hover:bg-muted',\n        className\n      )}\n    >\n      <input\n        ref={inputRef}\n        type=\"file\"\n        accept={accept}\n        multiple={multiple}\n        className=\"hidden\"\n        onChange={(e) => {\n          pick(e.target.files)\n          if (inputRef.current) inputRef.current.value = ''\n        }}\n        data-testid={testId ? `${testId}-input` : undefined}\n      />\n      <div className=\"flex size-12 items-center justify-center rounded-full bg-primary/10 text-primary\">\n        {uploading ? <Loader2 className=\"size-6 animate-spin\" /> : <Icon className=\"size-6\" />}\n      </div>\n      {uploading ? (\n        <p className=\"text-sm font-medium text-foreground\">{uploadingLabel}</p>\n      ) : (\n        <div className=\"space-y-1\">\n          <p className=\"text-sm font-medium text-foreground\">\n            {title} <span className=\"text-muted-foreground\">{description}</span>\n          </p>\n          {hint && <p className=\"text-xs text-muted-foreground\">{hint}</p>}\n        </div>\n      )}\n    </button>\n  )\n}\n","import { memo, type ReactNode } from 'react'\nimport { Ban, Pencil, Plus } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\n\nexport type CellHoverIconKind = 'pencil' | 'plus' | 'blocked'\n\nconst ICONS = { pencil: Pencil, plus: Plus, blocked: Ban } as const\n\n/**\n * Edit hint of a grid cell. It appears on pointer hover, on keyboard focus anywhere inside the\n * cell and always on touch devices (coarse pointer), where there is no hover to reveal it.\n * Place it inside an element carrying the `group` class.\n */\nexport function CellHoverIcon({\n  kind = 'pencil',\n  className,\n}: {\n  kind?: CellHoverIconKind\n  className?: string\n}) {\n  const Icon = ICONS[kind]\n  return (\n    <span\n      data-slot=\"cell-hover-icon\"\n      data-kind={kind}\n      aria-hidden\n      className={cn(\n        'inline-flex shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-70 group-focus-within:opacity-70 pointer-coarse:opacity-70',\n        className\n      )}\n    >\n      <Icon className=\"size-3.5\" />\n    </span>\n  )\n}\n\nexport interface HoverIconCellProps {\n  content: ReactNode\n  /** Non-members get a \"blocked\" hint instead of the edit hint. */\n  isEditable: boolean\n  showIcon?: boolean\n  icon?: Exclude<CellHoverIconKind, 'blocked'>\n  className?: string\n}\n\n/** A cell's content with the edit hint after it (pure CSS reveal: no re-render on mouse move). */\nexport const HoverIconCell = memo(function HoverIconCell({\n  content,\n  isEditable,\n  showIcon = true,\n  icon = 'pencil',\n  className,\n}: HoverIconCellProps) {\n  return (\n    <div\n      data-slot=\"hover-icon-cell\"\n      className={cn('group flex h-full w-full items-center gap-2 pr-2', className)}\n    >\n      {content}\n      {showIcon && <CellHoverIcon kind={isEditable ? icon : 'blocked'} />}\n    </div>\n  )\n})\n"]}

package/dist/{chunk-V5OAXIBN.cjs → chunk-NPR5BGFF.cjs}

@@ -2,7 +2,7 @@
 'use strict';
 
 var chunk5FYU7ZIU_cjs = require('./chunk-5FYU7ZIU.cjs');
-var chunkI2QSDQQV_cjs = require('./chunk-I2QSDQQV.cjs');
+var chunkQT3A4PFC_cjs = require('./chunk-QT3A4PFC.cjs');
 var chunk7UTB4PHM_cjs = require('./chunk-7UTB4PHM.cjs');
 var fflate = require('fflate');
 var server = require('react-dom/server');
@@ -1761,14 +1761,14 @@ function DefinedTermsProvider({
     },
     [load, sources, notify]
   );
-  const all = React4.useMemo(() => chunkI2QSDQQV_cjs.groupDefinitions(sources ?? []).groups, [sources]);
+  const all = React4.useMemo(() => chunkQT3A4PFC_cjs.groupDefinitions(sources ?? []).groups, [sources]);
   const byId = React4.useMemo(
     () => new Map(all.flatMap((g) => g.definitions).map((d) => [d.id, d])),
     [all]
   );
-  const agreements = React4.useMemo(() => chunkI2QSDQQV_cjs.definitionLabels(sources ?? []), [sources]);
+  const agreements = React4.useMemo(() => chunkQT3A4PFC_cjs.definitionLabels(sources ?? []), [sources]);
   const groups = React4.useMemo(
-    () => picker ? chunkI2QSDQQV_cjs.filterTermGroups(chunkI2QSDQQV_cjs.groupDefinitions(sources ?? [], { labelId }).groups, picker.query).slice(
+    () => picker ? chunkQT3A4PFC_cjs.filterTermGroups(chunkQT3A4PFC_cjs.groupDefinitions(sources ?? [], { labelId }).groups, picker.query).slice(
       0,
       MAX_GROUPS
     ) : [],
@@ -3809,7 +3809,7 @@ function TableButtons() {
   ] });
 }
 var CAPTION_LABELS = ["Figure", "Table", "Equation"];
-var CAPTION_STYLES = chunkI2QSDQQV_cjs.stylesXml(
+var CAPTION_STYLES = chunkQT3A4PFC_cjs.stylesXml(
   "",
   '<w:style w:type="paragraph" w:default="1" w:styleId="Normal"><w:name w:val="Normal"/><w:qFormat/></w:style><w:style w:type="paragraph" w:styleId="Caption"><w:name w:val="caption"/><w:basedOn w:val="Normal"/><w:next w:val="Normal"/><w:uiPriority w:val="35"/><w:unhideWhenUsed/><w:qFormat/><w:pPr><w:spacing w:after="200" w:line="240" w:lineRule="auto"/></w:pPr><w:rPr><w:i/><w:iCs/><w:color w:val="44546A"/><w:sz w:val="18"/><w:szCs w:val="18"/></w:rPr></w:style>'
 );
@@ -3837,9 +3837,9 @@ function countSeqFields(root, label, throughId) {
   return count;
 }
 function captionParagraphXml(label, number, text) {
-  const run = (value) => `<w:r><w:t xml:space="preserve">${chunkI2QSDQQV_cjs.esc(value)}</w:t></w:r>`;
+  const run = (value) => `<w:r><w:t xml:space="preserve">${chunkQT3A4PFC_cjs.esc(value)}</w:t></w:r>`;
   const rest = text.trim() ? `: ${text.trim()}` : "";
-  return `<w:p><w:pPr><w:pStyle w:val="Caption"/></w:pPr>${run(`${label} `)}<w:fldSimple w:instr=" SEQ ${chunkI2QSDQQV_cjs.esc(label)} \\* ARABIC "><w:r><w:t>${number}</w:t></w:r></w:fldSimple>${rest ? run(rest) : ""}</w:p>`;
+  return `<w:p><w:pPr><w:pStyle w:val="Caption"/></w:pPr>${run(`${label} `)}<w:fldSimple w:instr=" SEQ ${chunkQT3A4PFC_cjs.esc(label)} \\* ARABIC "><w:r><w:t>${number}</w:t></w:r></w:fldSimple>${rest ? run(rest) : ""}</w:p>`;
 }
 function base642(bytes) {
   let binary = "";
@@ -3848,8 +3848,8 @@ function base642(bytes) {
   return btoa(binary);
 }
 function captionFragmentHtml(label, number, text, revision) {
-  const untracked = chunkI2QSDQQV_cjs.docxPackage({
-    document: chunkI2QSDQQV_cjs.documentXml(captionParagraphXml(label, number, text)),
+  const untracked = chunkQT3A4PFC_cjs.docxPackage({
+    document: chunkQT3A4PFC_cjs.documentXml(captionParagraphXml(label, number, text)),
     styles: CAPTION_STYLES,
     title: "Caption"
   });
@@ -5108,5 +5108,5 @@ exports.useReview = useReview;
 exports.useReviewItem = useReviewItem;
 exports.useTrackedOrNoted = useTrackedOrNoted;
 exports.withDirectEditing = withDirectEditing;
-//# sourceMappingURL=chunk-V5OAXIBN.cjs.map
-//# sourceMappingURL=chunk-V5OAXIBN.cjs.map
+//# sourceMappingURL=chunk-NPR5BGFF.cjs.map
+//# sourceMappingURL=chunk-NPR5BGFF.cjs.map