@skdx/web-components-blocks 0.35.0 → 0.37.0

package/custom-elements.json

@@ -71,14 +71,6 @@
             "module": "./sign-in-page"
           }
         },
-        {
-          "kind": "js",
-          "name": "SkdxConfirmDialog",
-          "declaration": {
-            "name": "SkdxConfirmDialog",
-            "module": "./confirm-dialog"
-          }
-        },
         {
           "kind": "js",
           "name": "SkdxEmptyState",
@@ -1402,247 +1394,186 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/filter-bar/FilterBar.ts",
+      "path": "src/dashboard-layout/DashboardLayout.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Filtering surface above a table, list, card grid or report: a search field,\nthe consumer's filter controls, the applied filters as removable tags, and a\nclear action. Composes TextField, TagGroup and Button.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-filter-bar` on the host, then `__search`, `__filters`,\n`__actions`, `__active`, `__tags` and `__clear`.",
-          "name": "SkdxFilterBar",
+          "description": "Application shell block: an app bar, a collapsible side navigation and the content region.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-dashboard-layout` on the host, then `__app-bar`,\n`__nav-toggle`, `__branding`, `__title`, `__actions`, `__body`, `__nav`,\n`__nav-list`, `__nav-item`, `__nav-header`, `__nav-divider` and `__content`.\n`data-nav-open` sits on the host while the navigation is shown.",
+          "name": "SkdxDashboardLayout",
           "slots": [
             {
-              "description": "The consumer's filter controls, laid out in the filters region.",
+              "description": "The page content rendered inside the `<main>` region.",
               "name": ""
             },
             {
-              "description": "Controls rendered at the end of the bar, such as a \"Save view\" button.",
+              "description": "Logo or product mark at the start of the app bar.",
+              "name": "branding"
+            },
+            {
+              "description": "Controls at the end of the app bar.",
               "name": "actions"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "label",
+              "name": "title",
               "type": {
                 "text": "string"
               },
-              "default": "'Filters'",
-              "description": "Accessible name of the root region, written to `aria-label`.",
-              "attribute": "label"
-            },
-            {
-              "kind": "field",
-              "name": "searchLabel",
-              "type": {
-                "text": "string | undefined | undefined"
-              },
-              "description": "Accessible name of the search field; providing it renders the search region.",
-              "default": "undefined",
-              "attribute": "search-label"
+              "default": "''",
+              "description": "Application title shown in the app bar after the branding, shadowing the native tooltip attribute.",
+              "attribute": "title"
             },
             {
               "kind": "field",
-              "name": "searchPlaceholder",
+              "name": "navigation",
               "type": {
-                "text": "string | undefined | undefined"
+                "text": "readonly SkdxDashboardNavigationItem[]"
               },
-              "description": "Placeholder shown in the empty search field.",
-              "default": "undefined",
-              "attribute": "search-placeholder"
+              "description": "The side navigation, one entry per row, nested through each entry's `children`.",
+              "required": true
             },
             {
               "kind": "field",
-              "name": "searchValue",
+              "name": "navOpen",
               "type": {
-                "text": "string | undefined | undefined"
+                "text": "boolean | undefined"
               },
-              "description": "Current search text, for controlled usage; pair it with `search-value-change`.",
+              "description": "Whether the side navigation is shown, for controlled usage.",
               "default": "undefined",
-              "attribute": "search-value"
-            },
-            {
-              "kind": "field",
-              "name": "defaultSearchValue",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Initial search text, for uncontrolled usage — seeds the internally tracked value.",
-              "attribute": "default-search-value"
-            },
-            {
-              "kind": "field",
-              "name": "clearSearchLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Clear search'",
-              "description": "Accessible name of the search field's clear button.",
-              "attribute": "clear-search-label"
+              "attribute": "nav-open"
             },
             {
               "kind": "field",
-              "name": "activeFilters",
+              "name": "defaultNavOpen",
               "type": {
-                "text": "readonly SkdxFilterBarFilter[] | undefined | undefined"
+                "text": "boolean"
               },
-              "description": "The applied filters, in display order, rendered as removable tags.",
-              "default": "undefined"
+              "default": "true",
+              "description": "Whether the side navigation starts shown, for uncontrolled usage.",
+              "attribute": "default-nav-open"
             },
             {
               "kind": "field",
-              "name": "activeFiltersLabel",
+              "name": "navLabel",
               "type": {
                 "text": "string"
               },
-              "default": "'Active filters'",
-              "description": "Accessible name of the active-filters tag list.",
-              "attribute": "active-filters-label"
+              "default": "'Main navigation'",
+              "description": "Accessible name of the side navigation landmark.",
+              "attribute": "nav-label"
             },
             {
               "kind": "field",
-              "name": "clearLabel",
+              "name": "navToggleLabel",
               "type": {
                 "text": "string"
               },
-              "default": "'Clear filters'",
-              "description": "Text rendered on the clear-filters button.",
-              "attribute": "clear-label"
+              "default": "'Toggle navigation'",
+              "description": "Accessible name of the icon-only button that shows and hides the navigation.",
+              "attribute": "nav-toggle-label"
             }
           ],
           "events": [
             {
-              "description": "Fires with the new text whenever the search field changes, controlled or not.",
-              "name": "search-value-change"
-            },
-            {
-              "description": "Fires with the removed filter when its tag's remove control is activated.",
-              "name": "remove-filter"
-            },
-            {
-              "description": "Fires when the clear-filters button is activated while filters are shown.",
-              "name": "clear"
+              "description": "Fires with the new open state whenever the navigation toggle is activated.",
+              "name": "nav-open-change"
             }
           ],
           "attributes": [
             {
-              "name": "label",
+              "name": "title",
               "type": {
                 "text": "string"
               },
-              "default": "'Filters'",
-              "description": "Accessible name of the root region, written to `aria-label`.",
-              "fieldName": "label"
-            },
-            {
-              "name": "search-label",
-              "type": {
-                "text": "string | undefined | undefined"
-              },
-              "description": "Accessible name of the search field; providing it renders the search region.",
-              "default": "undefined",
-              "fieldName": "searchLabel"
-            },
-            {
-              "name": "search-placeholder",
-              "type": {
-                "text": "string | undefined | undefined"
-              },
-              "description": "Placeholder shown in the empty search field.",
-              "default": "undefined",
-              "fieldName": "searchPlaceholder"
+              "default": "''",
+              "description": "Application title shown in the app bar after the branding, shadowing the native tooltip attribute.",
+              "fieldName": "title"
             },
             {
-              "name": "search-value",
+              "name": "nav-open",
               "type": {
-                "text": "string | undefined | undefined"
+                "text": "boolean | undefined"
               },
-              "description": "Current search text, for controlled usage; pair it with `search-value-change`.",
+              "description": "Whether the side navigation is shown, for controlled usage.",
               "default": "undefined",
-              "fieldName": "searchValue"
-            },
-            {
-              "name": "default-search-value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Initial search text, for uncontrolled usage — seeds the internally tracked value.",
-              "fieldName": "defaultSearchValue"
+              "fieldName": "navOpen"
             },
             {
-              "name": "clear-search-label",
+              "name": "default-nav-open",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'Clear search'",
-              "description": "Accessible name of the search field's clear button.",
-              "fieldName": "clearSearchLabel"
+              "default": "true",
+              "description": "Whether the side navigation starts shown, for uncontrolled usage.",
+              "fieldName": "defaultNavOpen"
             },
             {
-              "name": "active-filters-label",
+              "name": "nav-label",
               "type": {
                 "text": "string"
               },
-              "default": "'Active filters'",
-              "description": "Accessible name of the active-filters tag list.",
-              "fieldName": "activeFiltersLabel"
+              "default": "'Main navigation'",
+              "description": "Accessible name of the side navigation landmark.",
+              "fieldName": "navLabel"
             },
             {
-              "name": "clear-label",
+              "name": "nav-toggle-label",
               "type": {
                 "text": "string"
               },
-              "default": "'Clear filters'",
-              "description": "Text rendered on the clear-filters button.",
-              "fieldName": "clearLabel"
+              "default": "'Toggle navigation'",
+              "description": "Accessible name of the icon-only button that shows and hides the navigation.",
+              "fieldName": "navToggleLabel"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "skdx-filter-bar",
+          "tagName": "skdx-dashboard-layout",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkdxFilterBar",
+          "name": "SkdxDashboardLayout",
           "declaration": {
-            "name": "SkdxFilterBar",
-            "module": "src/filter-bar/FilterBar.ts"
+            "name": "SkdxDashboardLayout",
+            "module": "src/dashboard-layout/DashboardLayout.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "skdx-filter-bar",
+          "name": "skdx-dashboard-layout",
           "declaration": {
-            "name": "SkdxFilterBar",
-            "module": "src/filter-bar/FilterBar.ts"
+            "name": "SkdxDashboardLayout",
+            "module": "src/dashboard-layout/DashboardLayout.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/filter-bar/index.ts",
+      "path": "src/dashboard-layout/index.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "SkdxFilterBar",
+          "name": "SkdxDashboardLayout",
           "declaration": {
-            "name": "SkdxFilterBar",
-            "module": "./FilterBar"
+            "name": "SkdxDashboardLayout",
+            "module": "./DashboardLayout"
           }
         },
         {
           "kind": "js",
-          "name": "SkdxFilterBarFilter",
+          "name": "SkdxDashboardNavigationItem",
           "declaration": {
-            "name": "SkdxFilterBarFilter",
-            "module": "./FilterBar"
+            "name": "SkdxDashboardNavigationItem",
+            "module": "./DashboardLayout"
           }
         }
       ]
@@ -1812,316 +1743,267 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/confirm-dialog/ConfirmDialog.ts",
+      "path": "src/filter-bar/FilterBar.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Confirmation dialog block for a destructive, irreversible or sensitive\naction, composing the core dialog primitives as an alert dialog with an\nexternally controlled pending state that disables both buttons and blocks\ndismissal while the confirmed request is in flight.\n\nA synchronous confirmation with no pending state is served by the core\n`<skdx-dialog role=\"alertdialog\">` recipe alone.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-confirm-dialog` on the host, then `__title`,\n`__description`, `__body`, `__footer`, `__cancel` and `__confirm`.",
-          "name": "SkdxConfirmDialog",
+          "description": "Filtering surface above a table, list, card grid or report: a search field,\nthe consumer's filter controls, the applied filters as removable tags, and a\nclear action. Composes TextField, TagGroup and Button.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-filter-bar` on the host, then `__search`, `__filters`,\n`__actions`, `__active`, `__tags` and `__clear`.",
+          "name": "SkdxFilterBar",
           "slots": [
             {
-              "description": "Extra content rendered between the description and the footer buttons.",
+              "description": "The consumer's filter controls, laid out in the filters region.",
               "name": ""
             },
             {
-              "description": "Content of the button that opens the dialog; no trigger renders without it.",
-              "name": "trigger"
+              "description": "Controls rendered at the end of the bar, such as a \"Save view\" button.",
+              "name": "actions"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "open",
+              "name": "label",
               "type": {
-                "text": "boolean | undefined | undefined"
+                "text": "string"
               },
-              "description": "Whether the dialog is open, for controlled usage; pair it with `open-change`.",
-              "default": "undefined",
-              "attribute": "open"
+              "default": "'Filters'",
+              "description": "Accessible name of the root region, written to `aria-label`.",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "defaultOpen",
+              "name": "searchLabel",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined | undefined"
               },
-              "default": "false",
-              "description": "Whether the dialog starts open, for uncontrolled usage.",
-              "attribute": "default-open"
+              "description": "Accessible name of the search field; providing it renders the search region.",
+              "default": "undefined",
+              "attribute": "search-label"
             },
             {
               "kind": "field",
-              "name": "title",
+              "name": "searchPlaceholder",
               "type": {
-                "text": "string"
+                "text": "string | undefined | undefined"
               },
-              "description": "Heading text rendered into the panel's title, naming and labelling the dialog.",
-              "attribute": "title",
-              "required": true
+              "description": "Placeholder shown in the empty search field.",
+              "default": "undefined",
+              "attribute": "search-placeholder"
             },
             {
               "kind": "field",
-              "name": "description",
+              "name": "searchValue",
               "type": {
                 "text": "string | undefined | undefined"
               },
-              "description": "Supporting sentence rendered into the panel's description, read alongside the title.",
+              "description": "Current search text, for controlled usage; pair it with `search-value-change`.",
               "default": "undefined",
-              "attribute": "description"
+              "attribute": "search-value"
             },
             {
               "kind": "field",
-              "name": "confirmLabel",
+              "name": "defaultSearchValue",
               "type": {
                 "text": "string"
               },
-              "default": "'Confirm'",
-              "description": "Text of the button that carries out the confirmed action.",
-              "attribute": "confirm-label"
+              "default": "''",
+              "description": "Initial search text, for uncontrolled usage — seeds the internally tracked value.",
+              "attribute": "default-search-value"
             },
             {
               "kind": "field",
-              "name": "cancelLabel",
+              "name": "clearSearchLabel",
               "type": {
                 "text": "string"
               },
-              "default": "'Cancel'",
-              "description": "Text of the button that abandons the action.",
-              "attribute": "cancel-label"
+              "default": "'Clear search'",
+              "description": "Accessible name of the search field's clear button.",
+              "attribute": "clear-search-label"
             },
             {
               "kind": "field",
-              "name": "destructive",
+              "name": "activeFilters",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Colours the confirm button and the panel danger, for an irreversible or destructive action.",
-              "attribute": "destructive"
-            },
-            {
-              "kind": "field",
-              "name": "pending",
-              "type": {
-                "text": "boolean"
+                "text": "readonly SkdxFilterBarFilter[] | undefined | undefined"
               },
-              "default": "false",
-              "description": "Marks the confirmed request as in flight: disables both buttons, marks the confirm button loading, and blocks Escape dismissal until it clears.",
-              "attribute": "pending"
+              "description": "The applied filters, in display order, rendered as removable tags.",
+              "default": "undefined"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "activeFiltersLabel",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Disables the confirm button on its own, independent of `pending` — for example until a typed confirmation matches.",
-              "attribute": "disabled"
+              "default": "'Active filters'",
+              "description": "Accessible name of the active-filters tag list.",
+              "attribute": "active-filters-label"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "clearLabel",
               "type": {
-                "text": "'sm' | 'md' | 'lg' | (string & {}) | undefined | undefined"
+                "text": "string"
               },
-              "description": "Panel width rung the skin reads, fed to the underlying dialog panel.",
-              "default": "undefined",
-              "attribute": "size"
+              "default": "'Clear filters'",
+              "description": "Text rendered on the clear-filters button.",
+              "attribute": "clear-label"
             }
           ],
           "events": [
             {
-              "description": "Fires with the new open state whenever the dialog opens or closes, controlled or not.",
-              "name": "open-change"
-            },
-            {
-              "description": "Fires with the new open state once the panel's enter or exit animation has settled.",
-              "name": "open-change-complete"
-            },
-            {
-              "description": "Fires with the click when the confirm button is activated, before the dialog closes; `preventDefault()` holds the panel open.",
-              "name": "confirm"
-            },
-            {
-              "description": "Fires with the click when the cancel button is activated, before the dialog closes; `preventDefault()` keeps the panel open.",
-              "name": "cancel"
-            },
-            {
-              "description": "Fires when Escape is pressed while the panel is open; `preventDefault()` keeps it open.",
-              "name": "escape-key-down"
-            },
-            {
-              "description": "Fires on a pointer-down outside the panel while open; an alert dialog never closes on one.",
-              "name": "pointer-down-outside"
-            },
-            {
-              "description": "Fires when focus moves outside the panel while open; an alert dialog never closes on one.",
-              "name": "focus-outside"
-            },
-            {
-              "description": "Fires for either kind of outside interaction, just before the specific event.",
-              "name": "interact-outside"
+              "description": "Fires with the new text whenever the search field changes, controlled or not.",
+              "name": "search-value-change"
             },
             {
-              "description": "Fires before focus moves into the panel on open; `preventDefault()` leaves focus where it is.",
-              "name": "open-auto-focus"
+              "description": "Fires with the removed filter when its tag's remove control is activated.",
+              "name": "remove-filter"
             },
             {
-              "description": "Fires before focus returns to the trigger on close; `preventDefault()` suppresses that return.",
-              "name": "close-auto-focus"
+              "description": "Fires when the clear-filters button is activated while filters are shown.",
+              "name": "clear"
             }
           ],
           "attributes": [
             {
-              "name": "open",
+              "name": "label",
               "type": {
-                "text": "boolean | undefined | undefined"
+                "text": "string"
               },
-              "description": "Whether the dialog is open, for controlled usage; pair it with `open-change`.",
-              "default": "undefined",
-              "fieldName": "open"
+              "default": "'Filters'",
+              "description": "Accessible name of the root region, written to `aria-label`.",
+              "fieldName": "label"
             },
             {
-              "name": "default-open",
+              "name": "search-label",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined | undefined"
               },
-              "default": "false",
-              "description": "Whether the dialog starts open, for uncontrolled usage.",
-              "fieldName": "defaultOpen"
+              "description": "Accessible name of the search field; providing it renders the search region.",
+              "default": "undefined",
+              "fieldName": "searchLabel"
             },
             {
-              "name": "title",
+              "name": "search-placeholder",
               "type": {
-                "text": "string"
+                "text": "string | undefined | undefined"
               },
-              "description": "Heading text rendered into the panel's title, naming and labelling the dialog.",
-              "fieldName": "title",
-              "required": true
+              "description": "Placeholder shown in the empty search field.",
+              "default": "undefined",
+              "fieldName": "searchPlaceholder"
             },
             {
-              "name": "description",
+              "name": "search-value",
               "type": {
                 "text": "string | undefined | undefined"
               },
-              "description": "Supporting sentence rendered into the panel's description, read alongside the title.",
+              "description": "Current search text, for controlled usage; pair it with `search-value-change`.",
               "default": "undefined",
-              "fieldName": "description"
+              "fieldName": "searchValue"
             },
             {
-              "name": "confirm-label",
+              "name": "default-search-value",
               "type": {
                 "text": "string"
               },
-              "default": "'Confirm'",
-              "description": "Text of the button that carries out the confirmed action.",
-              "fieldName": "confirmLabel"
+              "default": "''",
+              "description": "Initial search text, for uncontrolled usage — seeds the internally tracked value.",
+              "fieldName": "defaultSearchValue"
             },
             {
-              "name": "cancel-label",
+              "name": "clear-search-label",
               "type": {
                 "text": "string"
               },
-              "default": "'Cancel'",
-              "description": "Text of the button that abandons the action.",
-              "fieldName": "cancelLabel"
-            },
-            {
-              "name": "destructive",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Colours the confirm button and the panel danger, for an irreversible or destructive action.",
-              "fieldName": "destructive"
-            },
-            {
-              "name": "pending",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Marks the confirmed request as in flight: disables both buttons, marks the confirm button loading, and blocks Escape dismissal until it clears.",
-              "fieldName": "pending"
+              "default": "'Clear search'",
+              "description": "Accessible name of the search field's clear button.",
+              "fieldName": "clearSearchLabel"
             },
             {
-              "name": "disabled",
+              "name": "active-filters-label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Disables the confirm button on its own, independent of `pending` — for example until a typed confirmation matches.",
-              "fieldName": "disabled"
+              "default": "'Active filters'",
+              "description": "Accessible name of the active-filters tag list.",
+              "fieldName": "activeFiltersLabel"
             },
             {
-              "name": "size",
+              "name": "clear-label",
               "type": {
-                "text": "'sm' | 'md' | 'lg' | (string & {}) | undefined | undefined"
+                "text": "string"
               },
-              "description": "Panel width rung the skin reads, fed to the underlying dialog panel.",
-              "default": "undefined",
-              "fieldName": "size"
+              "default": "'Clear filters'",
+              "description": "Text rendered on the clear-filters button.",
+              "fieldName": "clearLabel"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "skdx-confirm-dialog",
+          "tagName": "skdx-filter-bar",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkdxConfirmDialog",
+          "name": "SkdxFilterBar",
           "declaration": {
-            "name": "SkdxConfirmDialog",
-            "module": "src/confirm-dialog/ConfirmDialog.ts"
+            "name": "SkdxFilterBar",
+            "module": "src/filter-bar/FilterBar.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "skdx-confirm-dialog",
+          "name": "skdx-filter-bar",
           "declaration": {
-            "name": "SkdxConfirmDialog",
-            "module": "src/confirm-dialog/ConfirmDialog.ts"
+            "name": "SkdxFilterBar",
+            "module": "src/filter-bar/FilterBar.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/confirm-dialog/index.ts",
+      "path": "src/filter-bar/index.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "SkdxConfirmDialog",
+          "name": "SkdxFilterBar",
+          "declaration": {
+            "name": "SkdxFilterBar",
+            "module": "./FilterBar"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SkdxFilterBarFilter",
           "declaration": {
-            "name": "SkdxConfirmDialog",
-            "module": "./ConfirmDialog"
+            "name": "SkdxFilterBarFilter",
+            "module": "./FilterBar"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/form-section/FormSection.ts",
+      "path": "src/forgot-password-page/ForgotPasswordPage.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Titled group inside a larger form: a heading, supporting text, the group's\nfields and a footer for the group's own actions, composing Heading and Text\naround consumer-supplied fields.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-form-section` on the host, then `__header`, `__title`,\n`__description`, `__content` and `__footer`. `data-variant` sits on the host\nfor the skin to read.",
-          "name": "SkdxFormSection",
+          "description": "Forgot-password block: a description, one email field and a submit button,\nreplaced entirely by a success alert once the request is accepted.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-forgot-password-page` on the host, then `__panel`,\n`__title`, `__description`, `__error`, `__success`, `__form`, `__field`,\n`__submit` and `__footer`.",
+          "name": "SkdxForgotPasswordPage",
           "slots": [
             {
-              "description": "The group's fields, rendered into the content region.",
+              "description": "Extra fields rendered inside the form, above the submit button.",
               "name": ""
             },
             {
-              "description": "Save, cancel or other controls rendered in the footer below the fields.",
-              "name": "actions"
+              "description": "Navigation below the form, such as a link back to the sign-in page.",
+              "name": "footer"
             }
           ],
           "members": [
@@ -2131,39 +2013,75 @@
               "type": {
                 "text": "string"
               },
-              "description": "Heading text naming the group, rendered into a derived Heading that names the section.",
-              "attribute": "title",
-              "required": true
+              "default": "'Reset your password'",
+              "description": "Heading text, rendered into a derived `<h1>` that names the section.",
+              "attribute": "title"
             },
             {
               "kind": "field",
               "name": "description",
               "type": {
-                "text": "string | undefined | undefined"
+                "text": "string | undefined"
               },
-              "description": "Supporting copy rendered below the title, explaining the group's fields.",
+              "description": "Supporting copy rendered below the title, explaining what the reset link does.",
               "default": "undefined",
               "attribute": "description"
             },
             {
               "kind": "field",
-              "name": "headingLevel",
+              "name": "error",
               "type": {
-                "text": "1 | 2 | 3 | 4 | 5 | 6"
+                "text": "string | undefined"
               },
-              "default": "2",
-              "description": "Outline level of the derived title heading, lowered or raised to fit the surrounding form outline.",
-              "attribute": "heading-level"
+              "description": "Message rendered into a derived error Alert above the form. The block never clears it.",
+              "default": "undefined",
+              "attribute": "error"
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "success",
               "type": {
-                "text": "'bordered' | 'split' | (string & {}) | undefined | undefined"
+                "text": "string | undefined"
               },
-              "description": "Layout rung written to `data-variant`; `bordered` draws a bounded panel and `split` places the header beside the content.",
+              "description": "Confirmation rendered into a derived success Alert that replaces the form entirely.",
               "default": "undefined",
-              "attribute": "variant"
+              "attribute": "success"
+            },
+            {
+              "kind": "field",
+              "name": "pending",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Marks the request in flight, making the submit button busy while the email field stays editable.",
+              "attribute": "pending"
+            },
+            {
+              "kind": "field",
+              "name": "emailLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Email'",
+              "description": "Label of the email field the reset link is requested for.",
+              "attribute": "email-label"
+            },
+            {
+              "kind": "field",
+              "name": "submitLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Send reset link'",
+              "description": "Text of the form's submit button.",
+              "attribute": "submit-label"
+            }
+          ],
+          "events": [
+            {
+              "description": "Fires with `{ email }` when the form submits with an address that passes constraint validation.",
+              "name": "request-reset"
             }
           ],
           "attributes": [
@@ -2172,96 +2090,131 @@
               "type": {
                 "text": "string"
               },
-              "description": "Heading text naming the group, rendered into a derived Heading that names the section.",
-              "fieldName": "title",
-              "required": true
+              "default": "'Reset your password'",
+              "description": "Heading text, rendered into a derived `<h1>` that names the section.",
+              "fieldName": "title"
             },
             {
               "name": "description",
               "type": {
-                "text": "string | undefined | undefined"
+                "text": "string | undefined"
               },
-              "description": "Supporting copy rendered below the title, explaining the group's fields.",
+              "description": "Supporting copy rendered below the title, explaining what the reset link does.",
               "default": "undefined",
               "fieldName": "description"
             },
             {
-              "name": "heading-level",
+              "name": "error",
               "type": {
-                "text": "1 | 2 | 3 | 4 | 5 | 6"
+                "text": "string | undefined"
               },
-              "default": "2",
-              "description": "Outline level of the derived title heading, lowered or raised to fit the surrounding form outline.",
-              "fieldName": "headingLevel"
+              "description": "Message rendered into a derived error Alert above the form. The block never clears it.",
+              "default": "undefined",
+              "fieldName": "error"
             },
             {
-              "name": "variant",
+              "name": "success",
               "type": {
-                "text": "'bordered' | 'split' | (string & {}) | undefined | undefined"
+                "text": "string | undefined"
               },
-              "description": "Layout rung written to `data-variant`; `bordered` draws a bounded panel and `split` places the header beside the content.",
+              "description": "Confirmation rendered into a derived success Alert that replaces the form entirely.",
               "default": "undefined",
-              "fieldName": "variant"
+              "fieldName": "success"
+            },
+            {
+              "name": "pending",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Marks the request in flight, making the submit button busy while the email field stays editable.",
+              "fieldName": "pending"
+            },
+            {
+              "name": "email-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Email'",
+              "description": "Label of the email field the reset link is requested for.",
+              "fieldName": "emailLabel"
+            },
+            {
+              "name": "submit-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Send reset link'",
+              "description": "Text of the form's submit button.",
+              "fieldName": "submitLabel"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "skdx-form-section",
+          "tagName": "skdx-forgot-password-page",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkdxFormSection",
+          "name": "SkdxForgotPasswordPage",
           "declaration": {
-            "name": "SkdxFormSection",
-            "module": "src/form-section/FormSection.ts"
+            "name": "SkdxForgotPasswordPage",
+            "module": "src/forgot-password-page/ForgotPasswordPage.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "skdx-form-section",
+          "name": "skdx-forgot-password-page",
           "declaration": {
-            "name": "SkdxFormSection",
-            "module": "src/form-section/FormSection.ts"
+            "name": "SkdxForgotPasswordPage",
+            "module": "src/forgot-password-page/ForgotPasswordPage.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/form-section/index.ts",
+      "path": "src/forgot-password-page/index.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "SkdxFormSection",
+          "name": "SkdxForgotPasswordPage",
           "declaration": {
-            "name": "SkdxFormSection",
-            "module": "./FormSection"
+            "name": "SkdxForgotPasswordPage",
+            "module": "./ForgotPasswordPage"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SkdxForgotPasswordDetail",
+          "declaration": {
+            "name": "SkdxForgotPasswordDetail",
+            "module": "./ForgotPasswordPage"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/forgot-password-page/ForgotPasswordPage.ts",
+      "path": "src/form-section/FormSection.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Forgot-password block: a description, one email field and a submit button,\nreplaced entirely by a success alert once the request is accepted.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-forgot-password-page` on the host, then `__panel`,\n`__title`, `__description`, `__error`, `__success`, `__form`, `__field`,\n`__submit` and `__footer`.",
-          "name": "SkdxForgotPasswordPage",
+          "description": "Titled group inside a larger form: a heading, supporting text, the group's\nfields and a footer for the group's own actions, composing Heading and Text\naround consumer-supplied fields.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-form-section` on the host, then `__header`, `__title`,\n`__description`, `__content` and `__footer`. `data-variant` sits on the host\nfor the skin to read.",
+          "name": "SkdxFormSection",
           "slots": [
             {
-              "description": "Extra fields rendered inside the form, above the submit button.",
+              "description": "The group's fields, rendered into the content region.",
               "name": ""
             },
             {
-              "description": "Navigation below the form, such as a link back to the sign-in page.",
-              "name": "footer"
+              "description": "Save, cancel or other controls rendered in the footer below the fields.",
+              "name": "actions"
             }
           ],
           "members": [
@@ -2271,75 +2224,39 @@
               "type": {
                 "text": "string"
               },
-              "default": "'Reset your password'",
-              "description": "Heading text, rendered into a derived `<h1>` that names the section.",
-              "attribute": "title"
+              "description": "Heading text naming the group, rendered into a derived Heading that names the section.",
+              "attribute": "title",
+              "required": true
             },
             {
               "kind": "field",
               "name": "description",
               "type": {
-                "text": "string | undefined"
+                "text": "string | undefined | undefined"
               },
-              "description": "Supporting copy rendered below the title, explaining what the reset link does.",
+              "description": "Supporting copy rendered below the title, explaining the group's fields.",
               "default": "undefined",
               "attribute": "description"
             },
             {
               "kind": "field",
-              "name": "error",
+              "name": "headingLevel",
               "type": {
-                "text": "string | undefined"
+                "text": "1 | 2 | 3 | 4 | 5 | 6"
               },
-              "description": "Message rendered into a derived error Alert above the form. The block never clears it.",
-              "default": "undefined",
-              "attribute": "error"
+              "default": "2",
+              "description": "Outline level of the derived title heading, lowered or raised to fit the surrounding form outline.",
+              "attribute": "heading-level"
             },
             {
               "kind": "field",
-              "name": "success",
+              "name": "variant",
               "type": {
-                "text": "string | undefined"
+                "text": "'bordered' | 'split' | (string & {}) | undefined | undefined"
               },
-              "description": "Confirmation rendered into a derived success Alert that replaces the form entirely.",
+              "description": "Layout rung written to `data-variant`; `bordered` draws a bounded panel and `split` places the header beside the content.",
               "default": "undefined",
-              "attribute": "success"
-            },
-            {
-              "kind": "field",
-              "name": "pending",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Marks the request in flight, making the submit button busy while the email field stays editable.",
-              "attribute": "pending"
-            },
-            {
-              "kind": "field",
-              "name": "emailLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Email'",
-              "description": "Label of the email field the reset link is requested for.",
-              "attribute": "email-label"
-            },
-            {
-              "kind": "field",
-              "name": "submitLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Send reset link'",
-              "description": "Text of the form's submit button.",
-              "attribute": "submit-label"
-            }
-          ],
-          "events": [
-            {
-              "description": "Fires with `{ email }` when the form submits with an address that passes constraint validation.",
-              "name": "request-reset"
+              "attribute": "variant"
             }
           ],
           "attributes": [
@@ -2348,297 +2265,143 @@
               "type": {
                 "text": "string"
               },
-              "default": "'Reset your password'",
-              "description": "Heading text, rendered into a derived `<h1>` that names the section.",
-              "fieldName": "title"
+              "description": "Heading text naming the group, rendered into a derived Heading that names the section.",
+              "fieldName": "title",
+              "required": true
             },
             {
               "name": "description",
               "type": {
-                "text": "string | undefined"
+                "text": "string | undefined | undefined"
               },
-              "description": "Supporting copy rendered below the title, explaining what the reset link does.",
+              "description": "Supporting copy rendered below the title, explaining the group's fields.",
               "default": "undefined",
               "fieldName": "description"
             },
             {
-              "name": "error",
+              "name": "heading-level",
               "type": {
-                "text": "string | undefined"
+                "text": "1 | 2 | 3 | 4 | 5 | 6"
               },
-              "description": "Message rendered into a derived error Alert above the form. The block never clears it.",
-              "default": "undefined",
-              "fieldName": "error"
+              "default": "2",
+              "description": "Outline level of the derived title heading, lowered or raised to fit the surrounding form outline.",
+              "fieldName": "headingLevel"
             },
             {
-              "name": "success",
+              "name": "variant",
               "type": {
-                "text": "string | undefined"
+                "text": "'bordered' | 'split' | (string & {}) | undefined | undefined"
               },
-              "description": "Confirmation rendered into a derived success Alert that replaces the form entirely.",
+              "description": "Layout rung written to `data-variant`; `bordered` draws a bounded panel and `split` places the header beside the content.",
               "default": "undefined",
-              "fieldName": "success"
-            },
-            {
-              "name": "pending",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Marks the request in flight, making the submit button busy while the email field stays editable.",
-              "fieldName": "pending"
-            },
-            {
-              "name": "email-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Email'",
-              "description": "Label of the email field the reset link is requested for.",
-              "fieldName": "emailLabel"
-            },
-            {
-              "name": "submit-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Send reset link'",
-              "description": "Text of the form's submit button.",
-              "fieldName": "submitLabel"
+              "fieldName": "variant"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "skdx-forgot-password-page",
+          "tagName": "skdx-form-section",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkdxForgotPasswordPage",
+          "name": "SkdxFormSection",
           "declaration": {
-            "name": "SkdxForgotPasswordPage",
-            "module": "src/forgot-password-page/ForgotPasswordPage.ts"
+            "name": "SkdxFormSection",
+            "module": "src/form-section/FormSection.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "skdx-forgot-password-page",
+          "name": "skdx-form-section",
           "declaration": {
-            "name": "SkdxForgotPasswordPage",
-            "module": "src/forgot-password-page/ForgotPasswordPage.ts"
+            "name": "SkdxFormSection",
+            "module": "src/form-section/FormSection.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/forgot-password-page/index.ts",
+      "path": "src/form-section/index.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "SkdxForgotPasswordPage",
+          "name": "SkdxFormSection",
           "declaration": {
-            "name": "SkdxForgotPasswordPage",
-            "module": "./ForgotPasswordPage"
+            "name": "SkdxFormSection",
+            "module": "./FormSection"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/internal/define.ts",
+      "declarations": [],
+      "exports": [
         {
-          "kind": "js",
-          "name": "SkdxForgotPasswordDetail",
+          "kind": "custom-element-definition",
+          "name": "tagName",
           "declaration": {
-            "name": "SkdxForgotPasswordDetail",
-            "module": "./ForgotPasswordPage"
+            "name": "anonymous_0",
+            "module": "src/internal/define.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/dashboard-layout/DashboardLayout.ts",
+      "path": "src/internal/events.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/internal/part.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/internal/slots.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "Application shell block: an app bar, a collapsible side navigation and the content region.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-dashboard-layout` on the host, then `__app-bar`,\n`__nav-toggle`, `__branding`, `__title`, `__actions`, `__body`, `__nav`,\n`__nav-list`, `__nav-item`, `__nav-header`, `__nav-divider` and `__content`.\n`data-nav-open` sits on the host while the navigation is shown.",
-          "name": "SkdxDashboardLayout",
-          "slots": [
-            {
-              "description": "The page content rendered inside the `<main>` region.",
-              "name": ""
-            },
-            {
-              "description": "Logo or product mark at the start of the app bar.",
-              "name": "branding"
-            },
-            {
-              "description": "Controls at the end of the app bar.",
-              "name": "actions"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Application title shown in the app bar after the branding, shadowing the native tooltip attribute.",
-              "attribute": "title"
-            },
-            {
-              "kind": "field",
-              "name": "navigation",
-              "type": {
-                "text": "readonly SkdxDashboardNavigationItem[]"
-              },
-              "description": "The side navigation, one entry per row, nested through each entry's `children`.",
-              "required": true
-            },
-            {
-              "kind": "field",
-              "name": "navOpen",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "Whether the side navigation is shown, for controlled usage.",
-              "default": "undefined",
-              "attribute": "nav-open"
-            },
-            {
-              "kind": "field",
-              "name": "defaultNavOpen",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Whether the side navigation starts shown, for uncontrolled usage.",
-              "attribute": "default-nav-open"
-            },
-            {
-              "kind": "field",
-              "name": "navLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Main navigation'",
-              "description": "Accessible name of the side navigation landmark.",
-              "attribute": "nav-label"
-            },
-            {
-              "kind": "field",
-              "name": "navToggleLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Toggle navigation'",
-              "description": "Accessible name of the icon-only button that shows and hides the navigation.",
-              "attribute": "nav-toggle-label"
-            }
-          ],
-          "events": [
-            {
-              "description": "Fires with the new open state whenever the navigation toggle is activated.",
-              "name": "nav-open-change"
+          "kind": "function",
+          "name": "hasUnslottedChild",
+          "return": {
+            "type": {
+              "text": "boolean"
             }
-          ],
-          "attributes": [
-            {
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Application title shown in the app bar after the branding, shadowing the native tooltip attribute.",
-              "fieldName": "title"
-            },
-            {
-              "name": "nav-open",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "Whether the side navigation is shown, for controlled usage.",
-              "default": "undefined",
-              "fieldName": "navOpen"
-            },
-            {
-              "name": "default-nav-open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Whether the side navigation starts shown, for uncontrolled usage.",
-              "fieldName": "defaultNavOpen"
-            },
+          },
+          "parameters": [
             {
-              "name": "nav-label",
+              "name": "host",
               "type": {
-                "text": "string"
-              },
-              "default": "'Main navigation'",
-              "description": "Accessible name of the side navigation landmark.",
-              "fieldName": "navLabel"
+                "text": "HTMLElement"
+              }
             },
             {
-              "name": "nav-toggle-label",
+              "name": "marker",
               "type": {
                 "text": "string"
-              },
-              "default": "'Toggle navigation'",
-              "description": "Accessible name of the icon-only button that shows and hides the navigation.",
-              "fieldName": "navToggleLabel"
+              }
             }
           ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "skdx-dashboard-layout",
-          "customElement": true
+          "description": "Whether the host holds consumer content for the default slot: an element without a `slot` name that the block did not generate, or non-blank text."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkdxDashboardLayout",
-          "declaration": {
-            "name": "SkdxDashboardLayout",
-            "module": "src/dashboard-layout/DashboardLayout.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "skdx-dashboard-layout",
-          "declaration": {
-            "name": "SkdxDashboardLayout",
-            "module": "src/dashboard-layout/DashboardLayout.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/dashboard-layout/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SkdxDashboardLayout",
-          "declaration": {
-            "name": "SkdxDashboardLayout",
-            "module": "./DashboardLayout"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SkdxDashboardNavigationItem",
+          "name": "hasUnslottedChild",
           "declaration": {
-            "name": "SkdxDashboardNavigationItem",
-            "module": "./DashboardLayout"
+            "name": "hasUnslottedChild",
+            "module": "src/internal/slots.ts"
           }
         }
       ]
@@ -2929,73 +2692,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/internal/define.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "tagName",
-          "declaration": {
-            "name": "anonymous_0",
-            "module": "src/internal/define.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/internal/events.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/internal/part.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/internal/slots.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "hasUnslottedChild",
-          "return": {
-            "type": {
-              "text": "boolean"
-            }
-          },
-          "parameters": [
-            {
-              "name": "host",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "name": "marker",
-              "type": {
-                "text": "string"
-              }
-            }
-          ],
-          "description": "Whether the host holds consumer content for the default slot: an element without a `slot` name that the block did not generate, or non-blank text."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "hasUnslottedChild",
-          "declaration": {
-            "name": "hasUnslottedChild",
-            "module": "src/internal/slots.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/onboarding-checklist/OnboardingChecklist.ts",
@@ -3578,24 +3274,266 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/sign-up-page/SignUpPage.ts",
+      "path": "src/sign-in-page/SignInPage.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "Sign-up block: provider buttons, a credentials form with optional name,\nconfirmation and terms fields, and a footer.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-sign-up-page` on the host, then `__panel`, `__title`,\n`__error`, `__providers`, `__provider`, `__divider`, `__form`, `__field`,\n`__terms`, `__submit` and `__footer`.",
-          "name": "SkdxSignUpPage",
-          "slots": [
-            {
-              "description": "Extra fields rendered inside the form, above the terms and the submit button.",
-              "name": ""
-            },
-            {
-              "description": "Terms copy and links used as the label of the required terms checkbox.",
-              "name": "terms"
-            },
-            {
-              "description": "Navigation below the form, such as a link back to the sign-in page.",
-              "name": "footer"
+          "kind": "function",
+          "name": "defaultProviderLabel",
+          "return": {
+            "type": {
+              "text": "string"
+            }
+          },
+          "parameters": [
+            {
+              "name": "provider",
+              "type": {
+                "text": "SkdxSignInProvider"
+              }
+            }
+          ],
+          "description": "Default provider button text, reading \"Sign in with Google\" for a provider named Google."
+        },
+        {
+          "kind": "class",
+          "description": "Sign-in block: provider buttons, an email and password form, and a magic-link form.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-sign-in-page` on the host, then `__panel`, `__title`,\n`__error`, `__providers`, `__provider`, `__divider`, `__form`, `__field`\nand `__submit`.",
+          "name": "SkdxSignInPage",
+          "members": [
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Sign in'",
+              "description": "Heading text, rendered into a derived `<h1>` that names the section.",
+              "attribute": "title"
+            },
+            {
+              "kind": "field",
+              "name": "providers",
+              "type": {
+                "text": "readonly SkdxSignInProvider[]"
+              },
+              "description": "The ways to sign in, in render order; `'credentials'` and `'magic-link'` render their forms.",
+              "required": true
+            },
+            {
+              "kind": "field",
+              "name": "error",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Message rendered into a derived error Alert above the providers. The block never clears it.",
+              "default": "undefined",
+              "attribute": "error"
+            },
+            {
+              "kind": "field",
+              "name": "emailLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Email'",
+              "description": "Label of the email field in both forms.",
+              "attribute": "email-label"
+            },
+            {
+              "kind": "field",
+              "name": "passwordLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Password'",
+              "description": "Label of the password field in the credentials form.",
+              "attribute": "password-label"
+            },
+            {
+              "kind": "field",
+              "name": "submitLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Sign in'",
+              "description": "Text of the credentials form submit button.",
+              "attribute": "submit-label"
+            },
+            {
+              "kind": "field",
+              "name": "magicLinkLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Send magic link'",
+              "description": "Text of the magic-link form submit button.",
+              "attribute": "magic-link-label"
+            },
+            {
+              "kind": "field",
+              "name": "getProviderLabel",
+              "type": {
+                "text": "(provider: SkdxSignInProvider) => string | undefined"
+              },
+              "description": "Formats a provider button's text from its entry.",
+              "default": "defaultProviderLabel"
+            }
+          ],
+          "events": [
+            {
+              "description": "Fires with `{ providerId, email?, password? }` when a provider button is activated or a form submits with valid fields.",
+              "name": "sign-in"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Sign in'",
+              "description": "Heading text, rendered into a derived `<h1>` that names the section.",
+              "fieldName": "title"
+            },
+            {
+              "name": "error",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Message rendered into a derived error Alert above the providers. The block never clears it.",
+              "default": "undefined",
+              "fieldName": "error"
+            },
+            {
+              "name": "email-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Email'",
+              "description": "Label of the email field in both forms.",
+              "fieldName": "emailLabel"
+            },
+            {
+              "name": "password-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Password'",
+              "description": "Label of the password field in the credentials form.",
+              "fieldName": "passwordLabel"
+            },
+            {
+              "name": "submit-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Sign in'",
+              "description": "Text of the credentials form submit button.",
+              "fieldName": "submitLabel"
+            },
+            {
+              "name": "magic-link-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Send magic link'",
+              "description": "Text of the magic-link form submit button.",
+              "fieldName": "magicLinkLabel"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "skdx-sign-in-page",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "defaultProviderLabel",
+          "declaration": {
+            "name": "defaultProviderLabel",
+            "module": "src/sign-in-page/SignInPage.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SkdxSignInPage",
+          "declaration": {
+            "name": "SkdxSignInPage",
+            "module": "src/sign-in-page/SignInPage.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "skdx-sign-in-page",
+          "declaration": {
+            "name": "SkdxSignInPage",
+            "module": "src/sign-in-page/SignInPage.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/sign-in-page/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "defaultProviderLabel",
+          "declaration": {
+            "name": "defaultProviderLabel",
+            "module": "./SignInPage"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SkdxSignInPage",
+          "declaration": {
+            "name": "SkdxSignInPage",
+            "module": "./SignInPage"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SkdxSignInDetail",
+          "declaration": {
+            "name": "SkdxSignInDetail",
+            "module": "./SignInPage"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SkdxSignInProvider",
+          "declaration": {
+            "name": "SkdxSignInProvider",
+            "module": "./SignInPage"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/sign-up-page/SignUpPage.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Sign-up block: provider buttons, a credentials form with optional name,\nconfirmation and terms fields, and a footer.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-sign-up-page` on the host, then `__panel`, `__title`,\n`__error`, `__providers`, `__provider`, `__divider`, `__form`, `__field`,\n`__terms`, `__submit` and `__footer`.",
+          "name": "SkdxSignUpPage",
+          "slots": [
+            {
+              "description": "Extra fields rendered inside the form, above the terms and the submit button.",
+              "name": ""
+            },
+            {
+              "description": "Terms copy and links used as the label of the required terms checkbox.",
+              "name": "terms"
+            },
+            {
+              "description": "Navigation below the form, such as a link back to the sign-in page.",
+              "name": "footer"
             }
           ],
           "members": [
@@ -3853,242 +3791,232 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/sign-in-page/SignInPage.ts",
+      "path": "src/stat-card/StatCard.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "defaultProviderLabel",
-          "return": {
-            "type": {
-              "text": "string"
-            }
-          },
-          "parameters": [
+          "kind": "class",
+          "description": "KPI tile block: a label, a value, an optional trend with sentiment colour,\na description, a derived progress bar and a visual region, all inside one\n`role=\"group\"` named by its own label.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-stat-card` on the host, then `__header`, `__icon`,\n`__label`, `__actions`, `__body`, `__value`, `__trend`, `__trend-icon`,\n`__description`, `__progress`, `__visual` and `__footer`. `data-trend`,\n`data-sentiment` and `data-state` sit on the host for the skin to read.",
+          "name": "SkdxStatCard",
+          "slots": [
             {
-              "name": "provider",
-              "type": {
-                "text": "SkdxSignInProvider"
-              }
+              "description": "The metric's current reading, already formatted by the consumer.",
+              "name": "value"
+            },
+            {
+              "description": "Decorative glyph rendered beside the label in the card header.",
+              "name": "icon"
+            },
+            {
+              "description": "Decorative glyph rendered beside the change text in the trend region.",
+              "name": "trend-icon"
+            },
+            {
+              "description": "A chart or sparkline region the card sizes for the consumer to draw into.",
+              "name": "visual"
+            },
+            {
+              "description": "Content rendered in a footer region below the card's other regions.",
+              "name": "footer"
+            },
+            {
+              "description": "Controls rendered at the end of the header, such as a menu button.",
+              "name": "actions"
             }
           ],
-          "description": "Default provider button text, reading \"Sign in with Google\" for a provider named Google."
-        },
-        {
-          "kind": "class",
-          "description": "Sign-in block: provider buttons, an email and password form, and a magic-link form.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-sign-in-page` on the host, then `__panel`, `__title`,\n`__error`, `__providers`, `__provider`, `__divider`, `__form`, `__field`\nand `__submit`.",
-          "name": "SkdxSignInPage",
           "members": [
             {
               "kind": "field",
-              "name": "title",
+              "name": "label",
               "type": {
                 "text": "string"
               },
-              "default": "'Sign in'",
-              "description": "Heading text, rendered into a derived `<h1>` that names the section.",
-              "attribute": "title"
+              "description": "Name of the metric, rendered into the label that names the group through `aria-labelledby`.",
+              "attribute": "label",
+              "required": true
             },
             {
               "kind": "field",
-              "name": "providers",
+              "name": "change",
               "type": {
-                "text": "readonly SkdxSignInProvider[]"
+                "text": "string | undefined | undefined"
               },
-              "description": "The ways to sign in, in render order; `'credentials'` and `'magic-link'` render their forms.",
-              "required": true
+              "description": "Already-formatted delta text such as \"+12.4%\", rendered inside the trend region.",
+              "default": "undefined",
+              "attribute": "change"
             },
             {
               "kind": "field",
-              "name": "error",
+              "name": "trend",
               "type": {
-                "text": "string | undefined"
+                "text": "'up' | 'down' | 'neutral' | undefined | undefined"
               },
-              "description": "Message rendered into a derived error Alert above the providers. The block never clears it.",
+              "description": "Direction of the change only, written to `data-trend` on the host and the trend part.",
               "default": "undefined",
-              "attribute": "error"
+              "attribute": "trend"
             },
             {
               "kind": "field",
-              "name": "emailLabel",
+              "name": "sentiment",
               "type": {
-                "text": "string"
+                "text": "'positive' | 'negative' | 'neutral' | undefined | undefined"
               },
-              "default": "'Email'",
-              "description": "Label of the email field in both forms.",
-              "attribute": "email-label"
+              "description": "Whether the change is good or bad, independent of `trend`, written to `data-sentiment`.",
+              "default": "undefined",
+              "attribute": "sentiment"
             },
             {
               "kind": "field",
-              "name": "passwordLabel",
+              "name": "changeLabel",
               "type": {
-                "text": "string"
+                "text": "string | undefined | undefined"
               },
-              "default": "'Password'",
-              "description": "Label of the password field in the credentials form.",
-              "attribute": "password-label"
+              "description": "Visually hidden text read before the change, such as \"Increased by\".",
+              "default": "undefined",
+              "attribute": "change-label"
             },
             {
               "kind": "field",
-              "name": "submitLabel",
+              "name": "description",
               "type": {
-                "text": "string"
+                "text": "string | undefined | undefined"
               },
-              "default": "'Sign in'",
-              "description": "Text of the credentials form submit button.",
-              "attribute": "submit-label"
+              "description": "Supporting text rendered below the value, in the skin's muted tone.",
+              "default": "undefined",
+              "attribute": "description"
             },
             {
               "kind": "field",
-              "name": "magicLinkLabel",
+              "name": "progress",
               "type": {
-                "text": "string"
+                "text": "number | undefined | undefined"
               },
-              "default": "'Send magic link'",
-              "description": "Text of the magic-link form submit button.",
-              "attribute": "magic-link-label"
+              "description": "Percentage from 0 to 100, rendered into a derived Progress named by the label.",
+              "default": "undefined",
+              "attribute": "progress"
             },
             {
               "kind": "field",
-              "name": "getProviderLabel",
+              "name": "loading",
               "type": {
-                "text": "(provider: SkdxSignInProvider) => string | undefined"
+                "text": "boolean"
               },
-              "description": "Formats a provider button's text from its entry.",
-              "default": "defaultProviderLabel"
-            }
-          ],
-          "events": [
-            {
-              "description": "Fires with `{ providerId, email?, password? }` when a provider button is activated or a form submits with valid fields.",
-              "name": "sign-in"
+              "default": "false",
+              "description": "Shows a skeleton in the value region and withholds the trend while true.",
+              "attribute": "loading"
             }
           ],
           "attributes": [
             {
-              "name": "title",
+              "name": "label",
               "type": {
                 "text": "string"
               },
-              "default": "'Sign in'",
-              "description": "Heading text, rendered into a derived `<h1>` that names the section.",
-              "fieldName": "title"
+              "description": "Name of the metric, rendered into the label that names the group through `aria-labelledby`.",
+              "fieldName": "label",
+              "required": true
             },
             {
-              "name": "error",
+              "name": "change",
               "type": {
-                "text": "string | undefined"
+                "text": "string | undefined | undefined"
               },
-              "description": "Message rendered into a derived error Alert above the providers. The block never clears it.",
+              "description": "Already-formatted delta text such as \"+12.4%\", rendered inside the trend region.",
               "default": "undefined",
-              "fieldName": "error"
+              "fieldName": "change"
             },
             {
-              "name": "email-label",
+              "name": "trend",
               "type": {
-                "text": "string"
+                "text": "'up' | 'down' | 'neutral' | undefined | undefined"
               },
-              "default": "'Email'",
-              "description": "Label of the email field in both forms.",
-              "fieldName": "emailLabel"
+              "description": "Direction of the change only, written to `data-trend` on the host and the trend part.",
+              "default": "undefined",
+              "fieldName": "trend"
             },
             {
-              "name": "password-label",
+              "name": "sentiment",
               "type": {
-                "text": "string"
+                "text": "'positive' | 'negative' | 'neutral' | undefined | undefined"
               },
-              "default": "'Password'",
-              "description": "Label of the password field in the credentials form.",
-              "fieldName": "passwordLabel"
+              "description": "Whether the change is good or bad, independent of `trend`, written to `data-sentiment`.",
+              "default": "undefined",
+              "fieldName": "sentiment"
             },
             {
-              "name": "submit-label",
+              "name": "change-label",
               "type": {
-                "text": "string"
+                "text": "string | undefined | undefined"
               },
-              "default": "'Sign in'",
-              "description": "Text of the credentials form submit button.",
-              "fieldName": "submitLabel"
+              "description": "Visually hidden text read before the change, such as \"Increased by\".",
+              "default": "undefined",
+              "fieldName": "changeLabel"
             },
             {
-              "name": "magic-link-label",
+              "name": "description",
               "type": {
-                "text": "string"
+                "text": "string | undefined | undefined"
               },
-              "default": "'Send magic link'",
-              "description": "Text of the magic-link form submit button.",
-              "fieldName": "magicLinkLabel"
+              "description": "Supporting text rendered below the value, in the skin's muted tone.",
+              "default": "undefined",
+              "fieldName": "description"
+            },
+            {
+              "name": "progress",
+              "type": {
+                "text": "number | undefined | undefined"
+              },
+              "description": "Percentage from 0 to 100, rendered into a derived Progress named by the label.",
+              "default": "undefined",
+              "fieldName": "progress"
+            },
+            {
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Shows a skeleton in the value region and withholds the trend while true.",
+              "fieldName": "loading"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "skdx-sign-in-page",
+          "tagName": "skdx-stat-card",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "defaultProviderLabel",
-          "declaration": {
-            "name": "defaultProviderLabel",
-            "module": "src/sign-in-page/SignInPage.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SkdxSignInPage",
+          "name": "SkdxStatCard",
           "declaration": {
-            "name": "SkdxSignInPage",
-            "module": "src/sign-in-page/SignInPage.ts"
+            "name": "SkdxStatCard",
+            "module": "src/stat-card/StatCard.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "skdx-sign-in-page",
+          "name": "skdx-stat-card",
           "declaration": {
-            "name": "SkdxSignInPage",
-            "module": "src/sign-in-page/SignInPage.ts"
+            "name": "SkdxStatCard",
+            "module": "src/stat-card/StatCard.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/sign-in-page/index.ts",
+      "path": "src/stat-card/index.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "defaultProviderLabel",
-          "declaration": {
-            "name": "defaultProviderLabel",
-            "module": "./SignInPage"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SkdxSignInPage",
-          "declaration": {
-            "name": "SkdxSignInPage",
-            "module": "./SignInPage"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SkdxSignInDetail",
-          "declaration": {
-            "name": "SkdxSignInDetail",
-            "module": "./SignInPage"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SkdxSignInProvider",
+          "name": "SkdxStatCard",
           "declaration": {
-            "name": "SkdxSignInProvider",
-            "module": "./SignInPage"
+            "name": "SkdxStatCard",
+            "module": "./StatCard"
           }
         }
       ]
@@ -4307,12 +4235,262 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/verification-page/VerificationPage.ts",
+      "path": "src/user-menu/UserMenu.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Verification block: a pin input for a one-time code, a submit button and a\nresend control whose cooldown the consumer owns.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-verification-page` on the host, then `__panel`, `__title`,\n`__description`, `__error`, `__form`, `__field`, `__code`, `__submit`,\n`__resend`, `__resend-hint` and `__footer`.",
-          "name": "SkdxVerificationPage",
+          "description": "The signed-in user's menu: a derived trigger showing an avatar, name and\ndescription that opens a panel repeating the identity above the\napplication's own entries.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-user-menu` on the host, then `__avatar`, `__identity`,\n`__name`, `__description`, `__content` and `__header`. `data-variant` sits on\nthe host while the derived trigger renders.",
+          "name": "SkdxUserMenu",
+          "slots": [
+            {
+              "description": "The application's own menu entries, rendered below the repeated identity header.",
+              "name": ""
+            },
+            {
+              "description": "Content that replaces the derived avatar-and-identity trigger entirely.",
+              "name": "trigger"
+            },
+            {
+              "description": "An extra indicator rendered after the identity in the trigger.",
+              "name": "status"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "The signed-in user's name, rendered in the trigger and repeated in the menu header.",
+              "attribute": "name",
+              "required": true
+            },
+            {
+              "kind": "field",
+              "name": "description",
+              "type": {
+                "text": "string | undefined | undefined"
+              },
+              "description": "Secondary text such as an email or role, rendered below the name in the trigger and the header.",
+              "default": "undefined",
+              "attribute": "description"
+            },
+            {
+              "kind": "field",
+              "name": "avatarSrc",
+              "type": {
+                "text": "string | undefined | undefined"
+              },
+              "description": "Source of the identity image, passed straight through to the derived Avatar.",
+              "default": "undefined",
+              "attribute": "avatar-src"
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'compact' | (string & {}) | undefined | undefined"
+              },
+              "description": "Visual rung written to `data-variant`; `'compact'` visually hides the identity text while keeping it as the accessible name.",
+              "default": "undefined",
+              "attribute": "variant"
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean | undefined | undefined"
+              },
+              "description": "Whether the menu is open, for controlled usage paired with `open-change`.",
+              "default": "undefined",
+              "attribute": "open"
+            },
+            {
+              "kind": "field",
+              "name": "defaultOpen",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the menu starts open, for uncontrolled usage.",
+              "attribute": "default-open"
+            },
+            {
+              "kind": "field",
+              "name": "side",
+              "type": {
+                "text": "'top' | 'right' | 'bottom' | 'left'"
+              },
+              "default": "'bottom'",
+              "description": "Which side of the trigger the menu panel opens on.",
+              "attribute": "side"
+            },
+            {
+              "kind": "field",
+              "name": "align",
+              "type": {
+                "text": "'start' | 'center' | 'end'"
+              },
+              "default": "'end'",
+              "description": "Alignment of the menu panel relative to the side it opens on.",
+              "attribute": "align"
+            }
+          ],
+          "events": [
+            {
+              "description": "Fires with the new open state whenever the trigger opens or closes the menu.",
+              "name": "open-change"
+            },
+            {
+              "description": "Fires with the new open state once the panel's enter or exit animation has settled.",
+              "name": "open-change-complete"
+            },
+            {
+              "description": "Fires when Escape is pressed while the menu is open; `preventDefault()` keeps it open.",
+              "name": "escape-key-down"
+            },
+            {
+              "description": "Fires on a pointer-down outside the panel while open; `preventDefault()` keeps it open.",
+              "name": "pointer-down-outside"
+            },
+            {
+              "description": "Fires when focus moves outside the panel while open; `preventDefault()` keeps it open.",
+              "name": "focus-outside"
+            },
+            {
+              "description": "Fires for either kind of outside interaction, just before the specific event.",
+              "name": "interact-outside"
+            },
+            {
+              "description": "Fires before focus returns to the trigger on close; `preventDefault()` suppresses that return.",
+              "name": "close-auto-focus"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "The signed-in user's name, rendered in the trigger and repeated in the menu header.",
+              "fieldName": "name",
+              "required": true
+            },
+            {
+              "name": "description",
+              "type": {
+                "text": "string | undefined | undefined"
+              },
+              "description": "Secondary text such as an email or role, rendered below the name in the trigger and the header.",
+              "default": "undefined",
+              "fieldName": "description"
+            },
+            {
+              "name": "avatar-src",
+              "type": {
+                "text": "string | undefined | undefined"
+              },
+              "description": "Source of the identity image, passed straight through to the derived Avatar.",
+              "default": "undefined",
+              "fieldName": "avatarSrc"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "'compact' | (string & {}) | undefined | undefined"
+              },
+              "description": "Visual rung written to `data-variant`; `'compact'` visually hides the identity text while keeping it as the accessible name.",
+              "default": "undefined",
+              "fieldName": "variant"
+            },
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean | undefined | undefined"
+              },
+              "description": "Whether the menu is open, for controlled usage paired with `open-change`.",
+              "default": "undefined",
+              "fieldName": "open"
+            },
+            {
+              "name": "default-open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the menu starts open, for uncontrolled usage.",
+              "fieldName": "defaultOpen"
+            },
+            {
+              "name": "side",
+              "type": {
+                "text": "'top' | 'right' | 'bottom' | 'left'"
+              },
+              "default": "'bottom'",
+              "description": "Which side of the trigger the menu panel opens on.",
+              "fieldName": "side"
+            },
+            {
+              "name": "align",
+              "type": {
+                "text": "'start' | 'center' | 'end'"
+              },
+              "default": "'end'",
+              "description": "Alignment of the menu panel relative to the side it opens on.",
+              "fieldName": "align"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "skdx-user-menu",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkdxUserMenu",
+          "declaration": {
+            "name": "SkdxUserMenu",
+            "module": "src/user-menu/UserMenu.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "skdx-user-menu",
+          "declaration": {
+            "name": "SkdxUserMenu",
+            "module": "src/user-menu/UserMenu.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/user-menu/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkdxUserMenu",
+          "declaration": {
+            "name": "SkdxUserMenu",
+            "module": "./UserMenu"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/verification-page/VerificationPage.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Verification block: a pin input for a one-time code, a submit button and a\nresend control whose cooldown the consumer owns.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-verification-page` on the host, then `__panel`, `__title`,\n`__description`, `__error`, `__form`, `__field`, `__code`, `__submit`,\n`__resend`, `__resend-hint` and `__footer`.",
+          "name": "SkdxVerificationPage",
           "slots": [
             {
               "description": "Extra fields rendered inside the form, above the submit button.",
@@ -4371,7 +4549,7 @@
                 "text": "string"
               },
               "default": "'Verification code'",
-              "description": "Field label and accessible name of the derived pin input holding the code.",
+              "description": "Legend of the code fieldset and accessible name of the derived pin input holding the code.",
               "attribute": "code-label"
             },
             {
@@ -4502,7 +4680,7 @@
                 "text": "string"
               },
               "default": "'Verification code'",
-              "description": "Field label and accessible name of the derived pin input holding the code.",
+              "description": "Legend of the code fieldset and accessible name of the derived pin input holding the code.",
               "fieldName": "codeLabel"
             },
             {
@@ -4627,488 +4805,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/user-menu/UserMenu.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The signed-in user's menu: a derived trigger showing an avatar, name and\ndescription that opens a panel repeating the identity above the\napplication's own entries.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-user-menu` on the host, then `__avatar`, `__identity`,\n`__name`, `__description`, `__content` and `__header`. `data-variant` sits on\nthe host while the derived trigger renders.",
-          "name": "SkdxUserMenu",
-          "slots": [
-            {
-              "description": "The application's own menu entries, rendered below the repeated identity header.",
-              "name": ""
-            },
-            {
-              "description": "Content that replaces the derived avatar-and-identity trigger entirely.",
-              "name": "trigger"
-            },
-            {
-              "description": "An extra indicator rendered after the identity in the trigger.",
-              "name": "status"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "description": "The signed-in user's name, rendered in the trigger and repeated in the menu header.",
-              "attribute": "name",
-              "required": true
-            },
-            {
-              "kind": "field",
-              "name": "description",
-              "type": {
-                "text": "string | undefined | undefined"
-              },
-              "description": "Secondary text such as an email or role, rendered below the name in the trigger and the header.",
-              "default": "undefined",
-              "attribute": "description"
-            },
-            {
-              "kind": "field",
-              "name": "avatarSrc",
-              "type": {
-                "text": "string | undefined | undefined"
-              },
-              "description": "Source of the identity image, passed straight through to the derived Avatar.",
-              "default": "undefined",
-              "attribute": "avatar-src"
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "'compact' | (string & {}) | undefined | undefined"
-              },
-              "description": "Visual rung written to `data-variant`; `'compact'` visually hides the identity text while keeping it as the accessible name.",
-              "default": "undefined",
-              "attribute": "variant"
-            },
-            {
-              "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean | undefined | undefined"
-              },
-              "description": "Whether the menu is open, for controlled usage paired with `open-change`.",
-              "default": "undefined",
-              "attribute": "open"
-            },
-            {
-              "kind": "field",
-              "name": "defaultOpen",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the menu starts open, for uncontrolled usage.",
-              "attribute": "default-open"
-            },
-            {
-              "kind": "field",
-              "name": "side",
-              "type": {
-                "text": "'top' | 'right' | 'bottom' | 'left'"
-              },
-              "default": "'bottom'",
-              "description": "Which side of the trigger the menu panel opens on.",
-              "attribute": "side"
-            },
-            {
-              "kind": "field",
-              "name": "align",
-              "type": {
-                "text": "'start' | 'center' | 'end'"
-              },
-              "default": "'end'",
-              "description": "Alignment of the menu panel relative to the side it opens on.",
-              "attribute": "align"
-            }
-          ],
-          "events": [
-            {
-              "description": "Fires with the new open state whenever the trigger opens or closes the menu.",
-              "name": "open-change"
-            },
-            {
-              "description": "Fires with the new open state once the panel's enter or exit animation has settled.",
-              "name": "open-change-complete"
-            },
-            {
-              "description": "Fires when Escape is pressed while the menu is open; `preventDefault()` keeps it open.",
-              "name": "escape-key-down"
-            },
-            {
-              "description": "Fires on a pointer-down outside the panel while open; `preventDefault()` keeps it open.",
-              "name": "pointer-down-outside"
-            },
-            {
-              "description": "Fires when focus moves outside the panel while open; `preventDefault()` keeps it open.",
-              "name": "focus-outside"
-            },
-            {
-              "description": "Fires for either kind of outside interaction, just before the specific event.",
-              "name": "interact-outside"
-            },
-            {
-              "description": "Fires before focus returns to the trigger on close; `preventDefault()` suppresses that return.",
-              "name": "close-auto-focus"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "description": "The signed-in user's name, rendered in the trigger and repeated in the menu header.",
-              "fieldName": "name",
-              "required": true
-            },
-            {
-              "name": "description",
-              "type": {
-                "text": "string | undefined | undefined"
-              },
-              "description": "Secondary text such as an email or role, rendered below the name in the trigger and the header.",
-              "default": "undefined",
-              "fieldName": "description"
-            },
-            {
-              "name": "avatar-src",
-              "type": {
-                "text": "string | undefined | undefined"
-              },
-              "description": "Source of the identity image, passed straight through to the derived Avatar.",
-              "default": "undefined",
-              "fieldName": "avatarSrc"
-            },
-            {
-              "name": "variant",
-              "type": {
-                "text": "'compact' | (string & {}) | undefined | undefined"
-              },
-              "description": "Visual rung written to `data-variant`; `'compact'` visually hides the identity text while keeping it as the accessible name.",
-              "default": "undefined",
-              "fieldName": "variant"
-            },
-            {
-              "name": "open",
-              "type": {
-                "text": "boolean | undefined | undefined"
-              },
-              "description": "Whether the menu is open, for controlled usage paired with `open-change`.",
-              "default": "undefined",
-              "fieldName": "open"
-            },
-            {
-              "name": "default-open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the menu starts open, for uncontrolled usage.",
-              "fieldName": "defaultOpen"
-            },
-            {
-              "name": "side",
-              "type": {
-                "text": "'top' | 'right' | 'bottom' | 'left'"
-              },
-              "default": "'bottom'",
-              "description": "Which side of the trigger the menu panel opens on.",
-              "fieldName": "side"
-            },
-            {
-              "name": "align",
-              "type": {
-                "text": "'start' | 'center' | 'end'"
-              },
-              "default": "'end'",
-              "description": "Alignment of the menu panel relative to the side it opens on.",
-              "fieldName": "align"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "skdx-user-menu",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SkdxUserMenu",
-          "declaration": {
-            "name": "SkdxUserMenu",
-            "module": "src/user-menu/UserMenu.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "skdx-user-menu",
-          "declaration": {
-            "name": "SkdxUserMenu",
-            "module": "src/user-menu/UserMenu.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/user-menu/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SkdxUserMenu",
-          "declaration": {
-            "name": "SkdxUserMenu",
-            "module": "./UserMenu"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/stat-card/StatCard.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "KPI tile block: a label, a value, an optional trend with sentiment colour,\na description, a derived progress bar and a visual region, all inside one\n`role=\"group\"` named by its own label.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-stat-card` on the host, then `__header`, `__icon`,\n`__label`, `__actions`, `__body`, `__value`, `__trend`, `__trend-icon`,\n`__description`, `__progress`, `__visual` and `__footer`. `data-trend`,\n`data-sentiment` and `data-state` sit on the host for the skin to read.",
-          "name": "SkdxStatCard",
-          "slots": [
-            {
-              "description": "The metric's current reading, already formatted by the consumer.",
-              "name": "value"
-            },
-            {
-              "description": "Decorative glyph rendered beside the label in the card header.",
-              "name": "icon"
-            },
-            {
-              "description": "Decorative glyph rendered beside the change text in the trend region.",
-              "name": "trend-icon"
-            },
-            {
-              "description": "A chart or sparkline region the card sizes for the consumer to draw into.",
-              "name": "visual"
-            },
-            {
-              "description": "Content rendered in a footer region below the card's other regions.",
-              "name": "footer"
-            },
-            {
-              "description": "Controls rendered at the end of the header, such as a menu button.",
-              "name": "actions"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "description": "Name of the metric, rendered into the label that names the group through `aria-labelledby`.",
-              "attribute": "label",
-              "required": true
-            },
-            {
-              "kind": "field",
-              "name": "change",
-              "type": {
-                "text": "string | undefined | undefined"
-              },
-              "description": "Already-formatted delta text such as \"+12.4%\", rendered inside the trend region.",
-              "default": "undefined",
-              "attribute": "change"
-            },
-            {
-              "kind": "field",
-              "name": "trend",
-              "type": {
-                "text": "'up' | 'down' | 'neutral' | undefined | undefined"
-              },
-              "description": "Direction of the change only, written to `data-trend` on the host and the trend part.",
-              "default": "undefined",
-              "attribute": "trend"
-            },
-            {
-              "kind": "field",
-              "name": "sentiment",
-              "type": {
-                "text": "'positive' | 'negative' | 'neutral' | undefined | undefined"
-              },
-              "description": "Whether the change is good or bad, independent of `trend`, written to `data-sentiment`.",
-              "default": "undefined",
-              "attribute": "sentiment"
-            },
-            {
-              "kind": "field",
-              "name": "changeLabel",
-              "type": {
-                "text": "string | undefined | undefined"
-              },
-              "description": "Visually hidden text read before the change, such as \"Increased by\".",
-              "default": "undefined",
-              "attribute": "change-label"
-            },
-            {
-              "kind": "field",
-              "name": "description",
-              "type": {
-                "text": "string | undefined | undefined"
-              },
-              "description": "Supporting text rendered below the value, in the skin's muted tone.",
-              "default": "undefined",
-              "attribute": "description"
-            },
-            {
-              "kind": "field",
-              "name": "progress",
-              "type": {
-                "text": "number | undefined | undefined"
-              },
-              "description": "Percentage from 0 to 100, rendered into a derived Progress named by the label.",
-              "default": "undefined",
-              "attribute": "progress"
-            },
-            {
-              "kind": "field",
-              "name": "loading",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Shows a skeleton in the value region and withholds the trend while true.",
-              "attribute": "loading"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "description": "Name of the metric, rendered into the label that names the group through `aria-labelledby`.",
-              "fieldName": "label",
-              "required": true
-            },
-            {
-              "name": "change",
-              "type": {
-                "text": "string | undefined | undefined"
-              },
-              "description": "Already-formatted delta text such as \"+12.4%\", rendered inside the trend region.",
-              "default": "undefined",
-              "fieldName": "change"
-            },
-            {
-              "name": "trend",
-              "type": {
-                "text": "'up' | 'down' | 'neutral' | undefined | undefined"
-              },
-              "description": "Direction of the change only, written to `data-trend` on the host and the trend part.",
-              "default": "undefined",
-              "fieldName": "trend"
-            },
-            {
-              "name": "sentiment",
-              "type": {
-                "text": "'positive' | 'negative' | 'neutral' | undefined | undefined"
-              },
-              "description": "Whether the change is good or bad, independent of `trend`, written to `data-sentiment`.",
-              "default": "undefined",
-              "fieldName": "sentiment"
-            },
-            {
-              "name": "change-label",
-              "type": {
-                "text": "string | undefined | undefined"
-              },
-              "description": "Visually hidden text read before the change, such as \"Increased by\".",
-              "default": "undefined",
-              "fieldName": "changeLabel"
-            },
-            {
-              "name": "description",
-              "type": {
-                "text": "string | undefined | undefined"
-              },
-              "description": "Supporting text rendered below the value, in the skin's muted tone.",
-              "default": "undefined",
-              "fieldName": "description"
-            },
-            {
-              "name": "progress",
-              "type": {
-                "text": "number | undefined | undefined"
-              },
-              "description": "Percentage from 0 to 100, rendered into a derived Progress named by the label.",
-              "default": "undefined",
-              "fieldName": "progress"
-            },
-            {
-              "name": "loading",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Shows a skeleton in the value region and withholds the trend while true.",
-              "fieldName": "loading"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "skdx-stat-card",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SkdxStatCard",
-          "declaration": {
-            "name": "SkdxStatCard",
-            "module": "src/stat-card/StatCard.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "skdx-stat-card",
-          "declaration": {
-            "name": "SkdxStatCard",
-            "module": "src/stat-card/StatCard.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/stat-card/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SkdxStatCard",
-          "declaration": {
-            "name": "SkdxStatCard",
-            "module": "./StatCard"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/workspace-switcher/WorkspaceSwitcher.ts",