@flanksource/clicky-ui 0.2.21 → 0.3.2

package/dist/comments/MentionTextarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MentionTextarea.d.ts","sourceRoot":"","sources":["../../src/comments/MentionTextarea.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1E,MAAM,MAAM,oBAAoB,GAAG;IACjC,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,sDAAsD;IACtD,YAAY,EAAE,kBAAkB,EAAE,CAAC;IACnC,wDAAwD;IACxD,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IACpD,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAsGF;;;;;GAKG;AACH,eAAO,MAAM,eAAe,sHAsL1B,CAAC"}

package/dist/comments/MentionTextarea.js

@@ -0,0 +1,253 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { forwardRef, useRef, useImperativeHandle, useState, useEffect } from "react";
+import { createPortal } from "react-dom";
+import { cn } from "../lib/utils.js";
+import { useFloatingZIndex } from "../overlay/modalStack.js";
+import { CommentAuthorAvatar } from "./CommentAuthor.js";
+const MENTION_QUERY = /(^|\s)@([\w.-]*)$/;
+const MAX_RESULTS = 8;
+function detectMention(value, caret) {
+  const match = value.slice(0, caret).match(MENTION_QUERY);
+  if (!match) return null;
+  const query = match[2] ?? "";
+  const atIndex = caret - query.length - 1;
+  return { atIndex, query };
+}
+function filterMentionables(mentionables, query) {
+  const q = query.toLowerCase();
+  const matches = q ? mentionables.filter(
+    (m) => m.name.toLowerCase().includes(q) || m.id.toLowerCase().includes(q)
+  ) : mentionables;
+  return matches.slice(0, MAX_RESULTS);
+}
+const MIRROR_PROPS = [
+  "boxSizing",
+  "width",
+  "borderTopWidth",
+  "borderRightWidth",
+  "borderBottomWidth",
+  "borderLeftWidth",
+  "paddingTop",
+  "paddingRight",
+  "paddingBottom",
+  "paddingLeft",
+  "fontStyle",
+  "fontVariant",
+  "fontWeight",
+  "fontStretch",
+  "fontSize",
+  "lineHeight",
+  "fontFamily",
+  "textAlign",
+  "textTransform",
+  "textIndent",
+  "letterSpacing",
+  "wordSpacing",
+  "tabSize",
+  "whiteSpace",
+  "wordWrap",
+  "overflowWrap"
+];
+function caretViewportRect(el, position) {
+  if (typeof document === "undefined" || typeof getComputedStyle !== "function") {
+    const r = el.getBoundingClientRect();
+    return { top: r.top, left: r.left, height: 16 };
+  }
+  const style = getComputedStyle(el);
+  const mirror = document.createElement("div");
+  for (const prop of MIRROR_PROPS) mirror.style[prop] = style[prop];
+  mirror.style.position = "absolute";
+  mirror.style.visibility = "hidden";
+  mirror.style.whiteSpace = "pre-wrap";
+  mirror.style.overflowWrap = "break-word";
+  mirror.style.top = "0";
+  mirror.style.left = "-9999px";
+  mirror.textContent = el.value.slice(0, position);
+  const marker = document.createElement("span");
+  marker.textContent = el.value.slice(position) || ".";
+  mirror.appendChild(marker);
+  document.body.appendChild(mirror);
+  const lineHeight = parseInt(style.lineHeight, 10) || parseInt(style.fontSize, 10) || 16;
+  const offsetTop = marker.offsetTop;
+  const offsetLeft = marker.offsetLeft;
+  document.body.removeChild(mirror);
+  const rect = el.getBoundingClientRect();
+  return {
+    top: rect.top + offsetTop - el.scrollTop,
+    left: rect.left + offsetLeft - el.scrollLeft,
+    height: lineHeight
+  };
+}
+const MentionTextarea = forwardRef(function MentionTextarea2({
+  value,
+  onChange,
+  mentionables,
+  onMentionSelect,
+  onSubmit,
+  onCancel,
+  placeholder,
+  autoFocus,
+  rows = 2,
+  className,
+  "data-testid": dataTestId
+}, forwardedRef) {
+  const innerRef = useRef(null);
+  useImperativeHandle(
+    forwardedRef,
+    () => innerRef.current
+  );
+  const [active, setActive] = useState(null);
+  const [caretRect, setCaretRect] = useState(null);
+  const [activeIndex, setActiveIndex] = useState(0);
+  const floatingZ = useFloatingZIndex();
+  const results = active ? filterMentionables(mentionables, active.query) : [];
+  const open = active != null && results.length > 0;
+  function refreshMention(el) {
+    const next = detectMention(el.value, el.selectionStart ?? el.value.length);
+    setActive(next);
+    setActiveIndex(0);
+    setCaretRect(next ? caretViewportRect(el, el.selectionStart ?? 0) : null);
+  }
+  function insertMention(m) {
+    const el = innerRef.current;
+    if (!el || !active) return;
+    const caret = el.selectionStart ?? value.length;
+    const next = `${value.slice(0, active.atIndex)}@${m.name} ${value.slice(caret)}`;
+    const nextCaret = active.atIndex + m.name.length + 2;
+    onChange(next);
+    onMentionSelect == null ? void 0 : onMentionSelect({ id: m.id, name: m.name, kind: m.kind });
+    setActive(null);
+    setCaretRect(null);
+    requestAnimationFrame(() => {
+      el.focus();
+      el.setSelectionRange(nextCaret, nextCaret);
+    });
+  }
+  function onKeyDown(e) {
+    if (open) {
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        setActiveIndex((i) => (i + 1) % results.length);
+        return;
+      }
+      if (e.key === "ArrowUp") {
+        e.preventDefault();
+        setActiveIndex((i) => (i - 1 + results.length) % results.length);
+        return;
+      }
+      if (e.key === "Enter" || e.key === "Tab") {
+        e.preventDefault();
+        const choice = results[activeIndex];
+        if (choice) insertMention(choice);
+        return;
+      }
+      if (e.key === "Escape") {
+        e.preventDefault();
+        setActive(null);
+        setCaretRect(null);
+        return;
+      }
+    }
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      onSubmit == null ? void 0 : onSubmit();
+      return;
+    }
+    if (e.key === "Escape") {
+      e.preventDefault();
+      onCancel == null ? void 0 : onCancel();
+    }
+  }
+  useEffect(() => {
+    if (!autoFocus) return;
+    const el = innerRef.current;
+    const raf = requestAnimationFrame(() => {
+      el == null ? void 0 : el.focus();
+      const len = (el == null ? void 0 : el.value.length) ?? 0;
+      el == null ? void 0 : el.setSelectionRange(len, len);
+    });
+    return () => cancelAnimationFrame(raf);
+  }, [autoFocus]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        ref: innerRef,
+        rows,
+        value,
+        placeholder,
+        "data-testid": dataTestId,
+        className: cn(
+          "w-full resize-none bg-transparent text-sm leading-snug outline-none placeholder:text-muted-foreground/60",
+          className
+        ),
+        onChange: (e) => {
+          onChange(e.target.value);
+          refreshMention(e.target);
+        },
+        onKeyUp: (e) => refreshMention(e.currentTarget),
+        onClick: (e) => refreshMention(e.currentTarget),
+        onKeyDown,
+        onBlur: () => {
+          setActive(null);
+          setCaretRect(null);
+        }
+      }
+    ),
+    open && typeof document !== "undefined" && createPortal(
+      /* @__PURE__ */ jsx(
+        "ul",
+        {
+          role: "listbox",
+          "data-testid": "mention-popover",
+          style: {
+            position: "fixed",
+            top: ((caretRect == null ? void 0 : caretRect.top) ?? 0) + ((caretRect == null ? void 0 : caretRect.height) ?? 16) + 2,
+            left: (caretRect == null ? void 0 : caretRect.left) ?? 0,
+            zIndex: floatingZ
+          },
+          className: "max-h-56 min-w-[12rem] overflow-auto rounded-md border border-border bg-popover py-1 shadow-md",
+          children: results.map((m, i) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              role: "option",
+              "aria-selected": i === activeIndex,
+              onMouseDown: (e) => {
+                e.preventDefault();
+                insertMention(m);
+              },
+              onMouseEnter: () => setActiveIndex(i),
+              className: cn(
+                "flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-popover-foreground",
+                i === activeIndex && "bg-accent text-accent-foreground"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(
+                  CommentAuthorAvatar,
+                  {
+                    author: {
+                      name: m.name,
+                      kind: m.kind,
+                      ...m.avatar ? { avatar: m.avatar } : {},
+                      ...m.icon ? { icon: m.icon } : {}
+                    },
+                    size: "xs",
+                    bare: true
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: m.name }),
+                m.kind === "agent" && /* @__PURE__ */ jsx("span", { className: "ml-auto text-[10px] text-muted-foreground", children: "agent" })
+              ]
+            }
+          ) }, m.id))
+        }
+      ),
+      document.body
+    )
+  ] });
+});
+export {
+  MentionTextarea
+};
+//# sourceMappingURL=MentionTextarea.js.map

