@ai-matrx/rich-content 0.2.87 → 0.2.89

package/CHANGELOG.md

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

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(
@@ -27,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.87",
+  "version": "0.2.89",
   "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/canvas": "latest",
     "@ai-matrx/icons": "latest",
+    "@ai-matrx/diff": "latest",
     "@ai-matrx/kit": "latest",
-    "@ai-matrx/media": "latest",
+    "@ai-matrx/design-system": "latest",
     "@ai-matrx/print": "latest",
-    "@ai-matrx/records": "latest",
     "@ai-matrx/records-ui": "latest",
-    "@ai-matrx/diff": "latest"
+    "@ai-matrx/records": "latest",
+    "@ai-matrx/media": "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": "e60f07b8e22fef92cbdabc1768cb328bb305bf74"
+  "gitHead": "f454ad2b6bb89fd398ef3fb05603ded30ca95dc0"
 }