@contentrain/astro-kit 0.31.0 → 0.32.0

package/catalog.json

@@ -1086,7 +1086,9 @@
       "name": "Contact form",
       "description": "The contact section: heading, introduction, contact details (email, phone, address) and a Contentrain Studio form — fields, spam protection and notifications set in Studio, submissions reviewed there. Replaces form plugins; renders the details alone until the site is bound to a Studio project (a section left with only its heading is not drawn: the heading would title a form that is not there). When the owner chose another home at migration (site.config.ts `features.forms`) the form posts to their form service, or the section shows an address to write to or a link to the form on WordPress.",
       "category": "section",
-      "uses": [],
+      "uses": [
+        "embed"
+      ],
       "shared": [
         "Section.astro",
         "measured.ts",
@@ -1096,10 +1098,11 @@
         "layout": {
           "options": [
             "split",
-            "stacked"
+            "stacked",
+            "form-only"
           ],
           "default": "split",
-          "description": "split: details beside the form on wide screens. stacked: one column (see align)."
+          "description": "split: details beside the form on wide screens. stacked: one column (see align). form-only: only the form under its heading; details, hours and map are left out."
         },
         "align": {
           "options": [
@@ -1126,6 +1129,22 @@
           ],
           "default": "top",
           "description": "Where the heading sits. top: above the introduction and details. after: after them, as a source that writes its lead line and contact buttons first has it; beside a form it titles the form, without one it follows the details."
+        },
+        "detailsStyle": {
+          "options": [
+            "list",
+            "cards"
+          ],
+          "default": "list",
+          "description": "The ways to reach you: a plain list, or a card each (label over value)."
+        },
+        "panel": {
+          "options": [
+            "card",
+            "none"
+          ],
+          "default": "card",
+          "description": "card: the form on its own surface. none: flush on the section's background."
         }
       },
       "props": {
@@ -1180,6 +1199,166 @@
           "type": "string",
           "content": false,
           "description": "Section id; the heading gets `<id>-title`."
+        },
+        "hours": {
+          "type": "text",
+          "label": "Opening hours",
+          "description": "Opening hours as written; line breaks are kept."
+        },
+        "socials": {
+          "type": "array",
+          "label": "Profile links",
+          "description": "Social or profile links, shown as a row under the details.",
+          "items": {
+            "type": "object",
+            "fields": {
+              "label": {
+                "type": "string",
+                "label": "Label",
+                "required": true,
+                "description": "Visible text of the link."
+              },
+              "href": {
+                "type": "url",
+                "label": "Link",
+                "required": true,
+                "description": "The profile address."
+              }
+            }
+          }
+        },
+        "map": {
+          "type": "object",
+          "label": "Map",
+          "description": "A map of the address, loaded only when the reader asks (no iframe on load); the address is printed under it.",
+          "fields": {
+            "address": {
+              "type": "string",
+              "label": "Address",
+              "description": "The place shown on the map."
+            },
+            "url": {
+              "type": "url",
+              "label": "Map address",
+              "description": "A Google Maps embed address, when the source has one."
+            },
+            "title": {
+              "type": "string",
+              "label": "Map title",
+              "required": true,
+              "description": "What the map is (\"Our studio\"): its accessible name."
+            }
+          }
+        },
+        "measured": {
+          "type": "object",
+          "content": false,
+          "description": "The source section's measured style (MeasuredStyle): frame width, padding, fill, image, columns per width, gap, text tone, radius, minimum height — all in pixels. Absent, the site's tokens; present, it wins over tone and columns. Values that are not a number, a colour or a known keyword are dropped.",
+          "fields": {
+            "containerPx": {
+              "type": "integer",
+              "min": 0,
+              "max": 2560,
+              "description": "The frame's content width."
+            },
+            "padY": {
+              "type": "integer",
+              "min": 0,
+              "max": 400,
+              "description": "Top and bottom padding."
+            },
+            "padX": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "The frame's side padding (gutter)."
+            },
+            "bg": {
+              "type": "object",
+              "description": "The section's background.",
+              "fields": {
+                "color": {
+                  "type": "string",
+                  "description": "Fill colour: hex, rgb(a) or hsl(a)."
+                },
+                "image": {
+                  "type": "string",
+                  "description": "Background image address (http(s) or root-relative), drawn behind the content."
+                },
+                "overlay": {
+                  "type": "string",
+                  "description": "Colour or linear/radial gradient laid over the image or the fill."
+                },
+                "size": {
+                  "type": "string",
+                  "description": "cover, contain or auto; anything else draws as cover."
+                },
+                "position": {
+                  "type": "string",
+                  "description": "One or two of center/top/bottom/left/right or percentages."
+                }
+              }
+            },
+            "columns": {
+              "type": "object",
+              "description": "Item columns at 390 (base), 768 (md) and 1280 (lg) px; a missing width follows the narrower one.",
+              "fields": {
+                "390": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Phone."
+                },
+                "768": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Tablet."
+                },
+                "1280": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Desktop."
+                }
+              }
+            },
+            "gap": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "Gap between items."
+            },
+            "tone": {
+              "type": "select",
+              "options": [
+                "light",
+                "dark"
+              ],
+              "description": "What the text is set for: dark = light text on a dark band. Without it, a fill's own lightness decides."
+            },
+            "align": {
+              "type": "select",
+              "options": [
+                "start",
+                "center",
+                "end"
+              ],
+              "description": "Where the heading and lead sit; read by a component whose own align is not set."
+            },
+            "radius": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "Card and item corner radius."
+            },
+            "minHeight": {
+              "type": "integer",
+              "min": 0,
+              "max": 2000,
+              "description": "The section's minimum height."
+            }
+          }
         }
       },
       "slots": {},
@@ -1211,7 +1390,15 @@
         "details": "details",
         "details[].label": "details[].label",
         "details[].value": "details[].value",
-        "details[].href": "details[].href"
+        "details[].href": "details[].href",
+        "hours": "hours",
+        "socials": "socials",
+        "socials[].label": "socials[].label",
+        "socials[].href": "socials[].href",
+        "map": "map",
+        "map.address": "map.address",
+        "map.url": "map.url",
+        "map.title": "map.title"
       }
     },
     {
@@ -1222,6 +1409,7 @@
       "uses": [],
       "shared": [
         "Button.astro",
+        "KitImage.astro",
         "Section.astro",
         "measured.ts",
         "types.ts"
@@ -1263,6 +1451,30 @@
           ],
           "default": "inherit",
           "description": "The buttons' alignment. inherit: as the layout sets it. start: at the start edge under centred heading and text (layout centered; a WordPress buttons block with no justification in a centred group). inline and stacked ignore it."
+        },
+        "size": {
+          "options": [
+            "md",
+            "lg"
+          ],
+          "default": "md",
+          "description": "md: the usual band. lg: a larger heading and more room above and below."
+        },
+        "align": {
+          "options": [
+            "start",
+            "center"
+          ],
+          "default": "start",
+          "description": "Alignment of the heading and text (the centred layout already centres them)."
+        },
+        "mediaSide": {
+          "options": [
+            "end",
+            "start"
+          ],
+          "default": "end",
+          "description": "With a picture: the side it takes on wide screens."
         }
       },
       "props": {
@@ -1272,11 +1484,36 @@
           "required": true,
           "description": "The call's heading (Divi CTA title, Elementor call-to-action title)."
         },
+        "eyebrow": {
+          "type": "string",
+          "label": "Eyebrow",
+          "description": "A short line above the heading."
+        },
         "body": {
           "type": "text",
           "label": "Text",
           "description": "One or two sentences under the heading."
         },
+        "note": {
+          "type": "string",
+          "label": "Small print",
+          "description": "A line under the buttons (No credit card required)."
+        },
+        "image": {
+          "type": "image",
+          "label": "Image",
+          "description": "A small picture beside the text; a large one belongs in a split section."
+        },
+        "bgImage": {
+          "type": "image",
+          "label": "Background image",
+          "description": "A picture behind the band; the text turns light and an overlay keeps it readable."
+        },
+        "bgOverlay": {
+          "type": "string",
+          "content": false,
+          "description": "The colour laid over the background image (a hex or rgb colour); default black at 55 %."
+        },
         "actions": {
           "type": "array",
           "label": "Buttons",
@@ -1315,69 +1552,183 @@
           },
           "description": "Buttons, in order; usually one."
         },