package/dist/comments/MentionTextarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MentionTextarea.js","sources":["../../src/comments/MentionTextarea.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n  type KeyboardEvent,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../lib/utils\";\nimport { useFloatingZIndex } from \"../overlay/modalStack\";\nimport { CommentAuthorAvatar } from \"./CommentAuthor\";\nimport type { CommentMention, CommentMentionable } from \"./comment-types\";\n\nexport type MentionTextareaProps = {\n  /** Controlled value. */\n  value: string;\n  /** Called with the next value on edit or mention insertion. */\n  onChange: (value: string) => void;\n  /** People/agents offered in the @-mention popover. */\n  mentionables: CommentMentionable[];\n  /** Fired when a mention is inserted via the popover. */\n  onMentionSelect?: (mention: CommentMention) => void;\n  /** Enter (without Shift) while the popover is closed. */\n  onSubmit?: () => void;\n  /** Escape while the popover is closed. */\n  onCancel?: () => void;\n  placeholder?: string;\n  autoFocus?: boolean;\n  rows?: number;\n  className?: string;\n  \"data-testid\"?: string;\n};\n\nconst MENTION_QUERY = /(^|\\s)@([\\w.-]*)$/;\nconst MAX_RESULTS = 8;\n\ntype ActiveMention = { atIndex: number; query: string };\ntype CaretRect = { top: number; left: number; height: number };\n\nfunction detectMention(value: string, caret: number): ActiveMention | null {\n  const match = value.slice(0, caret).match(MENTION_QUERY);\n  if (!match) return null;\n  const query = match[2] ?? \"\";\n  const atIndex = caret - query.length - 1;\n  return { atIndex, query };\n}\n\nfunction filterMentionables(\n  mentionables: CommentMentionable[],\n  query: string,\n): CommentMentionable[] {\n  const q = query.toLowerCase();\n  const matches = q\n    ? mentionables.filter(\n        (m) =>\n          m.name.toLowerCase().includes(q) || m.id.toLowerCase().includes(q),\n      )\n    : mentionables;\n  return matches.slice(0, MAX_RESULTS);\n}\n\nconst MIRROR_PROPS = [\n  \"boxSizing\",\n  \"width\",\n  \"borderTopWidth\",\n  \"borderRightWidth\",\n  \"borderBottomWidth\",\n  \"borderLeftWidth\",\n  \"paddingTop\",\n  \"paddingRight\",\n  \"paddingBottom\",\n  \"paddingLeft\",\n  \"fontStyle\",\n  \"fontVariant\",\n  \"fontWeight\",\n  \"fontStretch\",\n  \"fontSize\",\n  \"lineHeight\",\n  \"fontFamily\",\n  \"textAlign\",\n  \"textTransform\",\n  \"textIndent\",\n  \"letterSpacing\",\n  \"wordSpacing\",\n  \"tabSize\",\n  \"whiteSpace\",\n  \"wordWrap\",\n  \"overflowWrap\",\n] as const;\n\n// Measures the caret pixel position with an off-screen mirror div that copies the\n// textarea's box metrics — the dependency-free way to anchor a popover at the caret.\nfunction caretViewportRect(\n  el: HTMLTextAreaElement,\n  position: number,\n): CaretRect {\n  if (\n    typeof document === \"undefined\" ||\n    typeof getComputedStyle !== \"function\"\n  ) {\n    const r = el.getBoundingClientRect();\n    return { top: r.top, left: r.left, height: 16 };\n  }\n  const style = getComputedStyle(el);\n  const mirror = document.createElement(\"div\");\n  for (const prop of MIRROR_PROPS) mirror.style[prop] = style[prop];\n  mirror.style.position = \"absolute\";\n  mirror.style.visibility = \"hidden\";\n  mirror.style.whiteSpace = \"pre-wrap\";\n  mirror.style.overflowWrap = \"break-word\";\n  mirror.style.top = \"0\";\n  mirror.style.left = \"-9999px\";\n  mirror.textContent = el.value.slice(0, position);\n\n  const marker = document.createElement(\"span\");\n  marker.textContent = el.value.slice(position) || \".\";\n  mirror.appendChild(marker);\n  document.body.appendChild(mirror);\n\n  const lineHeight =\n    parseInt(style.lineHeight, 10) || parseInt(style.fontSize, 10) || 16;\n  const offsetTop = marker.offsetTop;\n  const offsetLeft = marker.offsetLeft;\n  document.body.removeChild(mirror);\n\n  const rect = el.getBoundingClientRect();\n  return {\n    top: rect.top + offsetTop - el.scrollTop,\n    left: rect.left + offsetLeft - el.scrollLeft,\n    height: lineHeight,\n  };\n}\n\n/**\n * A textarea with an @-mention autocomplete. Typing `@` opens a caret-anchored\n * popover filtered against `mentionables`; selecting one inserts the name and\n * fires `onMentionSelect`. Enter submits and Escape cancels only when the\n * popover is closed.\n */\nexport const MentionTextarea = forwardRef<\n  HTMLTextAreaElement,\n  MentionTextareaProps\n>(function MentionTextarea(\n  {\n    value,\n    onChange,\n    mentionables,\n    onMentionSelect,\n    onSubmit,\n    onCancel,\n    placeholder,\n    autoFocus,\n    rows = 2,\n    className,\n    \"data-testid\": dataTestId,\n  },\n  forwardedRef,\n) {\n  const innerRef = useRef<HTMLTextAreaElement>(null);\n  useImperativeHandle(\n    forwardedRef,\n    () => innerRef.current as HTMLTextAreaElement,\n  );\n\n  const [active, setActive] = useState<ActiveMention | null>(null);\n  const [caretRect, setCaretRect] = useState<CaretRect | null>(null);\n  const [activeIndex, setActiveIndex] = useState(0);\n  const floatingZ = useFloatingZIndex();\n\n  const results = active ? filterMentionables(mentionables, active.query) : [];\n  const open = active != null && results.length > 0;\n\n  function refreshMention(el: HTMLTextAreaElement) {\n    const next = detectMention(el.value, el.selectionStart ?? el.value.length);\n    setActive(next);\n    setActiveIndex(0);\n    setCaretRect(next ? caretViewportRect(el, el.selectionStart ?? 0) : null);\n  }\n\n  function insertMention(m: CommentMentionable) {\n    const el = innerRef.current;\n    if (!el || !active) return;\n    const caret = el.selectionStart ?? value.length;\n    const next = `${value.slice(0, active.atIndex)}@${m.name} ${value.slice(caret)}`;\n    const nextCaret = active.atIndex + m.name.length + 2;\n    onChange(next);\n    onMentionSelect?.({ id: m.id, name: m.name, kind: m.kind });\n    setActive(null);\n    setCaretRect(null);\n    requestAnimationFrame(() => {\n      el.focus();\n      el.setSelectionRange(nextCaret, nextCaret);\n    });\n  }\n\n  function onKeyDown(e: KeyboardEvent<HTMLTextAreaElement>) {\n    if (open) {\n      if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n        setActiveIndex((i) => (i + 1) % results.length);\n        return;\n      }\n      if (e.key === \"ArrowUp\") {\n        e.preventDefault();\n        setActiveIndex((i) => (i - 1 + results.length) % results.length);\n        return;\n      }\n      if (e.key === \"Enter\" || e.key === \"Tab\") {\n        e.preventDefault();\n        const choice = results[activeIndex];\n        if (choice) insertMention(choice);\n        return;\n      }\n      if (e.key === \"Escape\") {\n        e.preventDefault();\n        setActive(null);\n        setCaretRect(null);\n        return;\n      }\n    }\n    if (e.key === \"Enter\" && !e.shiftKey) {\n      e.preventDefault();\n      onSubmit?.();\n      return;\n    }\n    if (e.key === \"Escape\") {\n      e.preventDefault();\n      onCancel?.();\n    }\n  }\n\n  useEffect(() => {\n    if (!autoFocus) return;\n    const el = innerRef.current;\n    const raf = requestAnimationFrame(() => {\n      el?.focus();\n      const len = el?.value.length ?? 0;\n      el?.setSelectionRange(len, len);\n    });\n    return () => cancelAnimationFrame(raf);\n  }, [autoFocus]);\n\n  return (\n    <>\n      <textarea\n        ref={innerRef}\n        rows={rows}\n        value={value}\n        placeholder={placeholder}\n        data-testid={dataTestId}\n        className={cn(\n          \"w-full resize-none bg-transparent text-sm leading-snug outline-none placeholder:text-muted-foreground/60\",\n          className,\n        )}\n        onChange={(e) => {\n          onChange(e.target.value);\n          refreshMention(e.target);\n        }}\n        onKeyUp={(e) => refreshMention(e.currentTarget)}\n        onClick={(e) => refreshMention(e.currentTarget)}\n        onKeyDown={onKeyDown}\n        onBlur={() => {\n          setActive(null);\n          setCaretRect(null);\n        }}\n      />\n      {open &&\n        typeof document !== \"undefined\" &&\n        createPortal(\n          <ul\n            role=\"listbox\"\n            data-testid=\"mention-popover\"\n            style={{\n              position: \"fixed\",\n              top: (caretRect?.top ?? 0) + (caretRect?.height ?? 16) + 2,\n              left: caretRect?.left ?? 0,\n              zIndex: floatingZ,\n            }}\n            className=\"max-h-56 min-w-[12rem] overflow-auto rounded-md border border-border bg-popover py-1 shadow-md\"\n          >\n            {results.map((m, i) => (\n              <li key={m.id}>\n                <button\n                  type=\"button\"\n                  role=\"option\"\n                  aria-selected={i === activeIndex}\n                  // Use mousedown so selection runs before the textarea blur closes the popover.\n                  onMouseDown={(e) => {\n                    e.preventDefault();\n                    insertMention(m);\n                  }}\n                  onMouseEnter={() => setActiveIndex(i)}\n                  className={cn(\n                    \"flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-popover-foreground\",\n                    i === activeIndex && \"bg-accent text-accent-foreground\",\n                  )}\n                >\n                  <CommentAuthorAvatar\n                    author={{\n                      name: m.name,\n                      kind: m.kind,\n                      ...(m.avatar ? { avatar: m.avatar } : {}),\n                      ...(m.icon ? { icon: m.icon } : {}),\n                    }}\n                    size=\"xs\"\n                    bare\n                  />\n                  <span className=\"truncate\">{m.name}</span>\n                  {m.kind === \"agent\" && (\n                    <span className=\"ml-auto text-[10px] text-muted-foreground\">\n                      agent\n                    </span>\n                  )}\n                </button>\n              </li>\n            ))}\n          </ul>,\n          document.body,\n        )}\n    </>\n  );\n});\n"],"names":["MentionTextarea"],"mappings":";;;;;;AAkCA,MAAM,gBAAgB;AACtB,MAAM,cAAc;AAKpB,SAAS,cAAc,OAAe,OAAqC;AACzE,QAAM,QAAQ,MAAM,MAAM,GAAG,KAAK,EAAE,MAAM,aAAa;AACvD,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,QAAQ,MAAM,CAAC,KAAK;AAC1B,QAAM,UAAU,QAAQ,MAAM,SAAS;AACvC,SAAO,EAAE,SAAS,MAAA;AACpB;AAEA,SAAS,mBACP,cACA,OACsB;AACtB,QAAM,IAAI,MAAM,YAAA;AAChB,QAAM,UAAU,IACZ,aAAa;AAAA,IACX,CAAC,MACC,EAAE,KAAK,cAAc,SAAS,CAAC,KAAK,EAAE,GAAG,YAAA,EAAc,SAAS,CAAC;AAAA,EAAA,IAErE;AACJ,SAAO,QAAQ,MAAM,GAAG,WAAW;AACrC;AAEA,MAAM,eAAe;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAIA,SAAS,kBACP,IACA,UACW;AACX,MACE,OAAO,aAAa,eACpB,OAAO,qBAAqB,YAC5B;AACA,UAAM,IAAI,GAAG,sBAAA;AACb,WAAO,EAAE,KAAK,EAAE,KAAK,MAAM,EAAE,MAAM,QAAQ,GAAA;AAAA,EAC7C;AACA,QAAM,QAAQ,iBAAiB,EAAE;AACjC,QAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,aAAW,QAAQ,aAAc,QAAO,MAAM,IAAI,IAAI,MAAM,IAAI;AAChE,SAAO,MAAM,WAAW;AACxB,SAAO,MAAM,aAAa;AAC1B,SAAO,MAAM,aAAa;AAC1B,SAAO,MAAM,eAAe;AAC5B,SAAO,MAAM,MAAM;AACnB,SAAO,MAAM,OAAO;AACpB,SAAO,cAAc,GAAG,MAAM,MAAM,GAAG,QAAQ;AAE/C,QAAM,SAAS,SAAS,cAAc,MAAM;AAC5C,SAAO,cAAc,GAAG,MAAM,MAAM,QAAQ,KAAK;AACjD,SAAO,YAAY,MAAM;AACzB,WAAS,KAAK,YAAY,MAAM;AAEhC,QAAM,aACJ,SAAS,MAAM,YAAY,EAAE,KAAK,SAAS,MAAM,UAAU,EAAE,KAAK;AACpE,QAAM,YAAY,OAAO;AACzB,QAAM,aAAa,OAAO;AAC1B,WAAS,KAAK,YAAY,MAAM;AAEhC,QAAM,OAAO,GAAG,sBAAA;AAChB,SAAO;AAAA,IACL,KAAK,KAAK,MAAM,YAAY,GAAG;AAAA,IAC/B,MAAM,KAAK,OAAO,aAAa,GAAG;AAAA,IAClC,QAAQ;AAAA,EAAA;AAEZ;AAQO,MAAM,kBAAkB,WAG7B,SAASA,iBACT;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,eAAe;AACjB,GACA,cACA;AACA,QAAM,WAAW,OAA4B,IAAI;AACjD;AAAA,IACE;AAAA,IACA,MAAM,SAAS;AAAA,EAAA;AAGjB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA+B,IAAI;AAC/D,QAAM,CAAC,WAAW,YAAY,IAAI,SAA2B,IAAI;AACjE,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,CAAC;AAChD,QAAM,YAAY,kBAAA;AAElB,QAAM,UAAU,SAAS,mBAAmB,cAAc,OAAO,KAAK,IAAI,CAAA;AAC1E,QAAM,OAAO,UAAU,QAAQ,QAAQ,SAAS;AAEhD,WAAS,eAAe,IAAyB;AAC/C,UAAM,OAAO,cAAc,GAAG,OAAO,GAAG,kBAAkB,GAAG,MAAM,MAAM;AACzE,cAAU,IAAI;AACd,mBAAe,CAAC;AAChB,iBAAa,OAAO,kBAAkB,IAAI,GAAG,kBAAkB,CAAC,IAAI,IAAI;AAAA,EAC1E;AAEA,WAAS,cAAc,GAAuB;AAC5C,UAAM,KAAK,SAAS;AACpB,QAAI,CAAC,MAAM,CAAC,OAAQ;AACpB,UAAM,QAAQ,GAAG,kBAAkB,MAAM;AACzC,UAAM,OAAO,GAAG,MAAM,MAAM,GAAG,OAAO,OAAO,CAAC,IAAI,EAAE,IAAI,IAAI,MAAM,MAAM,KAAK,CAAC;AAC9E,UAAM,YAAY,OAAO,UAAU,EAAE,KAAK,SAAS;AACnD,aAAS,IAAI;AACb,uDAAkB,EAAE,IAAI,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,EAAE,KAAA;AACpD,cAAU,IAAI;AACd,iBAAa,IAAI;AACjB,0BAAsB,MAAM;AAC1B,SAAG,MAAA;AACH,SAAG,kBAAkB,WAAW,SAAS;AAAA,IAC3C,CAAC;AAAA,EACH;AAEA,WAAS,UAAU,GAAuC;AACxD,QAAI,MAAM;AACR,UAAI,EAAE,QAAQ,aAAa;AACzB,UAAE,eAAA;AACF,uBAAe,CAAC,OAAO,IAAI,KAAK,QAAQ,MAAM;AAC9C;AAAA,MACF;AACA,UAAI,EAAE,QAAQ,WAAW;AACvB,UAAE,eAAA;AACF,uBAAe,CAAC,OAAO,IAAI,IAAI,QAAQ,UAAU,QAAQ,MAAM;AAC/D;AAAA,MACF;AACA,UAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,OAAO;AACxC,UAAE,eAAA;AACF,cAAM,SAAS,QAAQ,WAAW;AAClC,YAAI,sBAAsB,MAAM;AAChC;AAAA,MACF;AACA,UAAI,EAAE,QAAQ,UAAU;AACtB,UAAE,eAAA;AACF,kBAAU,IAAI;AACd,qBAAa,IAAI;AACjB;AAAA,MACF;AAAA,IACF;AACA,QAAI,EAAE,QAAQ,WAAW,CAAC,EAAE,UAAU;AACpC,QAAE,eAAA;AACF;AACA;AAAA,IACF;AACA,QAAI,EAAE,QAAQ,UAAU;AACtB,QAAE,eAAA;AACF;AAAA,IACF;AAAA,EACF;AAEA,YAAU,MAAM;AACd,QAAI,CAAC,UAAW;AAChB,UAAM,KAAK,SAAS;AACpB,UAAM,MAAM,sBAAsB,MAAM;AACtC,+BAAI;AACJ,YAAM,OAAM,yBAAI,MAAM,WAAU;AAChC,+BAAI,kBAAkB,KAAK;AAAA,IAC7B,CAAC;AACD,WAAO,MAAM,qBAAqB,GAAG;AAAA,EACvC,GAAG,CAAC,SAAS,CAAC;AAEd,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAa;AAAA,QACb,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QAAA;AAAA,QAEF,UAAU,CAAC,MAAM;AACf,mBAAS,EAAE,OAAO,KAAK;AACvB,yBAAe,EAAE,MAAM;AAAA,QACzB;AAAA,QACA,SAAS,CAAC,MAAM,eAAe,EAAE,aAAa;AAAA,QAC9C,SAAS,CAAC,MAAM,eAAe,EAAE,aAAa;AAAA,QAC9C;AAAA,QACA,QAAQ,MAAM;AACZ,oBAAU,IAAI;AACd,uBAAa,IAAI;AAAA,QACnB;AAAA,MAAA;AAAA,IAAA;AAAA,IAED,QACC,OAAO,aAAa,eACpB;AAAA,MACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,eAAY;AAAA,UACZ,OAAO;AAAA,YACL,UAAU;AAAA,YACV,OAAM,uCAAW,QAAO,OAAM,uCAAW,WAAU,MAAM;AAAA,YACzD,OAAM,uCAAW,SAAQ;AAAA,YACzB,QAAQ;AAAA,UAAA;AAAA,UAEV,WAAU;AAAA,UAET,kBAAQ,IAAI,CAAC,GAAG,0BACd,MAAA,EACC,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,iBAAe,MAAM;AAAA,cAErB,aAAa,CAAC,MAAM;AAClB,kBAAE,eAAA;AACF,8BAAc,CAAC;AAAA,cACjB;AAAA,cACA,cAAc,MAAM,eAAe,CAAC;AAAA,cACpC,WAAW;AAAA,gBACT;AAAA,gBACA,MAAM,eAAe;AAAA,cAAA;AAAA,cAGvB,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,QAAQ;AAAA,sBACN,MAAM,EAAE;AAAA,sBACR,MAAM,EAAE;AAAA,sBACR,GAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAA,IAAW,CAAA;AAAA,sBACtC,GAAI,EAAE,OAAO,EAAE,MAAM,EAAE,KAAA,IAAS,CAAA;AAAA,oBAAC;AAAA,oBAEnC,MAAK;AAAA,oBACL,MAAI;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEN,oBAAC,QAAA,EAAK,WAAU,YAAY,YAAE,MAAK;AAAA,gBAClC,EAAE,SAAS,+BACT,QAAA,EAAK,WAAU,6CAA4C,UAAA,QAAA,CAE5D;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,EAEJ,GAhCO,EAAE,EAiCX,CACD;AAAA,QAAA;AAAA,MAAA;AAAA,MAEH,SAAS;AAAA,IAAA;AAAA,EACX,GACJ;AAEJ,CAAC;"}

