@sankhyatronics/sankhya-cms 0.1.1 → 0.1.3

package/custom-elements.json

@@ -116,191 +116,173 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/card/Card.ts",
+      "path": "src/carousel/Carousel.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "A surfaced container — content goes in the default slot. Ports `SankhyaUI`'s React `Card`\r\n(`variant`, `padding`, `elevation`, `hoverable`, `inverted`); `onClick` is just a native `click`\r\nlistener on the element. `padding` takes `none | small | medium | large` (the source's\r\n`sm|md|lg`, spelled like `paddingScaleStyles`); `elevation` takes `none | sm | md | lg`.",
-          "name": "Card",
+          "description": "Cycles through its slotted children, one visible at a time, with optional autoplay, arrows and\ndot indicators. The incoming slide slides in from the travel direction (CSS keyframes in place\nof the source's framer-motion spring), or fades in with `transition=\"fade\"`. Autoplay pauses\nwhile hovered or focused and stops when the element is disconnected; a paused slide keeps the\ntime it had left.\n\n`indicator-style=\"tabs\"` replaces the dots with a row of labelled tabs along the bottom, each\nwith a progress bar that fills while its slide is showing, plus a pause button — the tabbed hero\ncarousel layout (put `st-hero`s in it). Tab labels come from `tab-labels`, else each slide's\n`data-tab-label` attribute, else its `title`.",
+          "name": "Carousel",
+          "cssProperties": [
+            {
+              "description": "Tab text and progress colour (default: light, for slides with a dark image).",
+              "name": "--st-carousel-tab-color"
+            },
+            {
+              "description": "Room kept free under each slide's content for the tabs (default `6rem`).",
+              "name": "--st-carousel-tabs-space"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The tab row.",
+              "name": "tabs"
+            },
+            {
+              "description": "One tab button.",
+              "name": "tab"
+            },
+            {
+              "description": "A tab's progress bar.",
+              "name": "progress"
+            }
+          ],
           "members": [
             {
               "kind": "field",
-              "name": "variant",
+              "name": "autoPlay",
               "type": {
-                "text": "'default' | 'bordered'"
+                "text": "boolean"
               },
-              "default": "'default'",
-              "attribute": "variant",
-              "reflects": true
+              "default": "true",
+              "attribute": "auto-play"
             },
             {
               "kind": "field",
-              "name": "padding",
+              "name": "interval",
               "type": {
-                "text": "'none' | 'small' | 'medium' | 'large'"
+                "text": "number"
               },
-              "default": "'medium'",
-              "attribute": "padding",
-              "reflects": true
+              "default": "5000",
+              "description": "Autoplay delay in milliseconds.",
+              "attribute": "interval"
             },
             {
               "kind": "field",
-              "name": "elevation",
+              "name": "showArrows",
               "type": {
-                "text": "'none' | 'sm' | 'md' | 'lg'"
+                "text": "boolean"
               },
-              "default": "'sm'",
-              "attribute": "elevation",
-              "reflects": true
+              "default": "true",
+              "attribute": "show-arrows"
             },
             {
               "kind": "field",
-              "name": "hoverable",
+              "name": "showIndicators",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "attribute": "hoverable",
-              "reflects": true
+              "default": "true",
+              "attribute": "show-indicators"
             },
             {
               "kind": "field",
-              "name": "inverted",
+              "name": "indicatorStyle",
               "type": {
-                "text": "boolean"
+                "text": "'dots' | 'tabs'"
               },
-              "default": "false",
-              "attribute": "inverted",
+              "default": "'dots'",
+              "description": "`dots` (default) or `tabs`: labelled tabs with progress bars along the bottom.",
+              "attribute": "indicator-style",
               "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "type": {
-                "text": "'default' | 'bordered'"
-              },
-              "default": "'default'",
-              "fieldName": "variant"
             },
             {
-              "name": "padding",
+              "kind": "field",
+              "name": "transition",
               "type": {
-                "text": "'none' | 'small' | 'medium' | 'large'"
+                "text": "'slide' | 'fade'"
               },
-              "default": "'medium'",
-              "fieldName": "padding"
+              "default": "'slide'",
+              "description": "`slide` (default) or `fade`.",
+              "attribute": "transition",
+              "reflects": true
             },
             {
-              "name": "elevation",
+              "kind": "field",
+              "name": "tabLabels",
               "type": {
-                "text": "'none' | 'sm' | 'md' | 'lg'"
+                "text": "string[]"
               },
-              "default": "'sm'",
-              "fieldName": "elevation"
+              "default": "[]",
+              "description": "Tab labels, one per slide, for `indicator-style=\"tabs\"`. Missing entries fall back to the slide's `data-tab-label`, then its `title`."
             },
             {
-              "name": "hoverable",
+              "kind": "field",
+              "name": "index",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "fieldName": "hoverable"
+              "privacy": "private",
+              "default": "0"
             },
             {
-              "name": "inverted",
+              "kind": "field",
+              "name": "count",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "fieldName": "inverted"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "st-card",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Card",
-          "declaration": {
-            "name": "Card",
-            "module": "src/card/Card.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "st-card",
-          "declaration": {
-            "name": "Card",
-            "module": "src/card/Card.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/carousel/Carousel.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Cycles through its slotted children, one visible at a time, with optional autoplay, arrows and\r\ndot indicators. The incoming slide slides in from the travel direction (CSS keyframes in place\r\nof the source's framer-motion spring). Autoplay pauses while hovered or focused and stops when\r\nthe element is disconnected.",
-          "name": "Carousel",
-          "members": [
+              "privacy": "private",
+              "default": "0"
+            },
             {
               "kind": "field",
-              "name": "autoPlay",
+              "name": "slideLabels",
               "type": {
-                "text": "boolean"
+                "text": "string[]"
               },
-              "default": "true",
-              "attribute": "auto-play"
+              "privacy": "private",
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "interval",
+              "name": "userPaused",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "5000",
-              "description": "Autoplay delay in milliseconds.",
-              "attribute": "interval"
+              "privacy": "private",
+              "default": "false",
+              "description": "Paused with the pause button; stays paused until the button is pressed again."
             },
             {
               "kind": "field",
-              "name": "showArrows",
+              "name": "paused",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "attribute": "show-arrows"
+              "privacy": "private",
+              "default": "false",
+              "description": "Paused while hovered or focused."
             },
             {
               "kind": "field",
-              "name": "showIndicators",
+              "name": "timer",
               "type": {
-                "text": "boolean"
+                "text": "ReturnType<typeof setTimeout> | undefined"
               },
-              "default": "true",
-              "attribute": "show-indicators"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "index",
+              "name": "remaining",
               "type": {
                 "text": "number"
               },
               "privacy": "private",
-              "default": "0"
+              "default": "0",
+              "description": "Time left on the current slide, so a pause resumes where it stopped."
             },
             {
               "kind": "field",
-              "name": "count",
+              "name": "startedAt",
               "type": {
                 "text": "number"
               },
@@ -309,20 +291,26 @@
             },
             {
               "kind": "field",
-              "name": "paused",
+              "name": "halted",
               "type": {
                 "text": "boolean"
               },
               "privacy": "private",
-              "default": "false"
+              "readonly": true
             },
             {
-              "kind": "field",
-              "name": "timer",
-              "type": {
-                "text": "ReturnType<typeof setInterval> | undefined"
-              },
-              "privacy": "private"
+              "kind": "method",
+              "name": "hold",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "update",
+                  "type": {
+                    "text": "() => void"
+                  }
+                }
+              ],
+              "description": "Applies a pause-state change, freezing or resuming the timer (and the tab progress bar)."
             },
             {
               "kind": "field",
@@ -334,6 +322,11 @@
               "name": "resume",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "togglePlay",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "slides",
@@ -343,6 +336,24 @@
               "privacy": "private",
               "readonly": true
             },
+            {
+              "kind": "method",
+              "name": "labelFor",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "i",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "syncSlides",
@@ -358,6 +369,11 @@
               "name": "stopTimer",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "startTimer",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "restartTimer",
@@ -381,6 +397,29 @@
                   }
                 }
               ]
+            },
+            {
+              "kind": "method",
+              "name": "onTabKeydown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "renderTabs",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderDots",
+              "privacy": "private"
             }
           ],
           "events": [
@@ -388,7 +427,8 @@
               "name": "carousel-change",
               "type": {
                 "text": "CustomEvent"
-              }
+              },
+              "description": "Detail `{ index }`, when the visible slide changes."
             }
           ],
           "attributes": [
@@ -424,6 +464,24 @@
               },
               "default": "true",
               "fieldName": "showIndicators"
