@contentrain/astro-kit 0.32.0 → 0.33.0

package/catalog.json

@@ -41,7 +41,9 @@
       "description": "A one-line notice above the header (sale, event, changed hours) with an optional link. The visitor closes it with no JS (an open <details> whose summary is the close button); the dismissal is not remembered across pages.",
       "category": "chrome",
       "uses": [],
-      "shared": [],
+      "shared": [
+        "safe-url.ts"
+      ],
       "variants": {
         "tone": {
           "options": [
@@ -102,6 +104,7 @@
         "KitImage.astro",
         "Section.astro",
         "measured.ts",
+        "safe-url.ts",
         "types.ts"
       ],
       "variants": {
@@ -450,6 +453,7 @@
       "category": "content",
       "uses": [],
       "shared": [
+        "safe-url.ts",
         "types.ts"
       ],
       "variants": {
@@ -532,6 +536,7 @@
         "Section.astro",
         "image.ts",
         "measured.ts",
+        "safe-url.ts",
         "types.ts"
       ],
       "variants": {
@@ -789,7 +794,9 @@
       "description": "Cookie consent bar with accept and decline. Consent is denied by default: until the visitor explicitly accepts, <html data-consent> is \"denied\" (set before first paint) and nothing may start measurement. The choice is stored in localStorage (`kit-consent`), set as <html data-consent=\"granted|denied\"> and dispatched as a `kit:consent` event on document with {granted}; the site-settings analytics gate reads data-consent and loads analytics only when it is \"granted\". The bar shows only while no choice is stored, with no flash on later visits.",
       "category": "chrome",
       "uses": [],
-      "shared": [],
+      "shared": [
+        "safe-url.ts"
+      ],
       "variants": {
         "position": {
           "options": [
@@ -862,6 +869,7 @@
       "shared": [
         "Section.astro",
         "measured.ts",
+        "safe-url.ts",
         "types.ts"
       ],
       "variants": {
@@ -1092,6 +1100,7 @@
       "shared": [
         "Section.astro",
         "measured.ts",
+        "safe-url.ts",
         "types.ts"
       ],
       "variants": {
@@ -1412,6 +1421,7 @@
         "KitImage.astro",
         "Section.astro",
         "measured.ts",
+        "safe-url.ts",
         "types.ts"
       ],
       "variants": {
@@ -1700,6 +1710,271 @@
         "actions[].style": "actions[].style"
       }
     },
+    {
+      "id": "dialog",
+      "name": "Dialog",
+      "description": "A popup as a dialog the visitor opens: a button in a section of the page and a modal <dialog> with a heading, text and buttons. Never opens by itself. Focus is trapped inside and returns to the button, Escape closes it; the button opens it with no script where Invoker Commands exist, a small script covers other browsers and closes on a backdrop click, and with scripting off the content is laid out in the section itself.",
+      "category": "section",
+      "uses": [
+        "prose"
+      ],
+      "shared": [
+        "Button.astro",
+        "Section.astro",
+        "measured.ts",
+        "safe-url.ts",
+        "types.ts"
+      ],
+      "variants": {
+        "triggerStyle": {
+          "options": [
+            "primary",
+            "secondary",
+            "ghost",
+            "link"
+          ],
+          "default": "primary",
+          "description": "How the opening button looks: a filled or outlined button, or a text link."
+        },
+        "size": {
+          "options": [
+            "sm",
+            "md",
+            "lg"
+          ],
+          "default": "md",
+          "description": "Width of the dialog: 28, 40 or 56 rem (never wider than the screen)."
+        },
+        "align": {
+          "options": [
+            "start",
+            "center",
+            "end"
+          ],
+          "default": "start",
+          "description": "Where the button sits in the section; the measured align when not set."
+        },
+        "tone": {
+          "options": [
+            "default",
+            "muted",
+            "inverse",
+            "accent"
+          ],
+          "default": "default",
+          "description": "Section background."
+        }
+      },
+      "props": {
+        "triggerLabel": {
+          "type": "string",
+          "required": true,
+          "label": "Button text",
+          "description": "Text of the button that opens the dialog (the popup's trigger link or button)."
+        },
+        "heading": {
+          "type": "string",
+          "label": "Heading",
+          "description": "The dialog's title; it names the dialog for screen readers."
+        },
+        "html": {
+          "type": "richtext",
+          "label": "Text",
+          "description": "The popup's content as rendered HTML (the popup template's text)."
+        },
+        "actions": {
+          "type": "array",
+          "label": "Buttons",
+          "required": false,
+          "items": {
+            "type": "object",
+            "fields": {
+              "label": {
+                "type": "string",
+                "label": "Label",
+                "required": true,
+                "description": "The button text."
+              },
+              "href": {
+                "type": "url",
+                "label": "Link",
+                "required": true,
+                "description": "Where the button goes: a page on this site or a full address."
+              },
+              "newTab": {
+                "type": "boolean",
+                "label": "Open in a new tab",
+                "description": "Open the link in a new tab (an external site the reader should not leave for)."
+              },
+              "style": {
+                "type": "select",
+                "label": "Style",
+                "options": [
+                  "primary",
+                  "secondary",
+                  "ghost"
+                ],
+                "description": "primary for the main action, secondary or ghost for the ones beside it."
+              }
+            }
+          },
+          "description": "The popup's own buttons, under its text, in order; none by default."
+        },
+        "id": {
+          "type": "string",
+          "default": "dialog",
+          "content": false,
+          "description": "Unique on the page: the button points at the dialog by it."
+        },
+        "closeLabel": {
+          "type": "string",
+          "default": "Close",
+          "content": false,
+          "description": "Accessible name of the close button (ui-strings dialog.close)."
+        },
+        "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."
+            }
+          }
+        },
+        "open": {
+          "type": "boolean",
+          "default": false,
+          "content": false,
+          "description": "Rendered already open, in the flow of the section and not modal: for previews and visual baselines only, never for a page."
+        }
+      },
+      "slots": {},
+      "js": "vanilla",
+      "dependencies": {},
+      "sources": {
+        "elementor": [
+          "elementor/popup"
+        ],
+        "classic": [
+          "classic/popup-maker"
+        ]
+      },
+      "a11y": "A native modal <dialog> (the APG dialog pattern as the platform implements it): focus moves in and stays in, the page behind is inert, Escape closes and focus returns to the button. The heading names it (aria-labelledby; the button text when there is no heading). The close button is named by closeLabel. Nothing opens on load, on scroll or on exit intent; the text is in the HTML, so crawlers read it, and with scripting off it is shown in the section as a plain block, so nothing is hidden or blocks the page.",
+      "files": [
+        "Dialog.astro"
+      ],
+      "contentFields": {
+        "triggerLabel": "trigger_label",
+        "heading": "heading",
+        "html": "html",
+        "actions": "actions",
+        "actions[].label": "actions[].label",
+        "actions[].href": "actions[].href",
+        "actions[].newTab": "actions[].new_tab",
+        "actions[].style": "actions[].style"
+      }
+    },
     {
       "id": "embed",
       "name": "Embed",
@@ -1708,6 +1983,7 @@
       "uses": [],
       "shared": [
         "KitImage.astro",
+        "safe-url.ts",
         "types.ts"
       ],
       "variants": {
@@ -1817,6 +2093,7 @@
       "shared": [
         "Section.astro",
         "measured.ts",
+        "safe-url.ts",
         "types.ts"
       ],
       "variants": {
@@ -2063,7 +2340,8 @@
           "divi/et_pb_toggle"
         ],
         "classic": [
-          "classic/faq"
+          "classic/faq",
+          "classic/details"
         ]
       },
       "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.",
@@ -2087,6 +2365,7 @@
       "shared": [
         "Section.astro",
         "measured.ts",
+        "safe-url.ts",
         "types.ts"
       ],
       "variants": {
@@ -2339,6 +2618,7 @@
       "category": "chrome",
       "uses": [],
       "shared": [
+        "safe-url.ts",
         "types.ts"
       ],
       "variants": {
@@ -2538,6 +2818,7 @@
         "Section.astro",
         "image.ts",
         "measured.ts",
+        "safe-url.ts",
         "types.ts"
       ],
       "variants": {
@@ -2826,11 +3107,13 @@
       "description": "Site header: brand (logo and/or name), navigation and an optional call-to-action button.",
       "category": "chrome",
       "uses": [
-        "nav"
+        "nav",
+        "search-box"
       ],
       "shared": [
         "Button.astro",
         "KitImage.astro",
+        "safe-url.ts",
         "types.ts"
       ],
       "variants": {
@@ -2859,6 +3142,14 @@
           ],
           "default": "static",
           "description": "Sticky keeps the header at the top while scrolling."
+        },
+        "menu": {
+          "options": [
+            "flyout",
+            "mega"
+          ],
+          "default": "flyout",
+          "description": "How submenus open on wide screens: a list under the item (flyout) or a wide panel of columns (mega). Submenus nest to any depth."
         }
       },
       "props": {
@@ -2981,6 +3272,24 @@
           },
           "description": "Header button, shown on wide screens."
         },
+        "search": {
+          "type": "object",
+          "fields": {
+            "label": {
+              "type": "string"
+            },
+            "placeholder": {
+              "type": "string"
+            },
+            "submitLabel": {
+              "type": "string"
+            },
+            "action": {
+              "type": "url"
+            }
+          },
+          "description": "A search field in the bar: a GET form to the site's search page (default /search); below the bar on a phone."
+        },
         "navLabel": {
           "type": "string",
           "description": "Accessible name of the navigation (ui-strings nav.label)."
@@ -3030,6 +3339,7 @@
         "KitImage.astro",
         "Section.astro",
         "measured.ts",
+        "safe-url.ts",
         "types.ts"
       ],
       "variants": {
@@ -3355,16 +3665,95 @@
       }
     },
     {
-      "id": "logo-cloud",
-      "name": "Logo cloud",
-      "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",
+      "id": "language-switcher",
+      "name": "LanguageSwitcher",
+      "description": "Links to the same page in the site's other languages, each with hreflang and its own lang; the current one is marked aria-current. A plain list or a native <details> menu; no JavaScript. The addresses are the page's equivalents in each language, supplied by the caller.",
+      "category": "chrome",
+      "uses": [],
+      "shared": [
+        "safe-url.ts"
+      ],
+      "variants": {
+        "layout": {
+          "options": [
+            "list",
+            "menu"
+          ],
+          "default": "list",
+          "description": "A row of links, or a menu that shows the current language and opens on click."
+        },
+        "align": {
+          "options": [
+            "start",
+            "end"
+          ],
+          "default": "start",
+          "description": "Which edge the menu panel lines up with."
+        },
+        "labelStyle": {
+          "options": [
+            "name",
+            "code"
+          ],
+          "default": "name",
+          "description": "The language's own name (\"Deutsch\") or its code (\"DE\")."
+        }
+      },
+      "props": {
+        "languages": {
+          "type": "array",
+          "items": {
+            "type": "object",
+            "fields": {
+              "lang": {
+                "type": "string",
+                "required": true
+              },
+              "label": {
+                "type": "string",
+                "required": true
+              },
+              "href": {
+                "type": "url",
+                "required": true
+              },
+              "current": {
+                "type": "boolean"
+              }
+            }
+          },
+          "description": "The languages: BCP 47 code, the language's own name, the page's address in it, and whether it is the page being read."
+        },
+        "label": {
+          "type": "string",
+          "description": "Accessible name (ui-strings language.label)."
+        }
+      },
+      "slots": {},
+      "js": "none",
+      "dependencies": {},
+      "sources": {
+        "gutenberg": [
+          "polylang/language-switcher"
+        ]
+      },
+      "a11y": "List layout: a labelled <nav>; menu layout: a native <details> whose summary carries the label for assistive technology and the current language visibly. Every link has lang and hreflang, so screen readers pronounce each name in its language; the current one is aria-current=true. Fewer than two languages draw nothing.",
+      "files": [
+        "LanguageSwitcher.astro"
+      ]
+    },
+    {
+      "id": "logo-cloud",
+      "name": "Logo cloud",
+      "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": [
         "KitImage.astro",
         "Section.astro",
         "image.ts",
         "measured.ts",
+        "safe-url.ts",
         "types.ts"
       ],
       "variants": {
@@ -3614,10 +4003,11 @@
     {
       "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.",
+      "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. Submenus nest to any depth; the mega variant draws them as a column panel. Works without JavaScript; a small script (only when a menu has submenus) keeps aria-expanded true and lets Escape close a panel.",
       "category": "chrome",
       "uses": [],
       "shared": [
+        "safe-url.ts",
         "types.ts"
       ],
       "variants": {
@@ -3629,6 +4019,14 @@
           "default": "popover",
           "description": "Narrow-screen menu: a side drawer (Popover API) or a dropdown under the toggle."
         },
+        "menu": {
+          "options": [
+            "flyout",
+            "mega"
+          ],
+          "default": "flyout",
+          "description": "How a submenu opens on wide screens: a list under the item (flyout) or a wide panel with one column per child and the grandchildren listed under it (mega)."
+        },
         "align": {
           "options": [
             "start",
@@ -3720,9 +4118,10 @@
           "classic/nav-menu"
         ]
       },
-      "a11y": "A <nav> landmark with a label; the current page carries aria-current. Submenus open on :focus-within as well as hover. The drawer is a native popover: Escape and light dismiss close it and focus returns to the toggle.",
+      "a11y": "A <nav> landmark with a label; the current page carries aria-current. Each parent has a button (aria-controls its panel, labelled by the item) that opens the panel on hover and :focus-within; with the small script aria-expanded follows what is open and Escape closes the panel and returns focus to the button, as in the WAI-ARIA disclosure navigation pattern. Tab leaves a panel and closes it; nothing is hidden from crawlers (the panels are in the HTML). The drawer is a native popover: Escape and light dismiss close it and focus returns to the toggle.",
       "files": [
-        "Nav.astro"
+        "Nav.astro",
+        "NavTree.astro"
       ]
     },
     {
@@ -3734,6 +4133,7 @@
       "shared": [
         "Section.astro",
         "measured.ts",
+        "safe-url.ts",
         "types.ts"
       ],
       "variants": {
@@ -3973,7 +4373,9 @@
       "description": "Links between the pages of a post list, at WordPress addresses (<base>page/<n>/).",
       "category": "content",
       "uses": [],
-      "shared": [],
+      "shared": [
+        "safe-url.ts"
+      ],
       "variants": {
         "style": {
           "options": [
@@ -4058,6 +4460,7 @@
       "uses": [],
       "shared": [
         "KitImage.astro",
+        "safe-url.ts",
         "types.ts"
       ],
       "variants": {
@@ -4216,6 +4619,7 @@
       "shared": [
         "Section.astro",
         "measured.ts",
+        "safe-url.ts",
         "types.ts"
       ],
       "variants": {
@@ -4530,6 +4934,7 @@
         "Button.astro",
         "Section.astro",
         "measured.ts",
+        "safe-url.ts",
         "types.ts"
       ],
       "variants": {
@@ -4934,6 +5339,86 @@
         "Prose.astro"
       ]
     },
+    {
+      "id": "search-box",
+      "name": "SearchBox",
+      "description": "A search field that sends the visitor to the site's search page (`/search?q=…`): a plain GET form with a labelled role=search landmark, no JavaScript. For a header slot or inline in a page.",
+      "category": "chrome",
+      "uses": [],
+      "shared": [
+        "safe-url.ts"
+      ],
+      "variants": {
+        "size": {
+          "options": [
+            "sm",
+            "md"
+          ],
+          "default": "md",
+          "description": "Field and button height (36 and 44 px)."
+        },
+        "width": {
+          "options": [
+            "auto",
+            "full"
+          ],
+          "default": "auto",
+          "description": "A compact field (up to 20 rem) or the whole column."
+        },
+        "button": {
+          "options": [
+            "text",
+            "icon"
+          ],
+          "default": "text",
+          "description": "The button reads its label, or shows a magnifier named by the same label."
+        },
+        "labelStyle": {
+          "options": [
+            "hidden",
+            "shown"
+          ],
+          "default": "hidden",
+          "description": "The field's label for assistive technology only, or printed above the field."
+        }
+      },
+      "props": {
+        "action": {
+          "type": "url",
+          "default": "/search",
+          "description": "The search page the form sends to; it reads `q`."
+        },
+        "label": {
+          "type": "string",
+          "description": "The landmark's and field's accessible name (ui-strings search.label)."
+        },
+        "placeholder": {
+          "type": "string",
+          "description": "Hint text in the field (ui-strings search.placeholder)."
+        },
+        "submitLabel": {
+          "type": "string",
+          "description": "The button's name (ui-strings search.submit)."
+        },
+        "id": {
+          "type": "string",
+          "default": "site-search",
+          "description": "Prefix of the field's id; set it when two search boxes share a page."
+        }
+      },
+      "slots": {},
+      "js": "none",
+      "dependencies": {},
+      "sources": {
+        "gutenberg": [
+          "core/search"
+        ]
+      },
+      "a11y": "A <form role=\"search\"> with a real <label> for the type=search field (sr-only unless shown); the button has a text or aria-label name; focus rings on both.",
+      "files": [
+        "SearchBox.astro"
+      ]
+    },
     {
       "id": "slider",
       "name": "Slider",
@@ -4943,7 +5428,11 @@
       "shared": [
         "Button.astro",
         "KitImage.astro",
+        "Section.astro",
+        "SectionHeader.astro",
         "image.ts",
+        "measured.ts",
+        "safe-url.ts",
         "types.ts"
       ],
       "variants": {
@@ -5048,6 +5537,175 @@
           "default": false,
           "content": false,
           "description": "Wrap from the last slide to the first."
+        },
+        "id": {
+          "type": "string",
+          "default": "slider",
+          "content": false,
+          "description": "Unique on the page: names the track that the previous/next buttons control (aria-controls)."
+        },
+        "heading": {
+          "type": "string",
+          "label": "Heading",
+          "description": "The section heading."
+        },
+        "intro": {
+          "type": "text",
+          "label": "Introduction",
+          "description": "A sentence under the heading."
+        },
+        "eyebrow": {
+          "type": "string",
+          "label": "Eyebrow",
+          "description": "A short line above the heading."
+        },
+        "actions": {
+          "type": "array",
+          "label": "Buttons",
+          "required": false,
+          "items": {
+            "type": "object",
+            "fields": {
+              "label": {
+                "type": "string",
+                "label": "Label",
+                "required": true,
+                "description": "The button text."
+              },
+              "href": {
+                "type": "url",
+                "label": "Link",
+                "required": true,
+                "description": "Where the button goes: a page on this site or a full address."
+              },
+              "newTab": {
+                "type": "boolean",
+                "label": "Open in a new tab",
+                "description": "Open the link in a new tab (an external site the reader should not leave for)."
+              },
+              "style": {
+                "type": "select",
+                "label": "Style",
+                "options": [
+                  "primary",
+                  "secondary",
+                  "ghost"
+                ],
+                "description": "primary for the main action, secondary or ghost for the ones beside it."
+              }
+            }
+          },
+          "description": "Buttons under the intro, in order; none by default."
+        },
+        "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": "Slides in view at 390 (base), 768 (md) and 1280 (lg) px; a missing width follows the narrower one. Wins over perView.",
+              "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 slides."
+            },
+            "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": {},
@@ -5062,7 +5720,9 @@
         "elementor": [
           "elementor/image-carousel",
           "elementor/slides",
-          "elementor/media-carousel"
+          "elementor/media-carousel",
+          "elementor/nested-carousel",
+          "elementor/loop-carousel"
         ],
         "divi": [
           "divi/et_pb_slider",
@@ -5072,12 +5732,17 @@
         "classic": [
           "classic/revslider",
           "classic/metaslider",
-          "classic/smart-slider"
+          "classic/smart-slider",
+          "classic/swiper",
+          "classic/slick",
+          "classic/splide",
+          "classic/owl"
         ]
       },
-      "a11y": "WAI-ARIA carousel pattern: a labelled region with aria-roledescription=carousel, slides as labelled groups ('Slide 2 of 5'), labelled previous/next buttons disabled at the ends, and dot buttons marking the current slide. No autoplay; with prefers-reduced-motion slides change without animation. Without JavaScript every slide is reachable by scrolling.",
+      "a11y": "WAI-ARIA carousel pattern: a labelled region with aria-roledescription=carousel, slides as labelled groups ('Slide 2 of 5'), labelled previous/next buttons disabled at the ends, and dot buttons marking the current slide. The track and the buttons are tied by aria-controls, the row takes focus (arrow keys page it, polite live announcement). There is no autoplay, so nothing moves unasked; with prefers-reduced-motion slides change without animation. Without JavaScript every slide is reachable by scrolling.",
       "files": [
-        "Slider.astro"
+        "Slider.astro",
+        "SliderTrack.astro"
       ],
       "contentFields": {
         "slides": "slides",
@@ -5086,9 +5751,114 @@
         "slides[].title": "slides[].title",
         "slides[].text": "slides[].text",
         "slides[].ctaLabel": "slides[].cta_label",
-        "slides[].ctaHref": "slides[].cta_href"
+        "slides[].ctaHref": "slides[].cta_href",
+        "heading": "heading",
+        "intro": "intro",
+        "eyebrow": "eyebrow",
+        "actions": "actions",
+        "actions[].label": "actions[].label",
+        "actions[].href": "actions[].href",
+        "actions[].newTab": "actions[].new_tab",
+        "actions[].style": "actions[].style"
       }
     },
+    {
+      "id": "social-links",
+      "name": "SocialLinks",
+      "description": "Links to the site's profiles on other networks as marks, names or both. The network is read from each address's host (the table Team uses), so a link carries only its address; an unknown host is shown as itself. Stands alone in a header, top bar, contact section or author box.",
+      "category": "chrome",
+      "uses": [],
+      "shared": [
+        "social.ts",
+        "safe-url.ts"
+      ],
+      "variants": {
+        "display": {
+          "options": [
+            "icons",
+            "text",
+            "both"
+          ],
+          "default": "icons",
+          "description": "Mark only (named for assistive technology), the network's name, or both."
+        },
+        "size": {
+          "options": [
+            "sm",
+            "md",
+            "lg"
+          ],
+          "default": "md",
+          "description": "Mark and touch target size (32, 40 and 48 px minimum)."
+        },
+        "align": {
+          "options": [
+            "start",
+            "center",
+            "end"
+          ],
+          "default": "start",
+          "description": "Where the row sits in its container."
+        },
+        "shape": {
+          "options": [
+            "plain",
+            "circle"
+          ],
+          "default": "plain",
+          "description": "Bare marks, or each in a ringed circle."
+        }
+      },
+      "props": {
+        "links": {
+          "type": "array",
+          "required": true,
+          "items": {
+            "type": "object",
+            "fields": {
+              "href": {
+                "type": "url",
+                "required": true
+              },
+              "label": {
+                "type": "string"
+              }
+            }
+          },
+          "description": "The profiles; `label` only for a link whose host names no network (a personal site, \"Newsletter\")."
+        },
+        "name": {
+          "type": "string",
+          "description": "Whose profiles these are, for \"{name} on {network}\"."
+        },
+        "label": {
+          "type": "string",
+          "description": "Accessible name of the list (ui-strings social.label)."
+        },
+        "profileLabel": {
+          "type": "string",
+          "description": "How each link announces itself; {name} and {network} are replaced (ui-strings social.profile)."
+        }
+      },
+      "slots": {},
+      "js": "none",
+      "dependencies": {},
+      "sources": {
+        "gutenberg": [
+          "core/social-links"
+        ],
+        "elementor": [
+          "elementor/social-icons"
+        ],
+        "divi": [
+          "divi/et_pb_social_media_follow"
+        ]
+      },
+      "a11y": "A labelled list of links; each link's accessible name is \"{name} on {network}\" and always contains the visible text; marks are aria-hidden; links open in a new tab with rel=me noopener; every target is at least 32 px.",
+      "files": [
+        "SocialLinks.astro"
+      ]
+    },
     {
       "id": "split",
       "name": "Split",
@@ -5103,6 +5873,7 @@
         "KitImage.astro",
         "Section.astro",
         "measured.ts",
+        "safe-url.ts",
         "types.ts"
       ],
       "variants": {
@@ -5499,6 +6270,7 @@
         "Section.astro",
         "image.ts",
         "measured.ts",
+        "safe-url.ts",
         "types.ts"
       ],
       "variants": {
@@ -5790,6 +6562,7 @@
         "Section.astro",
         "image.ts",
         "measured.ts",
+        "safe-url.ts",
         "types.ts"
       ],
       "variants": {
@@ -6065,8 +6838,11 @@
       "category": "content",
       "uses": [],
       "shared": [
+        "Button.astro",
         "Section.astro",
+        "SectionHeader.astro",
         "measured.ts",
+        "safe-url.ts",
         "types.ts"
       ],
       "variants": {
@@ -6098,6 +6874,54 @@
         }
       },
       "props": {
+        "intro": {
+          "type": "text",
+          "label": "Introduction",
+          "description": "A sentence under the heading."
+        },
+        "eyebrow": {
+          "type": "string",
+          "label": "Eyebrow",
+          "description": "A short line above the heading."
+        },
+        "actions": {
+          "type": "array",
+          "label": "Buttons",
+          "required": false,
+          "items": {
+            "type": "object",
+            "fields": {
+              "label": {
+                "type": "string",
+                "label": "Label",
+                "required": true,
+                "description": "The button text."
+              },
+              "href": {
+                "type": "url",
+                "label": "Link",
+                "required": true,
+                "description": "Where the button goes: a page on this site or a full address."
+              },
+              "newTab": {
+                "type": "boolean",
+                "label": "Open in a new tab",
+                "description": "Open the link in a new tab (an external site the reader should not leave for)."
+              },
+              "style": {
+                "type": "select",
+                "label": "Style",
+                "options": [
+                  "primary",
+                  "secondary",
+                  "ghost"
+                ],
+                "description": "primary for the main action, secondary or ghost for the ones beside it."
+              }
+            }
+          },
+          "description": "Buttons under the intro, in order; none by default."
+        },
         "measured": {
           "type": "object",
           "content": false,
@@ -6254,7 +7078,8 @@
           "divi/et_pb_tabs"
         ],
         "classic": [
-          "classic/tabs"
+          "classic/tabs",
+          "classic/aria-tabs"
         ]
       },
       "a11y": "Zag.js tabs: role=tablist/tab/tabpanel with aria-selected, aria-controls and aria-labelledby; arrow keys (per orientation), Home and End move between tabs. Before the script runs every panel is visible with its own title (an h3 under the section's h2, an h2 when there is no heading); after, the titles become screen-reader-only and the tabs label the panels.",
@@ -6273,6 +7098,8 @@
         "Section.astro",
         "image.ts",
         "measured.ts",
+        "social.ts",
+        "safe-url.ts",
         "types.ts"
       ],
       "variants": {
@@ -6578,6 +7405,7 @@
         "Section.astro",
         "image.ts",
         "measured.ts",
+        "safe-url.ts",
         "types.ts"
       ],
       "variants": {
@@ -6836,7 +7664,9 @@
       "dependencies": {},
       "sources": {
         "elementor": [
-          "elementor/testimonial"
+          "elementor/testimonial",
+          "elementor/testimonial-carousel",
+          "elementor/reviews"
         ],
         "divi": [
           "divi/et_pb_testimonial"