-        "id": {
-          "type": "string",
+        "measured": {
+          "type": "object",
           "content": false,
-          "description": "Anchor id of the section; the heading gets `<id>-title`."
-        }
-      },
-      "slots": {},
-      "js": "none",
-      "dependencies": {},
-      "sources": {
-        "elementor": [
-          "elementor/call-to-action"
-        ],
-        "divi": [
-          "divi/et_pb_cta"
-        ],
-        "classic": [
-          "classic/cta"
-        ]
-      },
-      "a11y": "A labelled region (aria-labelledby its h2). Buttons are links with their own text. Accent tone swaps the primary button style so its contrast holds.",
-      "files": [
-        "Cta.astro"
-      ],
-      "contentFields": {
-        "heading": "heading",
-        "body": "body",
-        "actions": "actions",
-        "actions[].label": "actions[].label",
-        "actions[].href": "actions[].href",
-        "actions[].newTab": "actions[].new_tab",
-        "actions[].style": "actions[].style"
-      }
-    },
-    {
-      "id": "embed",
-      "name": "Embed",
-      "description": "A video, map or player from another site (YouTube, Vimeo, Google Maps, OpenStreetMap, Spotify, SoundCloud, Calendly, Typeform, Google Forms, Loom, Wistia), loaded only on click: until then a poster link to the provider's page, with no iframe, no third-party request and no cookie (YouTube through youtube-nocookie.com). Unknown providers are never framed; they stay a plain link.",
-      "category": "content",
-      "uses": [],
-      "shared": [
-        "KitImage.astro",
-        "types.ts"
-      ],
-      "variants": {
-        "aspect": {
-          "options": [
-            "auto",
-            "video",
-            "portrait",
-            "square",
-            "map"
-          ],
-          "default": "auto",
-          "description": "auto: 16:9 for videos, 9:16 for YouTube Shorts, 4:3 (16:9 wide) for maps, a fixed strip for audio players. The others force a ratio."
-        },
-        "width": {
-          "options": [
-            "prose",
-            "page"
-          ],
-          "default": "prose",
-          "description": "prose: as wide as the reading column. page: the full page frame."
+          "description": "The source section's measured style (MeasuredStyle): frame width, padding, fill, image, columns per width, gap, text tone, radius, minimum height — all in pixels. Absent, the site's tokens; present, it wins over tone and columns. Values that are not a number, a colour or a known keyword are dropped.",
+          "fields": {
+            "containerPx": {
+              "type": "integer",
+              "min": 0,
+              "max": 2560,
+              "description": "The frame's content width."
+            },
+            "padY": {
+              "type": "integer",
+              "min": 0,
+              "max": 400,
+              "description": "Top and bottom padding."
+            },
+            "padX": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "The frame's side padding (gutter)."
+            },
+            "bg": {
+              "type": "object",
+              "description": "The section's background.",
+              "fields": {
+                "color": {
+                  "type": "string",
+                  "description": "Fill colour: hex, rgb(a) or hsl(a)."
+                },
+                "image": {
+                  "type": "string",
+                  "description": "Background image address (http(s) or root-relative), drawn behind the content."
+                },
+                "overlay": {
+                  "type": "string",
+                  "description": "Colour or linear/radial gradient laid over the image or the fill."
+                },
+                "size": {
+                  "type": "string",
+                  "description": "cover, contain or auto; anything else draws as cover."
+                },
+                "position": {
+                  "type": "string",
+                  "description": "One or two of center/top/bottom/left/right or percentages."
+                }
+              }
+            },
+            "columns": {
+              "type": "object",
+              "description": "Item columns at 390 (base), 768 (md) and 1280 (lg) px; a missing width follows the narrower one.",
+              "fields": {
+                "390": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Phone."
+                },
+                "768": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Tablet."
+                },
+                "1280": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Desktop."
+                }
+              }
+            },
+            "gap": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "Gap between items."
+            },
+            "tone": {
+              "type": "select",
+              "options": [
+                "light",
+                "dark"
+              ],
+              "description": "What the text is set for: dark = light text on a dark band. Without it, a fill's own lightness decides."
+            },
+            "align": {
+              "type": "select",
+              "options": [
+                "start",
+                "center",
+                "end"
+              ],
+              "description": "Where the heading and lead sit; read by a component whose own align is not set."
+            },
+            "radius": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "Card and item corner radius."
+            },
+            "minHeight": {
+              "type": "integer",
+              "min": 0,
+              "max": 2000,
+              "description": "The section's minimum height."
+            }
+          }
+        },
+        "id": {
+          "type": "string",
+          "content": false,
+          "description": "Anchor id of the section; the heading gets `<id>-title`."
+        }
+      },
+      "slots": {},
+      "js": "none",
+      "dependencies": {},
+      "sources": {
+        "elementor": [
+          "elementor/call-to-action"
+        ],
+        "divi": [
+          "divi/et_pb_cta"
+        ],
+        "classic": [
+          "classic/cta"
+        ]
+      },
+      "a11y": "A labelled region (aria-labelledby its h2). Buttons are links with their own text. Accent tone swaps the primary button style so its contrast holds.",
+      "files": [
+        "Cta.astro"
+      ],
+      "contentFields": {
+        "heading": "heading",
+        "eyebrow": "eyebrow",
+        "body": "body",
+        "note": "note",
+        "image": "image",
+        "bgImage": "bg_image",
+        "actions": "actions",
+        "actions[].label": "actions[].label",
+        "actions[].href": "actions[].href",
+        "actions[].newTab": "actions[].new_tab",
+        "actions[].style": "actions[].style"
+      }
+    },
+    {
+      "id": "embed",
+      "name": "Embed",
+      "description": "A video, map or player from another site (YouTube, Vimeo, Google Maps, OpenStreetMap, Spotify, SoundCloud, Calendly, Typeform, Google Forms, Loom, Wistia), loaded only on click: until then a poster link to the provider's page, with no iframe, no third-party request and no cookie (YouTube through youtube-nocookie.com). Unknown providers are never framed; they stay a plain link.",
+      "category": "content",
+      "uses": [],
+      "shared": [
+        "KitImage.astro",
+        "types.ts"
+      ],
+      "variants": {
+        "aspect": {
+          "options": [
+            "auto",
+            "video",
+            "portrait",
+            "square",
+            "map"
+          ],
+          "default": "auto",
+          "description": "auto: 16:9 for videos, 9:16 for YouTube Shorts, 4:3 (16:9 wide) for maps, a fixed strip for audio players. The others force a ratio."
+        },
+        "width": {
+          "options": [
+            "prose",
+            "page"
+          ],
+          "default": "prose",
+          "description": "prose: as wide as the reading column. page: the full page frame."
         }
       },
       "props": {
@@ -1469,6 +1820,30 @@
         "types.ts"
       ],
       "variants": {
+        "layout": {
+          "options": [
+            "single",
+            "split"
+          ],
+          "default": "single",
+          "description": "single: the heading above one column. split: the heading and introduction stay in a left column beside the list; stacks on a phone."
+        },
+        "columns": {
+          "options": [
+            "1",
+            "2"
+          ],
+          "default": "1",
+          "description": "Columns of questions on wide screens."
+        },
+        "icon": {
+          "options": [
+            "plus",
+            "chevron"
+          ],
+          "default": "plus",
+          "description": "The marker in each question's row: a plus that turns into a cross, or a chevron that turns over."
+        },
         "style": {
           "options": [
             "lines",
@@ -1526,6 +1901,11 @@
           "label": "Heading",
           "description": "Section heading."
         },
+        "intro": {
+          "type": "text",
+          "label": "Introduction",
+          "description": "A sentence under the heading."
+        },
         "exclusive": {
           "type": "boolean",
           "default": false,
@@ -1544,68 +1924,185 @@
           "content": false,
           "description": "Emit FAQPage JSON-LD built from these items. Use on at most one FAQ per page, and only when the page is really a FAQ."
         },
-        "id": {
-          "type": "string",
+        "measured": {
+          "type": "object",
           "content": false,
-          "description": "Section id; also the exclusive group's name."
-        }
-      },
-      "slots": {},
-      "js": "none",
-      "dependencies": {},
-      "sources": {
-        "gutenberg": [
-          "core/details"
-        ],
-        "elementor": [
-          "elementor/accordion",
-          "elementor/toggle",
-          "elementor/nested-accordion"
-        ],
-        "divi": [
-          "divi/et_pb_accordion",
-          "divi/et_pb_toggle"
-        ],
-        "classic": [
-          "classic/faq"
-        ]
-      },
-      "a11y": "Native <details>/<summary>: keyboard operable and announced as expandable by every screen reader, with no script to fail. The plus icon is decorative. The JSON-LD answer text is the answer with its markup removed.",
-      "files": [
-        "Faq.astro"
-      ],
-      "contentFields": {
-        "items": "items",
-        "items[].question": "items[].question",
-        "items[].answer": "items[].answer",
-        "heading": "heading"
-      }
-    },
-    {
-      "id": "feature-list",
-      "name": "Feature list",
-      "description": "A list of short features, each a title and a line of text marked with an icon or a check, under an optional heading and intro. Lighter than a card grid: no images, no links.",
-      "category": "section",
-      "uses": [],
-      "shared": [
-        "Section.astro",
-        "measured.ts",
-        "types.ts"
-      ],
-      "variants": {
-        "columns": {
-          "options": [
-            "2",
-            "3",
-            "4"
-          ],
-          "default": "3",
-          "description": "Features per row on wide screens; one on phones, two on tablets."
-        },
-        "style": {
-          "options": [
-            "icon",
-            "check",
+          "description": "The source section's measured style (MeasuredStyle): frame width, padding, fill, image, columns per width, gap, text tone, radius, minimum height — all in pixels. Absent, the site's tokens; present, it wins over tone and columns. Values that are not a number, a colour or a known keyword are dropped.",
+          "fields": {
+            "containerPx": {
+              "type": "integer",
+              "min": 0,
+              "max": 2560,
+              "description": "The frame's content width."
+            },
+            "padY": {
+              "type": "integer",
+              "min": 0,
+              "max": 400,
+              "description": "Top and bottom padding."
+            },
+            "padX": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "The frame's side padding (gutter)."
+            },
+            "bg": {
+              "type": "object",
+              "description": "The section's background.",
+              "fields": {
+                "color": {
+                  "type": "string",
+                  "description": "Fill colour: hex, rgb(a) or hsl(a)."
+                },
+                "image": {
+                  "type": "string",
+                  "description": "Background image address (http(s) or root-relative), drawn behind the content."
+                },
+                "overlay": {
+                  "type": "string",
+                  "description": "Colour or linear/radial gradient laid over the image or the fill."
+                },
+                "size": {
+                  "type": "string",
+                  "description": "cover, contain or auto; anything else draws as cover."
+                },
+                "position": {
+                  "type": "string",
+                  "description": "One or two of center/top/bottom/left/right or percentages."
+                }
+              }
+            },
+            "columns": {
+              "type": "object",
+              "description": "Item columns at 390 (base), 768 (md) and 1280 (lg) px; a missing width follows the narrower one.",
+              "fields": {
+                "390": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Phone."
+                },
+                "768": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Tablet."
+                },
+                "1280": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Desktop."
+                }
+              }
+            },
+            "gap": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "Gap between items."
+            },
+            "tone": {
+              "type": "select",
+              "options": [
+                "light",
+                "dark"
+              ],
+              "description": "What the text is set for: dark = light text on a dark band. Without it, a fill's own lightness decides."
+            },
+            "align": {
+              "type": "select",
+              "options": [
+                "start",
+                "center",
+                "end"
+              ],
+              "description": "Where the heading and lead sit; read by a component whose own align is not set."
+            },
+            "radius": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "Card and item corner radius."
+            },
+            "minHeight": {
+              "type": "integer",
+              "min": 0,
+              "max": 2000,
+              "description": "The section's minimum height."
+            }
+          }
+        },
+        "id": {
+          "type": "string",
+          "content": false,
+          "description": "Section id; also the exclusive group's name."
+        },
+        "numbered": {
+          "type": "boolean",
+          "default": false,
+          "content": false,
+          "description": "Count the questions with a leading number, drawn by the page's style rather than written into the text."
+        }
+      },
+      "slots": {},
+      "js": "none",
+      "dependencies": {},
+      "sources": {
+        "gutenberg": [
+          "core/details"
+        ],
+        "elementor": [
+          "elementor/accordion",
+          "elementor/toggle",
+          "elementor/nested-accordion"
+        ],
+        "divi": [
+          "divi/et_pb_accordion",
+          "divi/et_pb_toggle"
+        ],
+        "classic": [
+          "classic/faq"
+        ]
+      },
+      "a11y": "Native <details>/<summary>: keyboard operable and announced as expandable by every screen reader, with no script to fail. The plus icon is decorative. The JSON-LD answer text is the answer with its markup removed.",
+      "files": [
+        "Faq.astro"
+      ],
+      "contentFields": {
+        "items": "items",
+        "items[].question": "items[].question",
+        "items[].answer": "items[].answer",
+        "heading": "heading",
+        "intro": "intro"
+      }
+    },
+    {
+      "id": "feature-list",
+      "name": "Feature list",
+      "description": "A list of short features, each a title and a line of text marked with an icon or a check, under an optional heading and intro. Lighter than a card grid: no images, no links.",
+      "category": "section",
+      "uses": [],
+      "shared": [
+        "Section.astro",
+        "measured.ts",
+        "types.ts"
+      ],
+      "variants": {
+        "columns": {
+          "options": [
+            "2",
+            "3",
+            "4"
+          ],
+          "default": "3",
+          "description": "Features per row on wide screens; one on phones, two on tablets."
+        },
+        "style": {
+          "options": [
+            "icon",
+            "check",
             "list"
           ],
           "default": "icon",
@@ -1670,10 +2167,17 @@
           },
           "description": "The features, in order (Elementor icon list or icon boxes without images, Gutenberg list of features, Divi blurbs with icons)."
         },
-        "id": {
-          "type": "string",
+        "bare": {
+          "type": "boolean",
+          "default": false,
           "content": false,
-          "description": "Anchor id of the section; the heading gets `<id>-title`."
+          "description": "Only the list, with no section of its own; a split section uses it under its text."
+        },
+        "titleLevel": {
+          "type": "integer",
+          "default": 3,
+          "content": false,
+          "description": "With `bare`: the item titles' heading level (the section's plus one)."
         },
         "measured": {
           "type": "object",
@@ -1784,6 +2288,11 @@
               "description": "The section's minimum height."
             }
           }
+        },
+        "id": {
+          "type": "string",
+          "content": false,
+          "description": "Anchor id of the section; the heading gets `<id>-title`."
         }
       },
       "slots": {},