package/dist/comments/comment-context.cjs

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const commentTypes = require("./comment-types.cjs");
+const CommentContext = react.createContext(null);
+function exactAnchorResolver(anchor, registered) {
+  if (registered.includes(anchor)) return anchor;
+  if (registered.includes(commentTypes.DOCUMENT_ANCHOR)) return commentTypes.DOCUMENT_ANCHOR;
+  return null;
+}
+function dottedAnchorResolver(anchor, registered) {
+  if (registered.includes(anchor)) return anchor;
+  let cursor = anchor;
+  while (cursor.includes(".")) {
+    cursor = cursor.slice(0, cursor.lastIndexOf("."));
+    if (registered.includes(cursor)) return cursor;
+  }
+  return registered.includes(commentTypes.DOCUMENT_ANCHOR) ? commentTypes.DOCUMENT_ANCHOR : null;
+}
+function useCommentContext() {
+  const ctx = react.useContext(CommentContext);
+  if (!ctx) throw new Error("useCommentContext must be used within a CommentProvider");
+  return ctx;
+}
+function useCommentContextOptional() {
+  return react.useContext(CommentContext);
+}
+exports.CommentContext = CommentContext;
+exports.dottedAnchorResolver = dottedAnchorResolver;
+exports.exactAnchorResolver = exactAnchorResolver;
+exports.useCommentContext = useCommentContext;
+exports.useCommentContextOptional = useCommentContextOptional;
+//# sourceMappingURL=comment-context.cjs.map

