@nuucognition/ncm-ui 0.1.0-dev.1

package/dist/blocks/math/index.js

@@ -0,0 +1,88 @@
+"use client";
+import { useState, useEffect, useMemo } from 'react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+// src/lib/katex.ts
+var katexPromise = null;
+function loadKatex() {
+  if (!katexPromise) {
+    katexPromise = Promise.all([
+      import('katex'),
+      import('katex/dist/katex.min.css')
+    ]).then(([module]) => module.default).catch(() => null);
+  }
+  return katexPromise;
+}
+function useKatexHtml(content, displayMode, enabled = true) {
+  const [katexModule, setKatexModule] = useState(null);
+  useEffect(() => {
+    if (!enabled) {
+      return;
+    }
+    let active = true;
+    loadKatex().then((loaded) => {
+      if (active) {
+        setKatexModule(loaded);
+      }
+    });
+    return () => {
+      active = false;
+    };
+  }, [enabled]);
+  return useMemo(() => {
+    if (!enabled || !katexModule) {
+      return null;
+    }
+    try {
+      return katexModule.renderToString(content, {
+        throwOnError: false,
+        displayMode
+      });
+    } catch {
+      return null;
+    }
+  }, [content, displayMode, enabled, katexModule]);
+}
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function MathBlock({ block, className }) {
+  const html = useKatexHtml(block.content, true);
+  if (html) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "region",
+        "aria-label": "Mathematical expression",
+        "data-ncm-block": block.id,
+        "data-ncm-stable": block.stableId,
+        "data-ncm-type": block.type,
+        "data-block-id": block.id,
+        "data-ncm-math": "",
+        className: cn("overflow-x-auto", className),
+        dangerouslySetInnerHTML: { __html: html }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "pre",
+    {
+      role: "region",
+      "aria-label": "Mathematical expression (source)",
+      "data-ncm-block": block.id,
+      "data-ncm-stable": block.stableId,
+      "data-ncm-type": block.type,
+      "data-block-id": block.id,
+      "data-ncm-math": "",
+      className: cn(
+        "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
+        className
+      ),
+      children: /* @__PURE__ */ jsx("code", { children: block.content })
+    }
+  );
+}
+
+export { MathBlock };

package/dist/blocks/mermaid/index.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MermaidBlock as MermaidBlock$1 } from '@nuucognition/ncm';
+import { a as BlockRendererProps } from '../../renderers-C5f41FCy.js';
+import 'react';
+
+type MermaidBlockProps = BlockRendererProps<MermaidBlock$1>;
+/**
+ * Mermaid renderer — the default emits the diagram *source* (no Mermaid runtime
+ * is bundled in this package). Consumers wire a live renderer by overriding the
+ * `mermaid` renderer key. `data-ncm-diagram-type` exposes the detected kind.
+ */
+declare function MermaidBlock({ block, className }: MermaidBlockProps): react_jsx_runtime.JSX.Element;
+
+export { MermaidBlock, type MermaidBlockProps };

package/dist/blocks/mermaid/index.js

@@ -0,0 +1,29 @@
+"use client";
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+// src/lib/utils.ts
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function MermaidBlock({ block, className }) {
+  return /* @__PURE__ */ jsx(
+    "pre",
+    {
+      "data-ncm-block": block.id,
+      "data-ncm-stable": block.stableId,
+      "data-ncm-type": block.type,
+      "data-block-id": block.id,
+      "data-ncm-mermaid": "",
+      "data-ncm-diagram-type": block.diagramType,
+      className: cn(
+        "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
+        className
+      ),
+      children: /* @__PURE__ */ jsx("code", { children: block.content })
+    }
+  );
+}
+
+export { MermaidBlock };

package/dist/blocks/page-breaker/index.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PageBreakerBlock as PageBreakerBlock$1 } from '@nuucognition/ncm';
+import { a as BlockRendererProps } from '../../renderers-C5f41FCy.js';
+import 'react';
+
+type PageBreakerBlockProps = BlockRendererProps<PageBreakerBlock$1>;
+/**
+ * Page breaker — a non-rendered provenance marker.
+ *
+ * Emits a zero-height, aria-hidden anchor carrying `data-ncm-page` so consumers
+ * can locate where each source PDF page begins (e.g. to scroll-sync rendered
+ * markdown against the original PDF). It produces no visible output.
+ */
+declare function PageBreakerBlock({ block, className }: PageBreakerBlockProps): react_jsx_runtime.JSX.Element;
+
+export { PageBreakerBlock, type PageBreakerBlockProps };

package/dist/blocks/page-breaker/index.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+
+// src/blocks/page-breaker/page-breaker.tsx
+function PageBreakerBlock({ block, className }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-ncm-block": block.id,
+      "data-ncm-stable": block.stableId,
+      "data-ncm-type": block.type,
+      "data-block-id": block.id,
+      "data-ncm-page": block.page,
+      "aria-hidden": "true",
+      className,
+      style: { height: 0, margin: 0, padding: 0, border: 0 }
+    }
+  );
+}
+
+export { PageBreakerBlock };

package/dist/blocks/paragraph/index.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ParagraphBlock as ParagraphBlock$1 } from '@nuucognition/ncm';
+import { a as BlockRendererProps } from '../../renderers-C5f41FCy.js';
+import 'react';
+
+type ParagraphBlockProps = BlockRendererProps<ParagraphBlock$1>;
+declare function ParagraphBlock({ block, className }: ParagraphBlockProps): react_jsx_runtime.JSX.Element;
+
+export { ParagraphBlock, type ParagraphBlockProps };