@@ -2035,19 +2544,23 @@
         "layout": {
           "options": [
             "grid",
-            "masonry"
+            "masonry",
+            "row",
+            "mosaic"
           ],
           "default": "grid",
-          "description": "grid: square crops in rows. masonry: columns that keep each image's shape."
+          "description": "grid: equal tiles. masonry: columns keeping each image's height. row: a scroll-snap strip (a focusable region). mosaic: the first tile spans 2×2."
         },
         "columns": {
           "options": [
             "2",
             "3",
-            "4"
+            "4",
+            "5",
+            "6"
           ],
           "default": "3",
-          "description": "Columns on wide screens; phones show two."
+          "description": "Images per row on wide screens; two on phones."
         },
         "open": {
           "options": [
@@ -2057,6 +2570,41 @@
           ],
           "default": "popover",
           "description": "popover: the image opens large in place (Popover API; Escape or a click outside closes it). link: the thumbnail links to the image file (the WordPress 'link to media file'). none: images only."
+        },
+        "aspect": {
+          "options": [
+            "square",
+            "4:3",
+            "16:9",
+            "auto"
+          ],
+          "default": "square",
+          "description": "Tile shape (a masonry keeps each image's own)."
+        },
+        "gap": {
+          "options": [
+            "sm",
+            "md",
+            "lg"
+          ],
+          "default": "md",
+          "description": "Space between tiles."
+        },
+        "captionStyle": {
+          "options": [
+            "below",
+            "overlay"
+          ],
+          "default": "below",
+          "description": "below: caption under the image. overlay: over the image foot on hover and keyboard focus, always shown below md."
+        },
+        "hoverEffect": {
+          "options": [
+            "none",
+            "zoom"
+          ],
+          "default": "none",
+          "description": "zoom: a slight scale on hover, only where reduced motion is not requested."
         }
       },
       "props": {
@@ -2082,6 +2630,11 @@
                 "type": "string",
                 "label": "Caption",
                 "description": "Caption under the enlarged image."
+              },
+              "full": {
+                "type": "image",
+                "label": "Full-size image",
+                "description": "The original file the viewer shows large, where the source links to it; otherwise the image itself."
               }
             }
           },
@@ -2112,55 +2665,178 @@
           "type": "string",
           "content": false,
           "description": "Section id, unique per page: viewer ids derive from it (`<id>-image-<n>`)."
