From 5637a48c4c7a8b417227e2ae5676ddcc50fabf56 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miguel=20=C3=81ngel?= <miguel.sierra@heygen.com>
Date: Fri, 22 May 2026 18:43:13 -0400
Subject: [PATCH] chore(docs): regenerate catalog pages
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Re-ran generate-catalog-pages.ts — picks up updated descriptions,
video embeds for existing components, and the renamed caption-texture
entry.
---
 docs/catalog/blocks/spain-map.mdx             |  6 +-
 docs/catalog/blocks/us-map-bubble.mdx         |  6 +-
 docs/catalog/blocks/us-map-flow.mdx           |  4 +-
 docs/catalog/blocks/us-map-hex.mdx            |  4 +-
 docs/catalog/blocks/us-map.mdx                | 15 +----
 docs/catalog/blocks/world-map.mdx             |  6 +-
 .../components/caption-blend-difference.mdx   | 49 ++--------------
 docs/catalog/components/caption-clip-wipe.mdx |  2 +-
 .../catalog/components/caption-glitch-rgb.mdx |  2 +-
 .../components/caption-gradient-fill.mdx      |  2 +-
 docs/catalog/components/caption-highlight.mdx |  2 +-
 .../components/caption-matrix-decode.mdx      |  2 +-
 .../components/caption-texture-lava.mdx       | 39 -------------
 docs/catalog/components/caption-texture.mdx   | 44 ++++++++++++++
 .../components/caption-weight-shift.mdx       |  2 +-
 docs/docs.json                                | 23 ++++----
 docs/public/catalog-index.json                | 57 +++++++++++++++++--
 17 files changed, 131 insertions(+), 134 deletions(-)
 delete mode 100644 docs/catalog/components/caption-texture-lava.mdx
 create mode 100644 docs/catalog/components/caption-texture.mdx

diff --git a/docs/catalog/blocks/spain-map.mdx b/docs/catalog/blocks/spain-map.mdx
index 5184aaacf..afbc8f367 100644
--- a/docs/catalog/blocks/spain-map.mdx
+++ b/docs/catalog/blocks/spain-map.mdx
@@ -1,15 +1,15 @@
 ---
 title: "Spain Map"
-description: "Animated Spain choropleth by autonomous community with staggered reveals and gradient legend"
+description: "Animated Spain choropleth by autonomous community with staggered reveals and gradient legend — D3 conic conformal projection"
 ---
 
 # Spain Map
 
-Animated Spain choropleth by autonomous community with staggered reveals and gradient legend — D3 conic conformal projection with GSAP timeline. GDP per capita data with warm red-to-amber color scale.
+Animated Spain choropleth by autonomous community with staggered reveals and gradient legend — D3 conic conformal projection
 
 `data` `map` `geography` `spain` `europe` `choropleth`
 
-<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/spain-map.mp4?v=1779081476" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/spain-map.png" autoPlay muted loop playsInline />
+<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/spain-map.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/spain-map.png" autoPlay muted loop playsInline />
 
 ## Install
 
diff --git a/docs/catalog/blocks/us-map-bubble.mdx b/docs/catalog/blocks/us-map-bubble.mdx
index d2815bbec..65bbf9001 100644
--- a/docs/catalog/blocks/us-map-bubble.mdx
+++ b/docs/catalog/blocks/us-map-bubble.mdx
@@ -1,15 +1,15 @@
 ---
 title: "US Bubble Map"
-description: "Animated US bubble map with proportional city markers, value callouts, and connection lines"
+description: "Animated US bubble map with proportional city markers, value callouts, and connection lines — composable with us-map"
 ---
 
 # US Bubble Map
 
-Animated US bubble map with proportional city markers, value callouts, and connection lines — composable with `us-map` for layered data visualizations.
+Animated US bubble map with proportional city markers, value callouts, and connection lines — composable with us-map
 
 `data` `map` `geography` `usa` `bubble` `cities`
 