+            },
+            {
+              "name": "indicator-style",
+              "type": {
+                "text": "'dots' | 'tabs'"
+              },
+              "default": "'dots'",
+              "description": "`dots` (default) or `tabs`: labelled tabs with progress bars along the bottom.",
+              "fieldName": "indicatorStyle"
+            },
+            {
+              "name": "transition",
+              "type": {
+                "text": "'slide' | 'fade'"
+              },
+              "default": "'slide'",
+              "description": "`slide` (default) or `fade`.",
+              "fieldName": "transition"
             }
           ],
           "superclass": {
@@ -455,77 +513,52 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/content-block/ContentBlock.ts",
+      "path": "src/card/Card.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "A long-form article section: centered title/subtitle, an optional featured image with caption,\r\nthen Markdown body text. Ports `SankhyaUI`'s React `ContentBlock`. The body comes from\r\n`content-src` (a Markdown URL, as in the source) or an inline `content` string (added so the\r\nblock works without a fetch); `content-src` wins when both are set.",
-          "name": "ContentBlock",
+          "description": "A surfaced container — content goes in the default slot. Ports `SankhyaUI`'s React `Card`\r\n(`variant`, `padding`, `elevation`, `hoverable`, `inverted`); `onClick` is just a native `click`\r\nlistener on the element. `padding` takes `none | small | medium | large` (the source's\r\n`sm|md|lg`, spelled like `paddingScaleStyles`); `elevation` takes `none | sm | md | lg`.",
+          "name": "Card",
           "members": [
             {
               "kind": "field",
-              "name": "title",
+              "name": "variant",
               "type": {
-                "text": "string"
+                "text": "'default' | 'bordered'"
               },
-              "default": "''",
-              "attribute": "title"
+              "default": "'default'",
+              "attribute": "variant",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "subtitle",
+              "name": "padding",
               "type": {
-                "text": "string"
+                "text": "'none' | 'small' | 'medium' | 'large'"
               },
-              "default": "''",
-              "attribute": "subtitle"
+              "default": "'medium'",
+              "attribute": "padding",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "contentSrc",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "URL of a Markdown file.",
-              "attribute": "content-src"
-            },
-            {
-              "kind": "field",
-              "name": "content",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Inline Markdown, used when `content-src` is not set.",
-              "attribute": "content"
-            },
-            {
-              "kind": "field",
-              "name": "imageSrc",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "image-src"
-            },
-            {
-              "kind": "field",
-              "name": "imageAlt",
+              "name": "elevation",
               "type": {
-                "text": "string"
+                "text": "'none' | 'sm' | 'md' | 'lg'"
               },
-              "default": "''",
-              "attribute": "image-alt"
+              "default": "'sm'",
+              "attribute": "elevation",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "imageCaption",
+              "name": "hoverable",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "attribute": "image-caption"
+              "default": "false",
+              "attribute": "hoverable",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -540,62 +573,36 @@
           ],
           "attributes": [
             {
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "title"
-            },
-            {
-              "name": "subtitle",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "subtitle"
-            },
-            {
-              "name": "content-src",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "URL of a Markdown file.",
-              "fieldName": "contentSrc"
-            },
-            {
-              "name": "content",
+              "name": "variant",
               "type": {
-                "text": "string"
+                "text": "'default' | 'bordered'"
               },
-              "default": "''",
-              "description": "Inline Markdown, used when `content-src` is not set.",
-              "fieldName": "content"
+              "default": "'default'",
+              "fieldName": "variant"
             },
             {
-              "name": "image-src",
+              "name": "padding",
               "type": {
-                "text": "string"
+                "text": "'none' | 'small' | 'medium' | 'large'"
               },
-              "default": "''",
-              "fieldName": "imageSrc"
+              "default": "'medium'",
+              "fieldName": "padding"
             },
             {
-              "name": "image-alt",
+              "name": "elevation",
               "type": {
-                "text": "string"
+                "text": "'none' | 'sm' | 'md' | 'lg'"
               },
-              "default": "''",
-              "fieldName": "imageAlt"
+              "default": "'sm'",
+              "fieldName": "elevation"
             },
             {
-              "name": "image-caption",
+              "name": "hoverable",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "fieldName": "imageCaption"
+              "default": "false",
+              "fieldName": "hoverable"
             },
             {
               "name": "inverted",
@@ -610,25 +617,25 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "st-content-block",
+          "tagName": "st-card",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ContentBlock",
+          "name": "Card",
           "declaration": {
-            "name": "ContentBlock",
-            "module": "src/content-block/ContentBlock.ts"
+            "name": "Card",
+            "module": "src/card/Card.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "st-content-block",
+          "name": "st-card",
           "declaration": {
-            "name": "ContentBlock",
-            "module": "src/content-block/ContentBlock.ts"
+            "name": "Card",
+            "module": "src/card/Card.ts"
           }
         }
       ]
@@ -818,637 +825,817 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/dropdown/Dropdown.ts",
+      "path": "src/content-block/ContentBlock.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "A labeled trigger + slotted dropdown panel — nav menus (typically holding an `st-menu-grid`),\r\naction menus, anything \"click a trigger, show content under it\". A 1:1 port of `SankhyaUI`'s\r\nReact `Dropdown` (`SankhyaCMS/SankhyaUI/src/components/Dropdown`): same markup\r\n(`.menu` > `.menu-title` + `.menu-dropdown`), sizes, 0.3s slide/fade, and behavior —\r\n\r\n- only one dropdown is open at a time (the source's `DropdownProvider`, built in here, so no\r\n  provider element is needed);\r\n- a mousedown outside, Escape, or a click inside the panel closes it;\r\n- an `href` trigger toggles the panel when it has content, and is a plain link when it doesn't;\r\n- `inline` opens the panel in the flow, the source's `.touch-device` layout.\r\n\r\nColors and the panel's surface come from the suite theme (the source left those to the\r\nconsumer's `className`/`itemGroupClassName` utility classes). Two source rules are left out\r\nbecause they break existing suite uses (`st-source-bar`'s site/library menus): the 100vw panel\r\nat <=768px (overflows the screen from wherever the trigger sits; the header uses `inline`\r\ninstead) and `overflow: hidden` on slotted children (clips their focus rings). Suite additions\r\nkept on top: `align`, `active`, `disabled`, `inline`, and the `dropdown-toggle` event.",
-          "name": "Dropdown",
+          "description": "A long-form article section: centered title/subtitle, an optional featured image with caption,\r\nthen Markdown body text. Ports `SankhyaUI`'s React `ContentBlock`. The body comes from\r\n`content-src` (a Markdown URL, as in the source) or an inline `content` string (added so the\r\nblock works without a fetch); `content-src` wins when both are set.",
+          "name": "ContentBlock",
           "members": [
             {
               "kind": "field",
-              "name": "openDropdown",
+              "name": "title",
               "type": {
-                "text": "Dropdown | null"
+                "text": "string"
               },
-              "privacy": "private",
-              "static": true,
-              "default": "null",
-              "description": "The open dropdown, if any — the source's `DropdownContext.activeDropdown`."
+              "default": "''",
+              "attribute": "title"
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "subtitle",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Trigger label text (source: `title`, renamed because `title` is the native tooltip\r\nattribute). Leave empty to show only `slot=\"icon\"`.",
-              "attribute": "label"
+              "attribute": "subtitle"
             },
             {
               "kind": "field",
-              "name": "href",
+              "name": "contentSrc",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Renders the trigger as an `<a href>`. With panel content the click toggles the panel (as in\r\nthe source); with none it navigates.",
-              "attribute": "href"
+              "description": "URL of a Markdown file.",
+              "attribute": "content-src"
             },
             {
               "kind": "field",
-              "name": "iconPosition",
+              "name": "content",
               "type": {
-                "text": "'left' | 'right'"
+                "text": "string"
               },
-              "default": "'left'",
-              "attribute": "icon-position"
+              "default": "''",
+              "description": "Inline Markdown, used when `content-src` is not set.",
+              "attribute": "content"
             },
             {
               "kind": "field",
-              "name": "iconSize",
+              "name": "imageSrc",
               "type": {
                 "text": "string"
               },
-              "default": "'1.2rem'",
-              "description": "Inline `width`/`height` of the `slot=\"icon\"` wrapper (source: `iconSize`, default `1.2rem`).",
-              "attribute": "icon-size"
+              "default": "''",
+              "attribute": "image-src"
             },
             {
               "kind": "field",
-              "name": "iconColor",
+              "name": "imageAlt",
               "type": {
                 "text": "string"
               },
-              "default": "'currentColor'",
-              "description": "Inline `color` of the `slot=\"icon\"` wrapper (source: `iconColor`).",
-              "attribute": "icon-color"
+              "default": "''",
+              "attribute": "image-alt"
             },
             {
               "kind": "field",
-              "name": "align",
+              "name": "imageCaption",
               "type": {
-                "text": "'left' | 'right'"
+                "text": "string"
               },
-              "default": "'left'",
-              "description": "Which edge of the trigger the panel lines up with.",
-              "attribute": "align"
+              "default": "''",
+              "attribute": "image-caption"
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "inverted",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "inverted",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "title",
               "type": {
                 "text": "string"
               },
-              "default": "'_self'",
-              "description": "`target` of an `href` trigger (source default `_self`).",
-              "attribute": "target"
+              "default": "''",
+              "fieldName": "title"
             },
             {
-              "kind": "field",
-              "name": "triggerClassName",
+              "name": "subtitle",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Extra class(es) on the trigger (source: `className`; a `class` on `st-dropdown` styles the host).",
-              "attribute": "trigger-class-name"
+              "fieldName": "subtitle"
             },
             {
-              "kind": "field",
-              "name": "itemGroupClassName",
+              "name": "content-src",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Extra class(es) on the panel (source: `itemGroupClassName`).",
-              "attribute": "item-group-class-name"
+              "description": "URL of a Markdown file.",
+              "fieldName": "contentSrc"
             },
             {
-              "kind": "field",
-              "name": "itemClassName",
+              "name": "content",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Unused, as in the source (`itemClassName` is never read there); kept for prop parity.",
-              "attribute": "item-class-name"
+              "description": "Inline Markdown, used when `content-src` is not set.",
+              "fieldName": "content"
             },
             {
-              "kind": "field",
-              "name": "disabled",
+              "name": "image-src",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "attribute": "disabled",
-              "reflects": true
+              "default": "''",
+              "fieldName": "imageSrc"
             },
             {
-              "kind": "field",
-              "name": "active",
+              "name": "image-alt",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Highlights the trigger as the current section (e.g. the current page is one of its items).",
-              "attribute": "active",
-              "reflects": true
+              "default": "''",
+              "fieldName": "imageAlt"
             },
             {
-              "kind": "field",
-              "name": "inline",
+              "name": "image-caption",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Opens the panel in the flow under the trigger instead of floating over the page (see the\r\nstyles). `st-header` sets this on its own menu's dropdowns while its hamburger panel shows.",
-              "attribute": "inline",
-              "reflects": true
+              "default": "''",
+              "fieldName": "imageCaption"
             },
             {
-              "kind": "field",
-              "name": "open",
+              "name": "inverted",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the panel is showing. Follows user toggles; may also be set from outside.",
-              "attribute": "open",
-              "reflects": true
-            },
-            {
+              "fieldName": "inverted"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "st-content-block",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ContentBlock",
+          "declaration": {
+            "name": "ContentBlock",
+            "module": "src/content-block/ContentBlock.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "st-content-block",
+          "declaration": {
+            "name": "ContentBlock",
+            "module": "src/content-block/ContentBlock.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/feature-split/FeatureSplit.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A title/markdown-subtitle/feature-list block beside (or under) an image.",
+          "name": "FeatureSplit",
+          "members": [
+            {
               "kind": "field",
-              "name": "hasContent",
+              "name": "inverted",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
               "default": "false",
-              "description": "Whether the default slot has content — the source's `children` check."
+              "attribute": "inverted",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "hasIcon",
+              "name": "title",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "false",
-              "description": "Whether `slot=\"icon\"` has content."
+              "default": "''",
+              "attribute": "title"
             },
             {
-              "kind": "method",
-              "name": "setOpen",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "subtitle",
+              "type": {
+                "text": "string"
               },
-              "parameters": [
-                {
-                  "name": "open",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
+              "default": "''",
+              "description": "Markdown.",
+              "attribute": "subtitle"
             },
             {
               "kind": "field",
-              "name": "closeOnOutsideMouseDown",
-              "privacy": "private"
+              "name": "items",
+              "type": {
+                "text": "FeatureSplitItem[]"
+              },
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "closeOnEscape",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "trigger",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "HTMLElement | null"
-                }
-              }
+              "name": "imageSrc",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "image-src"
             },
             {
-              "kind": "method",
-              "name": "panelItems",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "HTMLElement[]"
-                }
+              "kind": "field",
+              "name": "imageAlt",
+              "type": {
+                "text": "string"
               },
-              "description": "Keyboard-reachable entries in the panel, in order: menu items (they delegate focus to their\r\nown link) plus any plain links/buttons/tabbable elements a caller slots in."
+              "default": "''",
+              "attribute": "image-alt"
             },
             {
-              "kind": "method",
-              "name": "focusItem",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "imagePosition",
+              "type": {
+                "text": "FeatureSplitImagePosition"
               },
-              "parameters": [
-                {
-                  "name": "pick",
-                  "type": {
-                    "text": "(items: HTMLElement[]) => HTMLElement | undefined"
-                  }
-                }
-              ],
-              "description": "Moves focus into the panel once it has become visible (it is `visibility: hidden` until the\r\n`show` class lands, and hidden elements can't take focus)."
+              "default": "'right'",
+              "attribute": "image-position",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "onTitleKeyDown",
-              "privacy": "private",
-              "description": "Enter/Space/ArrowDown open the panel and focus its first entry; ArrowUp its last."
+              "name": "actionLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "action-label"
             },
             {
               "kind": "field",
-              "name": "onPanelKeyDown",
-              "privacy": "private",
-              "description": "Arrow keys/Home/End move between the panel's entries; Tab closes the panel and moves on."
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "href"
             },
             {
-              "kind": "field",
-              "name": "onTitleClick",
+              "kind": "method",
+              "name": "onAction",
               "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "inverted",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "inverted"
             },
             {
-              "kind": "field",
-              "name": "onPanelClick",
-              "privacy": "private",
-              "description": "A click anywhere inside the panel closes it, as in the source."
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "title"
             },
             {
-              "kind": "field",
-              "name": "onContentSlotChange",
-              "privacy": "private"
+              "name": "subtitle",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Markdown.",
+              "fieldName": "subtitle"
             },
             {
-              "kind": "field",
-              "name": "onIconSlotChange",
-              "privacy": "private"
-            }
-          ],
-          "events": [
+              "name": "image-src",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "imageSrc"
+            },
             {
-              "name": "dropdown-toggle",
+              "name": "image-alt",
               "type": {
-                "text": "CustomEvent"
-              }
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "imageAlt"
+            },
+            {
+              "name": "image-position",
+              "type": {
+                "text": "FeatureSplitImagePosition"
+              },
+              "default": "'right'",
+              "fieldName": "imagePosition"
+            },
+            {
+              "name": "action-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "actionLabel"
+            },
+            {
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "href"
             }
           ],
-          "attributes": [
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "st-feature-split",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FeatureSplit",
+          "declaration": {
+            "name": "FeatureSplit",
+            "module": "src/feature-split/FeatureSplit.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "st-feature-split",
+          "declaration": {
+            "name": "FeatureSplit",
+            "module": "src/feature-split/FeatureSplit.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/dropdown/Dropdown.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A labeled trigger + slotted dropdown panel — nav menus (typically holding an `st-menu-grid`),\r\naction menus, anything \"click a trigger, show content under it\". A 1:1 port of `SankhyaUI`'s\r\nReact `Dropdown` (`SankhyaCMS/SankhyaUI/src/components/Dropdown`): same markup\r\n(`.menu` > `.menu-title` + `.menu-dropdown`), sizes, 0.3s slide/fade, and behavior —\r\n\r\n- only one dropdown is open at a time (the source's `DropdownProvider`, built in here, so no\r\n  provider element is needed);\r\n- a mousedown outside, Escape, or a click inside the panel closes it;\r\n- an `href` trigger toggles the panel when it has content, and is a plain link when it doesn't;\r\n- `inline` opens the panel in the flow, the source's `.touch-device` layout.\r\n\r\nColors and the panel's surface come from the suite theme (the source left those to the\r\nconsumer's `className`/`itemGroupClassName` utility classes). Two source rules are left out\r\nbecause they break existing suite uses (`st-source-bar`'s site/library menus): the 100vw panel\r\nat <=768px (overflows the screen from wherever the trigger sits; the header uses `inline`\r\ninstead) and `overflow: hidden` on slotted children (clips their focus rings). Suite additions\r\nkept on top: `align`, `active`, `disabled`, `inline`, and the `dropdown-toggle` event.",
+          "name": "Dropdown",
+          "members": [
             {
+              "kind": "field",
+              "name": "openDropdown",
+              "type": {
+                "text": "Dropdown | null"
+              },
+              "privacy": "private",
+              "static": true,
+              "default": "null",
+              "description": "The open dropdown, if any — the source's `DropdownContext.activeDropdown`."
+            },
+            {
+              "kind": "field",
               "name": "label",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "Trigger label text (source: `title`, renamed because `title` is the native tooltip\r\nattribute). Leave empty to show only `slot=\"icon\"`.",
-              "fieldName": "label"
+              "attribute": "label"
             },
             {
+              "kind": "field",
               "name": "href",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "Renders the trigger as an `<a href>`. With panel content the click toggles the panel (as in\r\nthe source); with none it navigates.",
-              "fieldName": "href"
+              "attribute": "href"
             },
             {
-              "name": "icon-position",
+              "kind": "field",
+              "name": "iconPosition",
               "type": {
                 "text": "'left' | 'right'"
               },
               "default": "'left'",
-              "fieldName": "iconPosition"
+              "attribute": "icon-position"
             },
             {
-              "name": "icon-size",
+              "kind": "field",
+              "name": "iconSize",
               "type": {
                 "text": "string"
               },
               "default": "'1.2rem'",
               "description": "Inline `width`/`height` of the `slot=\"icon\"` wrapper (source: `iconSize`, default `1.2rem`).",
-              "fieldName": "iconSize"
+              "attribute": "icon-size"
             },
             {
-              "name": "icon-color",
+              "kind": "field",
+              "name": "iconColor",
               "type": {
                 "text": "string"
               },
               "default": "'currentColor'",
               "description": "Inline `color` of the `slot=\"icon\"` wrapper (source: `iconColor`).",
-              "fieldName": "iconColor"
+              "attribute": "icon-color"
             },
             {
+              "kind": "field",
               "name": "align",
               "type": {
                 "text": "'left' | 'right'"
               },
               "default": "'left'",
               "description": "Which edge of the trigger the panel lines up with.",
-              "fieldName": "align"
+              "attribute": "align"
             },
             {
+              "kind": "field",
               "name": "target",
               "type": {
                 "text": "string"
               },
               "default": "'_self'",
               "description": "`target` of an `href` trigger (source default `_self`).",
-              "fieldName": "target"
+              "attribute": "target"
             },
             {
-              "name": "trigger-class-name",
+              "kind": "field",
+              "name": "triggerClassName",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "Extra class(es) on the trigger (source: `className`; a `class` on `st-dropdown` styles the host).",
-              "fieldName": "triggerClassName"
+              "attribute": "trigger-class-name"
             },
             {
-              "name": "item-group-class-name",
+              "kind": "field",
+              "name": "itemGroupClassName",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "Extra class(es) on the panel (source: `itemGroupClassName`).",
-              "fieldName": "itemGroupClassName"
+              "attribute": "item-group-class-name"
             },
             {
-              "name": "item-class-name",
+              "kind": "field",
+              "name": "itemClassName",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "Unused, as in the source (`itemClassName` is never read there); kept for prop parity.",
-              "fieldName": "itemClassName"
+              "attribute": "item-class-name"
             },
             {
+              "kind": "field",
               "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "disabled"
+              "attribute": "disabled",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "active",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Highlights the trigger as the current section (e.g. the current page is one of its items).",
-              "fieldName": "active"
+              "attribute": "active",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "inline",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Opens the panel in the flow under the trigger instead of floating over the page (see the\r\nstyles). `st-header` sets this on its own menu's dropdowns while its hamburger panel shows.",
-              "fieldName": "inline"
+              "attribute": "inline",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "open",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Whether the panel is showing. Follows user toggles; may also be set from outside.",
-              "fieldName": "open"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "st-dropdown",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Dropdown",
-          "declaration": {
-            "name": "Dropdown",
-            "module": "src/dropdown/Dropdown.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "st-dropdown",
-          "declaration": {
-            "name": "Dropdown",
-            "module": "src/dropdown/Dropdown.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/feature-split/FeatureSplit.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "A title/markdown-subtitle/feature-list block beside (or under) an image.",
-          "name": "FeatureSplit",
-          "members": [
+              "attribute": "open",
+              "reflects": true
+            },
             {
               "kind": "field",
-              "name": "inverted",
+              "name": "hasContent",
               "type": {
                 "text": "boolean"
               },
+              "privacy": "private",
               "default": "false",
-              "attribute": "inverted",
-              "reflects": true
+              "description": "Whether the default slot has content — the source's `children` check."
             },
             {
               "kind": "field",
-              "name": "title",
+              "name": "hasIcon",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "attribute": "title"
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether `slot=\"icon\"` has content."
+            },
+            {
+              "kind": "method",
+              "name": "setOpen",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "open",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "closeOnOutsideMouseDown",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "closeOnEscape",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "trigger",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "HTMLElement | null"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "panelItems",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "HTMLElement[]"
+                }
+              },
+              "description": "Keyboard-reachable entries in the panel, in order: menu items (they delegate focus to their\r\nown link) plus any plain links/buttons/tabbable elements a caller slots in."
+            },
+            {
+              "kind": "method",
+              "name": "focusItem",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "pick",
+                  "type": {
+                    "text": "(items: HTMLElement[]) => HTMLElement | undefined"
+                  }
+                }
+              ],
+              "description": "Moves focus into the panel once it has become visible (it is `visibility: hidden` until the\r\n`show` class lands, and hidden elements can't take focus)."
+            },
+            {
+              "kind": "field",
+              "name": "onTitleKeyDown",
+              "privacy": "private",
+              "description": "Enter/Space/ArrowDown open the panel and focus its first entry; ArrowUp its last."
+            },
+            {
+              "kind": "field",
+              "name": "onPanelKeyDown",
+              "privacy": "private",
+              "description": "Arrow keys/Home/End move between the panel's entries; Tab closes the panel and moves on."
+            },
+            {
+              "kind": "field",
+              "name": "onTitleClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "onPanelClick",
+              "privacy": "private",
+              "description": "A click anywhere inside the panel closes it, as in the source."
             },
             {
               "kind": "field",
-              "name": "subtitle",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Markdown.",
-              "attribute": "subtitle"
+              "name": "onContentSlotChange",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "items",
+              "name": "onIconSlotChange",
+              "privacy": "private"
+            }
+          ],
+          "events": [
+            {
+              "name": "dropdown-toggle",
               "type": {
-                "text": "FeatureSplitItem[]"
-              },
-              "default": "[]"
-            },
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "imageSrc",
+              "name": "label",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "image-src"
+              "description": "Trigger label text (source: `title`, renamed because `title` is the native tooltip\r\nattribute). Leave empty to show only `slot=\"icon\"`.",
+              "fieldName": "label"
             },
             {
-              "kind": "field",
-              "name": "imageAlt",
+              "name": "href",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "image-alt"
+              "description": "Renders the trigger as an `<a href>`. With panel content the click toggles the panel (as in\r\nthe source); with none it navigates.",
+              "fieldName": "href"
             },
             {
-              "kind": "field",
-              "name": "imagePosition",
+              "name": "icon-position",
               "type": {
-                "text": "FeatureSplitImagePosition"
+                "text": "'left' | 'right'"
               },
-              "default": "'right'",
-              "attribute": "image-position",
-              "reflects": true
+              "default": "'left'",
+              "fieldName": "iconPosition"
             },
             {
-              "kind": "field",
-              "name": "actionLabel",
+              "name": "icon-size",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "attribute": "action-label"
+              "default": "'1.2rem'",
+              "description": "Inline `width`/`height` of the `slot=\"icon\"` wrapper (source: `iconSize`, default `1.2rem`).",
+              "fieldName": "iconSize"
             },
             {
-              "kind": "field",
-              "name": "href",
+              "name": "icon-color",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "attribute": "href"
+              "default": "'currentColor'",
+              "description": "Inline `color` of the `slot=\"icon\"` wrapper (source: `iconColor`).",
+              "fieldName": "iconColor"
             },
             {
-              "kind": "method",
-              "name": "onAction",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "inverted",
+              "name": "align",
               "type": {
-                "text": "boolean"
+                "text": "'left' | 'right'"
               },
-              "default": "false",
-              "fieldName": "inverted"
+              "default": "'left'",
+              "description": "Which edge of the trigger the panel lines up with.",
+              "fieldName": "align"
             },
             {
-              "name": "title",
+              "name": "target",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "fieldName": "title"
+              "default": "'_self'",
+              "description": "`target` of an `href` trigger (source default `_self`).",
+              "fieldName": "target"
             },
             {
-              "name": "subtitle",
+              "name": "trigger-class-name",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Markdown.",
-              "fieldName": "subtitle"
+              "description": "Extra class(es) on the trigger (source: `className`; a `class` on `st-dropdown` styles the host).",
+              "fieldName": "triggerClassName"
             },
             {
-              "name": "image-src",
+              "name": "item-group-class-name",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "fieldName": "imageSrc"
+              "description": "Extra class(es) on the panel (source: `itemGroupClassName`).",
+              "fieldName": "itemGroupClassName"
             },
             {
-              "name": "image-alt",
+              "name": "item-class-name",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "fieldName": "imageAlt"
+              "description": "Unused, as in the source (`itemClassName` is never read there); kept for prop parity.",
+              "fieldName": "itemClassName"
             },
             {
-              "name": "image-position",
+              "name": "disabled",
               "type": {
-                "text": "FeatureSplitImagePosition"
+                "text": "boolean"
               },
-              "default": "'right'",
-              "fieldName": "imagePosition"
+              "default": "false",
+              "fieldName": "disabled"
             },
             {
-              "name": "action-label",
+              "name": "active",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "fieldName": "actionLabel"
+              "default": "false",
+              "description": "Highlights the trigger as the current section (e.g. the current page is one of its items).",
+              "fieldName": "active"
             },
             {
-              "name": "href",
+              "name": "inline",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "fieldName": "href"
+              "default": "false",
+              "description": "Opens the panel in the flow under the trigger instead of floating over the page (see the\r\nstyles). `st-header` sets this on its own menu's dropdowns while its hamburger panel shows.",
+              "fieldName": "inline"
+            },
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the panel is showing. Follows user toggles; may also be set from outside.",
+              "fieldName": "open"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "st-feature-split",
+          "tagName": "st-dropdown",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "FeatureSplit",
+          "name": "Dropdown",
           "declaration": {
-            "name": "FeatureSplit",
-            "module": "src/feature-split/FeatureSplit.ts"
+            "name": "Dropdown",
+            "module": "src/dropdown/Dropdown.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "st-feature-split",
+          "name": "st-dropdown",
           "declaration": {
-            "name": "FeatureSplit",
-            "module": "src/feature-split/FeatureSplit.ts"
+            "name": "Dropdown",
+            "module": "src/dropdown/Dropdown.ts"
           }
         }
       ]
@@ -1737,525 +1924,665 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/footer/Footer.ts",
+      "path": "src/header/Header.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "The footer, in two layouts:\r\n\r\n- **Bar** (default): a copyright line plus an optional \"powered by\" link — what the suite's\r\n  authenticated apps use.\r\n- **Site**: when `columns`, `socialLinks`, `description` or `imageSrc` is set, the footer becomes a\r\n  marketing-site footer — brand (logo/company name, description, social icons), link columns and a\r\n  bottom bar with the copyright and \"powered by\".\r\n\r\nFires a cancelable `footer-link` event (detail `{ href }`) when an internal link is clicked.",
-          "name": "Footer",
+          "description": "The app-shell header bar — brand (image + title, or title alone) on the left, a `slot=\"menu\"`\r\nfor primary nav (e.g. `st-dropdown`/`st-menu-grid` mega-menus, or plain links) taking the\r\nmiddle, and a `slot=\"utility\"` for account/app-switcher/theme controls on the right. Ported\r\nfrom `SankhyaUI`'s React `Header` (a separate, unrelated marketing-site project) to this\r\npackage's Lit conventions and this workspace's actual needs — that source component takes an\r\n`imageSrc` logo with no text fallback, but none of this suite's apps has a logo image today, so\r\n`title` is the primary brand prop here and `brand-image-url` is optional, mirroring\r\n`st-app-header`'s own brand/title split (this component's slotted-menu/utility shape is a\r\ndeliberately different, more generic surface than `st-app-header`'s fixed nav-links/user-menu\r\nprops — pick whichever fits a given app's header).\r\n\r\nLayout follows the source's `Header.css`: the menu starts 4rem after the brand, the utility\r\ncontrols sit after a vertical divider, and below `BREAKPOINT_TABLET` (900px here; 768px in the\r\nsource) `menu`/`utility` collapse behind a hamburger toggle into a full-screen layer under the\r\ntoggle (closes on Escape or a click inside it), where the menu's `st-dropdown`s are switched to\r\n`inline` so they open in the flow — the same two slotted elements just get repositioned by CSS\r\n(`.mobile-panel`'s `display: contents` at desktop width vs. a real fixed-position box below\r\n`BREAKPOINT_TABLET`), rather than the slots being duplicated in the template, since a shadow\r\nroot can only ever assign a given light-DOM child to the *first* slot of a given name.\r\n\r\nAlso carries an optional built-in language switcher (`languages`/`currentLanguageCode`, fires\r\n`language-change`) — ported from `st-app-header`'s own implementation verbatim rather than\r\nrebuilt, since the source `Header`'s reference story shows an equivalent flag/language `Select`\r\nas a first-class header utility. Hidden entirely when `languages` has fewer than two entries.\r\nThis component has no translation logic itself; the consuming app owns what a language `code`\r\nmeans and which content it re-renders in response.",
+          "name": "Header",
           "members": [
             {
               "kind": "field",
-              "name": "inverted",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "title"
+            },
+            {
+              "kind": "field",
+              "name": "brandImageUrl",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Optional logo image URL, shown before `title`. Omitted entirely when empty — none of this suite's apps has one today. Matches the source component's `imageSrc` (renamed here to pair with `title`/`logoHref`, since this component's only image use is the brand mark).",
+              "attribute": "brand-image-url"
+            },
+            {
+              "kind": "field",
+              "name": "altText",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Logo'",
+              "description": "`alt` text for the brand image — matches the source component's `altText` (default `'Logo'`).",
+              "attribute": "alt-text"
+            },
+            {
+              "kind": "field",
+              "name": "logoHref",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Wraps the brand in an `<a>` when set (e.g. `/`); a plain non-link `<div>` otherwise.",
+              "attribute": "logoHref"
+            },
+            {
+              "kind": "field",
+              "name": "logoTarget",
+              "type": {
+                "text": "string"
+              },
+              "default": "'_self'",
+              "description": "`target` for the brand `<a>` — matches the source component's `logoTarget` (default `_self`). No effect when `logoHref` isn't set.",
+              "attribute": "logo-target"
+            },
+            {
+              "kind": "field",
+              "name": "logoClassName",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Extra class(es) appended to the brand link/div — matches the source component's `logoClassName`.",
+              "attribute": "logo-class-name"
+            },
+            {
+              "kind": "field",
+              "name": "inverted",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Inverts the header's color roles (light-on-dark instead of dark-on-light) — matches the\r\nsource component's `inverted` (from its shared `BaseProps`).",
+              "attribute": "inverted",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "sticky",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "sticky",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "transparent",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Fixes the header over the top of the page and makes it see-through, with light text\r\n(`--st-header-transparent-color`), until the page scrolls past `scroll-threshold` — for a\r\nheader laid over a dark hero. It then takes its normal background and a shadow. The page\r\ncontent starts under it, so the first section should leave room for the 64px bar.",
+              "attribute": "transparent",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "hideOnScroll",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Slides the header out of view while the page scrolls down and back in when it scrolls up.",
+              "attribute": "hide-on-scroll",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "scrollThreshold",
+              "type": {
+                "text": "number"
+              },
+              "default": "8",
+              "description": "Scroll distance in px after which the header counts as `scrolled`.",
+              "attribute": "scroll-threshold"
+            },
+            {
+              "kind": "field",
+              "name": "scrolled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Inverts the footer's color roles (light-on-dark instead of dark-on-light) — matches the\r\nsource component's `inverted` (from its shared `BaseProps`), same as `st-header`'s.",
-              "attribute": "inverted",
+              "description": "True once the page has scrolled past `scroll-threshold`; reflected so pages can style `st-header[scrolled]`. Set by the header, never from outside.",
+              "attribute": "scrolled",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "companyName",
+              "name": "scrollHidden",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "Used to build the default `copyright` line (`© {year} {companyName}`) when `copyright` isn't set explicitly.",
-              "attribute": "company-name"
+              "default": "false",
+              "description": "True while `hide-on-scroll` has slid the header away. Set by the header, never from outside.",
+              "attribute": "scroll-hidden",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "copyright",
+              "name": "lastScrollY",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''",
-              "description": "Overrides the default computed copyright line entirely.",
-              "attribute": "copyright"
+              "privacy": "private",
+              "default": "0"
             },
             {
               "kind": "field",
-              "name": "poweredBy",
+              "name": "scrollFrame",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''",
-              "attribute": "powered-by"
+              "privacy": "private",
+              "default": "0"
             },
             {
               "kind": "field",
-              "name": "poweredByLink",
+              "name": "onScroll",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "languages",
               "type": {
-                "text": "string"
+                "text": "{ code: string; label: string }[]"
               },
-              "default": "''",
-              "attribute": "powered-by-link"
+              "default": "[]",
+              "description": "Language switcher options, e.g. `[{ code: 'en', label: 'English' }, ...]` — hidden entirely\r\nwhen empty or when only one language is offered (same convention as `st-app-header`'s\r\n`languages`, which this reuses verbatim). This component has no translation logic itself —\r\nselecting an option fires `language-change` (detail: `{ code }`), and the consuming app owns\r\nwhat `code` actually means and which content it re-renders."
             },
             {
               "kind": "field",
-              "name": "version",
+              "name": "currentLanguageCode",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "App version, rendered as `v{version}` after the copyright line — for apps that show their own\r\nversion in the footer rather than the header title.",
-              "attribute": "version"
+              "attribute": "current-language-code"
             },
             {
               "kind": "field",
-              "name": "imageSrc",
+              "name": "languageMenuLabel",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Logo shown in the brand block (site layout).",
-              "attribute": "image-src"
+              "default": "'Language'",
+              "attribute": "language-menu-label"
             },
             {
               "kind": "field",
-              "name": "description",
+              "name": "mobileOpen",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "Short blurb under the logo (site layout).",
-              "attribute": "description"
+              "default": "false",
+              "description": "Internal open/closed state for the mobile nav overlay, reflected to an attribute purely so\r\nthe `:host([mobile-open])` CSS selector above can react to it — not meant to be set from\r\noutside.",
+              "attribute": "mobile-open",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "columns",
+              "name": "compact",
               "type": {
-                "text": "FooterColumn[]"
+                "text": "boolean"
               },
-              "default": "[]",
-              "description": "Link columns (site layout)."
+              "default": "false",
+              "description": "True while the menu doesn't fit the bar at the current width: the header then shows the same\r\nhamburger layout it uses on a narrow screen. Set by `evaluateFit`, never from outside.",
+              "attribute": "compact",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "socialLinks",
+              "name": "languageMenuOpen",
               "type": {
-                "text": "FooterSocialLink[]"
+                "text": "boolean"
               },
-              "default": "[]",
-              "description": "Social icon links under the description (site layout)."
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "isSite",
+              "name": "hasUtility",
               "type": {
                 "text": "boolean"
               },
               "privacy": "private",
-              "readonly": true
+              "default": "false",
+              "description": "Whether `slot=\"utility\"` has content — an empty utility row (and its divider) is hidden."
             },
             {
               "kind": "field",
-              "name": "resolvedCopyright",
+              "name": "resizeObserver",
               "type": {
-                "text": "string"
+                "text": "ResizeObserver | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "narrowQuery",
+              "type": {
+                "text": "MediaQueryList | undefined"
               },
               "privacy": "private",
-              "readonly": true
+              "description": "Matches below BREAKPOINT_TABLET, where the hamburger layout is always on."
             },
             {
-              "kind": "method",
-              "name": "onLinkClick",
+              "kind": "field",
+              "name": "inlinedDropdowns",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                },
-                {
-                  "name": "href",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "default": "new Set<HTMLElement & { inline: boolean }>()",
+              "description": "The dropdowns this header switched to `inline` — only these are switched back, so a caller's\r\nown `inline` setting is left alone."
             },
             {
-              "kind": "method",
-              "name": "renderLink",
+              "kind": "field",
+              "name": "syncInlineDropdowns",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "link",
-                  "type": {
-                    "text": "FooterLink"
-                  }
-                }
-              ]
+              "description": "While the hamburger layout is on, the dropdowns in the header open in the flow of the\r\nfull-screen panel instead of floating over it (SankhyaUI's touch-device layout)."
             },
             {
-              "kind": "method",
-              "name": "renderPoweredBy",
+              "kind": "field",
+              "name": "onUtilitySlotChange",
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "renderSite",
+              "kind": "field",
+              "name": "onMenuSlotChange",
               "privacy": "private"
-            }
-          ],
-          "attributes": [
+            },
             {
-              "name": "inverted",
+              "kind": "field",
+              "name": "collapsedAtWidth",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Inverts the footer's color roles (light-on-dark instead of dark-on-light) — matches the\r\nsource component's `inverted` (from its shared `BaseProps`), same as `st-header`'s.",
-              "fieldName": "inverted"
+              "privacy": "private",
+              "default": "0",
+              "description": "The bar width at which the menu last overflowed — the bar only expands again once it is\r\nclearly wider than this, so it can't flip back and forth right at the threshold."
             },
             {
-              "name": "company-name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Used to build the default `copyright` line (`© {year} {companyName}`) when `copyright` isn't set explicitly.",
-              "fieldName": "companyName"
+              "kind": "field",
+              "name": "evaluateFit",
+              "privacy": "private",
+              "description": "Collapses to the hamburger layout when the slotted menu overflows its row, and expands again\r\nonce there is room. The collapsed layout hides the menu, so the room it needs can't be\r\nmeasured then; the width remembered when it collapsed stands in for it."
             },
             {
-              "name": "copyright",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "menuOverflows",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
-              "default": "''",
-              "description": "Overrides the default computed copyright line entirely.",
-              "fieldName": "copyright"
+              "description": "Whether the visible menu items reach past the right edge of the menu row. Measured from the\r\nitems' own boxes (the slotted elements and their direct children), not the row's scrollWidth:\r\na closed dropdown's absolutely positioned panel also counts towards scrollWidth, which would\r\nreport overflow at any width."
             },
             {
-              "name": "powered-by",
+              "kind": "field",
+              "name": "lightDomObserver",
               "type": {
-                "text": "string"
+                "text": "MutationObserver | undefined"
               },
-              "default": "''",
-              "fieldName": "poweredBy"
+              "privacy": "private"
             },
             {
-              "name": "powered-by-link",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "poweredByLink"
+              "kind": "field",
+              "name": "closeOnEscape",
+              "privacy": "private"
             },
             {
-              "name": "version",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "App version, rendered as `v{version}` after the copyright line — for apps that show their own\r\nversion in the footer rather than the header title.",
-              "fieldName": "version"
+              "kind": "field",
+              "name": "closeLanguageMenuOnOutsideClick",
+              "privacy": "private"
             },
             {
-              "name": "image-src",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Logo shown in the brand block (site layout).",
-              "fieldName": "imageSrc"
+              "kind": "method",
+              "name": "renderLanguageMenu",
+              "privacy": "private"
             },
             {
-              "name": "description",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "onLanguageSelect",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "default": "''",
-              "description": "Short blurb under the logo (site layout).",
-              "fieldName": "description"
+              "parameters": [
+                {
+                  "name": "code",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "renderBrand",
+              "privacy": "private"
+            }
+          ],
+          "events": [
+            {
+              "name": "language-change",
+              "type": {
+                "text": "CustomEvent"
+              }
             }
           ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "st-footer",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Footer",
-          "declaration": {
-            "name": "Footer",
-            "module": "src/footer/Footer.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "st-footer",
-          "declaration": {
-            "name": "Footer",
-            "module": "src/footer/Footer.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/header/Header.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The app-shell header bar — brand (image + title, or title alone) on the left, a `slot=\"menu\"`\r\nfor primary nav (e.g. `st-dropdown`/`st-menu-grid` mega-menus, or plain links) taking the\r\nmiddle, and a `slot=\"utility\"` for account/app-switcher/theme controls on the right. Ported\r\nfrom `SankhyaUI`'s React `Header` (a separate, unrelated marketing-site project) to this\r\npackage's Lit conventions and this workspace's actual needs — that source component takes an\r\n`imageSrc` logo with no text fallback, but none of this suite's apps has a logo image today, so\r\n`title` is the primary brand prop here and `brand-image-url` is optional, mirroring\r\n`st-app-header`'s own brand/title split (this component's slotted-menu/utility shape is a\r\ndeliberately different, more generic surface than `st-app-header`'s fixed nav-links/user-menu\r\nprops — pick whichever fits a given app's header).\r\n\r\nLayout follows the source's `Header.css`: the menu starts 4rem after the brand, the utility\r\ncontrols sit after a vertical divider, and below `BREAKPOINT_TABLET` (900px here; 768px in the\r\nsource) `menu`/`utility` collapse behind a hamburger toggle into a full-screen layer under the\r\ntoggle (closes on Escape or a click inside it), where the menu's `st-dropdown`s are switched to\r\n`inline` so they open in the flow — the same two slotted elements just get repositioned by CSS\r\n(`.mobile-panel`'s `display: contents` at desktop width vs. a real fixed-position box below\r\n`BREAKPOINT_TABLET`), rather than the slots being duplicated in the template, since a shadow\r\nroot can only ever assign a given light-DOM child to the *first* slot of a given name.\r\n\r\nAlso carries an optional built-in language switcher (`languages`/`currentLanguageCode`, fires\r\n`language-change`) — ported from `st-app-header`'s own implementation verbatim rather than\r\nrebuilt, since the source `Header`'s reference story shows an equivalent flag/language `Select`\r\nas a first-class header utility. Hidden entirely when `languages` has fewer than two entries.\r\nThis component has no translation logic itself; the consuming app owns what a language `code`\r\nmeans and which content it re-renders in response.",
-          "name": "Header",
-          "members": [
+          "attributes": [
             {
-              "kind": "field",
               "name": "title",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "title"
+              "fieldName": "title"
             },
             {
-              "kind": "field",
-              "name": "brandImageUrl",
+              "name": "brand-image-url",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "Optional logo image URL, shown before `title`. Omitted entirely when empty — none of this suite's apps has one today. Matches the source component's `imageSrc` (renamed here to pair with `title`/`logoHref`, since this component's only image use is the brand mark).",
-              "attribute": "brand-image-url"
+              "fieldName": "brandImageUrl"
             },
             {
-              "kind": "field",
-              "name": "altText",
+              "name": "alt-text",
               "type": {
                 "text": "string"
               },
               "default": "'Logo'",
               "description": "`alt` text for the brand image — matches the source component's `altText` (default `'Logo'`).",
-              "attribute": "alt-text"
+              "fieldName": "altText"
             },
             {
-              "kind": "field",
               "name": "logoHref",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "Wraps the brand in an `<a>` when set (e.g. `/`); a plain non-link `<div>` otherwise.",
-              "attribute": "logoHref"
+              "fieldName": "logoHref"
             },
             {
-              "kind": "field",
-              "name": "logoTarget",
+              "name": "logo-target",
               "type": {
                 "text": "string"
               },
               "default": "'_self'",
               "description": "`target` for the brand `<a>` — matches the source component's `logoTarget` (default `_self`). No effect when `logoHref` isn't set.",
-              "attribute": "logo-target"
+              "fieldName": "logoTarget"
             },
             {
-              "kind": "field",
-              "name": "logoClassName",
+              "name": "logo-class-name",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "Extra class(es) appended to the brand link/div — matches the source component's `logoClassName`.",
-              "attribute": "logo-class-name"
+              "fieldName": "logoClassName"
             },
             {
-              "kind": "field",
               "name": "inverted",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Inverts the header's color roles (light-on-dark instead of dark-on-light) — matches the\r\nsource component's `inverted` (from its shared `BaseProps`).",
-              "attribute": "inverted",
-              "reflects": true
+              "fieldName": "inverted"
             },
             {
-              "kind": "field",
               "name": "sticky",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "sticky",
-              "reflects": true
+              "fieldName": "sticky"
             },
             {
-              "kind": "field",
-              "name": "languages",
+              "name": "transparent",
               "type": {
-                "text": "{ code: string; label: string }[]"
+                "text": "boolean"
               },
-              "default": "[]",
-              "description": "Language switcher options, e.g. `[{ code: 'en', label: 'English' }, ...]` — hidden entirely\r\nwhen empty or when only one language is offered (same convention as `st-app-header`'s\r\n`languages`, which this reuses verbatim). This component has no translation logic itself —\r\nselecting an option fires `language-change` (detail: `{ code }`), and the consuming app owns\r\nwhat `code` actually means and which content it re-renders."
+              "default": "false",
+              "description": "Fixes the header over the top of the page and makes it see-through, with light text\r\n(`--st-header-transparent-color`), until the page scrolls past `scroll-threshold` — for a\r\nheader laid over a dark hero. It then takes its normal background and a shadow. The page\r\ncontent starts under it, so the first section should leave room for the 64px bar.",
+              "fieldName": "transparent"
             },
             {
-              "kind": "field",
-              "name": "currentLanguageCode",
+              "name": "hide-on-scroll",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Slides the header out of view while the page scrolls down and back in when it scrolls up.",
+              "fieldName": "hideOnScroll"
+            },
+            {
+              "name": "scroll-threshold",
+              "type": {
+                "text": "number"
+              },
+              "default": "8",
+              "description": "Scroll distance in px after which the header counts as `scrolled`.",
+              "fieldName": "scrollThreshold"
+            },
+            {
+              "name": "scrolled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "True once the page has scrolled past `scroll-threshold`; reflected so pages can style `st-header[scrolled]`. Set by the header, never from outside.",
+              "fieldName": "scrolled"
+            },
+            {
+              "name": "scroll-hidden",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "True while `hide-on-scroll` has slid the header away. Set by the header, never from outside.",
+              "fieldName": "scrollHidden"
+            },
+            {
+              "name": "current-language-code",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "current-language-code"
+              "fieldName": "currentLanguageCode"
             },
             {
-              "kind": "field",
-              "name": "languageMenuLabel",
+              "name": "language-menu-label",
               "type": {
                 "text": "string"
               },
               "default": "'Language'",
-              "attribute": "language-menu-label"
+              "fieldName": "languageMenuLabel"
             },
             {
-              "kind": "field",
-              "name": "mobileOpen",
+              "name": "mobile-open",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Internal open/closed state for the mobile nav overlay, reflected to an attribute purely so\r\nthe `:host([mobile-open])` CSS selector above can react to it — not meant to be set from\r\noutside.",
-              "attribute": "mobile-open",
-              "reflects": true
+              "fieldName": "mobileOpen"
             },
             {
-              "kind": "field",
               "name": "compact",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "True while the menu doesn't fit the bar at the current width: the header then shows the same\r\nhamburger layout it uses on a narrow screen. Set by `evaluateFit`, never from outside.",
-              "attribute": "compact",
-              "reflects": true
-            },
+              "fieldName": "compact"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "st-header",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Header",
+          "declaration": {
+            "name": "Header",
+            "module": "src/header/Header.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "st-header",
+          "declaration": {
+            "name": "Header",
+            "module": "src/header/Header.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/footer/Footer.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The footer, in two layouts:\r\n\r\n- **Bar** (default): a copyright line plus an optional \"powered by\" link — what the suite's\r\n  authenticated apps use.\r\n- **Site**: when `columns`, `socialLinks`, `description` or `imageSrc` is set, the footer becomes a\r\n  marketing-site footer — brand (logo/company name, description, social icons), link columns and a\r\n  bottom bar with the copyright and \"powered by\".\r\n\r\nFires a cancelable `footer-link` event (detail `{ href }`) when an internal link is clicked.",
+          "name": "Footer",
+          "members": [
             {
               "kind": "field",
-              "name": "languageMenuOpen",
+              "name": "inverted",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "false",
+              "description": "Inverts the footer's color roles (light-on-dark instead of dark-on-light) — matches the\r\nsource component's `inverted` (from its shared `BaseProps`), same as `st-header`'s.",
+              "attribute": "inverted",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "hasUtility",
+              "name": "companyName",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "false",
-              "description": "Whether `slot=\"utility\"` has content — an empty utility row (and its divider) is hidden."
+              "default": "''",
+              "description": "Used to build the default `copyright` line (`© {year} {companyName}`) when `copyright` isn't set explicitly.",
+              "attribute": "company-name"
             },
             {
               "kind": "field",
-              "name": "resizeObserver",
+              "name": "copyright",
               "type": {
-                "text": "ResizeObserver | undefined"
+                "text": "string"
               },
-              "privacy": "private"
+              "default": "''",
+              "description": "Overrides the default computed copyright line entirely.",
+              "attribute": "copyright"
             },
             {
               "kind": "field",
-              "name": "narrowQuery",
+              "name": "poweredBy",
               "type": {
-                "text": "MediaQueryList | undefined"
+                "text": "string"
               },
-              "privacy": "private",
-              "description": "Matches below BREAKPOINT_TABLET, where the hamburger layout is always on."
-            },
-            {
-              "kind": "field",
-              "name": "inlinedDropdowns",
-              "privacy": "private",
-              "default": "new Set<HTMLElement & { inline: boolean }>()",
-              "description": "The dropdowns this header switched to `inline` — only these are switched back, so a caller's\r\nown `inline` setting is left alone."
-            },
-            {
-              "kind": "field",
-              "name": "syncInlineDropdowns",
-              "privacy": "private",
-              "description": "While the hamburger layout is on, the dropdowns in the header open in the flow of the\r\nfull-screen panel instead of floating over it (SankhyaUI's touch-device layout)."
+              "default": "''",
+              "attribute": "powered-by"
             },
             {
               "kind": "field",
-              "name": "onUtilitySlotChange",
-              "privacy": "private"
+              "name": "poweredByLink",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "powered-by-link"
             },
             {
               "kind": "field",
-              "name": "onMenuSlotChange",
-              "privacy": "private"
+              "name": "version",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "App version, rendered as `v{version}` after the copyright line — for apps that show their own\r\nversion in the footer rather than the header title.",
+              "attribute": "version"
             },
             {
               "kind": "field",
-              "name": "collapsedAtWidth",
+              "name": "imageSrc",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "0",
-              "description": "The bar width at which the menu last overflowed — the bar only expands again once it is\r\nclearly wider than this, so it can't flip back and forth right at the threshold."
+              "default": "''",
+              "description": "Logo shown in the brand block (site layout).",
+              "attribute": "image-src"
             },
             {
               "kind": "field",
-              "name": "evaluateFit",
-              "privacy": "private",
-              "description": "Collapses to the hamburger layout when the slotted menu overflows its row, and expands again\r\nonce there is room. The collapsed layout hides the menu, so the room it needs can't be\r\nmeasured then; the width remembered when it collapsed stands in for it."
-            },
-            {
-              "kind": "method",
-              "name": "menuOverflows",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "name": "description",
+              "type": {
+                "text": "string"
               },
-              "description": "Whether the visible menu items reach past the right edge of the menu row. Measured from the\r\nitems' own boxes (the slotted elements and their direct children), not the row's scrollWidth:\r\na closed dropdown's absolutely positioned panel also counts towards scrollWidth, which would\r\nreport overflow at any width."
+              "default": "''",
+              "description": "Short blurb under the logo (site layout).",
+              "attribute": "description"
             },
             {
               "kind": "field",
-              "name": "lightDomObserver",
+              "name": "columns",
               "type": {
-                "text": "MutationObserver | undefined"
+                "text": "FooterColumn[]"
               },
-              "privacy": "private"
+              "default": "[]",
+              "description": "Link columns (site layout)."
             },
             {
               "kind": "field",
-              "name": "closeOnEscape",
-              "privacy": "private"
+              "name": "socialLinks",
+              "type": {
+                "text": "FooterSocialLink[]"
+              },
+              "default": "[]",
+              "description": "Social icon links under the description (site layout)."
             },
             {
               "kind": "field",
-              "name": "closeLanguageMenuOnOutsideClick",
-              "privacy": "private"
+              "name": "isSite",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "readonly": true
             },
             {
-              "kind": "method",
-              "name": "renderLanguageMenu",
-              "privacy": "private"
+              "kind": "field",
+              "name": "resolvedCopyright",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "onLanguageSelect",
+              "name": "onLinkClick",
               "privacy": "private",
               "return": {
                 "type": {
@@ -2264,7 +2591,13 @@
               },
               "parameters": [
                 {
-                  "name": "code",
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                },
+                {
+                  "name": "href",
                   "type": {
                     "text": "string"
                   }
@@ -2273,147 +2606,123 @@
             },
             {
               "kind": "method",
-              "name": "renderBrand",
+              "name": "renderLink",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "link",
+                  "type": {
+                    "text": "FooterLink"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "renderPoweredBy",
               "privacy": "private"
-            }
-          ],
-          "events": [
+            },
             {
-              "name": "language-change",
-              "type": {
-                "text": "CustomEvent"
-              }
+              "kind": "method",
+              "name": "renderSite",
+              "privacy": "private"
             }
           ],
           "attributes": [
             {
-              "name": "title",
+              "name": "inverted",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "fieldName": "title"
+              "default": "false",
+              "description": "Inverts the footer's color roles (light-on-dark instead of dark-on-light) — matches the\r\nsource component's `inverted` (from its shared `BaseProps`), same as `st-header`'s.",
+              "fieldName": "inverted"
             },
             {
-              "name": "brand-image-url",
+              "name": "company-name",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Optional logo image URL, shown before `title`. Omitted entirely when empty — none of this suite's apps has one today. Matches the source component's `imageSrc` (renamed here to pair with `title`/`logoHref`, since this component's only image use is the brand mark).",
-              "fieldName": "brandImageUrl"
+              "description": "Used to build the default `copyright` line (`© {year} {companyName}`) when `copyright` isn't set explicitly.",
+              "fieldName": "companyName"
             },
             {
-              "name": "alt-text",
+              "name": "copyright",
               "type": {
                 "text": "string"
               },
-              "default": "'Logo'",
-              "description": "`alt` text for the brand image — matches the source component's `altText` (default `'Logo'`).",
-              "fieldName": "altText"
+              "default": "''",
+              "description": "Overrides the default computed copyright line entirely.",
+              "fieldName": "copyright"
             },
             {
-              "name": "logoHref",
+              "name": "powered-by",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Wraps the brand in an `<a>` when set (e.g. `/`); a plain non-link `<div>` otherwise.",
-              "fieldName": "logoHref"
+              "fieldName": "poweredBy"
             },
             {
-              "name": "logo-target",
+              "name": "powered-by-link",
               "type": {
                 "text": "string"
               },
-              "default": "'_self'",
-              "description": "`target` for the brand `<a>` — matches the source component's `logoTarget` (default `_self`). No effect when `logoHref` isn't set.",
-              "fieldName": "logoTarget"
+              "default": "''",
+              "fieldName": "poweredByLink"
             },
             {
-              "name": "logo-class-name",
+              "name": "version",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Extra class(es) appended to the brand link/div — matches the source component's `logoClassName`.",
-              "fieldName": "logoClassName"
-            },
-            {
-              "name": "inverted",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Inverts the header's color roles (light-on-dark instead of dark-on-light) — matches the\r\nsource component's `inverted` (from its shared `BaseProps`).",
-              "fieldName": "inverted"
-            },
-            {
-              "name": "sticky",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "sticky"
+              "description": "App version, rendered as `v{version}` after the copyright line — for apps that show their own\r\nversion in the footer rather than the header title.",
+              "fieldName": "version"
             },
             {
-              "name": "current-language-code",
+              "name": "image-src",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "fieldName": "currentLanguageCode"
+              "description": "Logo shown in the brand block (site layout).",
+              "fieldName": "imageSrc"
             },
             {
-              "name": "language-menu-label",
+              "name": "description",
               "type": {
                 "text": "string"
               },
-              "default": "'Language'",
-              "fieldName": "languageMenuLabel"
-            },
-            {
-              "name": "mobile-open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Internal open/closed state for the mobile nav overlay, reflected to an attribute purely so\r\nthe `:host([mobile-open])` CSS selector above can react to it — not meant to be set from\r\noutside.",
-              "fieldName": "mobileOpen"
-            },
-            {
-              "name": "compact",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "True while the menu doesn't fit the bar at the current width: the header then shows the same\r\nhamburger layout it uses on a narrow screen. Set by `evaluateFit`, never from outside.",
-              "fieldName": "compact"
+              "default": "''",
+              "description": "Short blurb under the logo (site layout).",
+              "fieldName": "description"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "st-header",
+          "tagName": "st-footer",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Header",
+          "name": "Footer",
           "declaration": {
-            "name": "Header",
-            "module": "src/header/Header.ts"
+            "name": "Footer",
+            "module": "src/footer/Footer.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "st-header",
+          "name": "st-footer",
           "declaration": {
-            "name": "Header",
-            "module": "src/header/Header.ts"
+            "name": "Footer",
+            "module": "src/footer/Footer.ts"
           }
         }
       ]
@@ -2424,8 +2733,28 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Full-width hero banner: background image with a darkening overlay, title, optional subtitle and\r\na call-to-action link. Port of `SankhyaUI`'s React `Hero`; the framer-motion entrance is redone\r\nas CSS keyframes (skipped under `prefers-reduced-motion`). The CTA fires a cancelable `action`\r\nevent (detail `{ href }`) before navigating.",
+          "description": "Full-width hero banner: background image with a darkening overlay, optional eyebrow, title,\r\noptional subtitle and up to two call-to-action links. Port of `SankhyaUI`'s React `Hero`; the\r\nframer-motion entrance is redone as CSS keyframes (skipped under `prefers-reduced-motion`).\r\n\r\n`size`, `content-position` and `overlay=\"gradient\"` give the large editorial layout (copy on the\r\nlower left over a gradient that darkens towards it) used by enterprise marketing heroes; the\r\ndefaults keep the original centered banner. Put several heroes in an `st-carousel` with\r\n`indicator-style=\"tabs\"` for a tabbed hero carousel.",
           "name": "Hero",
+          "cssProperties": [
+            {
+              "description": "Text colour over the image.",
+              "name": "--st-hero-text-color"
+            },
+            {
+              "description": "Minimum height when `size` is `large` (default `640px`).",
+              "name": "--st-hero-min-height"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The small label above the title.",
+              "name": "eyebrow"
+            },
+            {
+              "description": "The outlined second button.",
+              "name": "secondary-action"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -2513,20 +2842,123 @@
             },
             {
               "kind": "field",
-              "name": "positions",
-              "privacy": "private",
-              "static": true,
-              "default": "{ top: 'center top', left: 'left center', right: 'right center', bottom: 'center bottom', center: 'center center' }",
-              "type": {
-                "text": "{\r\n    top: 'center top',\r\n    left: 'left center',\r\n    right: 'right center',\r\n    bottom: 'center bottom',\r\n    center: 'center center'\r\n  }"
-              }
+              "name": "eyebrow",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Small uppercase label above the title (e.g. an event or product name).",
+              "attribute": "eyebrow"
+            },
+            {
+              "kind": "field",
+              "name": "secondaryActionLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Label of an outlined second button next to the primary one.",
+              "attribute": "secondary-action-label"
+            },
+            {
+              "kind": "field",
+              "name": "secondaryHref",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "secondary-href"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'auto' | 'large' | 'full'"
+              },
+              "default": "'auto'",
+              "description": "`auto` sizes to the content; `large` is a tall editorial hero (`--st-hero-min-height`); `full` fills the viewport.",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "contentPosition",
+              "type": {
+                "text": "'center' | 'bottom'"
+              },
+              "default": "'center'",
+              "description": "`center` keeps the copy in the middle; `bottom` puts it in the lower part of the hero, on the page container.",
+              "attribute": "content-position",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "overlay",
+              "type": {
+                "text": "'even' | 'gradient' | 'none'"
+              },
+              "default": "'even'",
+              "description": "`even` darkens the whole image; `gradient` darkens behind the copy only; `none` shows the image as is.",
+              "attribute": "overlay",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "positions",
+              "privacy": "private",
+              "static": true,
+              "default": "{ top: 'center top', left: 'left center', right: 'right center', bottom: 'center bottom', center: 'center center' }",
+              "type": {
+                "text": "{\r\n    top: 'center top',\r\n    left: 'left center',\r\n    right: 'right center',\r\n    bottom: 'center bottom',\r\n    center: 'center center'\r\n  }"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "emitAction",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                },
+                {
+                  "name": "href",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "kind",
+                  "type": {
+                    "text": "'primary' | 'secondary'"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "onClick",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "onClick",
+              "name": "onSecondaryClick",
               "privacy": "private"
             }
           ],
+          "events": [
+            {
+              "description": "Cancelable, before navigating. Detail `{ href, kind }`, `kind` being `primary` or `secondary`.",
+              "name": "action"
+            }
+          ],
           "attributes": [
             {
               "name": "title",
@@ -2599,6 +3031,59 @@
               },
               "default": "'center'",
               "fieldName": "focalPoint"
+            },
+            {
+              "name": "eyebrow",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Small uppercase label above the title (e.g. an event or product name).",
+              "fieldName": "eyebrow"
+            },
+            {
+              "name": "secondary-action-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Label of an outlined second button next to the primary one.",
+              "fieldName": "secondaryActionLabel"
+            },
+            {
+              "name": "secondary-href",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "secondaryHref"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'auto' | 'large' | 'full'"
+              },
+              "default": "'auto'",
+              "description": "`auto` sizes to the content; `large` is a tall editorial hero (`--st-hero-min-height`); `full` fills the viewport.",
+              "fieldName": "size"
+            },
+            {
+              "name": "content-position",
+              "type": {
+                "text": "'center' | 'bottom'"
+              },
+              "default": "'center'",
+              "description": "`center` keeps the copy in the middle; `bottom` puts it in the lower part of the hero, on the page container.",
+              "fieldName": "contentPosition"
+            },
+            {
+              "name": "overlay",
+              "type": {
+                "text": "'even' | 'gradient' | 'none'"
+              },
+              "default": "'even'",
+              "description": "`even` darkens the whole image; `gradient` darkens behind the copy only; `none` shows the image as is.",
+              "fieldName": "overlay"
             }
           ],
           "superclass": {
@@ -3601,6 +4086,218 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/section/Section.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A page band that holds other content: sets the background, the spacing above and below, and\nthe content width, with an optional eyebrow/title/subtitle heading over its slotted children.\nUse it to give a run of components one dark or tinted backdrop and a consistent vertical rhythm,\nthe way enterprise marketing pages stack full-width sections.",
+          "name": "Section",
+          "cssProperties": [
+            {
+              "description": "Overrides the background colour picked by `background`.",
+              "name": "--st-section-bg"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The width-limited content box.",
+              "name": "inner"
+            },
+            {
+              "description": "The heading block.",
+              "name": "header"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The section's content.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "eyebrow",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "eyebrow"
+            },
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "title"
+            },
+            {
+              "kind": "field",
+              "name": "subtitle",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "subtitle"
+            },
+            {
+              "kind": "field",
+              "name": "background",
+              "type": {
+                "text": "'default' | 'subtle' | 'dark' | 'accent' | 'transparent'"
+              },
+              "default": "'default'",
+              "description": "`default` (page surface), `subtle`, `dark`, `accent` or `transparent`.",
+              "attribute": "background",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "spacingAbove",
+              "type": {
+                "text": "'none' | 's' | 'm' | 'l' | 'xl' | 'xxl'"
+              },
+              "default": "'m'",
+              "description": "Space above the content: `none`, `s`, `m` (default), `l`, `xl` or `xxl`.",
+              "attribute": "spacing-above",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "spacingBelow",
+              "type": {
+                "text": "'none' | 's' | 'm' | 'l' | 'xl' | 'xxl'"
+              },
+              "default": "'m'",
+              "description": "Space below the content: `none`, `s`, `m` (default), `l`, `xl` or `xxl`.",
+              "attribute": "spacing-below",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "width",
+              "type": {
+                "text": "'contained' | 'narrow' | 'full'"
+              },
+              "default": "'contained'",
+              "description": "`contained` (default, the page container width), `narrow` (reading width) or `full` (edge to edge).",
+              "attribute": "width",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "textAlignment",
+              "type": {
+                "text": "'left' | 'center'"
+              },
+              "default": "'left'",
+              "description": "Alignment of the heading.",
+              "attribute": "text-alignment",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "eyebrow",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "eyebrow"
+            },
+            {
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "title"
+            },
+            {
+              "name": "subtitle",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "subtitle"
+            },
+            {
+              "name": "background",
+              "type": {
+                "text": "'default' | 'subtle' | 'dark' | 'accent' | 'transparent'"
+              },
+              "default": "'default'",
+              "description": "`default` (page surface), `subtle`, `dark`, `accent` or `transparent`.",
+              "fieldName": "background"
+            },
+            {
+              "name": "spacing-above",
+              "type": {
+                "text": "'none' | 's' | 'm' | 'l' | 'xl' | 'xxl'"
+              },
+              "default": "'m'",
+              "description": "Space above the content: `none`, `s`, `m` (default), `l`, `xl` or `xxl`.",
+              "fieldName": "spacingAbove"
+            },
+            {
+              "name": "spacing-below",
+              "type": {
+                "text": "'none' | 's' | 'm' | 'l' | 'xl' | 'xxl'"
+              },
+              "default": "'m'",
+              "description": "Space below the content: `none`, `s`, `m` (default), `l`, `xl` or `xxl`.",
+              "fieldName": "spacingBelow"
+            },
+            {
+              "name": "width",
+              "type": {
+                "text": "'contained' | 'narrow' | 'full'"
+              },
+              "default": "'contained'",
+              "description": "`contained` (default, the page container width), `narrow` (reading width) or `full` (edge to edge).",
+              "fieldName": "width"
+            },
+            {
+              "name": "text-alignment",
+              "type": {
+                "text": "'left' | 'center'"
+              },
+              "default": "'left'",
+              "description": "Alignment of the heading.",
+              "fieldName": "textAlignment"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "st-section",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Section",
+          "declaration": {
+            "name": "Section",
+            "module": "src/section/Section.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "st-section",
+          "declaration": {
+            "name": "Section",
+            "module": "src/section/Section.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/select/Select.ts",
@@ -3780,114 +4477,49 @@
               },
               "default": "''",
               "description": "Accessible name for the trigger when there's no visible `field-label` (e.g. a filter-row select). Ignored when `field-label` is set.",
-              "fieldName": "selectLabel"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "ghost",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Borderless variant for a header/toolbar utility slot — see the `:host([ghost])` styles.",
-              "fieldName": "ghost"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "st-select",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Select",
-          "declaration": {
-            "name": "Select",
-            "module": "src/select/Select.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "st-select",
-          "declaration": {
-            "name": "Select",
-            "module": "src/select/Select.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/stats/Stats.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Responsive grid of headline numbers with a label and optional description. Port of React `Stats`.",
-          "name": "Stats",
-          "members": [
-            {
-              "kind": "field",
-              "name": "items",
-              "type": {
-                "text": "StatItem[]"
-              },
-              "default": "[]"
+              "fieldName": "selectLabel"
             },
             {
-              "kind": "field",
-              "name": "inverted",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "inverted",
-              "reflects": true
-            }
-          ],
-          "attributes": [
+              "fieldName": "disabled"
+            },
             {
-              "name": "inverted",
+              "name": "ghost",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "inverted"
+              "description": "Borderless variant for a header/toolbar utility slot — see the `:host([ghost])` styles.",
+              "fieldName": "ghost"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "st-stats",
+          "tagName": "st-select",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Stats",
+          "name": "Select",
           "declaration": {
-            "name": "Stats",
-            "module": "src/stats/Stats.ts"
+            "name": "Select",
+            "module": "src/select/Select.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "st-stats",
+          "name": "st-select",
           "declaration": {
-            "name": "Stats",
-            "module": "src/stats/Stats.ts"
+            "name": "Select",
+            "module": "src/select/Select.ts"
           }
         }
       ]
@@ -3898,7 +4530,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Section heading plus a grid of quote cards with star rating and author. Port of React `Testimonials`.",
+          "description": "Section heading plus customer quotes or stories. Port of React `Testimonials`.\n\nEach card shows whatever its item has: a cover image, the customer logo, a story headline, a\nquote with star rating, result metrics, the author and a \"See full story\" link. `layout=\"grid\"`\n(default) lays the cards out in a grid; `layout=\"carousel\"` puts them on one horizontally\nscrolling, snapping row with previous/next buttons next to the heading — the customer-story\ncarousel of enterprise marketing pages. `action-label`/`action-href` add a section-level link\n(e.g. \"Explore customer stories\").",
           "name": "Testimonials",
           "members": [
             {
@@ -3937,6 +4569,159 @@
               "attribute": "inverted",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "layout",
+              "type": {
+                "text": "'grid' | 'carousel'"
+              },
+              "default": "'grid'",
+              "description": "`grid` (default) or `carousel`: one scrolling row with previous/next buttons.",
+              "attribute": "layout",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "linkLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'See full story'",
+              "description": "Default text of each card's story link.",
+              "attribute": "link-label"
+            },
+            {
+              "kind": "field",
+              "name": "actionLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Section-level link text, e.g. \"Explore customer stories\".",
+              "attribute": "action-label"
+            },
+            {
+              "kind": "field",
+              "name": "actionHref",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "action-href"
+            },
+            {
+              "kind": "field",
+              "name": "atStart",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "true"
+            },
+            {
+              "kind": "field",
+              "name": "atEnd",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "track",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "resizeObserver",
+              "type": {
+                "text": "ResizeObserver | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "syncArrows",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "scrollByCard",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "direction",
+                  "type": {
+                    "text": "1 | -1"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "onLinkClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                },
+                {
+                  "name": "href",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "renderLink",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "label",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "href",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "className",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "part",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "renderItem",
@@ -3951,6 +4736,12 @@
               ]
             }
           ],
+          "events": [
+            {
+              "description": "Cancelable, before following a story or section link. Detail `{ href }`.",
+              "name": "testimonials-link"
+            }
+          ],
           "attributes": [
             {
               "name": "title",
@@ -3975,6 +4766,41 @@
               },
               "default": "false",
               "fieldName": "inverted"
+            },
+            {
+              "name": "layout",
+              "type": {
+                "text": "'grid' | 'carousel'"
+              },
+              "default": "'grid'",
+              "description": "`grid` (default) or `carousel`: one scrolling row with previous/next buttons.",
+              "fieldName": "layout"
+            },
+            {
+              "name": "link-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'See full story'",
+              "description": "Default text of each card's story link.",
+              "fieldName": "linkLabel"
+            },
+            {
+              "name": "action-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Section-level link text, e.g. \"Explore customer stories\".",
+              "fieldName": "actionLabel"
+            },
+            {
+              "name": "action-href",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "actionHref"
             }
           ],
           "superclass": {
@@ -4003,6 +4829,71 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/stats/Stats.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Responsive grid of headline numbers with a label and optional description. Port of React `Stats`.",
+          "name": "Stats",
+          "members": [
+            {
+              "kind": "field",
+              "name": "items",
+              "type": {
+                "text": "StatItem[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "inverted",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "inverted",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "inverted",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "inverted"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "st-stats",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Stats",
+          "declaration": {
+            "name": "Stats",
+            "module": "src/stats/Stats.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "st-stats",
+          "declaration": {
+            "name": "Stats",
+            "module": "src/stats/Stats.ts"
+          }
+        }
+      ]
     }
   ]
 }