@ai-matrx/rich-content 0.2.85 → 0.2.87

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 0.2.87
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/rich-content/v0.2.86..npm/rich-content/v0.2.87 -- apps/shared/rich-content`).
+No source changes intended and no consumer action required.
+
+## 0.2.86
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/rich-content/v0.2.85..npm/rich-content/v0.2.86 -- apps/shared/rich-content`).
+No source changes intended and no consumer action required.
+
 ## 0.2.85
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/mermaid/print-render.js

@@ -1,5 +1,5 @@
 import { renderMermaid } from "./runtime.js";
-import { closeFence, fenceOpenerOf } from "@ai-matrx/content-ir/source";
+import { closeFence, fenceOpenerOf, soleFence } from "@ai-matrx/content-ir/source";
 const PRINT_OPTIONS = { theme: "default", look: "classic", layout: "dagre" };
 function mermaidFenceSources(markdown) {
   const out = [];
@@ -21,8 +21,7 @@ function mermaidFenceSources(markdown) {
   return out;
 }
 function mermaidSourceOf(body) {
-  const fenced = /^\s*(`{3,}|~{3,})[^\n]*\n([\s\S]*?)\n?\s*\1\s*$/.exec(body);
-  return (fenced ? fenced[2] : body).trim();
+  return (soleFence(body)?.body ?? body).trim();
 }
 async function drawMermaidForPrint(markdown, extraBodies = []) {
   const pictures = /* @__PURE__ */ new Map();

package/dist/utils/lifted/ShimmerText.d.ts

@@ -2,4 +2,18 @@ export interface ShimmerTextProps {
     text: string;
     className?: string;
 }
+/**
+ * The shimmer's colours and size as design-token utility classes — no
+ * `hsl(var(--x))` wrap (a host whose theme variables are full colour values
+ * would read that as invalid and paint transparent text) and no host-defined
+ * `animate-*` utility. Any host that resolves the design-system's colour
+ * classes resolves these identically.
+ */
+export declare const SHIMMER_GRADIENT_CLASSES = "bg-gradient-to-r from-muted-foreground/30 via-foreground to-muted-foreground/30 bg-[length:200%_100%]";
+/**
+ * Drives the left-to-right sweep with the Web Animations API, so the package
+ * ships its own motion: no `@keyframes`, no Tailwind `animate-*` entry, no
+ * stylesheet import required of the host. Respects reduced motion.
+ */
+export declare function useShimmerSweep<T extends HTMLElement>(durationMs?: number): (el: T | null) => void;
 export declare function ShimmerText({ text, className }: ShimmerTextProps): import("react").JSX.Element;

package/dist/utils/lifted/ShimmerText.js

@@ -1,21 +1,39 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { cn } from "@ai-matrx/design-system";
+import { useCallback, useRef } from "react";
+const SHIMMER_GRADIENT_CLASSES = "bg-gradient-to-r from-muted-foreground/30 via-foreground to-muted-foreground/30 bg-[length:200%_100%]";
+function useShimmerSweep(durationMs = 2e3) {
+  const animationRef = useRef(null);
+  return useCallback(
+    (el) => {
+      animationRef.current?.cancel();
+      animationRef.current = null;
+      if (!el || typeof el.animate !== "function") return;
+      if (typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches) return;
+      animationRef.current = el.animate(
+        [{ backgroundPosition: "0 0" }, { backgroundPosition: "-200% 0" }],
+        { duration: durationMs, iterations: Infinity, easing: "linear" }
+      );
+      animationRef.current.finished?.catch(() => {
+      });
+    },
+    [durationMs]
+  );
+}
 function ShimmerText({ text, className }) {
+  const ref = useShimmerSweep();
   return /* @__PURE__ */ jsx(
     "span",
     {
-      className: cn(
-        "inline-block bg-clip-text text-transparent bg-[length:200%_100%] animate-shimmer",
-        className
-      ),
-      style: {
-        backgroundImage: "linear-gradient(90deg, hsl(var(--muted-foreground) / 0.3) 0%, hsl(var(--foreground)) 50%, hsl(var(--muted-foreground) / 0.3) 100%)"
-      },
+      ref,
+      className: cn("inline-block bg-clip-text text-transparent", SHIMMER_GRADIENT_CLASSES, className),
       children: text
     }
   );
 }
 export {
-  ShimmerText
+  SHIMMER_GRADIENT_CLASSES,
+  ShimmerText,
+  useShimmerSweep
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/rich-content",
-  "version": "0.2.85",
+  "version": "0.2.87",
   "description": "The AI Matrx formatted-text engine: the one markdown renderer, streaming markdown, the block splitter and renderer, the generic blocks, <RichContent> levels, the rich-document action registry and menus, copy, and the selection toolbar — as portable React.",
   "type": "module",
   "license": "MIT",
@@ -137,13 +137,13 @@
     "@ai-matrx/content-ir-react": "latest",
     "@ai-matrx/data": "latest",
     "@ai-matrx/design-system": "latest",
-    "@ai-matrx/diff": "latest",
     "@ai-matrx/icons": "latest",
     "@ai-matrx/kit": "latest",
     "@ai-matrx/media": "latest",
+    "@ai-matrx/print": "latest",
     "@ai-matrx/records": "latest",
     "@ai-matrx/records-ui": "latest",
-    "@ai-matrx/print": "latest"
+    "@ai-matrx/diff": "latest"
   },
   "peerDependencies": {
     "react": ">=19.0.0",
@@ -204,5 +204,5 @@
     "verify:modules-tarball": "node ./scripts/verify-modules-tarball.mjs",
     "verify:tarball": "node ./scripts/verify-tarball.mjs"
   },
-  "gitHead": "733bfce3e3c27f189228edf916f8774f047d79b9"
+  "gitHead": "e60f07b8e22fef92cbdabc1768cb328bb305bf74"
 }