-<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/us-map-bubble.mp4?v=1779081476" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/us-map-bubble.png" autoPlay muted loop playsInline />
+<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/us-map-bubble.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/us-map-bubble.png" autoPlay muted loop playsInline />
 
 ## Install
 
diff --git a/docs/catalog/blocks/us-map-flow.mdx b/docs/catalog/blocks/us-map-flow.mdx
index 55db2c216..c63057fae 100644
--- a/docs/catalog/blocks/us-map-flow.mdx
+++ b/docs/catalog/blocks/us-map-flow.mdx
@@ -5,11 +5,11 @@ description: "Animated connection arcs between US cities over a base map — com
 
 # US Flow Map
 
-Animated connection arcs between US cities over a base map — composable origin-destination flow visualization with traveling particles and GSAP-drawn Bezier arcs.
+Animated connection arcs between US cities over a base map — composable origin-destination flow visualization
 
 `data` `map` `geography` `usa` `flow` `connections` `arcs`
 
-<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/us-map-flow.mp4?v=1779081476" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/us-map-flow.png" autoPlay muted loop playsInline />
+<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/us-map-flow.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/us-map-flow.png" autoPlay muted loop playsInline />
 
 ## Install
 
diff --git a/docs/catalog/blocks/us-map-hex.mdx b/docs/catalog/blocks/us-map-hex.mdx
index bbff7409f..8736304a7 100644
--- a/docs/catalog/blocks/us-map-hex.mdx
+++ b/docs/catalog/blocks/us-map-hex.mdx
@@ -5,11 +5,11 @@ description: "Animated hexagonal tile grid map — each state as an equal-weight
 
 # US Hex Grid Map
 
-Animated hexagonal tile grid map — each state as an equal-weight hex with data fill and abbreviation label. No external dependencies beyond GSAP.
+Animated hexagonal tile grid map — each state as an equal-weight hex with data fill and abbreviation label
 
 `data` `map` `geography` `usa` `hexgrid` `tilegrid`
 
-<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/us-map-hex.mp4?v=1779081476" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/us-map-hex.png" autoPlay muted loop playsInline />
+<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/us-map-hex.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/us-map-hex.png" autoPlay muted loop playsInline />
 
 ## Install
 
diff --git a/docs/catalog/blocks/us-map.mdx b/docs/catalog/blocks/us-map.mdx
index 26ff07d02..8508ce0c0 100644
--- a/docs/catalog/blocks/us-map.mdx
+++ b/docs/catalog/blocks/us-map.mdx
@@ -1,15 +1,15 @@
 ---
 title: "US Map"
-description: "Animated US choropleth map with staggered state reveals, value labels, and gradient legend"
+description: "Animated US choropleth map with staggered state reveals, value labels, and gradient legend — pure inline SVG with GSAP"
 ---
 
 # US Map
 
-Animated US choropleth map with staggered state reveals, value labels, and gradient legend — D3 geoAlbersUsa projection with GSAP timeline.
+Animated US choropleth map with staggered state reveals, value labels, and gradient legend — pure inline SVG with GSAP
 
 `data` `map` `geography` `usa` `choropleth`
 
-<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/us-map-v1779081660.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/us-map.png" autoPlay muted loop playsInline />
+<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/us-map.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/us-map.png" autoPlay muted loop playsInline />
 
 ## Install
 
@@ -42,12 +42,3 @@ After installing, add the block to your host composition:
 ```html
 <div data-composition-id="us-map" data-composition-src="compositions/us-map.html" data-start="0" data-duration="12" data-track-index="1" data-width="1920" data-height="1080"></div>
 ```
-
-## Composability
-
-Layer `us-map-bubble` or `us-map-flow` on top of this block as a higher track index to combine choropleth + bubble or flow visualizations:
-
-```html
-<div data-composition-id="us-map" data-composition-src="compositions/us-map.html" data-start="0" data-duration="12" data-track-index="1" data-width="1920" data-height="1080"></div>
-<div data-composition-id="us-map-bubble" data-composition-src="compositions/us-map-bubble.html" data-start="0" data-duration="12" data-track-index="2" data-width="1920" data-height="1080"></div>
-```
diff --git a/docs/catalog/blocks/world-map.mdx b/docs/catalog/blocks/world-map.mdx
index a3ba2d5e4..b1a41ccaa 100644
--- a/docs/catalog/blocks/world-map.mdx
+++ b/docs/catalog/blocks/world-map.mdx
@@ -1,15 +1,15 @@
 ---
 title: "World Map"