-        }
-      },
-      "slots": {},
-      "js": "none",
-      "dependencies": {},
-      "sources": {
-        "gutenberg": [
-          "core/gallery"
-        ],
-        "elementor": [
-          "elementor/image-gallery",
-          "elementor/gallery"
-        ],
-        "divi": [
-          "divi/et_pb_gallery"
-        ],
-        "classic": [
-          "classic/gallery"
-        ]
-      },
-      "a11y": "A list of figures. In popover mode each thumbnail is a <button> named by the image's alt (or caption) that opens the viewer; the viewer has a visible close button, and Escape closes it, returning focus to the thumbnail. Captions are <figcaption>s.",
-      "files": [
-        "Gallery.astro"
-      ],
-      "contentFields": {
-        "items": "items",
-        "items[].image": "items[].image",
-        "items[].imageAlt": "items[].image_alt",
-        "items[].caption": "items[].caption",
-        "heading": "heading"
-      }
-    },
-    {
-      "id": "header",
-      "name": "Header",
-      "description": "Site header: brand (logo and/or name), navigation and an optional call-to-action button.",
-      "category": "chrome",
-      "uses": [
-        "nav"
-      ],
-      "shared": [
-        "Button.astro",
-        "KitImage.astro",
-        "types.ts"
-      ],
-      "variants": {
-        "layout": {
-          "options": [
-            "split",
+        },
+        "enlargeLabel": {
+          "type": "string",
+          "default": "Enlarge",
+          "content": false,
+          "description": "Prefix of each thumbnail button's name for screen readers (\"Enlarge: <description>\")."
+        },
+        "regionLabel": {
+          "type": "string",
+          "default": "Images",
+          "content": false,
+          "description": "Name of the scrolling row's region when the gallery has no heading."
+        },
+        "measured": {
+          "type": "object",
+          "content": false,
+          "description": "The source section's measured style (MeasuredStyle): frame width, padding, fill, image, columns per width, gap, text tone, radius, minimum height — all in pixels. Absent, the site's tokens; present, it wins over tone and columns. Values that are not a number, a colour or a known keyword are dropped.",
+          "fields": {
+            "containerPx": {
+              "type": "integer",
+              "min": 0,
+              "max": 2560,
+              "description": "The frame's content width."
+            },
+            "padY": {
+              "type": "integer",
+              "min": 0,
+              "max": 400,
+              "description": "Top and bottom padding."
+            },
+            "padX": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "The frame's side padding (gutter)."
+            },
+            "bg": {
+              "type": "object",
+              "description": "The section's background.",
+              "fields": {
+                "color": {
+                  "type": "string",
+                  "description": "Fill colour: hex, rgb(a) or hsl(a)."
+                },
+                "image": {
+                  "type": "string",
+                  "description": "Background image address (http(s) or root-relative), drawn behind the content."
+                },
+                "overlay": {
+                  "type": "string",
+                  "description": "Colour or linear/radial gradient laid over the image or the fill."
+                },
+                "size": {
+                  "type": "string",
+                  "description": "cover, contain or auto; anything else draws as cover."
+                },
+                "position": {
+                  "type": "string",
+                  "description": "One or two of center/top/bottom/left/right or percentages."
+                }
+              }
+            },
+            "columns": {
+              "type": "object",
+              "description": "Item columns at 390 (base), 768 (md) and 1280 (lg) px; a missing width follows the narrower one.",
+              "fields": {
+                "390": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Phone."
+                },
+                "768": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Tablet."
+                },
+                "1280": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Desktop."
+                }
+              }
+            },
+            "gap": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "Gap between items."
+            },
+            "tone": {
+              "type": "select",
+              "options": [
+                "light",
+                "dark"
+              ],
+              "description": "What the text is set for: dark = light text on a dark band. Without it, a fill's own lightness decides."
+            },
+            "align": {
+              "type": "select",
+              "options": [
+                "start",
+                "center",
+                "end"
+              ],
+              "description": "Where the heading and lead sit; read by a component whose own align is not set."
+            },
+            "radius": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "Card and item corner radius."
+            },
+            "minHeight": {
+              "type": "integer",
+              "min": 0,
+              "max": 2000,
+              "description": "The section's minimum height."
+            }
+          }
+        }
+      },
+      "slots": {},
+      "js": "none",
+      "dependencies": {},
+      "sources": {
+        "gutenberg": [
+          "core/gallery"
+        ],
+        "elementor": [
+          "elementor/image-gallery",
+          "elementor/gallery"
+        ],
+        "divi": [
+          "divi/et_pb_gallery"
+        ],
+        "classic": [
+          "classic/gallery"
+        ]
+      },
+      "a11y": "A list of figures. In popover mode each thumbnail is a <button> named by the image's alt (or caption) that opens the viewer; the viewer has a visible close button, and Escape closes it, returning focus to the thumbnail. Captions are <figcaption>s. A scrolling row is a labelled region with tabindex 0 so the keyboard can scroll it; thumbnail buttons are named \"Enlarge: …\". The viewer has no next/previous (it would need script).",
+      "files": [
+        "Gallery.astro"
+      ],
+      "contentFields": {
+        "items": "items",
+        "items[].image": "items[].image",
+        "items[].imageAlt": "items[].image_alt",
+        "items[].caption": "items[].caption",
+        "items[].full": "items[].full",
+        "heading": "heading"
+      }
+    },
+    {
+      "id": "header",
+      "name": "Header",
+      "description": "Site header: brand (logo and/or name), navigation and an optional call-to-action button.",
+      "category": "chrome",
+      "uses": [
+        "nav"
+      ],
+      "shared": [
+        "Button.astro",
+        "KitImage.astro",
+        "types.ts"
+      ],
+      "variants": {
+        "layout": {
+          "options": [
+            "split",
             "centered",
             "brand-left"
           ],
@@ -2681,7 +3357,7 @@
     {
       "id": "logo-cloud",
       "name": "Logo cloud",
-      "description": "A grid of client or partner logos, each optionally linked, under an optional heading (\"Trusted by\").",
+      "description": "A grid, a row or an endless strip of client or partner logos, each optionally linked, under an optional heading (\"Trusted by\").",
       "category": "section",
       "uses": [],
       "shared": [
@@ -2692,22 +3368,51 @@
         "types.ts"
       ],
       "variants": {
+        "layout": {
+          "options": [
+            "grid",
+            "row",
+            "marquee"
+          ],
+          "default": "grid",
+          "description": "grid: logos in columns. row: one line that wraps. marquee: an endless CSS-only strip that stands still for reduced motion."
+        },
         "columns": {
           "options": [
             "2",
             "3",
-            "4"
+            "4",
+            "5",
+            "6"
           ],
           "default": "4",
-          "description": "Logos per row on wide screens; two on phones, three on tablets."
+          "description": "Logos per row on wide screens (grid layout); two on phones, three on tablets."
+        },
+        "logoHeight": {
+          "options": [
+            "sm",
+            "md",
+            "lg"
+          ],
+          "default": "md",
+          "description": "Height of every logo (the width follows): small, medium or large."
         },
         "style": {
           "options": [
             "plain",
-            "grayscale"
+            "grayscale",
+            "mono-light"
           ],
           "default": "plain",
-          "description": "plain: logos in their own colours. grayscale: muted grey, full colour on hover or focus."
+          "description": "plain: logos in their own colours. grayscale: muted grey, full colour on hover or focus. mono-light: drawn white, for a dark band."
+        },
+        "align": {
+          "options": [
+            "center",
+            "start"
+          ],
+          "default": "center",
+          "description": "Alignment of the heading and of the logos in a row."
         },
         "tone": {
           "options": [
@@ -2754,77 +3459,187 @@
           },
           "description": "The logos, in order (a Gutenberg gallery or columns of logos, Elementor image carousel/gallery of logos, Divi images)."
         },
-        "id": {
-          "type": "string",
+        "measured": {
+          "type": "object",
           "content": false,
-          "description": "Anchor id of the section; the heading gets `<id>-title`."
-        }
-      },
-      "slots": {},
-      "js": "none",
-      "dependencies": {},
-      "sources": {
-        "gutenberg": [
-          "core/gallery"
-        ],
-        "elementor": [
-          "elementor/image-gallery",
-          "elementor/image-carousel"
-        ],
-        "divi": [
-          "divi/et_pb_gallery"
-        ]
-      },
-      "a11y": "A list of logos; each logo's text is the company's name, and a linked logo is one link named by it. The section is labelled by its heading.",
-      "pattern": {
-        "summary": "row of small logos, often linked",
-        "signals": [
-          "4+ images",
-          "small images",
-          "little or no text",
-          "optional heading"
-        ]
-      },
-      "files": [
-        "LogoCloud.astro"
-      ],
-      "contentFields": {
-        "heading": "heading",
-        "items": "items",
-        "items[].image": "items[].image",
-        "items[].imageAlt": "items[].image_alt",
-        "items[].href": "items[].href"
-      }
-    },
-    {
-      "id": "nav",
-      "name": "Navigation",
-      "description": "Site navigation: an inline list with hover/focus submenus on wide screens and a toggle on narrow ones that opens a native popover drawer or a <details> dropdown. No JavaScript.",
-      "category": "chrome",
-      "uses": [],
-      "shared": [
-        "types.ts"
-      ],
-      "variants": {
-        "mobile": {
-          "options": [
-            "popover",
-            "details"
-          ],
-          "default": "popover",
-          "description": "Narrow-screen menu: a side drawer (Popover API) or a dropdown under the toggle."
-        },
-        "align": {
-          "options": [
-            "start",
-            "end",
-            "center"
-          ],
-          "default": "end",
-          "description": "Horizontal alignment of the inline list."
-        },
-        "density": {
-          "options": [
+          "description": "The source section's measured style (MeasuredStyle): frame width, padding, fill, image, columns per width, gap, text tone, radius, minimum height — all in pixels. Absent, the site's tokens; present, it wins over tone and columns. Values that are not a number, a colour or a known keyword are dropped.",
+          "fields": {
+            "containerPx": {
+              "type": "integer",
+              "min": 0,
+              "max": 2560,
+              "description": "The frame's content width."
+            },
+            "padY": {
+              "type": "integer",
+              "min": 0,
+              "max": 400,
+              "description": "Top and bottom padding."
+            },
+            "padX": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "The frame's side padding (gutter)."
+            },
+            "bg": {
+              "type": "object",
+              "description": "The section's background.",
+              "fields": {
+                "color": {
+                  "type": "string",
+                  "description": "Fill colour: hex, rgb(a) or hsl(a)."
+                },
+                "image": {
+                  "type": "string",
+                  "description": "Background image address (http(s) or root-relative), drawn behind the content."
+                },
+                "overlay": {
+                  "type": "string",
+                  "description": "Colour or linear/radial gradient laid over the image or the fill."
+                },
+                "size": {
+                  "type": "string",
+                  "description": "cover, contain or auto; anything else draws as cover."
+                },
+                "position": {
+                  "type": "string",
+                  "description": "One or two of center/top/bottom/left/right or percentages."
+                }
+              }
+            },
+            "columns": {
+              "type": "object",
+              "description": "Item columns at 390 (base), 768 (md) and 1280 (lg) px; a missing width follows the narrower one.",
+              "fields": {
+                "390": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Phone."
+                },
+                "768": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Tablet."
+                },
+                "1280": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Desktop."
+                }
+              }
+            },
+            "gap": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "Gap between items."
+            },
+            "tone": {
+              "type": "select",
+              "options": [
+                "light",
+                "dark"
+              ],
+              "description": "What the text is set for: dark = light text on a dark band. Without it, a fill's own lightness decides."
+            },
+            "align": {
+              "type": "select",
+              "options": [
+                "start",
+                "center",
+                "end"
+              ],
+              "description": "Where the heading and lead sit; read by a component whose own align is not set."
+            },
+            "radius": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "Card and item corner radius."
+            },
+            "minHeight": {
+              "type": "integer",
+              "min": 0,
+              "max": 2000,
+              "description": "The section's minimum height."
+            }
+          }
+        },
+        "id": {
+          "type": "string",
+          "content": false,
+          "description": "Anchor id of the section; the heading gets `<id>-title`."
+        }
+      },
+      "slots": {},
+      "js": "none",
+      "dependencies": {},
+      "sources": {
+        "gutenberg": [
+          "core/gallery"
+        ],
+        "elementor": [
+          "elementor/image-gallery",
+          "elementor/image-carousel"
+        ],
+        "divi": [
+          "divi/et_pb_gallery"
+        ]
+      },
+      "a11y": "A list of logos; each logo's text is the company's name, and a linked logo is one link named by it. The section is labelled by its heading.",
+      "pattern": {
+        "summary": "row of small logos, often linked",
+        "signals": [
+          "4+ images",
+          "small images",
+          "little or no text",
+          "optional heading"
+        ]
+      },
+      "files": [
+        "LogoCloud.astro"
+      ],
+      "contentFields": {
+        "heading": "heading",
+        "items": "items",
+        "items[].image": "items[].image",
+        "items[].imageAlt": "items[].image_alt",
+        "items[].href": "items[].href"
+      }
+    },
+    {
+      "id": "nav",
+      "name": "Navigation",
+      "description": "Site navigation: an inline list with hover/focus submenus on wide screens and a toggle on narrow ones that opens a native popover drawer or a <details> dropdown. No JavaScript.",
+      "category": "chrome",
+      "uses": [],
+      "shared": [
+        "types.ts"
+      ],
+      "variants": {
+        "mobile": {
+          "options": [
+            "popover",
+            "details"
+          ],
+          "default": "popover",
+          "description": "Narrow-screen menu: a side drawer (Popover API) or a dropdown under the toggle."
+        },
+        "align": {
+          "options": [
+            "start",
+            "end",
+            "center"
+          ],
+          "default": "end",
+          "description": "Horizontal alignment of the inline list."
+        },
+        "density": {
+          "options": [
             "compact",
             "comfortable"
           ],
@@ -3356,6 +4171,13 @@
         "imageAspect": {
           "type": "string",
           "description": "The image block's aspect ratio (16 / 9) where the source sets an aspect ratio; absent, 16 / 9."
+        },
+        "excerptLines": {
+          "type": "integer",
+          "min": 2,
+          "max": 4,
+          "content": false,
+          "description": "Clamp the excerpt to this many lines; absent, the layout's own (3 vertical, 2 otherwise)."
         }
       },
       "slots": {},
@@ -3384,18 +4206,29 @@
       ]
     },
     {
-      "id": "pricing",
-      "name": "Pricing",
-      "description": "Price plans side by side: name, price, period, a short description, a feature list and a button each. The featured plan is raised and badged.",
+      "id": "post-list",
+      "name": "Post list",
+      "description": "A list of posts as cards: a grid, stacked rows, a featured first post over a grid, or a compact title-and-date list. The posts come from the site's own collection; the switches decide which parts of a card show.",
       "category": "section",
-      "uses": [],
+      "uses": [
+        "post-card"
+      ],
       "shared": [
-        "Button.astro",
         "Section.astro",
         "measured.ts",
         "types.ts"
       ],
       "variants": {
+        "layout": {
+          "options": [
+            "grid",
+            "list",
+            "featured",
+            "compact"
+          ],
+          "default": "grid",
+          "description": "grid: cards in columns. list: stacked horizontal cards. featured: the first post large over a grid. compact: title and date only."
+        },
         "columns": {
           "options": [
             "2",
@@ -3403,93 +4236,583 @@
             "4"
           ],
           "default": "3",
-          "description": "Plans per row on wide screens; one on phones, two on tablets."
-        },
-        "tone": {
-          "options": [
-            "default",
-            "muted",
-            "inverse",
-            "accent"
-          ],
-          "default": "default",
-          "description": "Section background."
+          "description": "Cards per row on wide screens (grid and featured)."
         }
       },
       "props": {
         "heading": {
           "type": "string",
           "label": "Heading",
-          "description": "Section heading above the plans."
+          "description": "Section heading above the posts."
         },
         "intro": {
           "type": "text",
           "label": "Intro",
           "description": "A line or two under the heading."
         },
-        "plans": {
+        "posts": {
           "type": "array",
-          "label": "Plans",
+          "label": "Posts",
           "required": true,
+          "content": false,
+          "description": "The posts to show, newest first: from the posts collection (the query SDK), never copied from a page.",
           "items": {
             "type": "object",
             "fields": {
-              "name": {
-                "type": "string",
-                "label": "Name",
-                "required": true,
-                "description": "The plan's name."
-              },
-              "price": {
+              "title": {
                 "type": "string",
-                "label": "Price",
-                "required": true,
-                "description": "The price as shown, with its currency (\"$12\", \"Free\", \"On request\")."
+                "required": true
               },
-              "period": {
-                "type": "string",
-                "label": "Period",
-                "description": "What the price is per (\"/month\")."
+              "href": {
+                "type": "url",
+                "required": true
               },
-              "description": {
-                "type": "string",
-                "label": "Description",
-                "description": "One line on who the plan is for."
+              "excerpt": {
+                "type": "text"
               },
-              "features": {
-                "type": "markdown",
-                "label": "Features",
-                "description": "What the plan includes, as a markdown list."
+              "date": {
+                "type": "datetime"
               },
-              "ctaLabel": {
-                "type": "string",
-                "label": "Button label",
-                "description": "The plan's button text."
+              "image": {
+                "type": "object",
+                "fields": {
+                  "src": {
+                    "type": "image",
+                    "required": true
+                  },
+                  "alt": {
+                    "type": "string",
+                    "required": true
+                  },
+                  "width": {
+                    "type": "integer"
+                  },
+                  "height": {
+                    "type": "integer"
+                  }
+                }
               },
-              "ctaHref": {
-                "type": "url",
-                "label": "Button link",
-                "description": "Where the button goes."
+              "category": {
+                "type": "object",
+                "fields": {
+                  "label": {
+                    "type": "string",
+                    "required": true
+                  },
+                  "href": {
+                    "type": "url",
+                    "required": true
+                  }
+                }
               },
-              "featured": {
-                "type": "boolean",
-                "label": "Featured",
-                "description": "Raises the plan and gives it the badge."
+              "author": {
+                "type": "string"
               }
             }
-          },
-          "description": "The plans, in display order (Divi pricing tables, Elementor price table)."
+          }
+        },
+        "showImage": {
+          "type": "boolean",
+          "default": true,
+          "content": false,
+          "description": "Show each post's cover."
+        },
+        "showExcerpt": {
+          "type": "boolean",
+          "default": true,
+          "content": false,
+          "description": "Show each post's excerpt."
+        },
+        "showAuthor": {
+          "type": "boolean",
+          "default": true,
+          "content": false,
+          "description": "Show each post's author."
+        },
+        "showCategory": {
+          "type": "boolean",
+          "default": true,
+          "content": false,
+          "description": "Show each post's category."
+        },
+        "excerptLines": {
+          "type": "integer",
+          "min": 2,
+          "max": 4,
+          "content": false,
+          "description": "Clamp each excerpt to this many lines."
+        },
+        "locale": {
+          "type": "string",
+          "content": false,
+          "description": "BCP 47 locale the dates are written in (site.language)."
+        },
+        "surface": {
+          "type": "string",
+          "content": false,
+          "description": "plain or card: whether each post is a card of its own (post-card surface)."
+        },
+        "moreHref": {
+          "type": "url",
+          "content": false,
+          "description": "Where the full archive lives; with moreLabel a link follows the list."
+        },
+        "moreLabel": {
+          "type": "string",
+          "content": false,
+          "description": "Text of the archive link."
+        },
+        "tone": {
+          "type": "string",
+          "content": false,
+          "description": "Section background: default, muted, inverse or accent."
+        },
+        "id": {
+          "type": "string",
+          "content": false,
+          "description": "Anchor id of the section; the heading gets `<id>-title`."
+        },
+        "measured": {
+          "type": "object",
+          "content": false,
+          "description": "The source section's measured style (MeasuredStyle): frame width, padding, fill, image, columns per width, gap, text tone, radius, minimum height — all in pixels. Absent, the site's tokens; present, it wins over tone and columns. Values that are not a number, a colour or a known keyword are dropped.",
+          "fields": {
+            "containerPx": {
+              "type": "integer",
+              "min": 0,
+              "max": 2560,
+              "description": "The frame's content width."
+            },
+            "padY": {
+              "type": "integer",
+              "min": 0,
+              "max": 400,
+              "description": "Top and bottom padding."
+            },
+            "padX": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "The frame's side padding (gutter)."
+            },
+            "bg": {
+              "type": "object",
+              "description": "The section's background.",
+              "fields": {
+                "color": {
+                  "type": "string",
+                  "description": "Fill colour: hex, rgb(a) or hsl(a)."
+                },
+                "image": {
+                  "type": "string",
+                  "description": "Background image address (http(s) or root-relative), drawn behind the content."
+                },
+                "overlay": {
+                  "type": "string",
+                  "description": "Colour or linear/radial gradient laid over the image or the fill."
+                },
+                "size": {
+                  "type": "string",
+                  "description": "cover, contain or auto; anything else draws as cover."
+                },
+                "position": {
+                  "type": "string",
+                  "description": "One or two of center/top/bottom/left/right or percentages."
+                }
+              }
+            },
+            "columns": {
+              "type": "object",
+              "description": "Item columns at 390 (base), 768 (md) and 1280 (lg) px; a missing width follows the narrower one.",
+              "fields": {
+                "390": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Phone."
+                },
+                "768": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Tablet."
+                },
+                "1280": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Desktop."
+                }
+              }
+            },
+            "gap": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "Gap between items."
+            },
+            "tone": {
+              "type": "select",
+              "options": [
+                "light",
+                "dark"
+              ],
+              "description": "What the text is set for: dark = light text on a dark band. Without it, a fill's own lightness decides."
+            },
+            "align": {
+              "type": "select",
+              "options": [
+                "start",
+                "center",
+                "end"
+              ],
+              "description": "Where the heading and lead sit; read by a component whose own align is not set."
+            },
+            "radius": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "Card and item corner radius."
+            },
+            "minHeight": {
+              "type": "integer",
+              "min": 0,
+              "max": 2000,
+              "description": "The section's minimum height."
+            }
+          }
+        }
+      },
+      "slots": {},
+      "js": "none",
+      "dependencies": {},
+      "sources": {
+        "gutenberg": [
+          "core/query",
+          "core/latest-posts"
+        ],
+        "elementor": [
+          "elementor/posts",
+          "elementor/archive-posts"
+        ],
+        "divi": [
+          "divi/et_pb_blog"
+        ],
+        "classic": [
+          "classic/archive-item"
+        ]
+      },
+      "a11y": "A <ul> of cards, each an <article> with one link (the title, stretched over the card) and a <time datetime>. Cards sit one heading level under the section heading, or at h2 when there is none. Images are decorative next to their title; the featured card keeps reading order.",
+      "pattern": {
+        "summary": "a repeated post card: image + title + excerpt + date, as a grid, rows or a featured first post",
+        "signals": [
+          "2-4 columns",
+          "date text",
+          "one link per card",
+          "repeated card structure"
+        ]
+      },
+      "files": [
+        "PostList.astro"
+      ],
+      "contentFields": {
+        "heading": "heading",
+        "intro": "intro"
+      }
+    },
+    {
+      "id": "pricing",
+      "name": "Pricing",
+      "description": "Price plans side by side: name, price, period, a short description, a feature list and a button each. The featured plan is raised and badged.",
+      "category": "section",
+      "uses": [],
+      "shared": [
+        "Button.astro",
+        "Section.astro",
+        "measured.ts",
+        "types.ts"
+      ],
+      "variants": {
+        "columns": {
+          "options": [
+            "2",
+            "3",
+            "4"
+          ],
+          "default": "3",
+          "description": "Plans per row on wide screens; one on phones, two on tablets."
+        },
+        "tone": {
+          "options": [
+            "default",
+            "muted",
+            "inverse",
+            "accent"
+          ],
+          "default": "default",
+          "description": "Section background."
+        },
+        "layout": {
+          "options": [
+            "cards",
+            "table"
+          ],
+          "default": "cards",
+          "description": "cards: plans side by side. table: one comparison table, plans as columns and features as rows (for more than four plans)."
+        },
+        "featureStyle": {
+          "options": [
+            "check",
+            "dot",
+            "plain"
+          ],
+          "default": "plain",
+          "description": "The mark before each feature in the cards: a check, a dot, or the list's own bullets."
+        },
+        "billingToggle": {
+          "options": [
+            "none",
+            "radio"
+          ],
+          "default": "none",
+          "description": "radio: two labelled radios swap each plan's price for its priceAlt (monthly / yearly), with no script. The radio group is named from the section id, or a hash of the plans without one, so two toggles on a page stay independent."
+        }
+      },
+      "props": {
+        "heading": {
+          "type": "string",
+          "label": "Heading",
+          "description": "Section heading above the plans."
+        },
+        "intro": {
+          "type": "text",
+          "label": "Intro",
+          "description": "A line or two under the heading."
+        },
+        "plans": {
+          "type": "array",
+          "label": "Plans",
+          "required": true,
+          "items": {
+            "type": "object",
+            "fields": {
+              "name": {
+                "type": "string",
+                "label": "Name",
+                "required": true,
+                "description": "The plan's name."
+              },
+              "price": {
+                "type": "string",
+                "label": "Price",
+                "required": true,
+                "description": "The price as shown, with its currency (\"$12\", \"Free\", \"On request\")."
+              },
+              "period": {
+                "type": "string",
+                "label": "Period",
+                "description": "What the price is per (\"/month\")."
+              },
+              "description": {
+                "type": "string",
+                "label": "Description",
+                "description": "One line on who the plan is for."
+              },
+              "features": {
+                "type": "markdown",
+                "label": "Features",
+                "description": "What the plan includes, as a markdown list."
+              },
+              "ctaLabel": {
+                "type": "string",
+                "label": "Button label",
+                "description": "The plan's button text."
+              },
+              "ctaHref": {
+                "type": "url",
+                "label": "Button link",
+                "description": "Where the button goes."
+              },
+              "featured": {
+                "type": "boolean",
+                "label": "Featured",
+                "description": "Raises the plan and gives it the badge."
+              },
+              "badge": {
+                "type": "string",
+                "label": "Badge",
+                "description": "A badge text on the plan (\"Best value\"); a featured plan without one reads the section's featuredLabel."
+              },
+              "priceAlt": {
+                "type": "string",
+                "label": "Price, other period",
+                "description": "The price for the other billing period (\"€150\"), shown when the toggle is on its second option."
+              },
+              "periodAlt": {
+                "type": "string",
+                "label": "Period, other period",
+                "description": "What the other price is per (\"/year\")."
+              }
+            }
+          },
+          "description": "The plans, in display order (Divi pricing tables, Elementor price table)."
         },
         "featuredLabel": {
           "type": "string",
-          "default": "Most popular",
+          "default": "Most popular",
+          "content": false,
+          "description": "Badge text on featured plans."
+        },
+        "id": {
+          "type": "string",
+          "content": false,
+          "description": "Anchor id of the section; the heading gets `<id>-title`."
+        },
+        "compact": {
+          "type": "boolean",
+          "default": false,
+          "content": false,
+          "description": "A denser card: smaller padding, gap and price."
+        },
+        "includedLabel": {
+          "type": "string",
+          "default": "Included",
+          "content": false,
+          "description": "Table cell text for readers where a plan has the feature."
+        },
+        "notIncludedLabel": {
+          "type": "string",
+          "default": "Not included",
+          "content": false,
+          "description": "Table cell text for readers where a plan lacks the feature."
+        },
+        "measured": {
+          "type": "object",
+          "content": false,
+          "description": "The source section's measured style (MeasuredStyle): frame width, padding, fill, image, columns per width, gap, text tone, radius, minimum height — all in pixels. Absent, the site's tokens; present, it wins over tone and columns. Values that are not a number, a colour or a known keyword are dropped.",
+          "fields": {
+            "containerPx": {
+              "type": "integer",
+              "min": 0,
+              "max": 2560,
+              "description": "The frame's content width."
+            },
+            "padY": {
+              "type": "integer",
+              "min": 0,
+              "max": 400,
+              "description": "Top and bottom padding."
+            },
+            "padX": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "The frame's side padding (gutter)."
+            },
+            "bg": {
+              "type": "object",
+              "description": "The section's background.",
+              "fields": {
+                "color": {
+                  "type": "string",
+                  "description": "Fill colour: hex, rgb(a) or hsl(a)."
+                },
+                "image": {
+                  "type": "string",
+                  "description": "Background image address (http(s) or root-relative), drawn behind the content."
+                },
+                "overlay": {
+                  "type": "string",
+                  "description": "Colour or linear/radial gradient laid over the image or the fill."
+                },
+                "size": {
+                  "type": "string",
+                  "description": "cover, contain or auto; anything else draws as cover."
+                },
+                "position": {
+                  "type": "string",
+                  "description": "One or two of center/top/bottom/left/right or percentages."
+                }
+              }
+            },
+            "columns": {
+              "type": "object",
+              "description": "Item columns at 390 (base), 768 (md) and 1280 (lg) px; a missing width follows the narrower one.",
+              "fields": {
+                "390": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Phone."
+                },
+                "768": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Tablet."
+                },
+                "1280": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Desktop."
+                }
+              }
+            },
+            "gap": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "Gap between items."
+            },
+            "tone": {
+              "type": "select",
+              "options": [
+                "light",
+                "dark"
+              ],
+              "description": "What the text is set for: dark = light text on a dark band. Without it, a fill's own lightness decides."
+            },
+            "align": {
+              "type": "select",
+              "options": [
+                "start",
+                "center",
+                "end"
+              ],
+              "description": "Where the heading and lead sit; read by a component whose own align is not set."
+            },
+            "radius": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "Card and item corner radius."
+            },
+            "minHeight": {
+              "type": "integer",
+              "min": 0,
+              "max": 2000,
+              "description": "The section's minimum height."
+            }
+          }
+        },
+        "billingMainLabel": {
+          "type": "string",
+          "default": "Monthly",
           "content": false,
-          "description": "Badge text on featured plans."
+          "description": "First option of the billing toggle."
         },