package/dist/comments/comment-context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"comment-context.cjs","sources":["../../src/comments/comment-context.ts"],"sourcesContent":["import { createContext, useContext, type RefObject } from \"react\";\nimport {\n  DOCUMENT_ANCHOR,\n  type Comment,\n  type CommentAnchor,\n  type CommentAnchorMeta,\n  type CommentCallbacks,\n  type CommentConfig,\n} from \"./comment-types\";\n\nexport type CommentRailMode = \"closed\" | \"focused\" | \"all\";\n\n/** Resolves a requested anchor to a registered one (or null). */\nexport type AnchorResolver = (anchor: CommentAnchor, registered: string[]) => string | null;\n\nexport type CommentContextValue = {\n  comments: Comment[];\n  config: CommentConfig;\n  callbacks: CommentCallbacks;\n  commentCounts: Record<CommentAnchor, number>;\n  commentMeta: Record<CommentAnchor, CommentAnchorMeta>;\n  railMode: CommentRailMode;\n  focusedAnchor: CommentAnchor | null;\n  focusAnchor: (anchor: CommentAnchor) => void;\n  openCommentList: () => void;\n  closeRail: () => void;\n  registerAnchor: (anchor: CommentAnchor, el: HTMLElement | null) => void;\n  getAnchorTop: (anchor: CommentAnchor) => number | null;\n  contentRef: RefObject<HTMLDivElement | null>;\n  highlightAnchor: CommentAnchor | null;\n  setHighlightAnchor: (anchor: CommentAnchor | null) => void;\n};\n\nexport const CommentContext = createContext<CommentContextValue | null>(null);\n\n/** Default resolver: exact match, else the document anchor if registered. */\nexport function exactAnchorResolver(anchor: CommentAnchor, registered: string[]): string | null {\n  if (registered.includes(anchor)) return anchor;\n  if (registered.includes(DOCUMENT_ANCHOR)) return DOCUMENT_ANCHOR;\n  return null;\n}\n\n/** Resolver for dotted anchor keys: walks up `a.b.c` → `a.b` → `a` → document. */\nexport function dottedAnchorResolver(anchor: CommentAnchor, registered: string[]): string | null {\n  if (registered.includes(anchor)) return anchor;\n  let cursor = anchor;\n  while (cursor.includes(\".\")) {\n    cursor = cursor.slice(0, cursor.lastIndexOf(\".\"));\n    if (registered.includes(cursor)) return cursor;\n  }\n  return registered.includes(DOCUMENT_ANCHOR) ? DOCUMENT_ANCHOR : null;\n}\n\n/** Reads the comment context; throws when used outside a CommentProvider. */\nexport function useCommentContext(): CommentContextValue {\n  const ctx = useContext(CommentContext);\n  if (!ctx) throw new Error(\"useCommentContext must be used within a CommentProvider\");\n  return ctx;\n}\n\n/** Reads the comment context, returning null when no provider is present. */\nexport function useCommentContextOptional(): CommentContextValue | null {\n  return useContext(CommentContext);\n}\n"],"names":["createContext","DOCUMENT_ANCHOR","useContext"],"mappings":";;;;AAiCO,MAAM,iBAAiBA,MAAAA,cAA0C,IAAI;AAGrE,SAAS,oBAAoB,QAAuB,YAAqC;AAC9F,MAAI,WAAW,SAAS,MAAM,EAAG,QAAO;AACxC,MAAI,WAAW,SAASC,aAAAA,eAAe,EAAG,QAAOA,aAAAA;AACjD,SAAO;AACT;AAGO,SAAS,qBAAqB,QAAuB,YAAqC;AAC/F,MAAI,WAAW,SAAS,MAAM,EAAG,QAAO;AACxC,MAAI,SAAS;AACb,SAAO,OAAO,SAAS,GAAG,GAAG;AAC3B,aAAS,OAAO,MAAM,GAAG,OAAO,YAAY,GAAG,CAAC;AAChD,QAAI,WAAW,SAAS,MAAM,EAAG,QAAO;AAAA,EAC1C;AACA,SAAO,WAAW,SAASA,4BAAe,IAAIA,aAAAA,kBAAkB;AAClE;AAGO,SAAS,oBAAyC;AACvD,QAAM,MAAMC,MAAAA,WAAW,cAAc;AACrC,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,yDAAyD;AACnF,SAAO;AACT;AAGO,SAAS,4BAAwD;AACtE,SAAOA,MAAAA,WAAW,cAAc;AAClC;;;;;;"}