-description: "Animated world choropleth with country-by-country reveal — D3 Natural Earth projection"
+description: "Animated world choropleth with country-by-country reveal, tooltip labels, and rotating globe inset — D3 Natural Earth projection"
 ---
 
 # World Map
 
-Animated world choropleth with country-by-country reveal, gradient legend, and highlight pulses on top GDP countries — D3 Natural Earth projection with GSAP timeline.
+Animated world choropleth with country-by-country reveal, tooltip labels, and rotating globe inset — D3 Natural Earth projection
 
 `data` `map` `geography` `world` `choropleth`
 
-<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/world-map.mp4?v=1779081476" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/world-map.png" autoPlay muted loop playsInline />
+<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/world-map.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/world-map.png" autoPlay muted loop playsInline />
 
 ## Install
 
diff --git a/docs/catalog/components/caption-blend-difference.mdx b/docs/catalog/components/caption-blend-difference.mdx
index e99cad9e0..e53931737 100644
--- a/docs/catalog/components/caption-blend-difference.mdx
+++ b/docs/catalog/components/caption-blend-difference.mdx
@@ -1,14 +1,16 @@
 ---
 title: "Blend Difference"
-description: "Auto-inverting captions using mix-blend-mode: difference — text flips between white and black per-pixel against the background"
+description: "Auto-inverting text using mix-blend-mode: difference — flips between white and black per-pixel against the background"
 ---
 
 # Blend Difference
 
-Auto-inverting captions using mix-blend-mode: difference — text flips between white and black per-pixel against the background
+Auto-inverting text using mix-blend-mode: difference — flips between white and black per-pixel against the background
 
 `text` `effect` `blend-mode` `contrast` `inversion`
 
+<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-blend-difference.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-blend-difference.png" autoPlay muted loop playsInline />
+
 ## Install
 
 <CodeGroup>
@@ -19,49 +21,6 @@ npx hyperframes add caption-blend-difference
 
 </CodeGroup>
 
-## How It Works
-
-White text with `mix-blend-mode: difference` inverts per-pixel against whatever is behind it:
-
-- **Dark background** → text stays white
-- **Light background** → text flips to black
-- **Color background** → text becomes the complement (blue → orange, red → cyan)
-
-The composition root needs `isolation: isolate` so the blend operates against sibling content (video, images) rather than the page background.
-
-## Variants
-
-| Class | Blend Mode | Effect |
-| --- | --- | --- |
-| `.blend-difference` | `difference` | Hard per-pixel inversion — maximum contrast |
-| `.blend-difference-soft` | `exclusion` | Softer inversion — less harsh on midtones |
-| `.blend-difference-screen` | `screen` | Text glows on dark areas, fades on light |
-
-## Example
-
-```html
-<div data-composition-id="root" style="isolation: isolate;">
-  <video src="video.mp4" muted playsinline
-         data-start="0" data-duration="30" data-track-index="0" />
-
-  <div class="clip blend-difference"
-       data-start="0" data-duration="5" data-track-index="1"
-       style="position: absolute; inset: 0; z-index: 10;
-              display: flex; align-items: center; justify-content: center;">
-    <span style="font-size: 120px; font-weight: 800;">
-      YOUR CAPTION
-    </span>
-  </div>
-</div>
-```
-
-## CSS Custom Properties
-
-| Property | Default | Description |
-| --- | --- | --- |
-| `--blend-caption-color` | `white` | Base text color before blending |
-| `--blend-mode` | `difference` | Override blend mode on `.blend-difference` |
-
 ## Details
 
 | Property | Value |
