@ai-matrx/rich-content 0.2.86 → 0.2.88

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 0.2.88
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/rich-content/v0.2.87..npm/rich-content/v0.2.88 -- apps/shared/rich-content`).
+No source changes intended and no consumer action required.
+
+## 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

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

@@ -3,13 +3,18 @@ export interface ShimmerTextProps {
     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.
+ * The shimmer's look as inline style, derived from the label's own text colour (`currentColor`): no
+ * `hsl(var(--x))` wrap (a host whose theme variables are full colour values reads that as invalid and
+ * paints transparent text), no theme variable at all, and no utility class a host's Tailwind scan must
+ * find in this package. Works in any host, whatever its colour format.
  */
-export declare const SHIMMER_GRADIENT_CLASSES = "bg-gradient-to-r from-muted-foreground/30 via-foreground to-muted-foreground/30 bg-[length:200%_100%]";
+export declare const SHIMMER_STYLE: {
+    readonly backgroundImage: "linear-gradient(90deg, color-mix(in srgb, currentColor 18%, transparent) 0%, currentColor 50%, color-mix(in srgb, currentColor 18%, transparent) 100%)";
+    readonly backgroundSize: "200% 100%";
+    readonly WebkitBackgroundClip: "text";
+    readonly backgroundClip: "text";
+    readonly WebkitTextFillColor: "transparent";
+};
 /**
  * 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

package/dist/utils/lifted/ShimmerText.js

@@ -2,7 +2,13 @@
 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%]";
+const SHIMMER_STYLE = {
+  backgroundImage: "linear-gradient(90deg, color-mix(in srgb, currentColor 18%, transparent) 0%, currentColor 50%, color-mix(in srgb, currentColor 18%, transparent) 100%)",
+  backgroundSize: "200% 100%",
+  WebkitBackgroundClip: "text",
+  backgroundClip: "text",
+  WebkitTextFillColor: "transparent"
+};
 function useShimmerSweep(durationMs = 2e3) {
   const animationRef = useRef(null);
   return useCallback(
@@ -15,6 +21,8 @@ function useShimmerSweep(durationMs = 2e3) {
         [{ backgroundPosition: "0 0" }, { backgroundPosition: "-200% 0" }],
         { duration: durationMs, iterations: Infinity, easing: "linear" }
       );
+      animationRef.current.finished?.catch(() => {
+      });
     },
     [durationMs]
   );
@@ -25,13 +33,14 @@ function ShimmerText({ text, className }) {
     "span",
     {
       ref,
-      className: cn("inline-block bg-clip-text text-transparent", SHIMMER_GRADIENT_CLASSES, className),
+      className: cn("inline-block", className),
+      style: SHIMMER_STYLE,
       children: text
     }
   );
 }
 export {
-  SHIMMER_GRADIENT_CLASSES,
+  SHIMMER_STYLE,
   ShimmerText,
   useShimmerSweep
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/rich-content",
-  "version": "0.2.86",
+  "version": "0.2.88",
   "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",
@@ -131,19 +131,19 @@
     "unist-util-visit-parents": "^6.0.2",
     "yaml": "^2.9.1",
     "@ai-matrx/agents": "latest",
-    "@ai-matrx/canvas": "latest",
-    "@ai-matrx/content-ir": "latest",
+    "@ai-matrx/alchemy": "latest",
     "@ai-matrx/content-ir-react": "latest",
     "@ai-matrx/data": "latest",
-    "@ai-matrx/alchemy": "latest",
+    "@ai-matrx/design-system": "latest",
     "@ai-matrx/diff": "latest",
+    "@ai-matrx/icons": "latest",
     "@ai-matrx/kit": "latest",
-    "@ai-matrx/records": "latest",
-    "@ai-matrx/records-ui": "latest",
     "@ai-matrx/media": "latest",
-    "@ai-matrx/icons": "latest",
     "@ai-matrx/print": "latest",
-    "@ai-matrx/design-system": "latest"
+    "@ai-matrx/records": "latest",
+    "@ai-matrx/records-ui": "latest",
+    "@ai-matrx/canvas": "latest",
+    "@ai-matrx/content-ir": "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": "c3f5a4597249b6dff691e3d76c972874b8aa8ec4"
+  "gitHead": "866ca66b4a2457b230b36cdbc6d4052d4f72fe7a"
 }