package/dist/comments/comment-context.d.ts

@@ -0,0 +1,32 @@
+import { RefObject } from 'react';
+import { Comment, CommentAnchor, CommentAnchorMeta, CommentCallbacks, CommentConfig } from './comment-types';
+export type CommentRailMode = "closed" | "focused" | "all";
+/** Resolves a requested anchor to a registered one (or null). */
+export type AnchorResolver = (anchor: CommentAnchor, registered: string[]) => string | null;
+export type CommentContextValue = {
+    comments: Comment[];
+    config: CommentConfig;
+    callbacks: CommentCallbacks;
+    commentCounts: Record<CommentAnchor, number>;
+    commentMeta: Record<CommentAnchor, CommentAnchorMeta>;
+    railMode: CommentRailMode;
+    focusedAnchor: CommentAnchor | null;
+    focusAnchor: (anchor: CommentAnchor) => void;
+    openCommentList: () => void;
+    closeRail: () => void;
+    registerAnchor: (anchor: CommentAnchor, el: HTMLElement | null) => void;
+    getAnchorTop: (anchor: CommentAnchor) => number | null;
+    contentRef: RefObject<HTMLDivElement | null>;
+    highlightAnchor: CommentAnchor | null;
+    setHighlightAnchor: (anchor: CommentAnchor | null) => void;
+};
+export declare const CommentContext: import('react').Context<CommentContextValue | null>;
+/** Default resolver: exact match, else the document anchor if registered. */
+export declare function exactAnchorResolver(anchor: CommentAnchor, registered: string[]): string | null;
+/** Resolver for dotted anchor keys: walks up `a.b.c` → `a.b` → `a` → document. */
+export declare function dottedAnchorResolver(anchor: CommentAnchor, registered: string[]): string | null;
+/** Reads the comment context; throws when used outside a CommentProvider. */
+export declare function useCommentContext(): CommentContextValue;
+/** Reads the comment context, returning null when no provider is present. */
+export declare function useCommentContextOptional(): CommentContextValue | null;
+//# sourceMappingURL=comment-context.d.ts.map

package/dist/comments/comment-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"comment-context.d.ts","sourceRoot":"","sources":["../../src/comments/comment-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAEL,KAAK,OAAO,EACZ,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,aAAa,EACnB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAC;AAE3D,iEAAiE;AACjE,MAAM,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,MAAM,GAAG,IAAI,CAAC;AAE5F,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,EAAE,gBAAgB,CAAC;IAC5B,aAAa,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IAC7C,WAAW,EAAE,MAAM,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;IACtD,QAAQ,EAAE,eAAe,CAAC;IAC1B,aAAa,EAAE,aAAa,GAAG,IAAI,CAAC;IACpC,WAAW,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7C,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACxE,YAAY,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,MAAM,GAAG,IAAI,CAAC;IACvD,UAAU,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC7C,eAAe,EAAE,aAAa,GAAG,IAAI,CAAC;IACtC,kBAAkB,EAAE,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;CAC5D,CAAC;AAEF,eAAO,MAAM,cAAc,qDAAkD,CAAC;AAE9E,6EAA6E;AAC7E,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,IAAI,CAI9F;AAED,kFAAkF;AAClF,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,IAAI,CAQ/F;AAED,6EAA6E;AAC7E,wBAAgB,iBAAiB,IAAI,mBAAmB,CAIvD;AAED,6EAA6E;AAC7E,wBAAgB,yBAAyB,IAAI,mBAAmB,GAAG,IAAI,CAEtE"}