-        "id": {
+        "billingAltLabel": {
           "type": "string",
+          "default": "Yearly",
           "content": false,
-          "description": "Anchor id of the section; the heading gets `<id>-title`."
+          "description": "Second option of the billing toggle (the plans' priceAlt)."
+        },
+        "billingLegend": {
+          "type": "string",
+          "default": "Billing period",
+          "content": false,
+          "description": "Legend of the toggle, read to screen readers."
         }
       },
       "slots": {},
@@ -3506,7 +4829,7 @@
           "divi/et_pb_pricing_tables"
         ]
       },
-      "a11y": "Plans are a <ul>; each name is an <h3> under the section's <h2>, or an <h2> when the section has no heading. A featured plan is marked by a text badge and a ring, not colour alone. Buttons are links with their own label.",
+      "a11y": "Plans are a <ul>; each name is an <h3> under the section's <h2>, or an <h2> when the section has no heading. A featured plan is marked by a text badge and a ring, not colour alone. Buttons are links with their own label. The table layout is a real <table> with a caption, column and row headers, and Included / Not included text in every cell; the billing toggle is a fieldset with a legend and labelled radios.",
       "pattern": {
         "summary": "repeated plan units: name + price + feature list + button",
         "signals": [
@@ -3530,7 +4853,10 @@
         "plans[].features": "plans[].features",
         "plans[].ctaLabel": "plans[].cta_label",
         "plans[].ctaHref": "plans[].cta_href",
-        "plans[].featured": "plans[].featured"
+        "plans[].featured": "plans[].featured",
+        "plans[].badge": "plans[].badge",
+        "plans[].priceAlt": "plans[].price_alt",
+        "plans[].periodAlt": "plans[].period_alt"
       }
     },
     {
@@ -3768,7 +5094,10 @@
       "name": "Split",
       "description": "An image beside a block of text — eyebrow, heading, a markdown body and buttons — on either side, stacked on phones. The media-and-text section of a landing page (Gutenberg media-text, a two-column Elementor container with an image, Divi's image + text row).",
       "category": "section",
-      "uses": [],
+      "uses": [
+        "embed",
+        "feature-list"
+      ],
       "shared": [
         "Button.astro",
         "KitImage.astro",
@@ -3785,6 +5114,64 @@
           "default": "end",
           "description": "Which side the image takes on wide screens: start (left in left-to-right text) or end. Phones always show it after the text."
         },
+        "ratio": {
+          "options": [
+            "1:1",
+            "5:7",
+            "7:5"
+          ],
+          "default": "1:1",
+          "description": "The text column's share against the image's: equal, text 5 to image 7, or text 7 to image 5."
+        },
+        "imageFit": {
+          "options": [
+            "contain",
+            "cover"
+          ],
+          "default": "contain",
+          "description": "contain: the image at its own proportions. cover: it fills the column's height."
+        },
+        "imageShape": {
+          "options": [
+            "none",
+            "rounded",
+            "circle"
+          ],
+          "default": "rounded",
+          "description": "The image's corners: square, the theme's rounding, or a circle."
+        },
+        "imageBleed": {
+          "options": [
+            "none",
+            "edge"
+          ],
+          "default": "none",
+          "description": "edge: the image runs on to the edge of the screen on its side (wide screens)."
+        },
+        "mediaKind": {
+          "options": [
+            "image",
+            "video"
+          ],
+          "default": "image",
+          "description": "image: the picture. video: the picture is the poster of a video that loads only when played."
+        },
+        "featureStyle": {
+          "options": [
+            "check",
+            "icon"
+          ],
+          "default": "check",
+          "description": "The marks of the points under the text: a check, or each point's own icon."
+        },
+        "stackOrder": {
+          "options": [
+            "text-first",
+            "media-first"
+          ],
+          "default": "text-first",
+          "description": "On a phone: the text first, or the picture first."
+        },
         "align": {
           "options": [
             "start",
@@ -3798,10 +5185,12 @@
             "default",
             "muted",
             "inverse",
-            "accent"
+            "accent",
+            "brand",
+            "none"
           ],
           "default": "default",
-          "description": "Section background."
+          "description": "Section background (brand: the site's brand colour; none: the page's own)."
         }
       },
       "props": {
@@ -3811,6 +5200,12 @@
           "required": true,
           "description": "The section heading."
         },
