@skdx/web-components-blocks 0.39.0 → 0.40.0

package/custom-elements.json

@@ -661,6 +661,167 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/comment/Comment.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "One collaboration comment: author, avatar, timestamp, edited indicator,\narbitrary content, attachments and actions such as reply, edit and react.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-comment` on the host, then `__avatar`, `__main`, `__header`,\n`__author`, `__metadata`, `__time`, `__edited`, `__content`, `__attachments`\nand `__actions`.",
+          "name": "SkdxComment",
+          "slots": [
+            {
+              "description": "The comment content, the consumer-supplied body text or markup.",
+              "name": ""
+            },
+            {
+              "description": "Decorative avatar rendered beside the author, always `aria-hidden`.",
+              "name": "avatar"
+            },
+            {
+              "description": "Badges or supplementary text rendered beside the author.",
+              "name": "metadata"
+            },
+            {
+              "description": "Files or links attached to the comment, below the content.",
+              "name": "attachments"
+            },
+            {
+              "description": "Controls such as reply, edit and react, below the attachments.",
+              "name": "actions"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "author",
+              "type": {
+                "text": "string"
+              },
+              "description": "Name of the person or system that wrote the comment, rendered as visible text.",
+              "attribute": "author",
+              "required": true
+            },
+            {
+              "kind": "field",
+              "name": "timestamp",
+              "type": {
+                "text": "Date | string | undefined | undefined"
+              },
+              "description": "Instant the comment was posted, rendered through a composed Time.",
+              "default": "undefined",
+              "attribute": "timestamp"
+            },
+            {
+              "kind": "field",
+              "name": "now",
+              "type": {
+                "text": "Date | number | undefined | undefined"
+              },
+              "description": "Reference instant `timestamp` renders relative to, forwarded to Time.",
+              "default": "undefined"
+            },
+            {
+              "kind": "field",
+              "name": "edited",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Marks the comment as edited since it was first posted.",
+              "attribute": "edited"
+            },
+            {
+              "kind": "field",
+              "name": "editedLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Edited'",
+              "description": "Text of the edited indicator, shown only when `edited` is set.",
+              "attribute": "edited-label"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "author",
+              "type": {
+                "text": "string"
+              },
+              "description": "Name of the person or system that wrote the comment, rendered as visible text.",
+              "fieldName": "author",
+              "required": true
+            },
+            {
+              "name": "timestamp",
+              "type": {
+                "text": "Date | string | undefined | undefined"
+              },
+              "description": "Instant the comment was posted, rendered through a composed Time.",
+              "default": "undefined",
+              "fieldName": "timestamp"
+            },
+            {
+              "name": "edited",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Marks the comment as edited since it was first posted.",
+              "fieldName": "edited"
+            },
+            {
+              "name": "edited-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Edited'",
+              "description": "Text of the edited indicator, shown only when `edited` is set.",
+              "fieldName": "editedLabel"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "skdx-comment",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkdxComment",
+          "declaration": {
+            "name": "SkdxComment",
+            "module": "src/comment/Comment.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "skdx-comment",
+          "declaration": {
+            "name": "SkdxComment",
+            "module": "src/comment/Comment.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/comment/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SkdxComment",
+          "declaration": {
+            "name": "SkdxComment",
+            "module": "./Comment"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/chat-message/ChatMessage.ts",
@@ -843,161 +1004,236 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/comment/Comment.ts",
+      "path": "src/conversation-list/ConversationList.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "One collaboration comment: author, avatar, timestamp, edited indicator,\narbitrary content, attachments and actions such as reply, edit and react.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-comment` on the host, then `__avatar`, `__main`, `__header`,\n`__author`, `__metadata`, `__time`, `__edited`, `__content`, `__attachments`\nand `__actions`.",
-          "name": "SkdxComment",
-          "slots": [
-            {
-              "description": "The comment content, the consumer-supplied body text or markup.",
-              "name": ""
-            },
-            {
-              "description": "Decorative avatar rendered beside the author, always `aria-hidden`.",
-              "name": "avatar"
-            },
-            {
-              "description": "Badges or supplementary text rendered beside the author.",
-              "name": "metadata"
-            },
-            {
-              "description": "Files or links attached to the comment, below the content.",
-              "name": "attachments"
-            },
-            {
-              "description": "Controls such as reply, edit and react, below the attachments.",
-              "name": "actions"
-            }
-          ],
+          "description": "Conversation navigation block: a single-select listbox of threads with a\ntitle, preview, relative timestamp, unread mark and badge, plus grouping and\nits own loading and empty states. It routes nowhere — it reports the chosen\nconversation and the consumer navigates.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-conversation-list` on the host, then `__loading`, `__empty`,\n`__list`, `__group`, `__group-label`, `__item`, `__leading`, `__body`,\n`__title`, `__preview`, `__meta`, `__time` and `__badge`. `data-unread` sits\non a row that has not been read.",
+          "name": "SkdxConversationList",
           "members": [
             {
               "kind": "field",
-              "name": "author",
+              "name": "items",
               "type": {
-                "text": "string"
+                "text": "readonly SkdxConversationListItem[]"
               },
-              "description": "Name of the person or system that wrote the comment, rendered as visible text.",
-              "attribute": "author",
+              "description": "The conversations to render, in order, each one a selectable option keyed by its id.",
               "required": true
             },
             {
               "kind": "field",
-              "name": "timestamp",
+              "name": "value",
               "type": {
-                "text": "Date | string | undefined | undefined"
+                "text": "string | undefined | undefined"
               },
-              "description": "Instant the comment was posted, rendered through a composed Time.",
+              "description": "Selected conversation's id, for controlled usage paired with `value-change`.",
               "default": "undefined",
-              "attribute": "timestamp"
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "now",
+              "name": "defaultValue",
               "type": {
-                "text": "Date | number | undefined | undefined"
+                "text": "string | undefined | undefined"
               },
-              "description": "Reference instant `timestamp` renders relative to, forwarded to Time.",
-              "default": "undefined"
+              "description": "Conversation selected on first render, used only while uncontrolled.",
+              "default": "undefined",
+              "attribute": "default-value"
             },
             {
               "kind": "field",
-              "name": "edited",
+              "name": "label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Marks the comment as edited since it was first posted.",
-              "attribute": "edited"
+              "default": "'Conversations'",
+              "description": "Accessible name of the derived listbox holding the conversation rows.",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "editedLabel",
+              "name": "unreadLabel",
               "type": {
                 "text": "string"
               },
-              "default": "'Edited'",
-              "description": "Text of the edited indicator, shown only when `edited` is set.",
-              "attribute": "edited-label"
-            }
-          ],
-          "attributes": [
+              "default": "'Unread'",
+              "description": "Visually hidden text appended to an unread row's title, so the mark is spoken.",
+              "attribute": "unread-label"
+            },
             {
-              "name": "author",
+              "kind": "field",
+              "name": "emptyTitle",
               "type": {
                 "text": "string"
               },
-              "description": "Name of the person or system that wrote the comment, rendered as visible text.",
-              "fieldName": "author",
-              "required": true
+              "default": "'No conversations'",
+              "description": "Heading of the derived EmptyState shown when there is nothing to list.",
+              "attribute": "empty-title"
             },
             {
-              "name": "timestamp",
+              "kind": "field",
+              "name": "emptyDescription",
               "type": {
-                "text": "Date | string | undefined | undefined"
+                "text": "string | undefined | undefined"
               },
-              "description": "Instant the comment was posted, rendered through a composed Time.",
+              "description": "Supporting copy under the empty state's heading, explaining the gap.",
               "default": "undefined",
-              "fieldName": "timestamp"
+              "attribute": "empty-description"
             },
             {
-              "name": "edited",
+              "kind": "field",
+              "name": "loading",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Marks the comment as edited since it was first posted.",
-              "fieldName": "edited"
+              "description": "Replaces the rows with decorative placeholder lines and marks the host `aria-busy`.",
+              "attribute": "loading"
             },
             {
-              "name": "edited-label",
+              "kind": "field",
+              "name": "now",
+              "type": {
+                "text": "Date | number | undefined | undefined"
+              },
+              "description": "Reference instant the relative row timestamps are measured from.",
+              "default": "undefined"
+            },
+            {
+              "kind": "field",
+              "name": "renderLeading",
+              "type": {
+                "text": "((item: SkdxConversationListItem) => unknown) | undefined | undefined"
+              },
+              "description": "Renders a decorative leading region for one row, such as an avatar or a status dot.",
+              "default": "undefined"
+            }
+          ],
+          "events": [
+            {
+              "description": "Fires with `{ value, previousValue, reason }` whenever the selection moves by pointer or keyboard.",
+              "name": "value-change"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string | undefined | undefined"
+              },
+              "description": "Selected conversation's id, for controlled usage paired with `value-change`.",
+              "default": "undefined",
+              "fieldName": "value"
+            },
+            {
+              "name": "default-value",
+              "type": {
+                "text": "string | undefined | undefined"
+              },
+              "description": "Conversation selected on first render, used only while uncontrolled.",
+              "default": "undefined",
+              "fieldName": "defaultValue"
+            },
+            {
+              "name": "label",
               "type": {
                 "text": "string"
               },
-              "default": "'Edited'",
-              "description": "Text of the edited indicator, shown only when `edited` is set.",
-              "fieldName": "editedLabel"
+              "default": "'Conversations'",
+              "description": "Accessible name of the derived listbox holding the conversation rows.",
+              "fieldName": "label"
+            },
+            {
+              "name": "unread-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Unread'",
+              "description": "Visually hidden text appended to an unread row's title, so the mark is spoken.",
+              "fieldName": "unreadLabel"
+            },
+            {
+              "name": "empty-title",
+              "type": {
+                "text": "string"
+              },
+              "default": "'No conversations'",
+              "description": "Heading of the derived EmptyState shown when there is nothing to list.",
+              "fieldName": "emptyTitle"
+            },
+            {
+              "name": "empty-description",
+              "type": {
+                "text": "string | undefined | undefined"
+              },
+              "description": "Supporting copy under the empty state's heading, explaining the gap.",
+              "default": "undefined",
+              "fieldName": "emptyDescription"
+            },
+            {
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Replaces the rows with decorative placeholder lines and marks the host `aria-busy`.",
+              "fieldName": "loading"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "skdx-comment",
+          "tagName": "skdx-conversation-list",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkdxComment",
+          "name": "SkdxConversationList",
           "declaration": {
-            "name": "SkdxComment",
-            "module": "src/comment/Comment.ts"
+            "name": "SkdxConversationList",
+            "module": "src/conversation-list/ConversationList.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "skdx-comment",
+          "name": "skdx-conversation-list",
           "declaration": {
-            "name": "SkdxComment",
-            "module": "src/comment/Comment.ts"
+            "name": "SkdxConversationList",
+            "module": "src/conversation-list/ConversationList.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/comment/index.ts",
+      "path": "src/conversation-list/index.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "SkdxComment",
+          "name": "SkdxConversationList",
           "declaration": {
-            "name": "SkdxComment",
-            "module": "./Comment"
+            "name": "SkdxConversationList",
+            "module": "./ConversationList"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SkdxConversationListItem",
+          "declaration": {
+            "name": "SkdxConversationListItem",
+            "module": "./ConversationList"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SkdxConversationListValueChangeDetail",
+          "declaration": {
+            "name": "SkdxConversationListValueChangeDetail",
+            "module": "./ConversationList"
           }
         }
       ]
@@ -1158,259 +1394,234 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/conversation-list/ConversationList.ts",
+      "path": "src/forgot-password-page/ForgotPasswordPage.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Conversation navigation block: a single-select listbox of threads with a\ntitle, preview, relative timestamp, unread mark and badge, plus grouping and\nits own loading and empty states. It routes nowhere — it reports the chosen\nconversation and the consumer navigates.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-conversation-list` on the host, then `__loading`, `__empty`,\n`__list`, `__group`, `__group-label`, `__item`, `__leading`, `__body`,\n`__title`, `__preview`, `__meta`, `__time` and `__badge`. `data-unread` sits\non a row that has not been read.",
-          "name": "SkdxConversationList",
-          "members": [
-            {
-              "kind": "field",
-              "name": "items",
-              "type": {
-                "text": "readonly SkdxConversationListItem[]"
-              },
-              "description": "The conversations to render, in order, each one a selectable option keyed by its id.",
-              "required": true
-            },
+          "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": [
             {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string | undefined | undefined"
-              },
-              "description": "Selected conversation's id, for controlled usage paired with `value-change`.",
-              "default": "undefined",
-              "attribute": "value"
+              "description": "Extra fields rendered inside the form, above the submit button.",
+              "name": ""
             },
             {
-              "kind": "field",
-              "name": "defaultValue",
-              "type": {
-                "text": "string | undefined | undefined"
-              },
-              "description": "Conversation selected on first render, used only while uncontrolled.",
-              "default": "undefined",
-              "attribute": "default-value"
-            },
+              "description": "Navigation below the form, such as a link back to the sign-in page.",
+              "name": "footer"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "label",
+              "name": "title",
               "type": {
                 "text": "string"
               },
-              "default": "'Conversations'",
-              "description": "Accessible name of the derived listbox holding the conversation rows.",
-              "attribute": "label"
+              "default": "'Reset your password'",
+              "description": "Heading text, rendered into a derived `<h1>` that names the section. The JavaScript property is `title`.",
+              "attribute": "heading"
             },
             {
               "kind": "field",
-              "name": "unreadLabel",
+              "name": "description",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "'Unread'",
-              "description": "Visually hidden text appended to an unread row's title, so the mark is spoken.",
-              "attribute": "unread-label"
+              "description": "Supporting copy rendered below the title, explaining what the reset link does.",
+              "default": "undefined",
+              "attribute": "description"
             },
             {
               "kind": "field",
-              "name": "emptyTitle",
+              "name": "error",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "'No conversations'",
-              "description": "Heading of the derived EmptyState shown when there is nothing to list.",
-              "attribute": "empty-title"
+              "description": "Message rendered into a derived error Alert above the form. The block never clears it.",
+              "default": "undefined",
+              "attribute": "error"
             },
             {
               "kind": "field",
-              "name": "emptyDescription",
+              "name": "success",
               "type": {
-                "text": "string | undefined | undefined"
+                "text": "string | undefined"
               },
-              "description": "Supporting copy under the empty state's heading, explaining the gap.",
+              "description": "Confirmation rendered into a derived success Alert that replaces the form entirely.",
               "default": "undefined",
-              "attribute": "empty-description"
+              "attribute": "success"
             },
             {
               "kind": "field",
-              "name": "loading",
+              "name": "pending",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Replaces the rows with decorative placeholder lines and marks the host `aria-busy`.",
-              "attribute": "loading"
+              "description": "Marks the request in flight, making the submit button busy while the email field stays editable.",
+              "attribute": "pending"
             },
             {
               "kind": "field",
-              "name": "now",
+              "name": "emailLabel",
               "type": {
-                "text": "Date | number | undefined | undefined"
+                "text": "string"
               },
-              "description": "Reference instant the relative row timestamps are measured from.",
-              "default": "undefined"
+              "default": "'Email'",
+              "description": "Label of the email field the reset link is requested for.",
+              "attribute": "email-label"
             },
             {
               "kind": "field",
-              "name": "renderLeading",
+              "name": "submitLabel",
               "type": {
-                "text": "((item: SkdxConversationListItem) => unknown) | undefined | undefined"
+                "text": "string"
               },
-              "description": "Renders a decorative leading region for one row, such as an avatar or a status dot.",
-              "default": "undefined"
+              "default": "'Send reset link'",
+              "description": "Text of the form's submit button.",
+              "attribute": "submit-label"
             }
           ],
           "events": [
             {
-              "description": "Fires with `{ value, previousValue, reason }` whenever the selection moves by pointer or keyboard.",
-              "name": "value-change"
+              "description": "Fires with `{ email }` when the form submits with an address that passes constraint validation.",
+              "name": "request-reset"
             }
           ],
           "attributes": [
             {
-              "name": "value",
+              "name": "heading",
               "type": {
-                "text": "string | undefined | undefined"
+                "text": "string"
               },
-              "description": "Selected conversation's id, for controlled usage paired with `value-change`.",
-              "default": "undefined",
-              "fieldName": "value"
+              "default": "'Reset your password'",
+              "description": "Heading text, rendered into a derived `<h1>` that names the section. The JavaScript property is `title`.",
+              "fieldName": "title"
             },
             {
-              "name": "default-value",
+              "name": "description",
               "type": {
-                "text": "string | undefined | undefined"
+                "text": "string | undefined"
               },
-              "description": "Conversation selected on first render, used only while uncontrolled.",
+              "description": "Supporting copy rendered below the title, explaining what the reset link does.",
               "default": "undefined",
-              "fieldName": "defaultValue"
+              "fieldName": "description"
             },
             {
-              "name": "label",
+              "name": "error",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "'Conversations'",
-              "description": "Accessible name of the derived listbox holding the conversation rows.",
-              "fieldName": "label"
+              "description": "Message rendered into a derived error Alert above the form. The block never clears it.",
+              "default": "undefined",
+              "fieldName": "error"
             },
             {
-              "name": "unread-label",
+              "name": "success",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "'Unread'",
-              "description": "Visually hidden text appended to an unread row's title, so the mark is spoken.",
-              "fieldName": "unreadLabel"
+              "description": "Confirmation rendered into a derived success Alert that replaces the form entirely.",
+              "default": "undefined",
+              "fieldName": "success"
             },
             {
-              "name": "empty-title",
+              "name": "pending",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'No conversations'",
-              "description": "Heading of the derived EmptyState shown when there is nothing to list.",
-              "fieldName": "emptyTitle"
+              "default": "false",
+              "description": "Marks the request in flight, making the submit button busy while the email field stays editable.",
+              "fieldName": "pending"
             },
             {
-              "name": "empty-description",
+              "name": "email-label",
               "type": {
-                "text": "string | undefined | undefined"
+                "text": "string"
               },
-              "description": "Supporting copy under the empty state's heading, explaining the gap.",
-              "default": "undefined",
-              "fieldName": "emptyDescription"
+              "default": "'Email'",
+              "description": "Label of the email field the reset link is requested for.",
+              "fieldName": "emailLabel"
             },
             {
-              "name": "loading",
+              "name": "submit-label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Replaces the rows with decorative placeholder lines and marks the host `aria-busy`.",
-              "fieldName": "loading"
+              "default": "'Send reset link'",
+              "description": "Text of the form's submit button.",
+              "fieldName": "submitLabel"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "skdx-conversation-list",
+          "tagName": "skdx-forgot-password-page",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkdxConversationList",
+          "name": "SkdxForgotPasswordPage",
           "declaration": {
-            "name": "SkdxConversationList",
-            "module": "src/conversation-list/ConversationList.ts"
+            "name": "SkdxForgotPasswordPage",
+            "module": "src/forgot-password-page/ForgotPasswordPage.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "skdx-conversation-list",
+          "name": "skdx-forgot-password-page",
           "declaration": {
-            "name": "SkdxConversationList",
-            "module": "src/conversation-list/ConversationList.ts"
+            "name": "SkdxForgotPasswordPage",
+            "module": "src/forgot-password-page/ForgotPasswordPage.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/conversation-list/index.ts",
+      "path": "src/forgot-password-page/index.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "SkdxConversationList",
-          "declaration": {
-            "name": "SkdxConversationList",
-            "module": "./ConversationList"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SkdxConversationListItem",
+          "name": "SkdxForgotPasswordPage",
           "declaration": {
-            "name": "SkdxConversationListItem",
-            "module": "./ConversationList"
+            "name": "SkdxForgotPasswordPage",
+            "module": "./ForgotPasswordPage"
           }
         },
         {
           "kind": "js",
-          "name": "SkdxConversationListValueChangeDetail",
+          "name": "SkdxForgotPasswordDetail",
           "declaration": {
-            "name": "SkdxConversationListValueChangeDetail",
-            "module": "./ConversationList"
+            "name": "SkdxForgotPasswordDetail",
+            "module": "./ForgotPasswordPage"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/empty-state/EmptyState.ts",
+      "path": "src/dashboard-layout/DashboardLayout.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Placeholder block for a region with nothing to show — no content yet, no\nresults, first use, or disconnected — composing a Heading, a Text\ndescription and consumer-supplied icon and actions.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-empty-state` on the host, then `__icon`, `__title`,\n`__description`, `__content` and `__actions`. `data-size` and `data-align`\nsit on the host for the skin to read.",
-          "name": "SkdxEmptyState",
+          "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": "Extra content rendered between the description and the actions region.",
+              "description": "The page content rendered inside the `<main>` region.",
               "name": ""
             },
             {
-              "description": "Decorative illustration or glyph rendered above the title.",
-              "name": "icon"
+              "description": "Logo or product mark at the start of the app bar.",
+              "name": "branding"
             },
             {
-              "description": "Primary and secondary controls rendered below the content.",
+              "description": "Controls at the end of the app bar.",
               "name": "actions"
             }
           ],
@@ -1421,159 +1632,201 @@
               "type": {
                 "text": "string"
               },
-              "description": "Heading text naming the empty region, rendered into a derived Heading.",
-              "attribute": "title",
+              "default": "''",
+              "description": "Application title shown in the app bar after the branding. The JavaScript property is `title`.",
+              "attribute": "heading"
+            },
+            {
+              "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": "description",
+              "name": "contentAs",
               "type": {
-                "text": "string | undefined | undefined"
+                "text": "'main' | 'div'"
               },
-              "description": "Supporting copy rendered below the title, explaining why the region is empty.",
+              "default": "'main'",
+              "description": "Content element: use `div` when embedding inside an existing page main landmark.",
+              "attribute": "content-as"
+            },
+            {
+              "kind": "field",
+              "name": "navOpen",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Whether the side navigation is shown, for controlled usage.",
               "default": "undefined",
-              "attribute": "description"
+              "attribute": "nav-open"
             },
             {
               "kind": "field",
-              "name": "headingLevel",
+              "name": "defaultNavOpen",
               "type": {
-                "text": "1 | 2 | 3 | 4 | 5 | 6"
+                "text": "boolean"
               },
-              "default": "3",
-              "description": "Outline level of the derived title heading, lowered or raised to fit the surrounding outline.",
-              "attribute": "heading-level"
+              "default": "true",
+              "description": "Whether the side navigation starts shown, for uncontrolled usage.",
+              "attribute": "default-nav-open"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "navLabel",
               "type": {
-                "text": "'sm' | 'md' | 'lg' | (string & {}) | undefined | undefined"
+                "text": "string"
               },
-              "description": "Visual size rung, written to `data-size` on the host; the skin scales the icon, spacing and title by it.",
-              "default": "undefined",
-              "attribute": "size"
+              "default": "'Main navigation'",
+              "description": "Accessible name of the side navigation landmark.",
+              "attribute": "nav-label"
             },
             {
               "kind": "field",
-              "name": "align",
+              "name": "navToggleLabel",
               "type": {
-                "text": "'center' | 'start' | (string & {})"
+                "text": "string"
               },
-              "default": "'center'",
-              "description": "Text and content alignment rung, written to `data-align` on the host.",
-              "attribute": "align"
+              "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"
             }
           ],
           "attributes": [
             {
-              "name": "title",
+              "name": "heading",
               "type": {
                 "text": "string"
               },
-              "description": "Heading text naming the empty region, rendered into a derived Heading.",
-              "fieldName": "title",
-              "required": true
+              "default": "''",
+              "description": "Application title shown in the app bar after the branding. The JavaScript property is `title`.",
+              "fieldName": "title"
             },
             {
-              "name": "description",
+              "name": "content-as",
               "type": {
-                "text": "string | undefined | undefined"
+                "text": "'main' | 'div'"
               },
-              "description": "Supporting copy rendered below the title, explaining why the region is empty.",
+              "default": "'main'",
+              "description": "Content element: use `div` when embedding inside an existing page main landmark.",
+              "fieldName": "contentAs"
+            },
+            {
+              "name": "nav-open",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Whether the side navigation is shown, for controlled usage.",
               "default": "undefined",
-              "fieldName": "description"
+              "fieldName": "navOpen"
             },
             {
-              "name": "heading-level",
+              "name": "default-nav-open",
               "type": {
-                "text": "1 | 2 | 3 | 4 | 5 | 6"
+                "text": "boolean"
               },
-              "default": "3",
-              "description": "Outline level of the derived title heading, lowered or raised to fit the surrounding outline.",
-              "fieldName": "headingLevel"
+              "default": "true",
+              "description": "Whether the side navigation starts shown, for uncontrolled usage.",
+              "fieldName": "defaultNavOpen"
             },
             {
-              "name": "size",
+              "name": "nav-label",
               "type": {
-                "text": "'sm' | 'md' | 'lg' | (string & {}) | undefined | undefined"
+                "text": "string"
               },
-              "description": "Visual size rung, written to `data-size` on the host; the skin scales the icon, spacing and title by it.",
-              "default": "undefined",
-              "fieldName": "size"
+              "default": "'Main navigation'",
+              "description": "Accessible name of the side navigation landmark.",
+              "fieldName": "navLabel"
             },
             {
-              "name": "align",
+              "name": "nav-toggle-label",
               "type": {
-                "text": "'center' | 'start' | (string & {})"
+                "text": "string"
               },
-              "default": "'center'",
-              "description": "Text and content alignment rung, written to `data-align` on the host.",
-              "fieldName": "align"
+              "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-empty-state",
+          "tagName": "skdx-dashboard-layout",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkdxEmptyState",
+          "name": "SkdxDashboardLayout",
           "declaration": {
-            "name": "SkdxEmptyState",
-            "module": "src/empty-state/EmptyState.ts"
+            "name": "SkdxDashboardLayout",
+            "module": "src/dashboard-layout/DashboardLayout.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "skdx-empty-state",
+          "name": "skdx-dashboard-layout",
           "declaration": {
-            "name": "SkdxEmptyState",
-            "module": "src/empty-state/EmptyState.ts"
+            "name": "SkdxDashboardLayout",
+            "module": "src/dashboard-layout/DashboardLayout.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/empty-state/index.ts",
+      "path": "src/dashboard-layout/index.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "SkdxEmptyState",
+          "name": "SkdxDashboardLayout",
           "declaration": {
-            "name": "SkdxEmptyState",
-            "module": "./EmptyState"
+            "name": "SkdxDashboardLayout",
+            "module": "./DashboardLayout"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SkdxDashboardNavigationItem",
+          "declaration": {
+            "name": "SkdxDashboardNavigationItem",
+            "module": "./DashboardLayout"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/dashboard-layout/DashboardLayout.ts",
+      "path": "src/empty-state/EmptyState.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",
+          "description": "Placeholder block for a region with nothing to show — no content yet, no\nresults, first use, or disconnected — composing a Heading, a Text\ndescription and consumer-supplied icon and actions.\n\nRenders light DOM, so its parts are classes rather than shadow `::part()`\ntargets: `.skdx-empty-state` on the host, then `__icon`, `__title`,\n`__description`, `__content` and `__actions`. `data-size` and `data-align`\nsit on the host for the skin to read.",
+          "name": "SkdxEmptyState",
           "slots": [
             {
-              "description": "The page content rendered inside the `<main>` region.",
+              "description": "Extra content rendered between the description and the actions region.",
               "name": ""
             },
             {
-              "description": "Logo or product mark at the start of the app bar.",
-              "name": "branding"
+              "description": "Decorative illustration or glyph rendered above the title.",
+              "name": "icon"
             },
             {
-              "description": "Controls at the end of the app bar.",
+              "description": "Primary and secondary controls rendered below the content.",
               "name": "actions"
             }
           ],
@@ -1584,159 +1837,136 @@
               "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`.",
+              "description": "Heading text naming the empty region, rendered into a derived Heading. The JavaScript property is `title`.",
+              "attribute": "heading",
               "required": true
             },
             {
               "kind": "field",
-              "name": "navOpen",
+              "name": "description",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string | undefined | undefined"
               },
-              "description": "Whether the side navigation is shown, for controlled usage.",
+              "description": "Supporting copy rendered below the title, explaining why the region is empty.",
               "default": "undefined",
-              "attribute": "nav-open"
+              "attribute": "description"
             },
             {
               "kind": "field",
-              "name": "defaultNavOpen",
+              "name": "headingLevel",
               "type": {
-                "text": "boolean"
+                "text": "1 | 2 | 3 | 4 | 5 | 6"
               },
-              "default": "true",
-              "description": "Whether the side navigation starts shown, for uncontrolled usage.",
-              "attribute": "default-nav-open"
+              "default": "3",
+              "description": "Outline level of the derived title heading, lowered or raised to fit the surrounding outline.",
+              "attribute": "heading-level"
             },
             {
               "kind": "field",
-              "name": "navLabel",
+              "name": "size",
               "type": {
-                "text": "string"
+                "text": "'sm' | 'md' | 'lg' | (string & {}) | undefined | undefined"
               },
-              "default": "'Main navigation'",
-              "description": "Accessible name of the side navigation landmark.",
-              "attribute": "nav-label"
+              "description": "Visual size rung, written to `data-size` on the host; the skin scales the icon, spacing and title by it.",
+              "default": "undefined",
+              "attribute": "size"
             },
             {
               "kind": "field",
-              "name": "navToggleLabel",
+              "name": "align",
               "type": {
-                "text": "string"
+                "text": "'center' | 'start' | (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"
+              "default": "'center'",
+              "description": "Text and content alignment rung, written to `data-align` on the host.",
+              "attribute": "align"
             }
           ],
           "attributes": [
             {
-              "name": "title",
+              "name": "heading",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Application title shown in the app bar after the branding, shadowing the native tooltip attribute.",
-              "fieldName": "title"
+              "description": "Heading text naming the empty region, rendered into a derived Heading. The JavaScript property is `title`.",
+              "fieldName": "title",
+              "required": true
             },
             {
-              "name": "nav-open",
+              "name": "description",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string | undefined | undefined"
               },
-              "description": "Whether the side navigation is shown, for controlled usage.",
+              "description": "Supporting copy rendered below the title, explaining why the region is empty.",
               "default": "undefined",
-              "fieldName": "navOpen"
+              "fieldName": "description"
             },
             {
-              "name": "default-nav-open",
+              "name": "heading-level",
               "type": {
-                "text": "boolean"
+                "text": "1 | 2 | 3 | 4 | 5 | 6"
               },
-              "default": "true",
-              "description": "Whether the side navigation starts shown, for uncontrolled usage.",
-              "fieldName": "defaultNavOpen"
+              "default": "3",
+              "description": "Outline level of the derived title heading, lowered or raised to fit the surrounding outline.",
+              "fieldName": "headingLevel"
             },
             {
-              "name": "nav-label",
+              "name": "size",
               "type": {
-                "text": "string"
+                "text": "'sm' | 'md' | 'lg' | (string & {}) | undefined | undefined"
               },
-              "default": "'Main navigation'",
-              "description": "Accessible name of the side navigation landmark.",
-              "fieldName": "navLabel"
+              "description": "Visual size rung, written to `data-size` on the host; the skin scales the icon, spacing and title by it.",
+              "default": "undefined",
+              "fieldName": "size"
             },
             {
-              "name": "nav-toggle-label",
+              "name": "align",
               "type": {
-                "text": "string"
+                "text": "'center' | 'start' | (string & {})"
               },
-              "default": "'Toggle navigation'",
-              "description": "Accessible name of the icon-only button that shows and hides the navigation.",
-              "fieldName": "navToggleLabel"
+              "default": "'center'",
+              "description": "Text and content alignment rung, written to `data-align` on the host.",
+              "fieldName": "align"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "skdx-dashboard-layout",
+          "tagName": "skdx-empty-state",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SkdxDashboardLayout",
+          "name": "SkdxEmptyState",
           "declaration": {
-            "name": "SkdxDashboardLayout",
-            "module": "src/dashboard-layout/DashboardLayout.ts"
+            "name": "SkdxEmptyState",
+            "module": "src/empty-state/EmptyState.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "skdx-dashboard-layout",
+          "name": "skdx-empty-state",
           "declaration": {
-            "name": "SkdxDashboardLayout",
-            "module": "src/dashboard-layout/DashboardLayout.ts"
+            "name": "SkdxEmptyState",
+            "module": "src/empty-state/EmptyState.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/dashboard-layout/index.ts",
+      "path": "src/empty-state/index.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "SkdxDashboardLayout",
-          "declaration": {
-            "name": "SkdxDashboardLayout",
-            "module": "./DashboardLayout"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SkdxDashboardNavigationItem",
+          "name": "SkdxEmptyState",
           "declaration": {
-            "name": "SkdxDashboardNavigationItem",
-            "module": "./DashboardLayout"
+            "name": "SkdxEmptyState",
+            "module": "./EmptyState"
           }
         }
       ]
@@ -1988,217 +2218,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/forgot-password-page/ForgotPasswordPage.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",
-          "slots": [
-            {
-              "description": "Extra fields rendered inside the form, above the submit button.",
-              "name": ""
-            },
-            {
-              "description": "Navigation below the form, such as a link back to the sign-in page.",
-              "name": "footer"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "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"
-              },
-              "description": "Supporting copy rendered below the title, explaining what the reset link does.",
-              "default": "undefined",
-              "attribute": "description"
-            },
-            {
-              "kind": "field",
-              "name": "error",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Message rendered into a derived error Alert above the form. The block never clears it.",
-              "default": "undefined",
-              "attribute": "error"
-            },
-            {
-              "kind": "field",
-              "name": "success",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Confirmation rendered into a derived success Alert that replaces the form entirely.",
-              "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"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Reset your password'",
-              "description": "Heading text, rendered into a derived `<h1>` that names the section.",
-              "fieldName": "title"
-            },
-            {
-              "name": "description",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Supporting copy rendered below the title, explaining what the reset link does.",
-              "default": "undefined",
-              "fieldName": "description"
-            },
-            {
-              "name": "error",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Message rendered into a derived error Alert above the form. The block never clears it.",
-              "default": "undefined",
-              "fieldName": "error"
-            },
-            {
-              "name": "success",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Confirmation rendered into a derived success Alert that replaces the form entirely.",
-              "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"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "skdx-forgot-password-page",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SkdxForgotPasswordPage",
-          "declaration": {
-            "name": "SkdxForgotPasswordPage",
-            "module": "src/forgot-password-page/ForgotPasswordPage.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "skdx-forgot-password-page",
-          "declaration": {
-            "name": "SkdxForgotPasswordPage",
-            "module": "src/forgot-password-page/ForgotPasswordPage.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/forgot-password-page/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SkdxForgotPasswordPage",
-          "declaration": {
-            "name": "SkdxForgotPasswordPage",
-            "module": "./ForgotPasswordPage"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SkdxForgotPasswordDetail",
-          "declaration": {
-            "name": "SkdxForgotPasswordDetail",
-            "module": "./ForgotPasswordPage"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/form-section/FormSection.ts",
@@ -2224,8 +2243,8 @@
               "type": {
                 "text": "string"
               },
-              "description": "Heading text naming the group, rendered into a derived Heading that names the section.",
-              "attribute": "title",
+              "description": "Heading text naming the group, rendered into a derived Heading that names the section. The JavaScript property is `title`.",
+              "attribute": "heading",
               "required": true
             },
             {
@@ -2261,11 +2280,11 @@
           ],
           "attributes": [
             {
-              "name": "title",
+              "name": "heading",
               "type": {
                 "text": "string"
               },
-              "description": "Heading text naming the group, rendered into a derived Heading that names the section.",
+              "description": "Heading text naming the group, rendered into a derived Heading that names the section. The JavaScript property is `title`.",
               "fieldName": "title",
               "required": true
             },
@@ -2437,8 +2456,8 @@
                 "text": "string"
               },
               "default": "'Notifications'",
-              "description": "Heading text, rendered into a derived Heading that names the section.",
-              "attribute": "title"
+              "description": "Heading text, rendered into a derived Heading that names the section. The JavaScript property is `title`.",
+              "attribute": "heading"
             },
             {
               "kind": "field",
@@ -2554,12 +2573,12 @@
           ],
           "attributes": [
             {
-              "name": "title",
+              "name": "heading",
               "type": {
                 "text": "string"
               },
               "default": "'Notifications'",
-              "description": "Heading text, rendered into a derived Heading that names the section.",
+              "description": "Heading text, rendered into a derived Heading that names the section. The JavaScript property is `title`.",
               "fieldName": "title"
             },
             {
@@ -2707,8 +2726,8 @@
               "type": {
                 "text": "string"
               },
-              "description": "Heading text naming the checklist, rendered into a derived Heading that names the section.",
-              "attribute": "title",
+              "description": "Heading text naming the checklist, rendered into a derived Heading that names the section. The JavaScript property is `title`.",
+              "attribute": "heading",
               "required": true
             },
             {
@@ -2778,11 +2797,11 @@
           ],
           "attributes": [
             {
-              "name": "title",
+              "name": "heading",
               "type": {
                 "text": "string"
               },
-              "description": "Heading text naming the checklist, rendered into a derived Heading that names the section.",
+              "description": "Heading text naming the checklist, rendered into a derived Heading that names the section. The JavaScript property is `title`.",
               "fieldName": "title",
               "required": true
             },
@@ -2906,8 +2925,8 @@
               "type": {
                 "text": "string"
               },
-              "description": "The page heading text, rendered into a derived Heading that also names the section.",
-              "attribute": "title",
+              "description": "The page heading text, rendered into a derived Heading that also names the section. The JavaScript property is `title`.",
+              "attribute": "heading",
               "required": true
             },
             {
@@ -2952,11 +2971,11 @@
           ],
           "attributes": [
             {
-              "name": "title",
+              "name": "heading",
               "type": {
                 "text": "string"
               },
-              "description": "The page heading text, rendered into a derived Heading that also names the section.",
+              "description": "The page heading text, rendered into a derived Heading that also names the section. The JavaScript property is `title`.",
               "fieldName": "title",
               "required": true
             },
@@ -3068,8 +3087,8 @@
                 "text": "string"
               },
               "default": "'Choose a new password'",
-              "description": "Heading text, rendered into a derived `<h1>` that names the section.",
-              "attribute": "title"
+              "description": "Heading text, rendered into a derived `<h1>` that names the section. The JavaScript property is `title`.",
+              "attribute": "heading"
             },
             {
               "kind": "field",
@@ -3150,12 +3169,12 @@
           ],
           "attributes": [
             {
-              "name": "title",
+              "name": "heading",
               "type": {
                 "text": "string"
               },
               "default": "'Choose a new password'",
-              "description": "Heading text, rendered into a derived `<h1>` that names the section.",
+              "description": "Heading text, rendered into a derived `<h1>` that names the section. The JavaScript property is `title`.",
               "fieldName": "title"
             },
             {
@@ -3306,8 +3325,8 @@
                 "text": "string"
               },
               "default": "'Sign in'",
-              "description": "Heading text, rendered into a derived `<h1>` that names the section.",
-              "attribute": "title"
+              "description": "Heading text, rendered into a derived `<h1>` that names the section. The JavaScript property is `title`.",
+              "attribute": "heading"
             },
             {
               "kind": "field",
@@ -3386,12 +3405,12 @@
           ],
           "attributes": [
             {
-              "name": "title",
+              "name": "heading",
               "type": {
                 "text": "string"
               },
               "default": "'Sign in'",
-              "description": "Heading text, rendered into a derived `<h1>` that names the section.",
+              "description": "Heading text, rendered into a derived `<h1>` that names the section. The JavaScript property is `title`.",
               "fieldName": "title"
             },
             {
@@ -3544,8 +3563,8 @@
                 "text": "string"
               },
               "default": "'Create account'",
-              "description": "Heading text, rendered into a derived `<h1>` that names the section.",
-              "attribute": "title"
+              "description": "Heading text, rendered into a derived `<h1>` that names the section. The JavaScript property is `title`.",
+              "attribute": "heading"
             },
             {
               "kind": "field",
@@ -3654,12 +3673,12 @@
           ],
           "attributes": [
             {
-              "name": "title",
+              "name": "heading",
               "type": {
                 "text": "string"
               },
               "default": "'Create account'",
-              "description": "Heading text, rendered into a derived `<h1>` that names the section.",
+              "description": "Heading text, rendered into a derived `<h1>` that names the section. The JavaScript property is `title`.",
               "fieldName": "title"
             },
             {
@@ -4509,8 +4528,8 @@
                 "text": "string"
               },
               "default": "'Enter your verification code'",
-              "description": "Heading text, rendered into a derived `<h1>` that names the section.",
-              "attribute": "title"
+              "description": "Heading text, rendered into a derived `<h1>` that names the section. The JavaScript property is `title`.",
+              "attribute": "heading"
             },
             {
               "kind": "field",
@@ -4639,12 +4658,12 @@
           ],
           "attributes": [
             {
-              "name": "title",
+              "name": "heading",
               "type": {
                 "text": "string"
               },
               "default": "'Enter your verification code'",
-              "description": "Heading text, rendered into a derived `<h1>` that names the section.",
+              "description": "Heading text, rendered into a derived `<h1>` that names the section. The JavaScript property is `title`.",
               "fieldName": "title"
             },
             {
@@ -4992,10 +5011,6 @@
               "description": "Fires for either kind of outside interaction, just before the specific event.",
               "name": "interact-outside"
             },
-            {
-              "description": "Fires before focus moves into the panel on open; `preventDefault()` leaves focus where it is.",
-              "name": "open-auto-focus"
-            },
             {
               "description": "Fires before focus returns to the trigger on close; `preventDefault()` suppresses that return.",
               "name": "close-auto-focus"