package/dist/comments/comment-context.js

@@ -0,0 +1,33 @@
+import { useContext, createContext } from "react";
+import { DOCUMENT_ANCHOR } from "./comment-types.js";
+const CommentContext = createContext(null);
+function exactAnchorResolver(anchor, registered) {
+  if (registered.includes(anchor)) return anchor;
+  if (registered.includes(DOCUMENT_ANCHOR)) return DOCUMENT_ANCHOR;
+  return null;
+}
+function dottedAnchorResolver(anchor, registered) {
+  if (registered.includes(anchor)) return anchor;
+  let cursor = anchor;
+  while (cursor.includes(".")) {
+    cursor = cursor.slice(0, cursor.lastIndexOf("."));
+    if (registered.includes(cursor)) return cursor;
+  }
+  return registered.includes(DOCUMENT_ANCHOR) ? DOCUMENT_ANCHOR : null;
+}
+function useCommentContext() {
+  const ctx = useContext(CommentContext);
+  if (!ctx) throw new Error("useCommentContext must be used within a CommentProvider");
+  return ctx;
+}
+function useCommentContextOptional() {
+  return useContext(CommentContext);
+}
+export {
+  CommentContext,
+  dottedAnchorResolver,
+  exactAnchorResolver,
+  useCommentContext,
+  useCommentContextOptional
+};
+//# sourceMappingURL=comment-context.js.map

package/dist/comments/comment-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"comment-context.js","sources":["../../src/comments/comment-context.ts"],"sourcesContent":["import { createContext, useContext, type RefObject } from \"react\";\nimport {\n  DOCUMENT_ANCHOR,\n  type Comment,\n  type CommentAnchor,\n  type CommentAnchorMeta,\n  type CommentCallbacks,\n  type CommentConfig,\n} from \"./comment-types\";\n\nexport type CommentRailMode = \"closed\" | \"focused\" | \"all\";\n\n/** Resolves a requested anchor to a registered one (or null). */\nexport type AnchorResolver = (anchor: CommentAnchor, registered: string[]) => string | null;\n\nexport type CommentContextValue = {\n  comments: Comment[];\n  config: CommentConfig;\n  callbacks: CommentCallbacks;\n  commentCounts: Record<CommentAnchor, number>;\n  commentMeta: Record<CommentAnchor, CommentAnchorMeta>;\n  railMode: CommentRailMode;\n  focusedAnchor: CommentAnchor | null;\n  focusAnchor: (anchor: CommentAnchor) => void;\n  openCommentList: () => void;\n  closeRail: () => void;\n  registerAnchor: (anchor: CommentAnchor, el: HTMLElement | null) => void;\n  getAnchorTop: (anchor: CommentAnchor) => number | null;\n  contentRef: RefObject<HTMLDivElement | null>;\n  highlightAnchor: CommentAnchor | null;\n  setHighlightAnchor: (anchor: CommentAnchor | null) => void;\n};\n\nexport const CommentContext = createContext<CommentContextValue | null>(null);\n\n/** Default resolver: exact match, else the document anchor if registered. */\nexport function exactAnchorResolver(anchor: CommentAnchor, registered: string[]): string | null {\n  if (registered.includes(anchor)) return anchor;\n  if (registered.includes(DOCUMENT_ANCHOR)) return DOCUMENT_ANCHOR;\n  return null;\n}\n\n/** Resolver for dotted anchor keys: walks up `a.b.c` → `a.b` → `a` → document. */\nexport function dottedAnchorResolver(anchor: CommentAnchor, registered: string[]): string | null {\n  if (registered.includes(anchor)) return anchor;\n  let cursor = anchor;\n  while (cursor.includes(\".\")) {\n    cursor = cursor.slice(0, cursor.lastIndexOf(\".\"));\n    if (registered.includes(cursor)) return cursor;\n  }\n  return registered.includes(DOCUMENT_ANCHOR) ? DOCUMENT_ANCHOR : null;\n}\n\n/** Reads the comment context; throws when used outside a CommentProvider. */\nexport function useCommentContext(): CommentContextValue {\n  const ctx = useContext(CommentContext);\n  if (!ctx) throw new Error(\"useCommentContext must be used within a CommentProvider\");\n  return ctx;\n}\n\n/** Reads the comment context, returning null when no provider is present. */\nexport function useCommentContextOptional(): CommentContextValue | null {\n  return useContext(CommentContext);\n}\n"],"names":[],"mappings":";;AAiCO,MAAM,iBAAiB,cAA0C,IAAI;AAGrE,SAAS,oBAAoB,QAAuB,YAAqC;AAC9F,MAAI,WAAW,SAAS,MAAM,EAAG,QAAO;AACxC,MAAI,WAAW,SAAS,eAAe,EAAG,QAAO;AACjD,SAAO;AACT;AAGO,SAAS,qBAAqB,QAAuB,YAAqC;AAC/F,MAAI,WAAW,SAAS,MAAM,EAAG,QAAO;AACxC,MAAI,SAAS;AACb,SAAO,OAAO,SAAS,GAAG,GAAG;AAC3B,aAAS,OAAO,MAAM,GAAG,OAAO,YAAY,GAAG,CAAC;AAChD,QAAI,WAAW,SAAS,MAAM,EAAG,QAAO;AAAA,EAC1C;AACA,SAAO,WAAW,SAAS,eAAe,IAAI,kBAAkB;AAClE;AAGO,SAAS,oBAAyC;AACvD,QAAM,MAAM,WAAW,cAAc;AACrC,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,yDAAyD;AACnF,SAAO;AACT;AAGO,SAAS,4BAAwD;AACtE,SAAO,WAAW,cAAc;AAClC;"}

package/dist/comments/comment-fixtures.d.ts

@@ -0,0 +1,11 @@
+import { Comment, CommentAuthor, CommentCallbacks, CommentConfig } from './comment-types';
+export declare const ME: CommentAuthor;
+export declare const sampleConfig: CommentConfig;
+export declare const sampleComments: Comment[];
+/** Stateful in-memory store wiring the controlled callbacks for demos/stories. */
+export declare function useDemoCommentStore(initial?: Comment[]): {
+    comments: Comment[];
+    callbacks: CommentCallbacks;
+    setComments: import('react').Dispatch<import('react').SetStateAction<Comment[]>>;
+};
+//# sourceMappingURL=comment-fixtures.d.ts.map

package/dist/comments/comment-fixtures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"comment-fixtures.d.ts","sourceRoot":"","sources":["../../src/comments/comment-fixtures.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,OAAO,EACP,aAAa,EACb,gBAAgB,EAChB,aAAa,EACd,MAAM,iBAAiB,CAAC;AAKzB,eAAO,MAAM,EAAE,EAAE,aAIhB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,aA4C1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,OAAO,EA+CnC,CAAC;AAEF,kFAAkF;AAClF,wBAAgB,mBAAmB,CAAC,OAAO,GAAE,OAAO,EAAmB;;;;EAiDtE"}

