@ai-matrx/rich-content 0.2.85 → 0.2.86

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 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/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,37 @@
 "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" }
+      );
+    },
+    [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.86",
   "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/alchemy": "latest",
     "@ai-matrx/canvas": "latest",
     "@ai-matrx/content-ir": "latest",
     "@ai-matrx/content-ir-react": "latest",
     "@ai-matrx/data": "latest",
-    "@ai-matrx/design-system": "latest",
+    "@ai-matrx/alchemy": "latest",
     "@ai-matrx/diff": "latest",
-    "@ai-matrx/icons": "latest",
     "@ai-matrx/kit": "latest",
-    "@ai-matrx/media": "latest",
     "@ai-matrx/records": "latest",
     "@ai-matrx/records-ui": "latest",
-    "@ai-matrx/print": "latest"
+    "@ai-matrx/media": "latest",
+    "@ai-matrx/icons": "latest",
+    "@ai-matrx/print": "latest",
+    "@ai-matrx/design-system": "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": "c3f5a4597249b6dff691e3d76c972874b8aa8ec4"
 }