+        "headingLevel": {
+          "type": "integer",
+          "default": 2,
+          "content": false,
+          "description": "The heading's level: 2 under the page title; 3 or 4 when the section sits inside another."
+        },
         "eyebrow": {
           "type": "string",
           "label": "Eyebrow",
@@ -3886,10 +5281,162 @@
           },
           "description": "The image beside the text. Width and height, when known, let the site reserve its space."
         },
+        "features": {
+          "type": "array",
+          "label": "Points",
+          "items": {
+            "type": "object",
+            "fields": {
+              "title": {
+                "type": "string",
+                "label": "Title",
+                "required": true,
+                "description": "The point, in a few words."
+              },
+              "text": {
+                "type": "string",
+                "label": "Text",
+                "description": "A line about it."
+              },
+              "icon": {
+                "type": "string",
+                "label": "Icon",
+                "description": "A kit icon name (check, star, bolt, shield, heart, globe, clock, chat)."
+              }
+            }
+          },
+          "description": "Short points under the text (an Elementor icon list or icon box, a Gutenberg list), each with a title and a line."
+        },
+        "videoUrl": {
+          "type": "url",
+          "label": "Video",
+          "description": "A video page (YouTube, Vimeo); the image is its poster and nothing loads from the provider until it is played."
+        },
+        "playLabel": {
+          "type": "string",
+          "content": false,
+          "description": "The play button's text (ui-strings embed.play)."
+        },
+        "measured": {
+          "type": "object",
+          "content": false,
+          "description": "The source section's measured style (MeasuredStyle): frame width, padding, fill, image, columns per width, gap, text tone, radius, minimum height — all in pixels. Absent, the site's tokens; present, it wins over tone and columns. Values that are not a number, a colour or a known keyword are dropped.",
+          "fields": {
+            "containerPx": {
+              "type": "integer",
+              "min": 0,
+              "max": 2560,
+              "description": "The frame's content width."
+            },
+            "padY": {
+              "type": "integer",
+              "min": 0,
+              "max": 400,
+              "description": "Top and bottom padding."
+            },
+            "padX": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "The frame's side padding (gutter)."
+            },
+            "bg": {
+              "type": "object",
+              "description": "The section's background.",
+              "fields": {
+                "color": {
+                  "type": "string",
+                  "description": "Fill colour: hex, rgb(a) or hsl(a)."
+                },
+                "image": {
+                  "type": "string",
+                  "description": "Background image address (http(s) or root-relative), drawn behind the content."
+                },
+                "overlay": {
+                  "type": "string",
+                  "description": "Colour or linear/radial gradient laid over the image or the fill."
+                },
+                "size": {
+                  "type": "string",
+                  "description": "cover, contain or auto; anything else draws as cover."
+                },
+                "position": {
+                  "type": "string",
+                  "description": "One or two of center/top/bottom/left/right or percentages."
+                }
+              }
+            },
+            "columns": {
+              "type": "object",
+              "description": "Item columns at 390 (base), 768 (md) and 1280 (lg) px; a missing width follows the narrower one.",
+              "fields": {
+                "390": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Phone."
+                },
+                "768": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Tablet."
+                },
+                "1280": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Desktop."
+                }
+              }
+            },
+            "gap": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "Gap between items."
+            },
+            "tone": {
+              "type": "select",
+              "options": [
+                "light",
+                "dark"
+              ],
+              "description": "What the text is set for: dark = light text on a dark band. Without it, a fill's own lightness decides."
+            },
+            "align": {
+              "type": "select",
+              "options": [
+                "start",
+                "center",
+                "end"
+              ],
+              "description": "Where the heading and lead sit; read by a component whose own align is not set."
+            },
+            "radius": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "Card and item corner radius."
+            },
+            "minHeight": {
+              "type": "integer",
+              "min": 0,
+              "max": 2000,
+              "description": "The section's minimum height."
+            }
+          }
+        },
         "id": {
           "type": "string",
           "content": false,
           "description": "Anchor id of the section; the heading gets `<id>-title`."
+        },
+        "sticky": {
+          "type": "boolean",
+          "default": false,
+          "content": false,
+          "description": "The picture stays in view while a long text scrolls past it (wide screens)."
         }
       },
       "slots": {},
@@ -3906,7 +5453,7 @@
           "divi/et_pb_image"
         ]
       },