package/dist/comments/comment-types.cjs

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const DOCUMENT_ANCHOR = "__document__";
+const DEFAULT_COMMENT_STATUSES = [
+  { value: "open", label: "Open", tone: "info", unresolved: true },
+  {
+    value: "in_progress",
+    label: "In progress",
+    tone: "warning",
+    unresolved: true
+  },
+  { value: "resolved", label: "Resolved", tone: "success" },
+  { value: "closed", label: "Closed", tone: "neutral" }
+];
+const DEFAULT_CHECKLIST_CYCLE = ["open", "in_progress", "done"];
+exports.DEFAULT_CHECKLIST_CYCLE = DEFAULT_CHECKLIST_CYCLE;
+exports.DEFAULT_COMMENT_STATUSES = DEFAULT_COMMENT_STATUSES;
+exports.DOCUMENT_ANCHOR = DOCUMENT_ANCHOR;
+//# sourceMappingURL=comment-types.cjs.map

package/dist/comments/comment-types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"comment-types.cjs","sources":["../../src/comments/comment-types.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { StaticIconComponent } from \"../data/Icon\";\n\n/** Semantic tone driving a status/facet color (maps onto Badge tones). */\nexport type CommentTone =\n  | \"default\"\n  | \"info\"\n  | \"success\"\n  | \"warning\"\n  | \"danger\"\n  | \"neutral\";\n\n/** A single selectable status (e.g. \"open\", \"resolved\"). Consumer-defined. */\nexport type CommentStatusConfig = {\n  /** Stable value stored on a comment's `status`. */\n  value: string;\n  /** Human label shown in menus and badges. */\n  label: string;\n  /** Color tone for the status chip. */\n  tone?: CommentTone;\n  /** Optional leading glyph. */\n  icon?: string | StaticIconComponent;\n  /**\n   * Whether this status counts as \"unresolved/open\" — drives progress tallies\n   * and which groups start expanded. Defaults to false.\n   */\n  unresolved?: boolean;\n};\n\n/** One option of a generic facet (e.g. a \"category\" value). */\nexport type CommentFacetOption = {\n  value: string;\n  label: string;\n  tone?: CommentTone;\n  /** Compact glyph for the collapsed card (e.g. \"BS\" for a category). */\n  short?: string;\n};\n\n/**\n * A generic, consumer-supplied classification axis. Replaces the financial\n * category/severity vocabulary — any app declares its own facets.\n */\nexport type CommentFacet = {\n  /** Key into `Comment.facets`. */\n  key: string;\n  label: string;\n  options: CommentFacetOption[];\n  /** Allow several values to be selected at once in the filter bar. */\n  multiple?: boolean;\n};\n\nexport type CommentMentionKind = \"user\" | \"agent\";\n\n/** A person or agent that can be @-mentioned in the composer. */\nexport type CommentMentionable = {\n  id: string;\n  name: string;\n  /** Image URL for `kind: \"user\"`. */\n  avatar?: string;\n  kind: CommentMentionKind;\n  /** Glyph override for `kind: \"agent\"`. */\n  icon?: string | StaticIconComponent;\n};\n\n/** A resolved mention emitted when a comment referencing a mentionable is posted. */\nexport type CommentMention = {\n  id: string;\n  name: string;\n  kind: CommentMentionKind;\n};\n\n/** A labelled group of reference chips (e.g. linked ids). */\nexport type CommentRefGroup = {\n  label: string;\n  items: string[];\n  /** Render items in a monospace font. */\n  mono?: boolean;\n};\n\n/** One item of a generic checklist; `status` cycles through `checklistStatusCycle`. */\nexport type CommentChecklistItem = {\n  label: string;\n  status: string;\n};\n\nexport type CommentAuthor = {\n  id?: string;\n  name: string;\n  kind?: CommentMentionKind;\n  avatar?: string;\n  /** Glyph override for `kind: \"agent\"` authors. */\n  icon?: string | StaticIconComponent;\n};\n\n/**\n * An opaque anchor key locating a comment within a document. Not a JSON path —\n * any stable string a consumer registers via the provider. `null`/absent means\n * document-level.\n */\nexport type CommentAnchor = string;\n\n/** Anchor key reserved for document-level (un-anchored) comments. */\nexport const DOCUMENT_ANCHOR = \"__document__\";\n\n/** A single comment. Replies set `parentId`; roots leave it null. */\nexport type Comment = {\n  id: string;\n  body: string;\n  /** ISO-8601 creation time. */\n  createdAt: string;\n  /** ISO-8601 last-update time. */\n  updatedAt?: string;\n  author: CommentAuthor | null;\n  /** Key into the configured statuses; roots only. */\n  status?: string;\n  /** Parent comment id when this is a reply. */\n  parentId?: string | null;\n  /** Where the comment is anchored; null/absent = document-level. */\n  anchor?: CommentAnchor | null;\n  /** facet.key → selected option value. */\n  facets?: Record<string, string>;\n  refs?: CommentRefGroup[];\n  checklist?: CommentChecklistItem[];\n};\n\n/** Payload for creating a new root comment. */\nexport type CommentCreateInput = {\n  body: string;\n  anchor?: CommentAnchor | null;\n  facets?: Record<string, string>;\n  mentions?: CommentMention[];\n};\n\n/** Payload for replying to a comment. */\nexport type CommentReplyInput = {\n  parentId: string;\n  body: string;\n  anchor?: CommentAnchor | null;\n  mentions?: CommentMention[];\n};\n\n/**\n * Controlled callbacks. The components own no data fetching; the consumer\n * performs the mutation and feeds the updated `comments` back in.\n */\nexport type CommentCallbacks = {\n  onCreate?: (input: CommentCreateInput) => void | Promise<void>;\n  onReply?: (input: CommentReplyInput) => void | Promise<void>;\n  onUpdateStatus?: (id: string, status: string) => void | Promise<void>;\n  onDelete?: (id: string) => void | Promise<void>;\n  onChecklistToggle?: (\n    id: string,\n    index: number,\n    next: string,\n  ) => void | Promise<void>;\n  /** Fired when a posted comment references a mentionable. */\n  onMention?: (mention: CommentMention, context: { body: string }) => void;\n};\n\n/** Static configuration shared across the comment components. */\nexport type CommentConfig = {\n  /** Selectable statuses; the first `unresolved` one is the default for new comments. */\n  statuses: CommentStatusConfig[];\n  /** Classification axes (category/severity/etc.). */\n  facets?: CommentFacet[];\n  /** People/agents available for @-mention. */\n  mentionables?: CommentMentionable[];\n  /** Status values a checklist item cycles through on click. */\n  checklistStatusCycle?: string[];\n};\n\n/** Aggregate metadata for one anchor, derived from the comment list. */\nexport type CommentAnchorMeta = {\n  count: number;\n  authors: string[];\n  latestStatus?: string;\n};\n\n/** Selected filter state for the filter bar / `applyCommentFilters`. */\nexport type CommentFilters = {\n  /** Selected status values; empty = all statuses. */\n  statuses: Set<string>;\n  /** facet.key → selected option values; empty set = all values for that facet. */\n  facets: Record<string, Set<string>>;\n  /** Restrict to an author kind, or \"all\". */\n  authorKind?: CommentMentionKind | \"all\";\n};\n\n/** Optional renderers passed down to a card. */\nexport type CommentRenderOptions = {\n  /** Custom comment-body renderer (e.g. full Markdown). Defaults to CommentMarkdown. */\n  renderBody?: (body: string) => ReactNode;\n};\n\n/** A domain-free default status set: open / in progress / resolved. */\nexport const DEFAULT_COMMENT_STATUSES: CommentStatusConfig[] = [\n  { value: \"open\", label: \"Open\", tone: \"info\", unresolved: true },\n  {\n    value: \"in_progress\",\n    label: \"In progress\",\n    tone: \"warning\",\n    unresolved: true,\n  },\n  { value: \"resolved\", label: \"Resolved\", tone: \"success\" },\n  { value: \"closed\", label: \"Closed\", tone: \"neutral\" },\n];\n\n/** Default checklist status cycle used when a consumer omits one. */\nexport const DEFAULT_CHECKLIST_CYCLE = [\"open\", \"in_progress\", \"done\"];\n"],"names":[],"mappings":";;AAsGO,MAAM,kBAAkB;AA6FxB,MAAM,2BAAkD;AAAA,EAC7D,EAAE,OAAO,QAAQ,OAAO,QAAQ,MAAM,QAAQ,YAAY,KAAA;AAAA,EAC1D;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,EAAA;AAAA,EAEd,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,UAAA;AAAA,EAC9C,EAAE,OAAO,UAAU,OAAO,UAAU,MAAM,UAAA;AAC5C;AAGO,MAAM,0BAA0B,CAAC,QAAQ,eAAe,MAAM;;;;"}

