@sankhyatronics/sankhya-cms 0.1.5 → 0.1.7

package/custom-elements.json

@@ -255,7 +255,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Cycles through its slotted children, one visible at a time, with optional autoplay, arrows and\ndot indicators. The incoming slide slides in from the travel direction (CSS keyframes in place\nof the source's framer-motion spring), or fades in with `transition=\"fade\"`. Autoplay pauses\nwhile hovered or focused and stops when the element is disconnected; a paused slide keeps the\ntime it had left.\n\n`indicator-style=\"tabs\"` replaces the dots with a row of labelled tabs along the bottom, each\nwith a progress bar that fills while its slide is showing, plus a pause button — the tabbed hero\ncarousel layout (put `st-hero`s in it). Tab labels come from `tab-labels`, else each slide's\n`data-tab-label` attribute, else its `title`.",
+          "description": "Cycles through its slotted children, one visible at a time, with optional autoplay, arrows and\ndot indicators. The incoming slide slides in from the travel direction (CSS keyframes in place\nof the source's framer-motion spring), or fades in with `transition=\"fade\"`. Autoplay pauses\nwhile hovered (unless `pause-on-hover` is turned off, e.g. for a full-screen hero the pointer\nnearly always rests on) or focused, and stops when the element is disconnected; a paused slide\nkeeps the time it had left.\n\n`indicator-style=\"tabs\"` replaces the dots with a row of labelled tabs along the bottom, each\nwith a progress bar that fills while its slide is showing, plus a pause button — the tabbed hero\ncarousel layout (put `st-hero`s in it). Tab labels come from `tab-labels`, else each slide's\n`data-tab-label` attribute, else its `title`.",
           "name": "Carousel",
           "cssProperties": [
             {
@@ -301,6 +301,16 @@
               "description": "Autoplay delay in milliseconds.",
               "attribute": "interval"
             },
+            {
+              "kind": "field",
+              "name": "pauseOnHover",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Pause autoplay while the pointer is over the carousel. Turn off for a hero that fills the\nscreen; the tabs' pause button and keyboard focus still pause it.",
+              "attribute": "pause-on-hover"
+            },
             {
               "kind": "field",
               "name": "showArrows",
@@ -452,6 +462,11 @@
               "name": "pause",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "pauseOnEnter",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "resume",
@@ -584,6 +599,15 @@
               "description": "Autoplay delay in milliseconds.",
               "fieldName": "interval"
             },
+            {
+              "name": "pause-on-hover",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Pause autoplay while the pointer is over the carousel. Turn off for a hero that fills the\nscreen; the tabs' pause button and keyboard focus still pause it.",
+              "fieldName": "pauseOnHover"
+            },
             {
               "name": "show-arrows",
               "type": {
@@ -1212,6 +1236,17 @@
               "attribute": "mega",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "bar",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Styles a non-`mega` trigger like a mega one — a pill that turns solid accent while open — so\r\na plain dropdown (e.g. \"+ New\") lines up with mega triggers in the same header bar.",
+              "attribute": "bar",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "openOnHover",
@@ -1549,6 +1584,15 @@
               "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"
             },
+            {
+              "name": "bar",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Styles a non-`mega` trigger like a mega one — a pill that turns solid accent while open — so\r\na plain dropdown (e.g. \"+ New\") lines up with mega triggers in the same header bar.",
+              "fieldName": "bar"
+            },
             {
               "name": "open-on-hover",
               "type": {
@@ -2083,482 +2127,211 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/footer/Footer.ts",
+      "path": "src/header/Header.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "The footer, in two layouts:\r\n\r\n- **Bar** (default): a copyright line plus an optional \"powered by\" link — what the suite's\r\n  authenticated apps use.\r\n- **Site**: when `columns`, `socialLinks`, `description` or `imageSrc` is set, the footer becomes a\r\n  marketing-site footer — brand (logo/company name, description, social icons), link columns and a\r\n  bottom bar with the copyright and \"powered by\".\r\n\r\nFires a cancelable `footer-link` event (detail `{ href }`) when an internal link is clicked.",
-          "name": "Footer",
+          "description": "The app-shell header bar — brand (image + title, or title alone) on the left, a `slot=\"menu\"`\r\nfor primary nav (e.g. `st-dropdown`/`st-menu-grid` mega-menus, or plain links) taking the\r\nmiddle, and a `slot=\"utility\"` for account/app-switcher/theme controls on the right. Ported\r\nfrom `SankhyaUI`'s React `Header` (a separate, unrelated marketing-site project) to this\r\npackage's Lit conventions and this workspace's actual needs — that source component takes an\r\n`imageSrc` logo with no text fallback, but none of this suite's apps has a logo image today, so\r\n`title` is the primary brand prop here and `brand-image-url` is optional, mirroring\r\n`st-app-header`'s own brand/title split (this component's slotted-menu/utility shape is a\r\ndeliberately different, more generic surface than `st-app-header`'s fixed nav-links/user-menu\r\nprops — pick whichever fits a given app's header).\r\n\r\nLayout follows the source's `Header.css`: the menu starts 4rem after the brand, the utility\r\ncontrols sit after a vertical divider, and below `BREAKPOINT_TABLET` (900px here; 768px in the\r\nsource) `menu`/`utility` collapse behind a hamburger toggle into a full-screen layer under the\r\ntoggle (closes on Escape or a click inside it), where the menu's `st-dropdown`s are switched to\r\n`inline` so they open in the flow — the same two slotted elements just get repositioned by CSS\r\n(`.mobile-panel`'s `display: contents` at desktop width vs. a real fixed-position box below\r\n`BREAKPOINT_TABLET`), rather than the slots being duplicated in the template, since a shadow\r\nroot can only ever assign a given light-DOM child to the *first* slot of a given name.\r\n\r\nAlso carries an optional built-in language switcher (`languages`/`currentLanguageCode`, fires\r\n`language-change`) — ported from `st-app-header`'s own implementation verbatim rather than\r\nrebuilt, since the source `Header`'s reference story shows an equivalent flag/language `Select`\r\nas a first-class header utility. Hidden entirely when `languages` has fewer than two entries.\r\nThis component has no translation logic itself; the consuming app owns what a language `code`\r\nmeans and which content it re-renders in response.",
+          "name": "Header",
           "members": [
             {
               "kind": "field",
-              "name": "inverted",
-              "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
-            },
-            {
-              "kind": "field",
-              "name": "companyName",
+              "name": "title",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Used to build the default `copyright` line (`© {year} {companyName}`) when `copyright` isn't set explicitly.",
-              "attribute": "company-name"
+              "attribute": "title"
             },
             {
               "kind": "field",
-              "name": "copyright",
+              "name": "brandImageUrl",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Overrides the default computed copyright line entirely.",
-              "attribute": "copyright"
+              "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": "poweredBy",
+              "name": "altText",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "attribute": "powered-by"
+              "default": "'Logo'",
+              "description": "`alt` text for the brand image — matches the source component's `altText` (default `'Logo'`).",
+              "attribute": "alt-text"
             },
             {
               "kind": "field",
-              "name": "poweredByLink",
+              "name": "logoHref",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "powered-by-link"
+              "description": "Wraps the brand in an `<a>` when set (e.g. `/`); a plain non-link `<div>` otherwise.",
+              "attribute": "logoHref"
             },
             {
               "kind": "field",
-              "name": "version",
+              "name": "logoTarget",
               "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"
+              "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": "imageSrc",
+              "name": "logoClassName",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Logo shown in the brand block (site layout).",
-              "attribute": "image-src"
+              "description": "Extra class(es) appended to the brand link/div — matches the source component's `logoClassName`.",
+              "attribute": "logo-class-name"
             },
             {
               "kind": "field",
-              "name": "description",
+              "name": "inverted",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "Short blurb under the logo (site layout).",
-              "attribute": "description"
+              "default": "false",
+              "description": "Inverts the header's color roles (light-on-dark instead of dark-on-light) — matches the\r\nsource component's `inverted` (from its shared `BaseProps`).",
+              "attribute": "inverted",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "columns",
+              "name": "sticky",
               "type": {
-                "text": "FooterColumn[]"
+                "text": "boolean"
               },
-              "default": "[]",
-              "description": "Link columns (site layout)."
+              "default": "false",
+              "attribute": "sticky",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "socialLinks",
+              "name": "transparent",
               "type": {
-                "text": "FooterSocialLink[]"
+                "text": "boolean"
               },
-              "default": "[]",
-              "description": "Social icon links under the description (site layout)."
+              "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": "isSite",
+              "name": "hideOnScroll",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "readonly": true
+              "default": "false",
+              "description": "Slides the header out of view while the page scrolls down and back in when it scrolls up.",
+              "attribute": "hide-on-scroll",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "resolvedCopyright",
+              "name": "scrollThreshold",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "privacy": "private",
-              "readonly": true
+              "default": "8",
+              "description": "Scroll distance in px after which the header counts as `scrolled`.",
+              "attribute": "scroll-threshold"
             },
             {
-              "kind": "method",
-              "name": "onLinkClick",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "scrolled",
+              "type": {
+                "text": "boolean"
               },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                },
-                {
-                  "name": "href",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "renderLink",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "link",
-                  "type": {
-                    "text": "FooterLink"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "renderPoweredBy",
-              "privacy": "private"
+              "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": "method",
-              "name": "renderSite",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "inverted",
+              "kind": "field",
+              "name": "scrollHidden",
               "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"
+              "description": "True while `hide-on-scroll` has slid the header away. Set by the header, never from outside.",
+              "attribute": "scroll-hidden",
+              "reflects": true
             },
             {
-              "name": "company-name",
+              "kind": "field",
+              "name": "lastScrollY",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''",
-              "description": "Used to build the default `copyright` line (`© {year} {companyName}`) when `copyright` isn't set explicitly.",
-              "fieldName": "companyName"
+              "privacy": "private",
+              "default": "0"
             },
             {
-              "name": "copyright",
+              "kind": "field",
+              "name": "scrollFrame",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''",
-              "description": "Overrides the default computed copyright line entirely.",
-              "fieldName": "copyright"
+              "privacy": "private",
+              "default": "0"
             },
             {
-              "name": "powered-by",
+              "kind": "field",
+              "name": "onScroll",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "languages",
               "type": {
-                "text": "string"
+                "text": "{ code: string; label: string }[]"
               },
-              "default": "''",
-              "fieldName": "poweredBy"
+              "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."
             },
             {
-              "name": "powered-by-link",
+              "kind": "field",
+              "name": "currentLanguageCode",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "fieldName": "poweredByLink"
+              "attribute": "current-language-code"
             },
             {
-              "name": "version",
+              "kind": "field",
+              "name": "languageMenuLabel",
               "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"
+              "default": "'Language'",
+              "attribute": "language-menu-label"
             },
             {
-              "name": "image-src",
+              "kind": "field",
+              "name": "mobileOpen",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "Logo shown in the brand block (site layout).",
-              "fieldName": "imageSrc"
+              "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
             },
             {
-              "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": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "title"
-            },
-            {
-              "kind": "field",
-              "name": "brandImageUrl",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Optional logo image URL, shown before `title`. Omitted entirely when empty — none of this suite's apps has one today. Matches the source component's `imageSrc` (renamed here to pair with `title`/`logoHref`, since this component's only image use is the brand mark).",
-              "attribute": "brand-image-url"
-            },
-            {
-              "kind": "field",
-              "name": "altText",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Logo'",
-              "description": "`alt` text for the brand image — matches the source component's `altText` (default `'Logo'`).",
-              "attribute": "alt-text"
-            },
-            {
-              "kind": "field",
-              "name": "logoHref",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Wraps the brand in an `<a>` when set (e.g. `/`); a plain non-link `<div>` otherwise.",
-              "attribute": "logoHref"
-            },
-            {
-              "kind": "field",
-              "name": "logoTarget",
-              "type": {
-                "text": "string"
-              },
-              "default": "'_self'",
-              "description": "`target` for the brand `<a>` — matches the source component's `logoTarget` (default `_self`). No effect when `logoHref` isn't set.",
-              "attribute": "logo-target"
-            },
-            {
-              "kind": "field",
-              "name": "logoClassName",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Extra class(es) appended to the brand link/div — matches the source component's `logoClassName`.",
-              "attribute": "logo-class-name"
-            },
-            {
-              "kind": "field",
-              "name": "inverted",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Inverts the header's color roles (light-on-dark instead of dark-on-light) — matches the\r\nsource component's `inverted` (from its shared `BaseProps`).",
-              "attribute": "inverted",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "sticky",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "sticky",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "transparent",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Fixes the header over the top of the page and makes it see-through, with light text\r\n(`--st-header-transparent-color`), until the page scrolls past `scroll-threshold` — for a\r\nheader laid over a dark hero. It then takes its normal background and a shadow. The page\r\ncontent starts under it, so the first section should leave room for the 64px bar.",
-              "attribute": "transparent",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "hideOnScroll",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Slides the header out of view while the page scrolls down and back in when it scrolls up.",
-              "attribute": "hide-on-scroll",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "scrollThreshold",
-              "type": {
-                "text": "number"
-              },
-              "default": "8",
-              "description": "Scroll distance in px after which the header counts as `scrolled`.",
-              "attribute": "scroll-threshold"
-            },
-            {
-              "kind": "field",
-              "name": "scrolled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "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": "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": "0"
-            },
-            {
-              "kind": "field",
-              "name": "scrollFrame",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
-            },
-            {
-              "kind": "field",
-              "name": "onScroll",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "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": "currentLanguageCode",
-              "type": {
-                "text": "string"
-              },
-              "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",
+              "kind": "field",
+              "name": "compact",
               "type": {
                 "text": "boolean"
               },
@@ -2767,121 +2540,392 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Inverts the header's color roles (light-on-dark instead of dark-on-light) — matches the\r\nsource component's `inverted` (from its shared `BaseProps`).",
-              "fieldName": "inverted"
+              "default": "false",
+              "description": "Inverts the header's color roles (light-on-dark instead of dark-on-light) — matches the\r\nsource component's `inverted` (from its shared `BaseProps`).",
+              "fieldName": "inverted"
+            },
+            {
+              "name": "sticky",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "sticky"
+            },
+            {
+              "name": "transparent",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Fixes the header over the top of the page and makes it see-through, with light text\r\n(`--st-header-transparent-color`), until the page scrolls past `scroll-threshold` — for a\r\nheader laid over a dark hero. It then takes its normal background and a shadow. The page\r\ncontent starts under it, so the first section should leave room for the 64px bar.",
+              "fieldName": "transparent"
+            },
+            {
+              "name": "hide-on-scroll",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Slides the header out of view while the page scrolls down and back in when it scrolls up.",
+              "fieldName": "hideOnScroll"
+            },
+            {
+              "name": "scroll-threshold",
+              "type": {
+                "text": "number"
+              },
+              "default": "8",
+              "description": "Scroll distance in px after which the header counts as `scrolled`.",
+              "fieldName": "scrollThreshold"
+            },
+            {
+              "name": "scrolled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "True once the page has scrolled past `scroll-threshold`; reflected so pages can style `st-header[scrolled]`. Set by the header, never from outside.",
+              "fieldName": "scrolled"
+            },
+            {
+              "name": "scroll-hidden",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "True while `hide-on-scroll` has slid the header away. Set by the header, never from outside.",
+              "fieldName": "scrollHidden"
+            },
+            {
+              "name": "current-language-code",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "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/footer/Footer.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The footer, in two layouts:\r\n\r\n- **Bar** (default): a copyright line plus an optional \"powered by\" link — what the suite's\r\n  authenticated apps use.\r\n- **Site**: when `columns`, `socialLinks`, `description` or `imageSrc` is set, the footer becomes a\r\n  marketing-site footer — brand (logo/company name, description, social icons), link columns and a\r\n  bottom bar with the copyright and \"powered by\".\r\n\r\nFires a cancelable `footer-link` event (detail `{ href }`) when an internal link is clicked.",
+          "name": "Footer",
+          "members": [
+            {
+              "kind": "field",
+              "name": "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
+            },
+            {
+              "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"
+            },
+            {
+              "kind": "field",
+              "name": "copyright",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Overrides the default computed copyright line entirely.",
+              "attribute": "copyright"
+            },
+            {
+              "kind": "field",
+              "name": "poweredBy",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "powered-by"
+            },
+            {
+              "kind": "field",
+              "name": "poweredByLink",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "powered-by-link"
+            },
+            {
+              "kind": "field",
+              "name": "version",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "App version, rendered as `v{version}` after the copyright line — for apps that show their own\r\nversion in the footer rather than the header title.",
+              "attribute": "version"
+            },
+            {
+              "kind": "field",
+              "name": "imageSrc",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Logo shown in the brand block (site layout).",
+              "attribute": "image-src"
+            },
+            {
+              "kind": "field",
+              "name": "description",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Short blurb under the logo (site layout).",
+              "attribute": "description"
+            },
+            {
+              "kind": "field",
+              "name": "columns",
+              "type": {
+                "text": "FooterColumn[]"
+              },
+              "default": "[]",
+              "description": "Link columns (site layout)."
+            },
+            {
+              "kind": "field",
+              "name": "socialLinks",
+              "type": {
+                "text": "FooterSocialLink[]"
+              },
+              "default": "[]",
+              "description": "Social icon links under the description (site layout)."
+            },
+            {
+              "kind": "field",
+              "name": "isSite",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "readonly": true
             },
             {
-              "name": "sticky",
+              "kind": "field",
+              "name": "resolvedCopyright",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "fieldName": "sticky"
+              "privacy": "private",
+              "readonly": true
             },
             {
-              "name": "transparent",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "onLinkClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "default": "false",
-              "description": "Fixes the header over the top of the page and makes it see-through, with light text\r\n(`--st-header-transparent-color`), until the page scrolls past `scroll-threshold` — for a\r\nheader laid over a dark hero. It then takes its normal background and a shadow. The page\r\ncontent starts under it, so the first section should leave room for the 64px bar.",
-              "fieldName": "transparent"
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                },
+                {
+                  "name": "href",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
-              "name": "hide-on-scroll",
+              "kind": "method",
+              "name": "renderLink",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "link",
+                  "type": {
+                    "text": "FooterLink"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "renderPoweredBy",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderSite",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "inverted",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Slides the header out of view while the page scrolls down and back in when it scrolls up.",
-              "fieldName": "hideOnScroll"
+              "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": "scroll-threshold",
+              "name": "company-name",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "8",
-              "description": "Scroll distance in px after which the header counts as `scrolled`.",
-              "fieldName": "scrollThreshold"
+              "default": "''",
+              "description": "Used to build the default `copyright` line (`© {year} {companyName}`) when `copyright` isn't set explicitly.",
+              "fieldName": "companyName"
             },
             {
-              "name": "scrolled",
+              "name": "copyright",
               "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"
+              "default": "''",
+              "description": "Overrides the default computed copyright line entirely.",
+              "fieldName": "copyright"
             },
             {
-              "name": "scroll-hidden",
+              "name": "powered-by",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "True while `hide-on-scroll` has slid the header away. Set by the header, never from outside.",
-              "fieldName": "scrollHidden"
+              "default": "''",
+              "fieldName": "poweredBy"
             },
             {
-              "name": "current-language-code",
+              "name": "powered-by-link",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "fieldName": "currentLanguageCode"
+              "fieldName": "poweredByLink"
             },
             {
-              "name": "language-menu-label",
+              "name": "version",
               "type": {
                 "text": "string"
               },
-              "default": "'Language'",
-              "fieldName": "languageMenuLabel"
+              "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": "mobile-open",
+              "name": "image-src",
               "type": {
-                "text": "boolean"
+                "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": "Logo shown in the brand block (site layout).",
+              "fieldName": "imageSrc"
             },
             {
-              "name": "compact",
+              "name": "description",
               "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": "Short blurb under the logo (site layout).",
+              "fieldName": "description"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "st-header",
+          "tagName": "st-footer",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Header",
+          "name": "Footer",
           "declaration": {
-            "name": "Header",
-            "module": "src/header/Header.ts"
+            "name": "Footer",
+            "module": "src/footer/Footer.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "st-header",
+          "name": "st-footer",
           "declaration": {
-            "name": "Header",
-            "module": "src/header/Header.ts"
+            "name": "Footer",
+            "module": "src/footer/Footer.ts"
           }
         }
       ]
@@ -4404,12 +4448,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/menu-grid-item/MenuGridItem.ts",
+      "path": "src/menu-item/MenuItem.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "One entry in an `st-menu-grid` — icon (via `slot=\"icon\"`) + title on one line, an optional\r\ndescription below, and an optional corner badge (\"New\", \"Popular\", ...). A 1:1 port of\r\n`SankhyaUI`'s React `MenuGridItem` (`SankhyaCMS/SankhyaUI/src/components/Menu`): same markup and\r\nCSS, with its `motion` effects redone in CSS — fades up the first time it scrolls into view,\r\nscales to 1.02 on hover / 0.98 while pressed, the icon tilts on hover, the badge pops in.\r\nColors come from the suite theme rather than per-item utility classes.\r\n\r\nAn `http(s)` `href` opens in a new tab, like the source. Any other `href` fires a *cancelable*\r\n`menu-grid-item-select` event (detail: `{ href }`) first: a host doing client-side routing calls\r\n`event.preventDefault()` on it, which also cancels the anchor's own navigation (the source used\r\nreact-router's `Link` here; the suite apps have no router).",
-          "name": "MenuGridItem",
+          "description": "A single flat nav row — icon (`slot=\"icon\"`) + title + badge on one line, an optional\r\ndescription below — as opposed to `st-menu-grid-item`'s card for a multi-column grid. A 1:1\r\nport of `SankhyaUI`'s React `MenuItem` (`SankhyaCMS/SankhyaUI/src/components/Menu`): same\r\nmarkup and CSS, with its `motion` effects redone in CSS — nudges right and scales to 1.01 on\r\nhover / 0.99 while pressed, the icon tilts on hover, the badge pops in, the description fades\r\nin. Colors come from the suite theme rather than per-item utility classes.\r\n\r\nRenders a real `<a href>` but fires a *cancelable* `menu-item-select` event (detail: `{ href }`)\r\nbefore navigating — a host doing client-side routing calls `event.preventDefault()` on it (the\r\nsource used react-router's `Link` here; the suite apps have no router).",
+          "name": "MenuItem",
           "members": [
             {
               "kind": "field",
@@ -4432,21 +4476,21 @@
             },
             {
               "kind": "field",
-              "name": "description",
+              "name": "href",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "description"
+              "attribute": "href"
             },
             {
               "kind": "field",
-              "name": "href",
+              "name": "description",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "href"
+              "attribute": "description"
             },
             {
               "kind": "field",
@@ -4455,9 +4499,20 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "Small corner label, e.g. \"New\"/\"Beta\" — omit for none.",
+              "description": "Small trailing label, e.g. a count or \"New\"/\"Beta\" — omit for none.",
               "attribute": "badge"
             },
+            {
+              "kind": "field",
+              "name": "active",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Highlights this row as the current page (source: `isActive`).",
+              "attribute": "active",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "compact",
@@ -4480,46 +4535,40 @@
             },
             {
               "kind": "field",
-              "name": "hasIcon",
+              "name": "target",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "false",
-              "description": "Whether `slot=\"icon\"` has content, so an omitted icon leaves no empty box."
+              "default": "'_self'",
+              "description": "`target` for the `<a>` (source default `_self`).",
+              "attribute": "target"
             },
             {
               "kind": "field",
-              "name": "pending",
+              "name": "variant",
               "type": {
-                "text": "boolean"
+                "text": "'default' | 'link' | 'bar'"
               },
-              "privacy": "private",
-              "default": "true",
-              "description": "True until the item first scrolls into view (the source's `whileInView ... once`)."
+              "default": "'default'",
+              "description": "`default` (a row with a hover box), `link` (a plain text link, as in `st-mega-menu-column`;\r\nmarked with an arrow when it opens a new tab) or `bar` (a top-level item in a header bar,\r\nshaped like a mega `st-dropdown`'s trigger pill so it lines up with the dropdowns beside it).",
+              "attribute": "variant",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "observer",
+              "name": "hasIcon",
               "type": {
-                "text": "IntersectionObserver | undefined"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether `slot=\"icon\"` has content, so an omitted icon leaves no empty box."
             },
             {
               "kind": "field",
               "name": "onIconSlotChange",
               "privacy": "private"
             },
-            {
-              "kind": "field",
-              "name": "isExternal",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "readonly": true
-            },
             {
               "kind": "field",
               "name": "onClick",
@@ -4536,20 +4585,20 @@
               "fieldName": "title"
             },
             {
-              "name": "description",
+              "name": "href",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "fieldName": "description"
+              "fieldName": "href"
             },
             {
-              "name": "href",
+              "name": "description",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "fieldName": "href"
+              "fieldName": "description"
             },
             {
               "name": "badge",
@@ -4557,9 +4606,18 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "Small corner label, e.g. \"New\"/\"Beta\" — omit for none.",
+              "description": "Small trailing label, e.g. a count or \"New\"/\"Beta\" — omit for none.",
               "fieldName": "badge"
             },
+            {
+              "name": "active",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Highlights this row as the current page (source: `isActive`).",
+              "fieldName": "active"
+            },
             {
               "name": "compact",
               "type": {
@@ -4576,43 +4634,61 @@
               "default": "true",
               "description": "Suppresses the description even when `description` is set (source: `showDescription`, default `true`).",
               "fieldName": "showDescription"
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "default": "'_self'",
+              "description": "`target` for the `<a>` (source default `_self`).",
+              "fieldName": "target"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "'default' | 'link' | 'bar'"
+              },
+              "default": "'default'",
+              "description": "`default` (a row with a hover box), `link` (a plain text link, as in `st-mega-menu-column`;\r\nmarked with an arrow when it opens a new tab) or `bar` (a top-level item in a header bar,\r\nshaped like a mega `st-dropdown`'s trigger pill so it lines up with the dropdowns beside it).",
+              "fieldName": "variant"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "st-menu-grid-item",
+          "tagName": "st-menu-item",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "MenuGridItem",
+          "name": "MenuItem",
           "declaration": {
-            "name": "MenuGridItem",
-            "module": "src/menu-grid-item/MenuGridItem.ts"
+            "name": "MenuItem",
+            "module": "src/menu-item/MenuItem.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "st-menu-grid-item",
+          "name": "st-menu-item",
           "declaration": {
-            "name": "MenuGridItem",
-            "module": "src/menu-grid-item/MenuGridItem.ts"
+            "name": "MenuItem",
+            "module": "src/menu-item/MenuItem.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/menu-item/MenuItem.ts",
+      "path": "src/menu-grid-item/MenuGridItem.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "A single flat nav row — icon (`slot=\"icon\"`) + title + badge on one line, an optional\r\ndescription below — as opposed to `st-menu-grid-item`'s card for a multi-column grid. A 1:1\r\nport of `SankhyaUI`'s React `MenuItem` (`SankhyaCMS/SankhyaUI/src/components/Menu`): same\r\nmarkup and CSS, with its `motion` effects redone in CSS — nudges right and scales to 1.01 on\r\nhover / 0.99 while pressed, the icon tilts on hover, the badge pops in, the description fades\r\nin. Colors come from the suite theme rather than per-item utility classes.\r\n\r\nRenders a real `<a href>` but fires a *cancelable* `menu-item-select` event (detail: `{ href }`)\r\nbefore navigating — a host doing client-side routing calls `event.preventDefault()` on it (the\r\nsource used react-router's `Link` here; the suite apps have no router).",
-          "name": "MenuItem",
+          "description": "One entry in an `st-menu-grid` — icon (via `slot=\"icon\"`) + title on one line, an optional\r\ndescription below, and an optional corner badge (\"New\", \"Popular\", ...). A 1:1 port of\r\n`SankhyaUI`'s React `MenuGridItem` (`SankhyaCMS/SankhyaUI/src/components/Menu`): same markup and\r\nCSS, with its `motion` effects redone in CSS — fades up the first time it scrolls into view,\r\nscales to 1.02 on hover / 0.98 while pressed, the icon tilts on hover, the badge pops in.\r\nColors come from the suite theme rather than per-item utility classes.\r\n\r\nAn `http(s)` `href` opens in a new tab, like the source. Any other `href` fires a *cancelable*\r\n`menu-grid-item-select` event (detail: `{ href }`) first: a host doing client-side routing calls\r\n`event.preventDefault()` on it, which also cancels the anchor's own navigation (the source used\r\nreact-router's `Link` here; the suite apps have no router).",
+          "name": "MenuGridItem",
           "members": [
             {
               "kind": "field",
@@ -4635,21 +4711,21 @@
             },
             {
               "kind": "field",
-              "name": "href",
+              "name": "description",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "href"
+              "attribute": "description"
             },
             {
               "kind": "field",
-              "name": "description",
+              "name": "href",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "description"
+              "attribute": "href"
             },
             {
               "kind": "field",
@@ -4658,20 +4734,9 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "Small trailing label, e.g. a count or \"New\"/\"Beta\" — omit for none.",
+              "description": "Small corner label, e.g. \"New\"/\"Beta\" — omit for none.",
               "attribute": "badge"
             },
-            {
-              "kind": "field",
-              "name": "active",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Highlights this row as the current page (source: `isActive`).",
-              "attribute": "active",
-              "reflects": true
-            },
             {
               "kind": "field",
               "name": "compact",
@@ -4694,40 +4759,46 @@
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "hasIcon",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'_self'",
-              "description": "`target` for the `<a>` (source default `_self`).",
-              "attribute": "target"
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether `slot=\"icon\"` has content, so an omitted icon leaves no empty box."
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "pending",
               "type": {
-                "text": "'default' | 'link'"
+                "text": "boolean"
               },
-              "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
+              "privacy": "private",
+              "default": "true",
+              "description": "True until the item first scrolls into view (the source's `whileInView ... once`)."
             },
             {
               "kind": "field",
-              "name": "hasIcon",
+              "name": "observer",
               "type": {
-                "text": "boolean"
+                "text": "IntersectionObserver | undefined"
               },
-              "privacy": "private",
-              "default": "false",
-              "description": "Whether `slot=\"icon\"` has content, so an omitted icon leaves no empty box."
+              "privacy": "private"
             },
             {
               "kind": "field",
               "name": "onIconSlotChange",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "isExternal",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "onClick",
@@ -4744,20 +4815,20 @@
               "fieldName": "title"
             },
             {
-              "name": "href",
+              "name": "description",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "fieldName": "href"
+              "fieldName": "description"
             },
             {
-              "name": "description",
+              "name": "href",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "fieldName": "description"
+              "fieldName": "href"
             },
             {
               "name": "badge",
@@ -4765,18 +4836,9 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "Small trailing label, e.g. a count or \"New\"/\"Beta\" — omit for none.",
+              "description": "Small corner label, e.g. \"New\"/\"Beta\" — omit for none.",
               "fieldName": "badge"
             },
-            {
-              "name": "active",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Highlights this row as the current page (source: `isActive`).",
-              "fieldName": "active"
-            },
             {
               "name": "compact",
               "type": {
@@ -4793,49 +4855,31 @@
               "default": "true",
               "description": "Suppresses the description even when `description` is set (source: `showDescription`, default `true`).",
               "fieldName": "showDescription"
-            },
-            {
-              "name": "target",
-              "type": {
-                "text": "string"
-              },
-              "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": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "st-menu-item",
+          "tagName": "st-menu-grid-item",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "MenuItem",
+          "name": "MenuGridItem",
           "declaration": {
-            "name": "MenuItem",
-            "module": "src/menu-item/MenuItem.ts"
+            "name": "MenuGridItem",
+            "module": "src/menu-grid-item/MenuGridItem.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "st-menu-item",
+          "name": "st-menu-grid-item",
           "declaration": {
-            "name": "MenuItem",
-            "module": "src/menu-item/MenuItem.ts"
+            "name": "MenuGridItem",
+            "module": "src/menu-grid-item/MenuGridItem.ts"
           }
         }
       ]
@@ -5439,77 +5483,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`.\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",
@@ -5821,6 +5794,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"
+          }
+        }
+      ]
     }
   ]
 }