-      "a11y": "The section is labelled by its heading. The image is a separate figure in reading order after the text; an empty description marks a decorative one.",
+      "a11y": "The section is labelled by its heading. The image is a separate figure in reading order after the text; an empty description marks a decorative one. With stackOrder media-first the picture comes first on a phone by CSS order only: the DOM and so the reading order stay text first, which is right when the picture is decoration; give the picture an empty description then.",
       "pattern": {
         "summary": "image beside heading + text",
         "signals": [
@@ -3933,7 +5480,12 @@
         "image.src": "image.src",
         "image.alt": "image.alt",
         "image.width": "image.width",
-        "image.height": "image.height"
+        "image.height": "image.height",
+        "features": "features",
+        "features[].title": "features[].title",
+        "features[].text": "features[].text",
+        "features[].icon": "features[].icon",
+        "videoUrl": "video_url"
       }
     },
     {
@@ -3943,27 +5495,58 @@
       "category": "section",
       "uses": [],
       "shared": [
+        "KitImage.astro",
         "Section.astro",
+        "image.ts",
         "measured.ts",
         "types.ts"
       ],
       "variants": {
+        "layout": {
+          "options": [
+            "grid",
+            "inline"
+          ],
+          "default": "grid",
+          "description": "grid: figures in columns. inline: one line that wraps, for two to four short figures."
+        },
         "columns": {
           "options": [
             "2",
             "3",
-            "4"
+            "4",
+            "5",
+            "6"
           ],
           "default": "3",
-          "description": "Figures per row on wide screens; two on phones."
+          "description": "Figures per row on wide screens (grid layout); two on phones."
         },
         "style": {
           "options": [
             "plain",
-            "card"
+            "card",
+            "divided"
           ],
           "default": "plain",
-          "description": "plain: figures on the section background. card: each figure in its own box."
+          "description": "plain: figures on the section background. card: each figure in its own box. divided: hairlines between the figures (across on a wide screen, above each on a phone), no box; for a single row."
+        },
+        "align": {
+          "options": [
+            "start",
+            "center"
+          ],
+          "default": "start",
+          "description": "Alignment of each figure and its label."
+        },
+        "valueSize": {
+          "options": [
+            "md",
+            "lg",
+            "xl",
+            "display"
+          ],
+          "default": "lg",
+          "description": "The figure's size: md, lg, xl or a display-size number."
         },
         "tone": {
           "options": [
@@ -4032,10 +5615,125 @@
                 "type": "string",
                 "label": "Suffix",
                 "description": "Printed after the figure (`+`, `%`, `k`)."
+              },
+              "icon": {
+                "type": "image",
+                "label": "Icon",
+                "description": "A small picture above the figure; decorative."
+              }
+            }
+          },
+          "description": "The figures, in order (Elementor counter, Divi number counter, a Gutenberg columns row of big numbers)."
+        },
+        "measured": {
+          "type": "object",
+          "content": false,
+          "description": "The source section's measured style (MeasuredStyle): frame width, padding, fill, image, columns per width, gap, text tone, radius, minimum height — all in pixels. Absent, the site's tokens; present, it wins over tone and columns. Values that are not a number, a colour or a known keyword are dropped.",
+          "fields": {
+            "containerPx": {
+              "type": "integer",
+              "min": 0,
+              "max": 2560,
+              "description": "The frame's content width."
+            },
+            "padY": {
+              "type": "integer",
+              "min": 0,
+              "max": 400,
+              "description": "Top and bottom padding."
+            },
+            "padX": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "The frame's side padding (gutter)."
+            },
+            "bg": {
+              "type": "object",
+              "description": "The section's background.",
+              "fields": {
+                "color": {
+                  "type": "string",
+                  "description": "Fill colour: hex, rgb(a) or hsl(a)."
+                },
+                "image": {
+                  "type": "string",
+                  "description": "Background image address (http(s) or root-relative), drawn behind the content."
+                },
+                "overlay": {
+                  "type": "string",
+                  "description": "Colour or linear/radial gradient laid over the image or the fill."
+                },
+                "size": {
+                  "type": "string",
+                  "description": "cover, contain or auto; anything else draws as cover."
+                },
+                "position": {
+                  "type": "string",
+                  "description": "One or two of center/top/bottom/left/right or percentages."
+                }
               }
+            },
+            "columns": {
+              "type": "object",
+              "description": "Item columns at 390 (base), 768 (md) and 1280 (lg) px; a missing width follows the narrower one.",
+              "fields": {
+                "390": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Phone."
+                },
+                "768": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Tablet."
+                },
+                "1280": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Desktop."
+                }
+              }
+            },
+            "gap": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "Gap between items."
+            },
+            "tone": {
+              "type": "select",
+              "options": [
+                "light",
+                "dark"
+              ],
+              "description": "What the text is set for: dark = light text on a dark band. Without it, a fill's own lightness decides."
+            },
+            "align": {
+              "type": "select",
+              "options": [
+                "start",
+                "center",
+                "end"
+              ],
+              "description": "Where the heading and lead sit; read by a component whose own align is not set."
+            },
+            "radius": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "Card and item corner radius."
+            },
+            "minHeight": {
+              "type": "integer",
+              "min": 0,
+              "max": 2000,
+              "description": "The section's minimum height."
             }
-          },
-          "description": "The figures, in order (Elementor counter, Divi number counter, a Gutenberg columns row of big numbers)."
+          }
         },
         "id": {
           "type": "string",
@@ -4077,7 +5775,8 @@
         "items[].value": "items[].value",
         "items[].label": "items[].label",
         "items[].prefix": "items[].prefix",
-        "items[].suffix": "items[].suffix"
+        "items[].suffix": "items[].suffix",
+        "items[].icon": "items[].icon"
       }
     },
     {
@@ -4097,10 +5796,12 @@
         "layout": {
           "options": [
             "list",
-            "row"
+            "row",
+            "rail",
+            "alternate"
           ],
           "default": "list",
-          "description": "A vertical list, or one row across the page on wide screens."
+          "description": "list: a vertical list. row: across the page. rail: one rail on the start side. alternate: items alternate either side of a centre rail from md (one rail on phones); DOM order stays chronological."
         },
         "style": {
           "options": [
@@ -4109,6 +5810,31 @@
           ],
           "default": "numbered",
           "description": "A number badge before each step, or an accent rule beside it."
+        },
+        "kind": {
+          "options": [
+            "steps",
+            "timeline"
+          ],
+          "default": "steps",
+          "description": "steps: a numbered sequence. timeline: a date per item on a vertical rail (the rail layouts below; without a layout it uses rail)."
+        },
+        "marker": {
+          "options": [
+            "number",
+            "dot"
+          ],
+          "default": "number",
+          "description": "What sits on the rail: the style's number badge, or a plain dot (the timeline default). Not yet: icon and date markers, and a visual emphasis for the current item (it has aria-current and a hidden label only)."
+        },
+        "connector": {
+          "options": [
+            "none",
+            "line",
+            "dashed"
+          ],
+          "default": "line",
+          "description": "The rail between items on the rail layouts."
         }
       },
       "props": {
@@ -4155,6 +5881,16 @@
                 "type": "string",
                 "label": "Image description",
                 "description": "What the image shows; empty if decorative."
+              },
+              "date": {
+                "type": "string",
+                "label": "Date",
+                "description": "A timeline's date as written (\"2019\", \"Mar 2021\"); marked up as a <time> only when it is an ISO date or a year."
+              },
+              "current": {
+                "type": "boolean",
+                "label": "Current",
+                "description": "Marks the latest item (aria-current=\"step\" and a hidden \"Current\")."
               }
             }
           },
@@ -4164,6 +5900,122 @@
           "type": "string",
           "content": false,
           "description": "Anchor id of the section; the heading gets `<id>-title`."
+        },
+        "currentLabel": {
+          "type": "string",
+          "default": "Current",
+          "content": false,
+          "description": "Visually hidden text on the current item, so it is not shown by colour alone."
+        },
+        "measured": {
+          "type": "object",
+          "content": false,
+          "description": "The source section's measured style (MeasuredStyle): frame width, padding, fill, image, columns per width, gap, text tone, radius, minimum height — all in pixels. Absent, the site's tokens; present, it wins over tone and columns. Values that are not a number, a colour or a known keyword are dropped.",
+          "fields": {
+            "containerPx": {
+              "type": "integer",
+              "min": 0,
+              "max": 2560,
+              "description": "The frame's content width."
+            },
+            "padY": {
+              "type": "integer",
+              "min": 0,
+              "max": 400,
+              "description": "Top and bottom padding."
+            },
+            "padX": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "The frame's side padding (gutter)."
+            },
+            "bg": {
+              "type": "object",
+              "description": "The section's background.",
+              "fields": {
+                "color": {
+                  "type": "string",
+                  "description": "Fill colour: hex, rgb(a) or hsl(a)."
+                },
+                "image": {
+                  "type": "string",
+                  "description": "Background image address (http(s) or root-relative), drawn behind the content."
+                },
+                "overlay": {
+                  "type": "string",
+                  "description": "Colour or linear/radial gradient laid over the image or the fill."
+                },
+                "size": {
+                  "type": "string",
+                  "description": "cover, contain or auto; anything else draws as cover."
+                },
+                "position": {
+                  "type": "string",
+                  "description": "One or two of center/top/bottom/left/right or percentages."
+                }
+              }
+            },
+            "columns": {
+              "type": "object",
+              "description": "Item columns at 390 (base), 768 (md) and 1280 (lg) px; a missing width follows the narrower one.",
+              "fields": {
+                "390": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Phone."
+                },
+                "768": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Tablet."
+                },
+                "1280": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Desktop."
+                }
+              }
+            },
+            "gap": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "Gap between items."
+            },
+            "tone": {
+              "type": "select",
+              "options": [
+                "light",
+                "dark"
+              ],
+              "description": "What the text is set for: dark = light text on a dark band. Without it, a fill's own lightness decides."
+            },
+            "align": {
+              "type": "select",
+              "options": [
+                "start",
+                "center",
+                "end"
+              ],
+              "description": "Where the heading and lead sit; read by a component whose own align is not set."
+            },
+            "radius": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "Card and item corner radius."
+            },
+            "minHeight": {
+              "type": "integer",
+              "min": 0,
+              "max": 2000,
+              "description": "The section's minimum height."
+            }
+          }
         }
       },
       "slots": {},
@@ -4180,7 +6032,7 @@
           "divi/et_pb_blurb"
         ]
       },
-      "a11y": "Steps are an <ol>, so their order and count are announced; the visible numbers are CSS counters, not text. Each title is an <h3> under the section's <h2>, or an <h2> when the section has no heading. The section is labelled by its heading when it has one.",
+      "a11y": "Steps are an <ol>, so their order and count are announced; the visible numbers are CSS counters, not text. Each title is an <h3> under the section's <h2>, or an <h2> when the section has no heading. The section is labelled by its heading when it has one. A timeline is the same <ol>; a date is a <time datetime> only when machine-readable; the rail and dots are CSS and not in the accessibility tree.",
       "pattern": {
         "summary": "ordered sequence: numbered title + short text units",
         "signals": [
@@ -4201,7 +6053,9 @@
         "items[].title": "items[].title",
         "items[].text": "items[].text",
         "items[].image": "items[].image",
-        "items[].imageAlt": "items[].image_alt"
+        "items[].imageAlt": "items[].image_alt",
+        "items[].date": "items[].date",
+        "items[].current": "items[].current"
       }
     },
     {
@@ -4426,10 +6280,11 @@
           "options": [
             "2",
             "3",
-            "4"
+            "4",
+            "5"
           ],
           "default": "3",
-          "description": "Columns on wide screens; one on phones, two on tablets."
+          "description": "Members per row on wide screens; one on phones, two on tablets."
         },
         "style": {
           "options": [
@@ -4446,6 +6301,32 @@
           ],
           "default": "accent",
           "description": "The member's role. accent: a small accent-coloured line. plain: body-size text in the text colour, as a byline."
+        },
+        "layout": {
+          "options": [
+            "grid",
+            "list",
+            "featured"
+          ],
+          "default": "grid",
+          "description": "grid: cards in columns. list: one row each, photo beside text. featured: the first member large over a grid."
+        },
+        "imageShape": {
+          "options": [
+            "square",
+            "rounded",
+            "circle"
+          ],
+          "default": "square",
+          "description": "Shape of the portrait."
+        },
+        "align": {
+          "options": [
+            "start",
+            "center"
+          ],
+          "default": "start",
+          "description": "Text and socials from the start edge, or centred."
         }
       },
       "props": {
@@ -4496,15 +6377,152 @@
                 "type": "url",
                 "label": "Link",
                 "description": "Their profile page; makes the whole entry a link."
+              },
+              "links": {
+                "type": "array",
+                "label": "Profile links",
+                "description": "Addresses of the member's social profiles, in order; each is labelled by the network its host names (LinkedIn, GitHub, …).",
+                "items": {
+                  "type": "url"
+                }
               }
             }
           },
           "description": "The people, in display order (Divi team member name/position/content/image_url, Elementor image box)."
         },