package/dist/comments/comment-types.d.ts

@@ -0,0 +1,170 @@
+import { ReactNode } from 'react';
+import { StaticIconComponent } from '../data/Icon';
+/** Semantic tone driving a status/facet color (maps onto Badge tones). */
+export type CommentTone = "default" | "info" | "success" | "warning" | "danger" | "neutral";
+/** A single selectable status (e.g. "open", "resolved"). Consumer-defined. */
+export type CommentStatusConfig = {
+    /** Stable value stored on a comment's `status`. */
+    value: string;
+    /** Human label shown in menus and badges. */
+    label: string;
+    /** Color tone for the status chip. */
+    tone?: CommentTone;
+    /** Optional leading glyph. */
+    icon?: string | StaticIconComponent;
+    /**
+     * Whether this status counts as "unresolved/open" — drives progress tallies
+     * and which groups start expanded. Defaults to false.
+     */
+    unresolved?: boolean;
+};
+/** One option of a generic facet (e.g. a "category" value). */
+export type CommentFacetOption = {
+    value: string;
+    label: string;
+    tone?: CommentTone;
+    /** Compact glyph for the collapsed card (e.g. "BS" for a category). */
+    short?: string;
+};
+/**
+ * A generic, consumer-supplied classification axis. Replaces the financial
+ * category/severity vocabulary — any app declares its own facets.
+ */
+export type CommentFacet = {
+    /** Key into `Comment.facets`. */
+    key: string;
+    label: string;
+    options: CommentFacetOption[];
+    /** Allow several values to be selected at once in the filter bar. */
+    multiple?: boolean;
+};
+export type CommentMentionKind = "user" | "agent";
+/** A person or agent that can be @-mentioned in the composer. */
+export type CommentMentionable = {
+    id: string;
+    name: string;
+    /** Image URL for `kind: "user"`. */
+    avatar?: string;
+    kind: CommentMentionKind;
+    /** Glyph override for `kind: "agent"`. */
+    icon?: string | StaticIconComponent;
+};
+/** A resolved mention emitted when a comment referencing a mentionable is posted. */
+export type CommentMention = {
+    id: string;
+    name: string;
+    kind: CommentMentionKind;
+};
+/** A labelled group of reference chips (e.g. linked ids). */
+export type CommentRefGroup = {
+    label: string;
+    items: string[];
+    /** Render items in a monospace font. */
+    mono?: boolean;
+};
+/** One item of a generic checklist; `status` cycles through `checklistStatusCycle`. */
+export type CommentChecklistItem = {
+    label: string;
+    status: string;
+};
+export type CommentAuthor = {
+    id?: string;
+    name: string;
+    kind?: CommentMentionKind;
+    avatar?: string;
+    /** Glyph override for `kind: "agent"` authors. */
+    icon?: string | StaticIconComponent;
+};
+/**
+ * An opaque anchor key locating a comment within a document. Not a JSON path —
+ * any stable string a consumer registers via the provider. `null`/absent means
+ * document-level.
+ */
+export type CommentAnchor = string;
+/** Anchor key reserved for document-level (un-anchored) comments. */
+export declare const DOCUMENT_ANCHOR = "__document__";
+/** A single comment. Replies set `parentId`; roots leave it null. */
+export type Comment = {
+    id: string;
+    body: string;
+    /** ISO-8601 creation time. */
+    createdAt: string;
+    /** ISO-8601 last-update time. */
+    updatedAt?: string;
+    author: CommentAuthor | null;
+    /** Key into the configured statuses; roots only. */
+    status?: string;
+    /** Parent comment id when this is a reply. */
+    parentId?: string | null;
+    /** Where the comment is anchored; null/absent = document-level. */
+    anchor?: CommentAnchor | null;
+    /** facet.key → selected option value. */
+    facets?: Record<string, string>;
+    refs?: CommentRefGroup[];
+    checklist?: CommentChecklistItem[];
+};
+/** Payload for creating a new root comment. */
+export type CommentCreateInput = {
+    body: string;
+    anchor?: CommentAnchor | null;
+    facets?: Record<string, string>;
+    mentions?: CommentMention[];
+};
+/** Payload for replying to a comment. */
+export type CommentReplyInput = {
+    parentId: string;
+    body: string;
+    anchor?: CommentAnchor | null;
+    mentions?: CommentMention[];
+};
+/**
+ * Controlled callbacks. The components own no data fetching; the consumer
+ * performs the mutation and feeds the updated `comments` back in.
+ */
+export type CommentCallbacks = {
+    onCreate?: (input: CommentCreateInput) => void | Promise<void>;
+    onReply?: (input: CommentReplyInput) => void | Promise<void>;
+    onUpdateStatus?: (id: string, status: string) => void | Promise<void>;
+    onDelete?: (id: string) => void | Promise<void>;
+    onChecklistToggle?: (id: string, index: number, next: string) => void | Promise<void>;
+    /** Fired when a posted comment references a mentionable. */
+    onMention?: (mention: CommentMention, context: {
+        body: string;
+    }) => void;
+};
+/** Static configuration shared across the comment components. */
+export type CommentConfig = {
+    /** Selectable statuses; the first `unresolved` one is the default for new comments. */
+    statuses: CommentStatusConfig[];
+    /** Classification axes (category/severity/etc.). */
+    facets?: CommentFacet[];
+    /** People/agents available for @-mention. */
+    mentionables?: CommentMentionable[];
+    /** Status values a checklist item cycles through on click. */
+    checklistStatusCycle?: string[];
+};
+/** Aggregate metadata for one anchor, derived from the comment list. */
+export type CommentAnchorMeta = {
+    count: number;
+    authors: string[];
+    latestStatus?: string;
+};
+/** Selected filter state for the filter bar / `applyCommentFilters`. */
+export type CommentFilters = {
+    /** Selected status values; empty = all statuses. */
+    statuses: Set<string>;
+    /** facet.key → selected option values; empty set = all values for that facet. */
+    facets: Record<string, Set<string>>;
+    /** Restrict to an author kind, or "all". */
+    authorKind?: CommentMentionKind | "all";
+};
+/** Optional renderers passed down to a card. */
+export type CommentRenderOptions = {
+    /** Custom comment-body renderer (e.g. full Markdown). Defaults to CommentMarkdown. */
+    renderBody?: (body: string) => ReactNode;
+};
+/** A domain-free default status set: open / in progress / resolved. */
+export declare const DEFAULT_COMMENT_STATUSES: CommentStatusConfig[];
+/** Default checklist status cycle used when a consumer omits one. */
+export declare const DEFAULT_CHECKLIST_CYCLE: string[];
+//# sourceMappingURL=comment-types.d.ts.map

package/dist/comments/comment-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"comment-types.d.ts","sourceRoot":"","sources":["../../src/comments/comment-types.ts"],"names":[],"mappings":"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"}