diff --git a/docs/catalog/components/caption-clip-wipe.mdx b/docs/catalog/components/caption-clip-wipe.mdx
index 8ecd15f1b..9816574f0 100644
--- a/docs/catalog/components/caption-clip-wipe.mdx
+++ b/docs/catalog/components/caption-clip-wipe.mdx
@@ -9,7 +9,7 @@ Left-to-right clip-path wipe reveal per word
 
 `captions` `caption-style` `wipe` `clip-path` `reveal`
 
-<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-clip-wipe-v2.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-clip-wipe.png" autoPlay muted loop playsInline />
+<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-clip-wipe.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-clip-wipe.png" autoPlay muted loop playsInline />
 
 ## Install
 
diff --git a/docs/catalog/components/caption-glitch-rgb.mdx b/docs/catalog/components/caption-glitch-rgb.mdx
index 92493aaf7..a1344b546 100644
--- a/docs/catalog/components/caption-glitch-rgb.mdx
+++ b/docs/catalog/components/caption-glitch-rgb.mdx
@@ -9,7 +9,7 @@ RGB chromatic aberration with CRT scanline overlay
 
 `captions` `caption-style` `glitch` `cyber` `tech`
 
-<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-glitch-rgb-v2.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-glitch-rgb.png" autoPlay muted loop playsInline />
+<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-glitch-rgb.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-glitch-rgb.png" autoPlay muted loop playsInline />
 
 ## Install
 
diff --git a/docs/catalog/components/caption-gradient-fill.mdx b/docs/catalog/components/caption-gradient-fill.mdx
index 3ef77fc8b..a81eea83b 100644
--- a/docs/catalog/components/caption-gradient-fill.mdx
+++ b/docs/catalog/components/caption-gradient-fill.mdx
@@ -9,7 +9,7 @@ Gradient-clipped text with elastic bounce entrance
 
 `captions` `caption-style` `gradient` `colorful`
 
-<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-gradient-fill-v3.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-gradient-fill.png" autoPlay muted loop playsInline />
+<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-gradient-fill.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-gradient-fill.png" autoPlay muted loop playsInline />
 
 ## Install
 
diff --git a/docs/catalog/components/caption-highlight.mdx b/docs/catalog/components/caption-highlight.mdx
index f6a1bb0a0..5937f0962 100644
--- a/docs/catalog/components/caption-highlight.mdx
+++ b/docs/catalog/components/caption-highlight.mdx
@@ -9,7 +9,7 @@ Red background sweep behind each active word, TikTok-style
 
 `captions` `caption-style` `highlight` `social` `tiktok`
 
-<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-highlight-v2.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-highlight.png" autoPlay muted loop playsInline />
+<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-highlight.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-highlight.png" autoPlay muted loop playsInline />
 
 ## Install
 
diff --git a/docs/catalog/components/caption-matrix-decode.mdx b/docs/catalog/components/caption-matrix-decode.mdx
index 8d68cd968..dcc363a8a 100644
--- a/docs/catalog/components/caption-matrix-decode.mdx
+++ b/docs/catalog/components/caption-matrix-decode.mdx
@@ -9,7 +9,7 @@ Character scramble animation before text reveal
 
 `captions` `caption-style` `matrix` `scramble` `decode`
 
-<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-matrix-decode-v2.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-matrix-decode.png" autoPlay muted loop playsInline />
+<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-matrix-decode.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-matrix-decode.png" autoPlay muted loop playsInline />
 
 ## Install
 