-        "id": {
+        "id": {
+          "type": "string",
+          "content": false,
+          "description": "Anchor id of the section; the heading gets `<id>-title`."
+        },
+        "bioClamp": {
+          "type": "integer",
+          "min": 2,
+          "max": 4,
+          "content": false,
+          "description": "Clamp a long bio to this many lines; the full text opens in a native <details> (\"Read more\"), no script."
+        },
+        "readMoreLabel": {
           "type": "string",
+          "default": "Read more",
           "content": false,
-          "description": "Anchor id of the section; the heading gets `<id>-title`."
+          "description": "Text of the bio disclosure."
+        },
+        "socialLabel": {
+          "type": "string",
+          "default": "{name} on {network}",
+          "content": false,
+          "description": "Accessible name of a profile link; {name} and {network} are replaced."
+        },
+        "measured": {
+          "type": "object",
+          "content": false,
+          "description": "The source section's measured style (MeasuredStyle): frame width, padding, fill, image, columns per width, gap, text tone, radius, minimum height — all in pixels. Absent, the site's tokens; present, it wins over tone and columns. Values that are not a number, a colour or a known keyword are dropped.",
+          "fields": {
+            "containerPx": {
+              "type": "integer",
+              "min": 0,
+              "max": 2560,
+              "description": "The frame's content width."
+            },
+            "padY": {
+              "type": "integer",
+              "min": 0,
+              "max": 400,
+              "description": "Top and bottom padding."
+            },
+            "padX": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "The frame's side padding (gutter)."
+            },
+            "bg": {
+              "type": "object",
+              "description": "The section's background.",
+              "fields": {
+                "color": {
+                  "type": "string",
+                  "description": "Fill colour: hex, rgb(a) or hsl(a)."
+                },
+                "image": {
+                  "type": "string",
+                  "description": "Background image address (http(s) or root-relative), drawn behind the content."
+                },
+                "overlay": {
+                  "type": "string",
+                  "description": "Colour or linear/radial gradient laid over the image or the fill."
+                },
+                "size": {
+                  "type": "string",
+                  "description": "cover, contain or auto; anything else draws as cover."
+                },
+                "position": {
+                  "type": "string",
+                  "description": "One or two of center/top/bottom/left/right or percentages."
+                }
+              }
+            },
+            "columns": {
+              "type": "object",
+              "description": "Item columns at 390 (base), 768 (md) and 1280 (lg) px; a missing width follows the narrower one.",
+              "fields": {
+                "390": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Phone."
+                },
+                "768": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Tablet."
+                },
+                "1280": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Desktop."
+                }
+              }
+            },
+            "gap": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "Gap between items."
+            },
+            "tone": {
+              "type": "select",
+              "options": [
+                "light",
+                "dark"
+              ],
+              "description": "What the text is set for: dark = light text on a dark band. Without it, a fill's own lightness decides."
+            },
+            "align": {
+              "type": "select",
+              "options": [
+                "start",
+                "center",
+                "end"
+              ],
+              "description": "Where the heading and lead sit; read by a component whose own align is not set."
+            },
+            "radius": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "Card and item corner radius."
+            },
+            "minHeight": {
+              "type": "integer",
+              "min": 0,
+              "max": 2000,
+              "description": "The section's minimum height."
+            }
+          }
         }
       },
       "slots": {},
@@ -4521,7 +6539,7 @@
           "divi/et_pb_team_member"
         ]
       },
-      "a11y": "Members are a <ul>; each name is an <h3> under the section's <h2> (an <h2> when the section has no heading), and a linked member's link text is the name. A portrait's text defaults to the name. The section is labelled by its heading when it has one.",
+      "a11y": "Members are a <ul>; each name is an <h3> under the section's <h2> (an <h2> when the section has no heading), and a linked member's link text is the name. A portrait's text defaults to the name. The section is labelled by its heading when it has one. A member with socials keeps the name link and the social links apart (no nested links); a clamped bio opens in a <details> with the whole text.",
       "pattern": {
         "summary": "repeated person units: portrait + name + role",
         "signals": [
@@ -4533,7 +6551,8 @@
         ]
       },
       "files": [
-        "Team.astro"
+        "Team.astro",
+        "team.ts"
       ],
       "contentFields": {
         "heading": "heading",
@@ -4544,7 +6563,8 @@
         "items[].bio": "items[].bio",
         "items[].image": "items[].image",
         "items[].imageAlt": "items[].image_alt",
-        "items[].href": "items[].href"
+        "items[].href": "items[].href",
+        "items[].links": "items[].links"
       }
     },
     {
@@ -4564,10 +6584,12 @@
         "layout": {
           "options": [
             "single",
-            "grid"
+            "grid",
+            "row",
+            "masonry"
           ],
           "default": "grid",
-          "description": "single: one large centred quote (the first item stands alone; more items stack). grid: cards, up to three per row."
+          "description": "single: one large centred quote (the first item stands alone; more items stack). grid: cards, up to three per row. row: a horizontal strip that scrolls and snaps, no script. masonry: columns of quotes of different lengths."
         },
         "tone": {
           "options": [
@@ -4596,6 +6618,32 @@
           ],
           "default": "card",
           "description": "card: each quote in its box (a bordered, padded card in the grid; the surface colour in a muted section). plain: the quote and who said it straight on the section, across the column, with no box, as Elementor's testimonial widget draws them."
+        },
+        "avatarSize": {
+          "options": [
+            "sm",
+            "md",
+            "lg"
+          ],
+          "default": "md",
+          "description": "The portrait's size: small, medium or large."
+        },
+        "avatarPlace": {
+          "options": [
+            "start",
+            "top"
+          ],
+          "default": "start",
+          "description": "start: the portrait beside the name. top: above the quote."
+        },
+        "quoteMark": {
+          "options": [
+            "marks",
+            "glyph",
+            "none"
+          ],
+          "default": "marks",
+          "description": "marks: quotation marks around the text. glyph: one large decorative mark above. none: no marks."
         }
       },
       "props": {
@@ -4632,6 +6680,21 @@
                 "type": "string",
                 "label": "Photo description",
                 "description": "Who the photo shows; usually their name."
+              },
+              "rating": {
+                "type": "number",
+                "label": "Rating",
+                "description": "Stars out of 5; leave empty for none."
+              },
+              "logo": {
+                "type": "image",
+                "label": "Company logo",
+                "description": "The company's logo beside the name."
+              },
+              "logoAlt": {
+                "type": "string",
+                "label": "Company name",
+                "description": "The company the logo stands for."
               }
             }
           },
@@ -4642,10 +6705,130 @@
           "label": "Heading",
           "description": "Section heading above the quotes."
         },
+        "measured": {
+          "type": "object",
+          "content": false,
+          "description": "The source section's measured style (MeasuredStyle): frame width, padding, fill, image, columns per width, gap, text tone, radius, minimum height — all in pixels. Absent, the site's tokens; present, it wins over tone and columns. Values that are not a number, a colour or a known keyword are dropped.",
+          "fields": {
+            "containerPx": {
+              "type": "integer",
+              "min": 0,
+              "max": 2560,
+              "description": "The frame's content width."
+            },
+            "padY": {
+              "type": "integer",
+              "min": 0,
+              "max": 400,
+              "description": "Top and bottom padding."
+            },
+            "padX": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "The frame's side padding (gutter)."
+            },
+            "bg": {
+              "type": "object",
+              "description": "The section's background.",
+              "fields": {
+                "color": {
+                  "type": "string",
+                  "description": "Fill colour: hex, rgb(a) or hsl(a)."
+                },
+                "image": {
+                  "type": "string",
+                  "description": "Background image address (http(s) or root-relative), drawn behind the content."
+                },
+                "overlay": {
+                  "type": "string",
+                  "description": "Colour or linear/radial gradient laid over the image or the fill."
+                },
+                "size": {
+                  "type": "string",
+                  "description": "cover, contain or auto; anything else draws as cover."
+                },
+                "position": {
+                  "type": "string",
+                  "description": "One or two of center/top/bottom/left/right or percentages."
+                }
+              }
+            },
+            "columns": {
+              "type": "object",
+              "description": "Item columns at 390 (base), 768 (md) and 1280 (lg) px; a missing width follows the narrower one.",
+              "fields": {
+                "390": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Phone."
+                },
+                "768": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Tablet."
+                },
+                "1280": {
+                  "type": "integer",
+                  "min": 1,
+                  "max": 6,
+                  "description": "Desktop."
+                }
+              }
+            },
+            "gap": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "Gap between items."
+            },
+            "tone": {
+              "type": "select",
+              "options": [
+                "light",
+                "dark"
+              ],
+              "description": "What the text is set for: dark = light text on a dark band. Without it, a fill's own lightness decides."
+            },
+            "align": {
+              "type": "select",
+              "options": [
+                "start",
+                "center",
+                "end"
+              ],
+              "description": "Where the heading and lead sit; read by a component whose own align is not set."
+            },
+            "radius": {
+              "type": "integer",
+              "min": 0,
+              "max": 200,
+              "description": "Card and item corner radius."
+            },
+            "minHeight": {
+              "type": "integer",
+              "min": 0,
+              "max": 2000,
+              "description": "The section's minimum height."
+            }
+          }
+        },
         "id": {
           "type": "string",
           "content": false,
           "description": "Anchor id of the section; the heading gets `<id>-title`."
+        },
+        "ratingLabel": {
+          "type": "string",
+          "content": false,
+          "description": "The stars' spoken text; `{rating}` stands for the number (\"{rating} out of 5 stars\")."
+        },
+        "label": {
+          "type": "string",
+          "content": false,
+          "description": "The scrolling row's name for assistive technology when there is no heading (\"Testimonials\")."
         }
       },
       "slots": {},
@@ -4662,7 +6845,7 @@
           "classic/testimonial"
         ]
       },
-      "a11y": "Each quote is a <figure> whose <figcaption> names the speaker; the text is in a <blockquote>. Avatars are decorative when their alt is empty. The section is labelled by its heading when it has one.",
+      "a11y": "Each quote is a <figure> whose <figcaption> names the speaker; the text is in a <blockquote>. Avatars are decorative when their alt is empty. The section is labelled by its heading when it has one. Stars are one image named by the real rating (\"4.8 out of 5 stars\"); the row layout is a focusable named region.",
       "files": [
         "Testimonial.astro"
       ],
@@ -4673,6 +6856,9 @@
         "items[].role": "items[].role",
         "items[].avatar": "items[].avatar",
         "items[].avatarAlt": "items[].avatar_alt",
+        "items[].rating": "items[].rating",
+        "items[].logo": "items[].logo",
+        "items[].logoAlt": "items[].logo_alt",
         "heading": "heading"
       }
     }