@sankhyatronics/sankhya-cms 0.1.3 → 0.1.5

package/custom-elements.json

@@ -10,6 +10,12 @@
           "kind": "class",
           "description": "A responsive 4-column bento grid of icon/image cards. Items are set via the `items` property.",
           "name": "BentoGrid",
+          "cssProperties": [
+            {
+              "description": "Overrides the block's padding.",
+              "name": "--st-bento-grid-padding"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -114,6 +120,135 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/card/Card.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",
+          "members": [
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'default' | 'bordered'"
+              },
+              "default": "'default'",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "padding",
+              "type": {
+                "text": "'none' | 'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "attribute": "padding",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "elevation",
+              "type": {
+                "text": "'none' | 'sm' | 'md' | 'lg'"
+              },
+              "default": "'sm'",
+              "attribute": "elevation",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "hoverable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "hoverable",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "inverted",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "inverted",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "'default' | 'bordered'"
+              },
+              "default": "'default'",
+              "fieldName": "variant"
+            },
+            {
+              "name": "padding",
+              "type": {
+                "text": "'none' | 'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "fieldName": "padding"
+            },
+            {
+              "name": "elevation",
+              "type": {
+                "text": "'none' | 'sm' | 'md' | 'lg'"
+              },
+              "default": "'sm'",
+              "fieldName": "elevation"
+            },
+            {
+              "name": "hoverable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hoverable"
+            },
+            {
+              "name": "inverted",
+              "type": {
+                "text": "boolean"
+              },
+              "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",
@@ -513,52 +648,83 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/card/Card.ts",
+      "path": "src/content-block/ContentBlock.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": "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",
+          "cssProperties": [
+            {
+              "description": "Overrides the block's padding.",
+              "name": "--st-content-block-padding"
+            }
+          ],
           "members": [
             {
               "kind": "field",
-              "name": "variant",
+              "name": "title",
               "type": {
-                "text": "'default' | 'bordered'"
+                "text": "string"
               },
-              "default": "'default'",
-              "attribute": "variant",
-              "reflects": true
+              "default": "''",
+              "attribute": "title"
             },
             {
               "kind": "field",
-              "name": "padding",
+              "name": "subtitle",
               "type": {
-                "text": "'none' | 'small' | 'medium' | 'large'"
+                "text": "string"
               },
-              "default": "'medium'",
-              "attribute": "padding",
-              "reflects": true
+              "default": "''",
+              "attribute": "subtitle"
             },
             {
               "kind": "field",
-              "name": "elevation",
+              "name": "contentSrc",
               "type": {
-                "text": "'none' | 'sm' | 'md' | 'lg'"
+                "text": "string"
               },
-              "default": "'sm'",
-              "attribute": "elevation",
-              "reflects": true
+              "default": "''",
+              "description": "URL of a Markdown file.",
+              "attribute": "content-src"
             },
             {
               "kind": "field",
-              "name": "hoverable",
+              "name": "content",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "attribute": "hoverable",
-              "reflects": true
+              "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",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "image-alt"
+            },
+            {
+              "kind": "field",
+              "name": "imageCaption",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "image-caption"
             },
             {
               "kind": "field",
@@ -573,69 +739,95 @@
           ],
           "attributes": [
             {
-              "name": "variant",
+              "name": "title",
               "type": {
-                "text": "'default' | 'bordered'"
+                "text": "string"
               },
-              "default": "'default'",
-              "fieldName": "variant"
+              "default": "''",
+              "fieldName": "title"
             },
             {
-              "name": "padding",
+              "name": "subtitle",
               "type": {
-                "text": "'none' | 'small' | 'medium' | 'large'"
+                "text": "string"
               },
-              "default": "'medium'",
-              "fieldName": "padding"
+              "default": "''",
+              "fieldName": "subtitle"
             },
             {
-              "name": "elevation",
+              "name": "content-src",
               "type": {
-                "text": "'none' | 'sm' | 'md' | 'lg'"
+                "text": "string"
               },
-              "default": "'sm'",
-              "fieldName": "elevation"
+              "default": "''",
+              "description": "URL of a Markdown file.",
+              "fieldName": "contentSrc"
             },
             {
-              "name": "hoverable",
+              "name": "content",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "fieldName": "hoverable"
+              "default": "''",
+              "description": "Inline Markdown, used when `content-src` is not set.",
+              "fieldName": "content"
             },
             {
-              "name": "inverted",
+              "name": "image-src",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "fieldName": "inverted"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "st-card",
-          "customElement": true
+              "default": "''",
+              "fieldName": "imageSrc"
+            },
+            {
+              "name": "image-alt",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "imageAlt"
+            },
+            {
+              "name": "image-caption",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "imageCaption"
+            },
+            {
+              "name": "inverted",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "inverted"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "st-content-block",
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Card",
+          "name": "ContentBlock",
           "declaration": {
-            "name": "Card",
-            "module": "src/card/Card.ts"
+            "name": "ContentBlock",
+            "module": "src/content-block/ContentBlock.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "st-card",
+          "name": "st-content-block",
           "declaration": {
-            "name": "Card",
-            "module": "src/card/Card.ts"
+            "name": "ContentBlock",
+            "module": "src/content-block/ContentBlock.ts"
           }
         }
       ]
@@ -648,6 +840,12 @@
           "kind": "class",
           "description": "Fixed bottom consent bar. The source read/wrote consent through a React `UserContext`; here the\r\nelement persists the choice itself in localStorage (`storage-key`, default the source's\r\n`sankhya_ui_cookie_consent`; storage errors are ignored) and renders nothing once a choice\r\nexists. Fires `cookie-consent-accept` / `cookie-consent-refuse` (detail `{ status }`). The\r\ndefault slot replaces the message text.",
           "name": "CookieConsent",
+          "cssProperties": [
+            {
+              "description": "Overrides the bar's padding.",
+              "name": "--st-cookie-consent-padding"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -825,817 +1023,772 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/content-block/ContentBlock.ts",
+      "path": "src/dropdown/Dropdown.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 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 — plus\r\n`mega` and `open-on-hover` for an okta.com-style mega menu (see `st-mega-menu`).",
+          "name": "Dropdown",
+          "cssProperties": [
+            {
+              "description": "Maximum width of a `mega` panel (default `1400px`).",
+              "name": "--st-mega-menu-max-width"
+            },
+            {
+              "description": "Minimum space between a `mega` panel and the header's sides (default `1rem`).",
+              "name": "--st-mega-menu-inset"
+            },
+            {
+              "description": "Space between the header and a `mega` panel (default `12px`).",
+              "name": "--st-mega-menu-gap"
+            },
+            {
+              "description": "Corner radius of a `mega` panel (default `24px`).",
+              "name": "--st-mega-menu-radius"
+            }
+          ],
           "members": [
             {
               "kind": "field",
-              "name": "title",
+              "name": "openDropdown",
               "type": {
-                "text": "string"
+                "text": "Dropdown | null"
               },
-              "default": "''",
-              "attribute": "title"
+              "privacy": "private",
+              "static": true,
+              "default": "null",
+              "description": "The open dropdown, if any — the source's `DropdownContext.activeDropdown`."
             },
             {
               "kind": "field",
-              "name": "subtitle",
+              "name": "label",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "subtitle"
+              "description": "Trigger label text (source: `title`, renamed because `title` is the native tooltip\r\nattribute). Leave empty to show only `slot=\"icon\"`.",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "contentSrc",
+              "name": "href",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "URL of a Markdown file.",
-              "attribute": "content-src"
+              "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"
             },
             {
               "kind": "field",
-              "name": "content",
+              "name": "iconPosition",
               "type": {
-                "text": "string"
+                "text": "'left' | 'right'"
               },
-              "default": "''",
-              "description": "Inline Markdown, used when `content-src` is not set.",
-              "attribute": "content"
+              "default": "'left'",
+              "attribute": "icon-position"
             },
             {
               "kind": "field",
-              "name": "imageSrc",
+              "name": "iconSize",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "attribute": "image-src"
+              "default": "'1.2rem'",
+              "description": "Inline `width`/`height` of the `slot=\"icon\"` wrapper (source: `iconSize`, default `1.2rem`).",
+              "attribute": "icon-size"
             },
             {
               "kind": "field",
-              "name": "imageAlt",
+              "name": "iconColor",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "attribute": "image-alt"
+              "default": "'currentColor'",
+              "description": "Inline `color` of the `slot=\"icon\"` wrapper (source: `iconColor`).",
+              "attribute": "icon-color"
             },
             {
               "kind": "field",
-              "name": "imageCaption",
+              "name": "align",
               "type": {
-                "text": "string"
+                "text": "'left' | 'right'"
               },
-              "default": "''",
-              "attribute": "image-caption"
+              "default": "'left'",
+              "description": "Which edge of the trigger the panel lines up with.",
+              "attribute": "align"
             },
             {
               "kind": "field",
-              "name": "inverted",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "inverted",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "title",
+              "name": "target",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "fieldName": "title"
+              "default": "'_self'",
+              "description": "`target` of an `href` trigger (source default `_self`).",
+              "attribute": "target"
             },
             {
-              "name": "subtitle",
+              "kind": "field",
+              "name": "triggerClassName",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "fieldName": "subtitle"
+              "description": "Extra class(es) on the trigger (source: `className`; a `class` on `st-dropdown` styles the host).",
+              "attribute": "trigger-class-name"
             },
             {
-              "name": "content-src",
+              "kind": "field",
+              "name": "itemGroupClassName",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "URL of a Markdown file.",
-              "fieldName": "contentSrc"
+              "description": "Extra class(es) on the panel (source: `itemGroupClassName`).",
+              "attribute": "item-group-class-name"
             },
             {
-              "name": "content",
+              "kind": "field",
+              "name": "itemClassName",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Inline Markdown, used when `content-src` is not set.",
-              "fieldName": "content"
+              "description": "Unused, as in the source (`itemClassName` is never read there); kept for prop parity.",
+              "attribute": "item-class-name"
             },
             {
-              "name": "image-src",
+              "kind": "field",
+              "name": "disabled",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "fieldName": "imageSrc"
+              "default": "false",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
-              "name": "image-alt",
+              "kind": "field",
+              "name": "active",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "fieldName": "imageAlt"
+              "default": "false",
+              "description": "Highlights the trigger as the current section (e.g. the current page is one of its items).",
+              "attribute": "active",
+              "reflects": true
             },
             {
-              "name": "image-caption",
+              "kind": "field",
+              "name": "inline",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "fieldName": "imageCaption"
+              "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
             },
             {
-              "name": "inverted",
+              "kind": "field",
+              "name": "open",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "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": [
+              "description": "Whether the panel is showing. Follows user toggles; may also be set from outside.",
+              "attribute": "open",
+              "reflects": true
+            },
             {
               "kind": "field",
-              "name": "inverted",
+              "name": "mega",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "inverted",
+              "description": "Mega-menu panel (okta.com style), typically holding an `st-mega-menu`: the panel spans the\r\nfull width of the nearest positioned ancestor — `st-header` — right under it, instead of\r\nhanging off the trigger. In `st-header`'s hamburger layout (`inline`) it slides in over the\r\nscreen with a Back button rather than opening as an accordion. A click inside the panel only\r\ncloses it when it lands on a link.",
+              "attribute": "mega",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "title",
+              "name": "openOnHover",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "attribute": "title"
+              "default": "false",
+              "description": "Opens the panel while a mouse hovers the trigger or panel (touch and keyboard still click). Off while `inline`.",
+              "attribute": "open-on-hover"
             },
             {
               "kind": "field",
-              "name": "subtitle",
+              "name": "backLabel",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Markdown.",
-              "attribute": "subtitle"
+              "default": "'Back'",
+              "description": "Text of the Back button in the `mega` + `inline` drill-down panel.",
+              "attribute": "back-label"
             },
             {
               "kind": "field",
-              "name": "items",
+              "name": "hoverTimer",
               "type": {
-                "text": "FeatureSplitItem[]"
+                "text": "number"
               },
-              "default": "[]"
+              "privacy": "private",
+              "default": "0"
             },
             {
               "kind": "field",
-              "name": "imageSrc",
+              "name": "hoverOpenedAt",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''",
-              "attribute": "image-src"
+              "privacy": "private",
+              "default": "0",
+              "description": "When hover last opened the panel — a click right after that keeps it open instead of toggling it shut."
             },
             {
               "kind": "field",
-              "name": "imageAlt",
+              "name": "hasContent",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "attribute": "image-alt"
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether the default slot has content — the source's `children` check."
             },
             {
               "kind": "field",
-              "name": "imagePosition",
+              "name": "hasIcon",
               "type": {
-                "text": "FeatureSplitImagePosition"
+                "text": "boolean"
               },
-              "default": "'right'",
-              "attribute": "image-position",
-              "reflects": true
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether `slot=\"icon\"` has content."
             },
             {
-              "kind": "field",
-              "name": "actionLabel",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "setOpen",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "default": "''",
-              "attribute": "action-label"
+              "parameters": [
+                {
+                  "name": "open",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "href",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "hovers",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
-              "default": "''",
-              "attribute": "href"
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
             },
             {
-              "kind": "method",
-              "name": "onAction",
+              "kind": "field",
+              "name": "onPointerEnter",
+              "privacy": "private",
+              "description": "Short delays so a pointer crossing the gap between trigger and panel doesn't close it."
+            },
+            {
+              "kind": "field",
+              "name": "onPointerLeave",
               "privacy": "private"
-            }
-          ],
-          "attributes": [
+            },
             {
-              "name": "inverted",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "inverted"
+              "kind": "field",
+              "name": "onBackClick",
+              "privacy": "private"
             },
             {
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "title"
+              "kind": "field",
+              "name": "closeOnOutsideMouseDown",
+              "privacy": "private"
             },
             {
-              "name": "subtitle",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Markdown.",
-              "fieldName": "subtitle"
+              "kind": "field",
+              "name": "closeOnEscape",
+              "privacy": "private"
             },
             {
-              "name": "image-src",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "imageSrc"
+              "kind": "method",
+              "name": "trigger",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "HTMLElement | null"
+                }
+              }
             },
             {
-              "name": "image-alt",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "panelItems",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "HTMLElement[]"
+                }
               },
-              "default": "''",
-              "fieldName": "imageAlt"
+              "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."
             },
             {
-              "name": "image-position",
-              "type": {
-                "text": "FeatureSplitImagePosition"
+              "kind": "method",
+              "name": "focusItem",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "default": "'right'",
-              "fieldName": "imagePosition"
+              "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)."
             },
             {
-              "name": "action-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "actionLabel"
+              "kind": "field",
+              "name": "onTitleKeyDown",
+              "privacy": "private",
+              "description": "Enter/Space/ArrowDown open the panel and focus its first entry; ArrowUp its last."
             },
             {
-              "name": "href",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "href"
-            }
-          ],
-          "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": "onPanelKeyDown",
+              "privacy": "private",
+              "description": "Arrow keys/Home/End move between the panel's entries; Tab closes the panel and moves on."
+            },
             {
               "kind": "field",
-              "name": "openDropdown",
-              "type": {
-                "text": "Dropdown | null"
-              },
+              "name": "onTitleClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "onPanelClick",
               "privacy": "private",
-              "static": true,
-              "default": "null",
-              "description": "The open dropdown, if any — the source's `DropdownContext.activeDropdown`."
+              "description": "A click anywhere inside the panel closes it, as in the source — for `mega`, only a click on a\r\nlink: a big panel has headings and gaps, and a click there shouldn't also close st-header's\r\nhamburger layer."
+            },
+            {
+              "kind": "field",
+              "name": "onContentSlotChange",
+              "privacy": "private"
             },
             {
               "kind": "field",
+              "name": "onIconSlotChange",
+              "privacy": "private"
+            }
+          ],
+          "events": [
+            {
+              "name": "dropdown-toggle",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
+            {
               "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\"`.",
-              "attribute": "label"
+              "fieldName": "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.",
-              "attribute": "href"
+              "fieldName": "href"
             },
             {
-              "kind": "field",
-              "name": "iconPosition",
+              "name": "icon-position",
               "type": {
                 "text": "'left' | 'right'"
               },
               "default": "'left'",
-              "attribute": "icon-position"
+              "fieldName": "iconPosition"
             },
             {
-              "kind": "field",
-              "name": "iconSize",
+              "name": "icon-size",
               "type": {
                 "text": "string"
               },
               "default": "'1.2rem'",
               "description": "Inline `width`/`height` of the `slot=\"icon\"` wrapper (source: `iconSize`, default `1.2rem`).",
-              "attribute": "icon-size"
+              "fieldName": "iconSize"
             },
             {
-              "kind": "field",
-              "name": "iconColor",
+              "name": "icon-color",
               "type": {
                 "text": "string"
               },
               "default": "'currentColor'",
               "description": "Inline `color` of the `slot=\"icon\"` wrapper (source: `iconColor`).",
-              "attribute": "icon-color"
+              "fieldName": "iconColor"
             },
             {
-              "kind": "field",
               "name": "align",
               "type": {
                 "text": "'left' | 'right'"
               },
               "default": "'left'",
               "description": "Which edge of the trigger the panel lines up with.",
-              "attribute": "align"
+              "fieldName": "align"
             },
             {
-              "kind": "field",
               "name": "target",
               "type": {
                 "text": "string"
               },
               "default": "'_self'",
               "description": "`target` of an `href` trigger (source default `_self`).",
-              "attribute": "target"
+              "fieldName": "target"
             },
             {
-              "kind": "field",
-              "name": "triggerClassName",
+              "name": "trigger-class-name",
               "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": "triggerClassName"
             },
             {
-              "kind": "field",
-              "name": "itemGroupClassName",
+              "name": "item-group-class-name",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "Extra class(es) on the panel (source: `itemGroupClassName`).",
-              "attribute": "item-group-class-name"
+              "fieldName": "itemGroupClassName"
             },
             {
-              "kind": "field",
-              "name": "itemClassName",
+              "name": "item-class-name",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "Unused, as in the source (`itemClassName` is never read there); kept for prop parity.",
-              "attribute": "item-class-name"
+              "fieldName": "itemClassName"
             },
             {
-              "kind": "field",
               "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "disabled",
-              "reflects": true
+              "fieldName": "disabled"
             },
             {
-              "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).",
-              "attribute": "active",
-              "reflects": true
+              "fieldName": "active"
             },
             {
-              "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.",
-              "attribute": "inline",
-              "reflects": true
+              "fieldName": "inline"
             },
             {
-              "kind": "field",
               "name": "open",
               "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": "open"
             },
             {
-              "kind": "field",
-              "name": "hasContent",
+              "name": "mega",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
               "default": "false",
-              "description": "Whether the default slot has content — the source's `children` check."
+              "description": "Mega-menu panel (okta.com style), typically holding an `st-mega-menu`: the panel spans the\r\nfull width of the nearest positioned ancestor — `st-header` — right under it, instead of\r\nhanging off the trigger. In `st-header`'s hamburger layout (`inline`) it slides in over the\r\nscreen with a Back button rather than opening as an accordion. A click inside the panel only\r\ncloses it when it lands on a link.",
+              "fieldName": "mega"
             },
             {
-              "kind": "field",
-              "name": "hasIcon",
+              "name": "open-on-hover",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
               "default": "false",
-              "description": "Whether `slot=\"icon\"` has content."
+              "description": "Opens the panel while a mouse hovers the trigger or panel (touch and keyboard still click). Off while `inline`.",
+              "fieldName": "openOnHover"
             },
             {
-              "kind": "method",
-              "name": "setOpen",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "back-label",
+              "type": {
+                "text": "string"
               },
-              "parameters": [
-                {
-                  "name": "open",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
-            },
+              "default": "'Back'",
+              "description": "Text of the Back button in the `mega` + `inline` drill-down panel.",
+              "fieldName": "backLabel"
+            }
+          ],
+          "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",
+          "cssProperties": [
             {
-              "kind": "field",
-              "name": "closeOnOutsideMouseDown",
-              "privacy": "private"
-            },
+              "description": "Overrides the block's padding.",
+              "name": "--st-feature-split-padding"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "closeOnEscape",
-              "privacy": "private"
+              "name": "inverted",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "inverted",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "trigger",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "HTMLElement | null"
-                }
-              }
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "title"
             },
             {
-              "kind": "method",
-              "name": "panelItems",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "HTMLElement[]"
-                }
+              "kind": "field",
+              "name": "subtitle",
+              "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": "''",
+              "description": "Markdown.",
+              "attribute": "subtitle"
             },
             {
-              "kind": "method",
-              "name": "focusItem",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "items",
+              "type": {
+                "text": "FeatureSplitItem[]"
               },
-              "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": "[]"
             },
             {
               "kind": "field",
-              "name": "onTitleKeyDown",
-              "privacy": "private",
-              "description": "Enter/Space/ArrowDown open the panel and focus its first entry; ArrowUp its last."
+              "name": "imageSrc",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "image-src"
             },
             {
               "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": "imageAlt",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "image-alt"
             },
             {
               "kind": "field",
-              "name": "onTitleClick",
-              "privacy": "private"
+              "name": "imagePosition",
+              "type": {
+                "text": "FeatureSplitImagePosition"
+              },
+              "default": "'right'",
+              "attribute": "image-position",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "onPanelClick",
-              "privacy": "private",
-              "description": "A click anywhere inside the panel closes it, as in the source."
+              "name": "actionLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "action-label"
             },
             {
               "kind": "field",
-              "name": "onContentSlotChange",
-              "privacy": "private"
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "href"
             },
             {
-              "kind": "field",
-              "name": "onIconSlotChange",
+              "kind": "method",
+              "name": "onAction",
               "privacy": "private"
             }
           ],
-          "events": [
+          "attributes": [
             {
-              "name": "dropdown-toggle",
+              "name": "inverted",
               "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
-          "attributes": [
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "inverted"
+            },
             {
-              "name": "label",
+              "name": "title",
               "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"
+              "fieldName": "title"
             },
             {
-              "name": "href",
+              "name": "subtitle",
               "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"
+              "description": "Markdown.",
+              "fieldName": "subtitle"
             },
             {
-              "name": "icon-position",
+              "name": "image-src",
               "type": {
-                "text": "'left' | 'right'"
+                "text": "string"
               },
-              "default": "'left'",
-              "fieldName": "iconPosition"
+              "default": "''",
+              "fieldName": "imageSrc"
             },
             {
-              "name": "icon-size",
+              "name": "image-alt",
               "type": {
                 "text": "string"
               },
-              "default": "'1.2rem'",
-              "description": "Inline `width`/`height` of the `slot=\"icon\"` wrapper (source: `iconSize`, default `1.2rem`).",
-              "fieldName": "iconSize"
-            },
-            {
-              "name": "icon-color",
-              "type": {
-                "text": "string"
-              },
-              "default": "'currentColor'",
-              "description": "Inline `color` of the `slot=\"icon\"` wrapper (source: `iconColor`).",
-              "fieldName": "iconColor"
-            },
-            {
-              "name": "align",
-              "type": {
-                "text": "'left' | 'right'"
-              },
-              "default": "'left'",
-              "description": "Which edge of the trigger the panel lines up with.",
-              "fieldName": "align"
-            },
-            {
-              "name": "target",
-              "type": {
-                "text": "string"
-              },
-              "default": "'_self'",
-              "description": "`target` of an `href` trigger (source default `_self`).",
-              "fieldName": "target"
+              "default": "''",
+              "fieldName": "imageAlt"
             },
             {
-              "name": "trigger-class-name",
+              "name": "image-position",
               "type": {
-                "text": "string"
+                "text": "FeatureSplitImagePosition"
               },
-              "default": "''",
-              "description": "Extra class(es) on the trigger (source: `className`; a `class` on `st-dropdown` styles the host).",
-              "fieldName": "triggerClassName"
+              "default": "'right'",
+              "fieldName": "imagePosition"
             },
             {
-              "name": "item-group-class-name",
+              "name": "action-label",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Extra class(es) on the panel (source: `itemGroupClassName`).",
-              "fieldName": "itemGroupClassName"
+              "fieldName": "actionLabel"
             },
             {
-              "name": "item-class-name",
+              "name": "href",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Unused, as in the source (`itemClassName` is never read there); kept for prop parity.",
-              "fieldName": "itemClassName"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "disabled"
-            },
-            {
-              "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"
-            },
-            {
-              "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"
-            },
-            {
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the panel is showing. Follows user toggles; may also be set from outside.",
-              "fieldName": "open"
+              "fieldName": "href"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "st-dropdown",
+          "tagName": "st-feature-split",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Dropdown",
+          "name": "FeatureSplit",
           "declaration": {
-            "name": "Dropdown",
-            "module": "src/dropdown/Dropdown.ts"
+            "name": "FeatureSplit",
+            "module": "src/feature-split/FeatureSplit.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "st-dropdown",
+          "name": "st-feature-split",
           "declaration": {
-            "name": "Dropdown",
-            "module": "src/dropdown/Dropdown.ts"
+            "name": "FeatureSplit",
+            "module": "src/feature-split/FeatureSplit.ts"
           }
         }
       ]
@@ -1794,6 +1947,12 @@
           "kind": "class",
           "description": "A titled grid of feature tiles. Ports `SankhyaUI`'s React `FeaturesSection`: tiles come from the\r\n`items` property, from slotted `st-feature-item` elements (the source's `children`), or both\r\n(slotted first). `columns` sets the grid width (default 2; one column below 768px). `inverted`\r\nis passed on to the `items` tiles; slotted tiles need their own `inverted` attribute.",
           "name": "FeaturesSection",
+          "cssProperties": [
+            {
+              "description": "Overrides the section's padding.",
+              "name": "--st-features-section-padding"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -1924,287 +2083,558 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/header/Header.ts",
+      "path": "src/footer/Footer.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",
+          "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": "title",
+              "name": "inverted",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "attribute": "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.",
+              "attribute": "inverted",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "brandImageUrl",
+              "name": "companyName",
               "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"
+              "description": "Used to build the default `copyright` line (`© {year} {companyName}`) when `copyright` isn't set explicitly.",
+              "attribute": "company-name"
             },
             {
               "kind": "field",
-              "name": "altText",
+              "name": "copyright",
               "type": {
                 "text": "string"
               },
-              "default": "'Logo'",
-              "description": "`alt` text for the brand image — matches the source component's `altText` (default `'Logo'`).",
-              "attribute": "alt-text"
+              "default": "''",
+              "description": "Overrides the default computed copyright line entirely.",
+              "attribute": "copyright"
             },
             {
               "kind": "field",
-              "name": "logoHref",
+              "name": "poweredBy",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Wraps the brand in an `<a>` when set (e.g. `/`); a plain non-link `<div>` otherwise.",
-              "attribute": "logoHref"
+              "attribute": "powered-by"
             },
             {
               "kind": "field",
-              "name": "logoTarget",
+              "name": "poweredByLink",
               "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"
+              "default": "''",
+              "attribute": "powered-by-link"
             },
             {
               "kind": "field",
-              "name": "logoClassName",
+              "name": "version",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Extra class(es) appended to the brand link/div — matches the source component's `logoClassName`.",
-              "attribute": "logo-class-name"
+              "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": "inverted",
+              "name": "imageSrc",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "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
+              "default": "''",
+              "description": "Logo shown in the brand block (site layout).",
+              "attribute": "image-src"
             },
             {
               "kind": "field",
-              "name": "sticky",
+              "name": "description",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "attribute": "sticky",
-              "reflects": true
+              "default": "''",
+              "description": "Short blurb under the logo (site layout).",
+              "attribute": "description"
             },
             {
               "kind": "field",
-              "name": "transparent",
+              "name": "columns",
               "type": {
-                "text": "boolean"
+                "text": "FooterColumn[]"
               },
-              "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
+              "default": "[]",
+              "description": "Link columns (site layout)."
             },
             {
               "kind": "field",
-              "name": "hideOnScroll",
+              "name": "socialLinks",
               "type": {
-                "text": "boolean"
+                "text": "FooterSocialLink[]"
               },
-              "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
+              "default": "[]",
+              "description": "Social icon links under the description (site layout)."
             },
             {
               "kind": "field",
-              "name": "scrollThreshold",
+              "name": "isSite",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "8",
-              "description": "Scroll distance in px after which the header counts as `scrolled`.",
-              "attribute": "scroll-threshold"
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "scrolled",
+              "name": "resolvedCopyright",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "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.",
-              "attribute": "scrolled",
-              "reflects": true
+              "privacy": "private",
+              "readonly": true
             },
             {
-              "kind": "field",
-              "name": "scrollHidden",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "onLinkClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "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
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                },
+                {
+                  "name": "href",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "lastScrollY",
-              "type": {
-                "text": "number"
-              },
+              "kind": "method",
+              "name": "renderLink",
               "privacy": "private",
-              "default": "0"
+              "parameters": [
+                {
+                  "name": "link",
+                  "type": {
+                    "text": "FooterLink"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "scrollFrame",
-              "type": {
-                "text": "number"
+              "kind": "method",
+              "name": "renderPoweredBy",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderSite",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "inverted",
+              "type": {
+                "text": "boolean"
               },
-              "privacy": "private",
-              "default": "0"
+              "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": "company-name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Used to build the default `copyright` line (`© {year} {companyName}`) when `copyright` isn't set explicitly.",
+              "fieldName": "companyName"
+            },
+            {
+              "name": "copyright",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Overrides the default computed copyright line entirely.",
+              "fieldName": "copyright"
+            },
+            {
+              "name": "powered-by",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "poweredBy"
+            },
+            {
+              "name": "powered-by-link",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "poweredByLink"
+            },
+            {
+              "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"
             },
+            {
+              "name": "image-src",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Logo shown in the brand block (site layout).",
+              "fieldName": "imageSrc"
+            },
+            {
+              "name": "description",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Short blurb under the logo (site layout).",
+              "fieldName": "description"
+            }
+          ],
+          "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": [
             {
               "kind": "field",
-              "name": "onScroll",
-              "privacy": "private"
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "title"
             },
             {
               "kind": "field",
-              "name": "languages",
+              "name": "brandImageUrl",
               "type": {
-                "text": "{ code: string; label: string }[]"
+                "text": "string"
               },
-              "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": "''",
+              "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": "currentLanguageCode",
+              "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": "''",
-              "attribute": "current-language-code"
+              "description": "Wraps the brand in an `<a>` when set (e.g. `/`); a plain non-link `<div>` otherwise.",
+              "attribute": "logoHref"
             },
             {
               "kind": "field",
-              "name": "languageMenuLabel",
+              "name": "logoTarget",
               "type": {
                 "text": "string"
               },
-              "default": "'Language'",
-              "attribute": "language-menu-label"
+              "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": "mobileOpen",
+              "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": "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",
+              "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": "compact",
+              "name": "sticky",
               "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",
+              "attribute": "sticky",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "languageMenuOpen",
+              "name": "transparent",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false"
+              "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": "hasUtility",
+              "name": "hideOnScroll",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
               "default": "false",
-              "description": "Whether `slot=\"utility\"` has content — an empty utility row (and its divider) is hidden."
+              "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": "resizeObserver",
+              "name": "scrollThreshold",
               "type": {
-                "text": "ResizeObserver | undefined"
+                "text": "number"
               },
-              "privacy": "private"
+              "default": "8",
+              "description": "Scroll distance in px after which the header counts as `scrolled`.",
+              "attribute": "scroll-threshold"
             },
             {
               "kind": "field",
-              "name": "narrowQuery",
+              "name": "scrolled",
               "type": {
-                "text": "MediaQueryList | undefined"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "description": "Matches below BREAKPOINT_TABLET, where the hamburger layout is always on."
+              "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.",
+              "attribute": "scrolled",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "inlinedDropdowns",
+              "name": "scrollHidden",
+              "type": {
+                "text": "boolean"
+              },
+              "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": "lastScrollY",
+              "type": {
+                "text": "number"
+              },
               "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."
+              "default": "0"
             },
             {
               "kind": "field",
-              "name": "syncInlineDropdowns",
+              "name": "scrollFrame",
+              "type": {
+                "text": "number"
+              },
               "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": "0"
             },
             {
               "kind": "field",
-              "name": "onUtilitySlotChange",
+              "name": "onScroll",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "onMenuSlotChange",
-              "privacy": "private"
+              "name": "languages",
+              "type": {
+                "text": "{ code: string; label: string }[]"
+              },
+              "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": "collapsedAtWidth",
+              "name": "currentLanguageCode",
               "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": "''",
+              "attribute": "current-language-code"
+            },
+            {
+              "kind": "field",
+              "name": "languageMenuLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Language'",
+              "attribute": "language-menu-label"
+            },
+            {
+              "kind": "field",
+              "name": "mobileOpen",
+              "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
+            },
+            {
+              "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
+            },
+            {
+              "kind": "field",
+              "name": "languageMenuOpen",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "hasUtility",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether `slot=\"utility\"` has content — an empty utility row (and its divider) is hidden."
+            },
+            {
+              "kind": "field",
+              "name": "resizeObserver",
+              "type": {
+                "text": "ResizeObserver | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "narrowQuery",
+              "type": {
+                "text": "MediaQueryList | undefined"
+              },
+              "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; open: 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)."
+            },
+            {
+              "kind": "field",
+              "name": "onUtilitySlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "onMenuSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "collapsedAtWidth",
+              "type": {
+                "text": "number"
+              },
+              "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."
             },
             {
               "kind": "field",
@@ -2377,420 +2807,1044 @@
               "fieldName": "scrollThreshold"
             },
             {
-              "name": "scrolled",
+              "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": "''",
+              "fieldName": "currentLanguageCode"
+            },
+            {
+              "name": "language-menu-label",
+              "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"
+            }
+          ],
+          "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/hero/Hero.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "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",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "title"
+            },
+            {
+              "kind": "field",
+              "name": "subtitle",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "subtitle"
+            },
+            {
+              "kind": "field",
+              "name": "imageSrc",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "image-src"
+            },
+            {
+              "kind": "field",
+              "name": "actionLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "action-label"
+            },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "href"
+            },
+            {
+              "kind": "field",
+              "name": "textAlignment",
+              "type": {
+                "text": "'left' | 'center' | 'right' | 'justify'"
+              },
+              "default": "'left'",
+              "attribute": "text-alignment",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "padding",
+              "type": {
+                "text": "'none' | 'small' | 'medium' | 'large'"
+              },
+              "default": "'none'",
+              "attribute": "padding",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "inverted",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "inverted",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "focalPoint",
+              "type": {
+                "text": "'top' | 'left' | 'right' | 'bottom' | 'center'"
+              },
+              "default": "'center'",
+              "attribute": "focal-point"
+            },
+            {
+              "kind": "field",
+              "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": "onSecondaryClick",
+              "privacy": "private"
+            }
+          ],
+          "events": [
+            {
+              "description": "Cancelable, before navigating. Detail `{ href, kind }`, `kind` being `primary` or `secondary`.",
+              "name": "action"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "title"
+            },
+            {
+              "name": "subtitle",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "subtitle"
+            },
+            {
+              "name": "image-src",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "imageSrc"
+            },
+            {
+              "name": "action-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "actionLabel"
+            },
+            {
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "href"
+            },
+            {
+              "name": "text-alignment",
+              "type": {
+                "text": "'left' | 'center' | 'right' | 'justify'"
+              },
+              "default": "'left'",
+              "fieldName": "textAlignment"
+            },
+            {
+              "name": "padding",
+              "type": {
+                "text": "'none' | 'small' | 'medium' | 'large'"
+              },
+              "default": "'none'",
+              "fieldName": "padding"
+            },
+            {
+              "name": "inverted",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "inverted"
+            },
+            {
+              "name": "focal-point",
+              "type": {
+                "text": "'top' | 'left' | 'right' | 'bottom' | 'center'"
+              },
+              "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": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "st-hero",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Hero",
+          "declaration": {
+            "name": "Hero",
+            "module": "src/hero/Hero.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "st-hero",
+          "declaration": {
+            "name": "Hero",
+            "module": "src/hero/Hero.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/icon-button/IconButton.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A small, icon-only action button — ported from `SankhyaUI`'s React `IconButton` (a separate,\r\nunrelated marketing-site project; that source takes an iconify string `icon` prop, this package\r\nhas no iconify dependency, so the icon is default-slotted content instead, same convention as\r\n`st-dropdown`/`st-menu-grid-item`'s `slot=\"icon\"`).\r\n\r\nFires a plain native `click` — no custom event, since a caller just wants an ordinary button.",
+          "name": "IconButton",
+          "members": [
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessible name and tooltip — matches the source component's `ariaLabel` (renamed: modern\r\nbrowsers already expose a native `ariaLabel` reflected property on every `Element`, so reusing\r\nthat exact name as a Lit reactive property would shadow it). Required for a control with no\r\nvisible text.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "disabled",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessible name and tooltip — matches the source component's `ariaLabel` (renamed: modern\r\nbrowsers already expose a native `ariaLabel` reflected property on every `Element`, so reusing\r\nthat exact name as a Lit reactive property would shadow it). Required for a control with no\r\nvisible text.",
+              "fieldName": "label"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "st-icon-button",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "IconButton",
+          "declaration": {
+            "name": "IconButton",
+            "module": "src/icon-button/IconButton.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "st-icon-button",
+          "declaration": {
+            "name": "IconButton",
+            "module": "src/icon-button/IconButton.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/items-accordion/ItemsAccordion.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A vertical list of collapsible title/content rows; one open at a time unless `allow-multiple`.",
+          "name": "ItemsAccordion",
+          "cssProperties": [
+            {
+              "description": "Overrides the block's padding.",
+              "name": "--st-items-accordion-padding"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "title"
+            },
+            {
+              "kind": "field",
+              "name": "subtitle",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "subtitle"
+            },
+            {
+              "kind": "field",
+              "name": "items",
+              "type": {
+                "text": "AccordionItem[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "allowMultiple",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "allow-multiple"
+            },
+            {
+              "kind": "field",
+              "name": "openIds",
+              "privacy": "private",
+              "default": "new Set<string>()"
+            },
+            {
+              "kind": "method",
+              "name": "toggle",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "name": "accordion-toggle",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "title"
+            },
+            {
+              "name": "subtitle",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "subtitle"
+            },
+            {
+              "name": "allow-multiple",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "allowMultiple"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "st-items-accordion",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ItemsAccordion",
+          "declaration": {
+            "name": "ItemsAccordion",
+            "module": "src/items-accordion/ItemsAccordion.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "st-items-accordion",
+          "declaration": {
+            "name": "ItemsAccordion",
+            "module": "src/items-accordion/ItemsAccordion.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/markdown/Markdown.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Renders Markdown (GFM, single newlines become `<br>`) from either an inline `content` string or\r\na `src` URL it fetches. Ports `SankhyaUI`'s `useMarkdown` hook + `react-markdown` (remark-gfm,\r\nremark-breaks); output is sanitized with DOMPurify. `src` wins over `content` when both are set.\r\nWhile a fetch is pending it shows \"Loading content...\"; on failure \"Error loading content.\" and\r\na `markdown-error` event (detail: `{ error }`).\r\n\r\nText color is inherited from the parent so inverted containers just work.",
+          "name": "Markdown",
+          "members": [
+            {
+              "kind": "field",
+              "name": "content",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Inline Markdown source. Ignored when `src` is set.",
+              "attribute": "content"
+            },
+            {
+              "kind": "field",
+              "name": "src",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "URL of a Markdown file to fetch.",
+              "attribute": "src"
+            },
+            {
+              "kind": "field",
+              "name": "fetched",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "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"
+              "privacy": "private",
+              "default": "''"
             },
             {
-              "name": "scroll-hidden",
+              "kind": "field",
+              "name": "loading",
               "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"
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "name": "current-language-code",
+              "kind": "field",
+              "name": "error",
               "type": {
-                "text": "string"
+                "text": "Error | null"
               },
-              "default": "''",
-              "fieldName": "currentLanguageCode"
+              "privacy": "private",
+              "default": "null"
             },
             {
-              "name": "language-menu-label",
+              "kind": "field",
+              "name": "abort",
               "type": {
-                "text": "string"
+                "text": "AbortController | undefined"
               },
-              "default": "'Language'",
-              "fieldName": "languageMenuLabel"
+              "privacy": "private"
             },
             {
-              "name": "mobile-open",
+              "kind": "method",
+              "name": "load",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "markdown-error",
               "type": {
-                "text": "boolean"
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "content",
+              "type": {
+                "text": "string"
               },
-              "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"
+              "default": "''",
+              "description": "Inline Markdown source. Ignored when `src` is set.",
+              "fieldName": "content"
             },
             {
-              "name": "compact",
+              "name": "src",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "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": "URL of a Markdown file to fetch.",
+              "fieldName": "src"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "st-header",
+          "tagName": "st-markdown",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Header",
+          "name": "Markdown",
           "declaration": {
-            "name": "Header",
-            "module": "src/header/Header.ts"
+            "name": "Markdown",
+            "module": "src/markdown/Markdown.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "st-header",
+          "name": "st-markdown",
           "declaration": {
-            "name": "Header",
-            "module": "src/header/Header.ts"
+            "name": "Markdown",
+            "module": "src/markdown/Markdown.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/footer/Footer.ts",
+      "path": "src/mega-menu/MegaMenu.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": [
+          "description": "The rich layout of a mega-menu panel, after okta.com: an optional intro column on the left (a\nlarge `heading`, a `description` and, under a divider, quick links in `slot=\"intro\"`), then the\nlink columns side by side (`st-mega-menu-column`s in the default slot), then an optional\nfeatured column on the right (`featured-heading` over the `st-mega-menu-feature` cards in\n`slot=\"featured\"`). Slot it into an `st-dropdown` with `mega` set.\n\nThe layout follows the width it is given, not the viewport (a container query): side by side\nwhen there is room; intro and featured column above/below two link columns on a medium panel;\neverything stacked in the narrow drill-down panel `st-header` shows on a phone (where the intro\nheading is left out — the drill-down already shows the section's name).",
+          "name": "MegaMenu",
+          "cssParts": [
             {
-              "kind": "field",
-              "name": "inverted",
-              "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",
-              "reflects": true
+              "description": "The grid holding every area.",
+              "name": "inner"
             },
             {
-              "kind": "field",
-              "name": "companyName",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Used to build the default `copyright` line (`© {year} {companyName}`) when `copyright` isn't set explicitly.",
-              "attribute": "company-name"
+              "description": "The intro column.",
+              "name": "intro"
             },
             {
-              "kind": "field",
-              "name": "copyright",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Overrides the default computed copyright line entirely.",
-              "attribute": "copyright"
+              "description": "The grid holding the link columns.",
+              "name": "columns"
             },
             {
-              "kind": "field",
-              "name": "poweredBy",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "powered-by"
+              "description": "The featured column.",
+              "name": "featured"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The link columns (`st-mega-menu-column`s, or any blocks).",
+              "name": ""
             },
             {
-              "kind": "field",
-              "name": "poweredByLink",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "powered-by-link"
+              "description": "Quick links under the intro text, e.g. `st-menu-item`s with an icon.",
+              "name": "intro"
             },
+            {
+              "description": "Promo cards (`st-mega-menu-feature`s), stacked.",
+              "name": "featured"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "version",
+              "name": "heading",
               "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"
+              "description": "Large title of the intro column.",
+              "attribute": "heading"
             },
             {
               "kind": "field",
-              "name": "imageSrc",
+              "name": "description",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Logo shown in the brand block (site layout).",
-              "attribute": "image-src"
+              "description": "Text under the intro title.",
+              "attribute": "description"
             },
             {
               "kind": "field",
-              "name": "description",
+              "name": "featuredHeading",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Short blurb under the logo (site layout).",
-              "attribute": "description"
+              "description": "Heading over the featured cards.",
+              "attribute": "featured-heading"
             },
             {
               "kind": "field",
               "name": "columns",
               "type": {
-                "text": "FooterColumn[]"
+                "text": "number"
               },
-              "default": "[]",
-              "description": "Link columns (site layout)."
+              "default": "0",
+              "description": "Number of link columns side by side at full width. `0` (the default) uses one per slotted column.",
+              "attribute": "columns"
             },
             {
               "kind": "field",
-              "name": "socialLinks",
+              "name": "columnCount",
               "type": {
-                "text": "FooterSocialLink[]"
+                "text": "number"
               },
-              "default": "[]",
-              "description": "Social icon links under the description (site layout)."
+              "privacy": "private",
+              "default": "1"
             },
             {
               "kind": "field",
-              "name": "isSite",
+              "name": "hasIntroLinks",
               "type": {
                 "text": "boolean"
               },
               "privacy": "private",
-              "readonly": true
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "resolvedCopyright",
+              "name": "hasFeatured",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
               "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "onLinkClick",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                },
-                {
-                  "name": "href",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "default": "false"
             },
             {
-              "kind": "method",
-              "name": "renderLink",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "link",
-                  "type": {
-                    "text": "FooterLink"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "onColumnsSlotChange",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "renderPoweredBy",
+              "kind": "field",
+              "name": "onIntroSlotChange",
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "renderSite",
+              "kind": "field",
+              "name": "onFeaturedSlotChange",
               "privacy": "private"
             }
           ],
           "attributes": [
             {
-              "name": "inverted",
-              "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.",
-              "fieldName": "inverted"
-            },
-            {
-              "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"
-            },
-            {
-              "name": "copyright",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Overrides the default computed copyright line entirely.",
-              "fieldName": "copyright"
-            },
-            {
-              "name": "powered-by",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "poweredBy"
-            },
-            {
-              "name": "powered-by-link",
+              "name": "heading",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "fieldName": "poweredByLink"
+              "description": "Large title of the intro column.",
+              "fieldName": "heading"
             },
             {
-              "name": "version",
+              "name": "description",
               "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"
+              "description": "Text under the intro title.",
+              "fieldName": "description"
             },
             {
-              "name": "image-src",
+              "name": "featured-heading",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Logo shown in the brand block (site layout).",
-              "fieldName": "imageSrc"
+              "description": "Heading over the featured cards.",
+              "fieldName": "featuredHeading"
             },
             {
-              "name": "description",
+              "name": "columns",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''",
-              "description": "Short blurb under the logo (site layout).",
-              "fieldName": "description"
+              "default": "0",
+              "description": "Number of link columns side by side at full width. `0` (the default) uses one per slotted column.",
+              "fieldName": "columns"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "st-footer",
+          "tagName": "st-mega-menu",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Footer",
+          "name": "MegaMenu",
           "declaration": {
-            "name": "Footer",
-            "module": "src/footer/Footer.ts"
+            "name": "MegaMenu",
+            "module": "src/mega-menu/MegaMenu.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "st-footer",
+          "name": "st-mega-menu",
           "declaration": {
-            "name": "Footer",
-            "module": "src/footer/Footer.ts"
+            "name": "MegaMenu",
+            "module": "src/mega-menu/MegaMenu.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/hero/Hero.ts",
+      "path": "src/mega-menu/MegaMenuColumn.ts",
       "declarations": [
         {
           "kind": "class",
-          "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",
+          "description": "One column (or one group within a column) of an `st-mega-menu`: a heading, an optional line of\ndescription, then its links stacked — usually `st-menu-item`s with `variant=\"link\"`. Nest\ncolumns to stack several headed groups in one column, as okta.com does.\n\n`variant=\"card\"` puts the column on a tinted rounded tile and `variant=\"accent\"` on a solid\naccent tile with light text; both suit a row of equal columns without intro or featured area.\n`cta-label` + `cta-href` add a pill button at the bottom of the column.\n\nThe heading (when `href` is set) and the button fire a *cancelable* `mega-menu-select` event\n(detail: `{ href }`) before navigating; a host doing client-side routing calls\n`event.preventDefault()` on it.",
+          "name": "MegaMenuColumn",
           "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"
+              "description": "Overrides the padding of a `card`/`accent` column.",
+              "name": "--st-mega-menu-column-padding"
             }
           ],
           "cssParts": [
             {
-              "description": "The small label above the title.",
-              "name": "eyebrow"
+              "description": "The heading text or link.",
+              "name": "heading"
             },
             {
-              "description": "The outlined second button.",
-              "name": "secondary-action"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "title"
+              "description": "The line under the heading.",
+              "name": "description"
             },
             {
-              "kind": "field",
-              "name": "subtitle",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "subtitle"
+              "description": "The box holding the links.",
+              "name": "items"
             },
             {
-              "kind": "field",
-              "name": "imageSrc",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "image-src"
-            },
+              "description": "The pill button.",
+              "name": "cta"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The column's links, or nested `st-mega-menu-column` groups.",
+              "name": ""
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "actionLabel",
+              "name": "heading",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "action-label"
+              "attribute": "heading"
             },
             {
               "kind": "field",
@@ -2799,122 +3853,51 @@
                 "text": "string"
               },
               "default": "''",
+              "description": "Makes the heading a link (e.g. to the section's overview page).",
               "attribute": "href"
             },
             {
               "kind": "field",
-              "name": "textAlignment",
-              "type": {
-                "text": "'left' | 'center' | 'right' | 'justify'"
-              },
-              "default": "'left'",
-              "attribute": "text-alignment",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "padding",
+              "name": "description",
               "type": {
-                "text": "'none' | 'small' | 'medium' | 'large'"
+                "text": "string"
               },
-              "default": "'none'",
-              "attribute": "padding",
-              "reflects": true
+              "default": "''",
+              "attribute": "description"
             },
             {
               "kind": "field",
-              "name": "inverted",
+              "name": "variant",
               "type": {
-                "text": "boolean"
+                "text": "'plain' | 'card' | 'accent'"
               },
-              "default": "false",
-              "attribute": "inverted",
+              "default": "'plain'",
+              "description": "`plain` (default), `card` (tinted tile) or `accent` (solid accent tile, light text).",
+              "attribute": "variant",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "focalPoint",
-              "type": {
-                "text": "'top' | 'left' | 'right' | 'bottom' | 'center'"
-              },
-              "default": "'center'",
-              "attribute": "focal-point"
-            },
-            {
-              "kind": "field",
-              "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",
+              "name": "ctaLabel",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Label of an outlined second button next to the primary one.",
-              "attribute": "secondary-action-label"
+              "description": "Text of a pill button at the bottom of the column; needs `cta-href`.",
+              "attribute": "cta-label"
             },
             {
               "kind": "field",
-              "name": "secondaryHref",
+              "name": "ctaHref",
               "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  }"
-              }
+              "attribute": "cta-href"
             },
             {
               "kind": "method",
-              "name": "emitAction",
+              "name": "select",
               "privacy": "private",
               "return": {
                 "type": {
@@ -2933,513 +3916,411 @@
                   "type": {
                     "text": "string"
                   }
-                },
-                {
-                  "name": "kind",
-                  "type": {
-                    "text": "'primary' | 'secondary'"
-                  }
                 }
               ]
             },
             {
-              "kind": "field",
-              "name": "onClick",
+              "kind": "method",
+              "name": "renderHeading",
               "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "onSecondaryClick",
+              "kind": "method",
+              "name": "renderCta",
               "privacy": "private"
             }
           ],
-          "events": [
-            {
-              "description": "Cancelable, before navigating. Detail `{ href, kind }`, `kind` being `primary` or `secondary`.",
-              "name": "action"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "title"
-            },
-            {
-              "name": "subtitle",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "subtitle"
-            },
-            {
-              "name": "image-src",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "imageSrc"
-            },
-            {
-              "name": "action-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "actionLabel"
-            },
-            {
-              "name": "href",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "href"
-            },
-            {
-              "name": "text-alignment",
-              "type": {
-                "text": "'left' | 'center' | 'right' | 'justify'"
-              },
-              "default": "'left'",
-              "fieldName": "textAlignment"
-            },
-            {
-              "name": "padding",
-              "type": {
-                "text": "'none' | 'small' | 'medium' | 'large'"
-              },
-              "default": "'none'",
-              "fieldName": "padding"
-            },
-            {
-              "name": "inverted",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "inverted"
-            },
-            {
-              "name": "focal-point",
-              "type": {
-                "text": "'top' | 'left' | 'right' | 'bottom' | 'center'"
-              },
-              "default": "'center'",
-              "fieldName": "focalPoint"
-            },
+          "events": [
             {
-              "name": "eyebrow",
+              "description": "The heading link or the button was clicked (cancelable; detail `{ href }`).",
+              "name": "mega-menu-select"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "heading",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Small uppercase label above the title (e.g. an event or product name).",
-              "fieldName": "eyebrow"
+              "fieldName": "heading"
             },
             {
-              "name": "secondary-action-label",
+              "name": "href",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Label of an outlined second button next to the primary one.",
-              "fieldName": "secondaryActionLabel"
+              "description": "Makes the heading a link (e.g. to the section's overview page).",
+              "fieldName": "href"
             },
             {
-              "name": "secondary-href",
+              "name": "description",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "fieldName": "secondaryHref"
+              "fieldName": "description"
             },
             {
-              "name": "size",
+              "name": "variant",
               "type": {
-                "text": "'auto' | 'large' | 'full'"
+                "text": "'plain' | 'card' | 'accent'"
               },
-              "default": "'auto'",
-              "description": "`auto` sizes to the content; `large` is a tall editorial hero (`--st-hero-min-height`); `full` fills the viewport.",
-              "fieldName": "size"
+              "default": "'plain'",
+              "description": "`plain` (default), `card` (tinted tile) or `accent` (solid accent tile, light text).",
+              "fieldName": "variant"
             },
             {
-              "name": "content-position",
+              "name": "cta-label",
               "type": {
-                "text": "'center' | 'bottom'"
+                "text": "string"
               },
-              "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"
+              "default": "''",
+              "description": "Text of a pill button at the bottom of the column; needs `cta-href`.",
+              "fieldName": "ctaLabel"
             },
             {
-              "name": "overlay",
+              "name": "cta-href",
               "type": {
-                "text": "'even' | 'gradient' | 'none'"
+                "text": "string"
               },
-              "default": "'even'",
-              "description": "`even` darkens the whole image; `gradient` darkens behind the copy only; `none` shows the image as is.",
-              "fieldName": "overlay"
+              "default": "''",
+              "fieldName": "ctaHref"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "st-hero",
+          "tagName": "st-mega-menu-column",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Hero",
+          "name": "MegaMenuColumn",
           "declaration": {
-            "name": "Hero",
-            "module": "src/hero/Hero.ts"
+            "name": "MegaMenuColumn",
+            "module": "src/mega-menu/MegaMenuColumn.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "st-hero",
+          "name": "st-mega-menu-column",
           "declaration": {
-            "name": "Hero",
-            "module": "src/hero/Hero.ts"
+            "name": "MegaMenuColumn",
+            "module": "src/mega-menu/MegaMenuColumn.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/icon-button/IconButton.ts",
+      "path": "src/mega-menu/MegaMenuFeature.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "A small, icon-only action button — ported from `SankhyaUI`'s React `IconButton` (a separate,\r\nunrelated marketing-site project; that source takes an iconify string `icon` prop, this package\r\nhas no iconify dependency, so the icon is default-slotted content instead, same convention as\r\n`st-dropdown`/`st-menu-grid-item`'s `slot=\"icon\"`).\r\n\r\nFires a plain native `click` — no custom event, since a caller just wants an ordinary button.",
-          "name": "IconButton",
+          "description": "A promo card for the featured column of an `st-mega-menu` (`slot=\"featured\"`). The whole card\nis one link. Two looks, after okta.com:\n\n- `story` (default): a rounded image on top, then the description and an underlined\n  call-to-action line — a customer story or announcement.\n- `overlay`: a tile with light text over `image-url` (darkened), or over an accent gradient when\n  there is no image — an optional `logo-url` top left, the title and description at the bottom.\n\nAn `http(s)` `href` opens in a new tab unless `target` says otherwise. Any other `href` fires a\n*cancelable* `mega-menu-select` event (detail: `{ href }`) first; a host doing client-side\nrouting calls `event.preventDefault()` on it.",
+          "name": "MegaMenuFeature",
+          "cssProperties": [
+            {
+              "description": "Start colour of the `overlay` gradient (default: the accent colour).",
+              "name": "--st-mega-menu-feature-from"
+            },
+            {
+              "description": "End colour of the `overlay` gradient.",
+              "name": "--st-mega-menu-feature-to"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The card link.",
+              "name": "card"
+            },
+            {
+              "description": "The image (`story`).",
+              "name": "image"
+            },
+            {
+              "description": "The logo (`overlay`).",
+              "name": "logo"
+            },
+            {
+              "description": "The small label above the title.",
+              "name": "eyebrow"
+            },
+            {
+              "description": "The title.",
+              "name": "title"
+            },
+            {
+              "description": "The description.",
+              "name": "description"
+            },
+            {
+              "description": "The call-to-action line.",
+              "name": "cta"
+            }
+          ],
           "members": [
             {
               "kind": "field",
-              "name": "label",
+              "name": "shadowRootOptions",
               "type": {
-                "text": "string"
+                "text": "object"
               },
-              "default": "''",
-              "description": "Accessible name and tooltip — matches the source component's `ariaLabel` (renamed: modern\r\nbrowsers already expose a native `ariaLabel` reflected property on every `Element`, so reusing\r\nthat exact name as a Lit reactive property would shadow it). Required for a control with no\r\nvisible text.",
-              "attribute": "label"
+              "static": true,
+              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true }",
+              "description": "`focus()` on the element focuses its link, so `st-dropdown` can arrow-key to it."
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "variant",
               "type": {
-                "text": "boolean"
+                "text": "'story' | 'overlay'"
               },
-              "default": "false",
-              "attribute": "disabled",
+              "default": "'story'",
+              "description": "`story` (default) or `overlay` — see the element description.",
+              "attribute": "variant",
               "reflects": true
-            }
-          ],
-          "attributes": [
+            },
             {
-              "name": "label",
+              "kind": "field",
+              "name": "title",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Accessible name and tooltip — matches the source component's `ariaLabel` (renamed: modern\r\nbrowsers already expose a native `ariaLabel` reflected property on every `Element`, so reusing\r\nthat exact name as a Lit reactive property would shadow it). Required for a control with no\r\nvisible text.",
-              "fieldName": "label"
+              "attribute": "title"
             },
             {
-              "name": "disabled",
+              "kind": "field",
+              "name": "description",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "fieldName": "disabled"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "st-icon-button",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "IconButton",
-          "declaration": {
-            "name": "IconButton",
-            "module": "src/icon-button/IconButton.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "st-icon-button",
-          "declaration": {
-            "name": "IconButton",
-            "module": "src/icon-button/IconButton.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/items-accordion/ItemsAccordion.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "A vertical list of collapsible title/content rows; one open at a time unless `allow-multiple`.",
-          "name": "ItemsAccordion",
-          "members": [
+              "default": "''",
+              "attribute": "description"
+            },
             {
               "kind": "field",
-              "name": "title",
+              "name": "eyebrow",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "title"
+              "description": "Small label above the title, e.g. \"New\" or \"Report\".",
+              "attribute": "eyebrow"
             },
             {
               "kind": "field",
-              "name": "subtitle",
+              "name": "href",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "subtitle"
+              "attribute": "href"
             },
             {
               "kind": "field",
-              "name": "items",
+              "name": "target",
               "type": {
-                "text": "AccordionItem[]"
+                "text": "string"
               },
-              "default": "[]"
+              "default": "''",
+              "description": "`target` for the link. Defaults to `_blank` for an `http(s)` `href`, `_self` otherwise.",
+              "attribute": "target"
             },
             {
               "kind": "field",
-              "name": "allowMultiple",
+              "name": "imageUrl",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "attribute": "allow-multiple"
+              "default": "''",
+              "description": "Image on top (`story`) or behind the text (`overlay`).",
+              "attribute": "image-url"
             },
             {
               "kind": "field",
-              "name": "openIds",
-              "privacy": "private",
-              "default": "new Set<string>()"
+              "name": "imageAlt",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "image-alt"
             },
             {
-              "kind": "method",
-              "name": "toggle",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "id",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            }
-          ],
-          "events": [
-            {
-              "name": "accordion-toggle",
+              "kind": "field",
+              "name": "logoUrl",
               "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
-          "attributes": [
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Logo at the top of an `overlay` card.",
+              "attribute": "logo-url"
+            },
             {
-              "name": "title",
+              "kind": "field",
+              "name": "logoAlt",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "fieldName": "title"
+              "attribute": "logo-alt"
             },
             {
-              "name": "subtitle",
+              "kind": "field",
+              "name": "ctaLabel",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "fieldName": "subtitle"
+              "description": "Call-to-action text at the bottom of the card; empty hides it.",
+              "attribute": "cta-label"
             },
             {
-              "name": "allow-multiple",
+              "kind": "field",
+              "name": "isExternal",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "fieldName": "allowMultiple"
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "onClick",
+              "privacy": "private"
             }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "st-items-accordion",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ItemsAccordion",
-          "declaration": {
-            "name": "ItemsAccordion",
-            "module": "src/items-accordion/ItemsAccordion.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "st-items-accordion",
-          "declaration": {
-            "name": "ItemsAccordion",
-            "module": "src/items-accordion/ItemsAccordion.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/markdown/Markdown.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Renders Markdown (GFM, single newlines become `<br>`) from either an inline `content` string or\r\na `src` URL it fetches. Ports `SankhyaUI`'s `useMarkdown` hook + `react-markdown` (remark-gfm,\r\nremark-breaks); output is sanitized with DOMPurify. `src` wins over `content` when both are set.\r\nWhile a fetch is pending it shows \"Loading content...\"; on failure \"Error loading content.\" and\r\na `markdown-error` event (detail: `{ error }`).\r\n\r\nText color is inherited from the parent so inverted containers just work.",
-          "name": "Markdown",
-          "members": [
+          ],
+          "events": [
             {
-              "kind": "field",
-              "name": "content",
+              "description": "The card was clicked (cancelable; detail `{ href }`).",
+              "name": "mega-menu-select"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "'story' | 'overlay'"
+              },
+              "default": "'story'",
+              "description": "`story` (default) or `overlay` — see the element description.",
+              "fieldName": "variant"
+            },
+            {
+              "name": "title",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Inline Markdown source. Ignored when `src` is set.",
-              "attribute": "content"
+              "fieldName": "title"
             },
             {
-              "kind": "field",
-              "name": "src",
+              "name": "description",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "URL of a Markdown file to fetch.",
-              "attribute": "src"
+              "fieldName": "description"
             },
             {
-              "kind": "field",
-              "name": "fetched",
+              "name": "eyebrow",
               "type": {
                 "text": "string"
               },
-              "privacy": "private",
-              "default": "''"
+              "default": "''",
+              "description": "Small label above the title, e.g. \"New\" or \"Report\".",
+              "fieldName": "eyebrow"
             },
             {
-              "kind": "field",
-              "name": "loading",
+              "name": "href",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "''",
+              "fieldName": "href"
             },
             {
-              "kind": "field",
-              "name": "error",
+              "name": "target",
               "type": {
-                "text": "Error | null"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "null"
+              "default": "''",
+              "description": "`target` for the link. Defaults to `_blank` for an `http(s)` `href`, `_self` otherwise.",
+              "fieldName": "target"
             },
             {
-              "kind": "field",
-              "name": "abort",
+              "name": "image-url",
               "type": {
-                "text": "AbortController | undefined"
+                "text": "string"
               },
-              "privacy": "private"
+              "default": "''",
+              "description": "Image on top (`story`) or behind the text (`overlay`).",
+              "fieldName": "imageUrl"
             },
             {
-              "kind": "method",
-              "name": "load",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              }
-            }
-          ],
-          "events": [
+              "name": "image-alt",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "imageAlt"
+            },
             {
-              "name": "markdown-error",
+              "name": "logo-url",
               "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
-          "attributes": [
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Logo at the top of an `overlay` card.",
+              "fieldName": "logoUrl"
+            },
             {
-              "name": "content",
+              "name": "logo-alt",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Inline Markdown source. Ignored when `src` is set.",
-              "fieldName": "content"
+              "fieldName": "logoAlt"
             },
             {
-              "name": "src",
+              "name": "cta-label",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "URL of a Markdown file to fetch.",
-              "fieldName": "src"
+              "description": "Call-to-action text at the bottom of the card; empty hides it.",
+              "fieldName": "ctaLabel"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "st-markdown",
+          "tagName": "st-mega-menu-feature",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Markdown",
+          "name": "MegaMenuFeature",
           "declaration": {
-            "name": "Markdown",
-            "module": "src/markdown/Markdown.ts"
+            "name": "MegaMenuFeature",
+            "module": "src/mega-menu/MegaMenuFeature.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "st-markdown",
+          "name": "st-mega-menu-feature",
           "declaration": {
-            "name": "Markdown",
-            "module": "src/markdown/Markdown.ts"
+            "name": "MegaMenuFeature",
+            "module": "src/mega-menu/MegaMenuFeature.ts"
           }
         }
       ]
@@ -3821,6 +4702,17 @@
               "description": "`target` for the `<a>` (source default `_self`).",
               "attribute": "target"
             },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'default' | 'link'"
+              },
+              "default": "'default'",
+              "description": "`default` (a row with a hover box) or `link` (a plain text link, as in `st-mega-menu-column`;\r\nmarked with an arrow when it opens a new tab).",
+              "attribute": "variant",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "hasIcon",
@@ -3910,6 +4802,15 @@
               "default": "'_self'",
               "description": "`target` for the `<a>` (source default `_self`).",
               "fieldName": "target"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "'default' | 'link'"
+              },
+              "default": "'default'",
+              "description": "`default` (a row with a hover box) or `link` (a plain text link, as in `st-mega-menu-column`;\r\nmarked with an arrow when it opens a new tab).",
+              "fieldName": "variant"
             }
           ],
           "superclass": {
@@ -3947,6 +4848,16 @@
           "kind": "class",
           "description": "Rounded call-to-action banner (title, subtitle, one outlined button) on a dark panel or a\r\nbackground image. Port of `SankhyaUI`'s React `PromoBanner`; the button fires an `action` event\r\n(detail `{ href }`, empty unless set) in place of `onAction`.",
           "name": "PromoBanner",
+          "cssProperties": [
+            {
+              "description": "Overrides the banner's margin.",
+              "name": "--st-promo-banner-margin"
+            },
+            {
+              "description": "Overrides the banner's padding.",
+              "name": "--st-promo-banner-padding"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -4098,6 +5009,10 @@
             {
               "description": "Overrides the background colour picked by `background`.",
               "name": "--st-section-bg"
+            },
+            {
+              "description": "Overrides the left/right padding (not with `width=\"full\"`).",
+              "name": "--st-section-padding-inline"
             }
           ],
           "cssParts": [
@@ -4524,6 +5439,77 @@
         }
       ]
     },
+    {
+      "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`.\r\n`inverted` puts it on the dark band (`--st-cms-band-dark-bg`), which stays dark in the dark theme.",
+          "name": "Stats",
+          "cssProperties": [
+            {
+              "description": "Overrides the block's padding.",
+              "name": "--st-stats-padding"
+            }
+          ],
+          "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"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/testimonials/Testimonials.ts",
@@ -4532,6 +5518,12 @@
           "kind": "class",
           "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",
+          "cssProperties": [
+            {
+              "description": "Overrides the section's padding.",
+              "name": "--st-testimonials-padding"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -4829,71 +5821,6 @@
           }
         }
       ]
-    },
-    {
-      "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"
-          }
-        }
-      ]
     }
   ]
 }