diff --git a/docs/catalog/components/caption-texture-lava.mdx b/docs/catalog/components/caption-texture-lava.mdx
deleted file mode 100644
index 71e8156e9..000000000
--- a/docs/catalog/components/caption-texture-lava.mdx
+++ /dev/null
@@ -1,39 +0,0 @@
----
-title: "Texture Lava"
-description: "Flowing lava texture mask over large uppercase text"
----
-
-# Texture Lava
-
-Flowing lava texture mask over large uppercase text
-
-`captions` `caption-style` `texture` `lava` `mask`
-
-<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-texture-lava.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-texture-lava.png" autoPlay muted loop playsInline />
-
-## Install
-
-<CodeGroup>
-
-```bash Terminal
-npx hyperframes add caption-texture-lava
-```
-
-</CodeGroup>
-
-## Details
-
-| Property | Value |
-| --- | --- |
-| Type | Component |
-
-## Files
-
-| File | Target | Type |
-| --- | --- | --- |
-| `caption-texture-lava.html` | `compositions/components/caption-texture-lava.html` | hyperframes:snippet |
-| `lava.png` | `compositions/components/lava.png` | hyperframes:asset |
-
-## Usage
-
-Open `compositions/components/caption-texture-lava.html` and paste its contents into your composition. See the comment header in the file for detailed instructions.
diff --git a/docs/catalog/components/caption-texture.mdx b/docs/catalog/components/caption-texture.mdx
new file mode 100644
index 000000000..a8ab0e71e
--- /dev/null
+++ b/docs/catalog/components/caption-texture.mdx
@@ -0,0 +1,44 @@
+---
+title: "Texture"
+description: "Flowing texture mask over large uppercase text — ships with 6 textures (lava, marble, metal, wood, concrete, rock), configurable via the texture variable"
+---
+
+# Texture
+
+Flowing texture mask over large uppercase text — ships with 6 textures (lava, marble, metal, wood, concrete, rock), configurable via the texture variable
+
+`captions` `caption-style` `texture` `mask`
+
+<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-texture.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-texture.png" autoPlay muted loop playsInline />
+
+## Install
+
+<CodeGroup>
+
+```bash Terminal
+npx hyperframes add caption-texture
+```
+
+</CodeGroup>
+
+## Details
+
+| Property | Value |
+| --- | --- |
+| Type | Component |
+
+## Files
+
+| File | Target | Type |
+| --- | --- | --- |
+| `caption-texture.html` | `compositions/components/caption-texture.html` | hyperframes:snippet |
+| `lava.png` | `compositions/components/lava.png` | hyperframes:asset |
+| `marble-012.png` | `compositions/components/marble-012.png` | hyperframes:asset |
+| `metal-046-b.png` | `compositions/components/metal-046-b.png` | hyperframes:asset |
+| `wood-066.png` | `compositions/components/wood-066.png` | hyperframes:asset |
+| `concrete-042-a.png` | `compositions/components/concrete-042-a.png` | hyperframes:asset |
+| `rock-058.png` | `compositions/components/rock-058.png` | hyperframes:asset |
+
+## Usage
+
+Open `compositions/components/caption-texture.html` and paste its contents into your composition. See the comment header in the file for detailed instructions.
diff --git a/docs/catalog/components/caption-weight-shift.mdx b/docs/catalog/components/caption-weight-shift.mdx
index 210168e88..f32439c52 100644
--- a/docs/catalog/components/caption-weight-shift.mdx
+++ b/docs/catalog/components/caption-weight-shift.mdx
@@ -9,7 +9,7 @@ Elegant font-weight transition between caption lines
 
 `captions` `caption-style` `minimal` `typography`
 
-<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-weight-shift-v2.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-weight-shift.png" autoPlay muted loop playsInline />
+<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-weight-shift.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-weight-shift.png" autoPlay muted loop playsInline />
 
 ## Install
 
diff --git a/docs/docs.json b/docs/docs.json
index 71c4f2623..fa643e571 100644
--- a/docs/docs.json
+++ b/docs/docs.json
@@ -122,7 +122,7 @@
               "catalog/components/caption-parallax-layers",
               "catalog/components/caption-particle-burst",
               "catalog/components/caption-pill-karaoke",
-              "catalog/components/caption-texture-lava",
+              "catalog/components/caption-texture",
               "catalog/components/caption-weight-shift"
             ]
           },
@@ -199,21 +199,16 @@
               "catalog/blocks/vpn-youtube-spot"
             ]
           },
-          {
-            "group": "Maps",
-            "pages": [
-              "catalog/blocks/us-map",
-              "catalog/blocks/us-map-bubble",
-              "catalog/blocks/us-map-hex",
-              "catalog/blocks/us-map-flow",
-              "catalog/blocks/world-map",
-              "catalog/blocks/spain-map"
-            ]
-          },
           {
             "group": "Data",
             "pages": [
-              "catalog/blocks/data-chart"
+              "catalog/blocks/data-chart",
+              "catalog/blocks/spain-map",
+              "catalog/blocks/us-map",
+              "catalog/blocks/us-map-bubble",
+              "catalog/blocks/us-map-flow",
+              "catalog/blocks/us-map-hex",
+              "catalog/blocks/world-map"
             ]
           },
           {
@@ -222,6 +217,8 @@
               "catalog/components/caption-blend-difference",
               "catalog/components/grain-overlay",
               "catalog/components/grid-pixelate-wipe",
+              "catalog/components/parallax-unzoom",
+              "catalog/components/parallax-zoom",
               "catalog/components/shimmer-sweep",
               "catalog/components/texture-mask-text",
               "catalog/components/vignette"
diff --git a/docs/public/catalog-index.json b/docs/public/catalog-index.json
index fa4d31679..17caa74bd 100644
--- a/docs/public/catalog-index.json
+++ b/docs/public/catalog-index.json
@@ -41,6 +41,21 @@
     "href": "/catalog/blocks/blue-sweater-intro-video",
     "preview": "https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/blue-sweater-intro-video.png"
   },
+  {
+    "name": "caption-blend-difference",
+    "type": "component",
+    "title": "Blend Difference",
+    "description": "Auto-inverting text using mix-blend-mode: difference — flips between white and black per-pixel against the background",
+    "tags": [
+      "text",
+      "effect",
+      "blend-mode",
+      "contrast",
+      "inversion"
+    ],
+    "href": "/catalog/components/caption-blend-difference",
+    "preview": "https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-blend-difference.png"
+  },
   {
     "name": "caption-clip-wipe",
     "type": "component",
@@ -234,19 +249,18 @@
     "preview": "https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-pill-karaoke.png"
   },
   {
-    "name": "caption-texture-lava",
+    "name": "caption-texture",
     "type": "component",
-    "title": "Texture Lava",
-    "description": "Flowing lava texture mask over large uppercase text",
+    "title": "Texture",
+    "description": "Flowing texture mask over large uppercase text — ships with 6 textures (lava, marble, metal, wood, concrete, rock), configurable via the texture variable",
     "tags": [
       "captions",
       "caption-style",
       "texture",
-      "lava",
       "mask"
     ],
-    "href": "/catalog/components/caption-texture-lava",
-    "preview": "https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-texture-lava.png"
+    "href": "/catalog/components/caption-texture",
+    "preview": "https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-texture.png"
   },
   {
     "name": "caption-weight-shift",
@@ -481,6 +495,37 @@
     "href": "/catalog/blocks/nyc-paris-flight",
     "preview": "https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/nyc-paris-flight.png"
   },
+  {
+    "name": "parallax-unzoom",
+    "type": "component",
+    "title": "Parallax Unzoom",
+    "description": "Reveal transition — focus card scales down from full frame as siblings parallax in to form a grid (reverse of parallax-zoom)",
+    "tags": [
+      "transition",
+      "reveal",
+      "unzoom",
+      "parallax",
+      "grid",
+      "hero"
+    ],
+    "href": "/catalog/components/parallax-unzoom",
+    "preview": "https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/parallax-unzoom.png"
+  },
+  {
+    "name": "parallax-zoom",
+    "type": "component",
+    "title": "Parallax Zoom",
+    "description": "Center card scales up to fill the frame while siblings parallax outward — inspired by the eBay Playbook hero transition",
+    "tags": [
+      "transition",
+      "zoom",
+      "parallax",
+      "grid",
+      "hero"
+    ],
+    "href": "/catalog/components/parallax-zoom",
+    "preview": "https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/parallax-zoom.png"
+  },
   {
     "name": "reddit-post",
     "type": "block",