@nvidia-elements/core 2.8.0 → 2.9.0

package/dist/custom-elements.json

@@ -47,13 +47,13 @@
             "themes": true,
             "aria": "https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/",
             "entrypoint": "@nvidia-elements/core/accordion",
-            "example": "<nve-accordion-group behavior-expand>\n  <nve-accordion>\n    <nve-accordion-header>\n      <h2 nve-text=\"heading xs medium\">Workspace Settings</h2>\n    </nve-accordion-header>\n    <nve-accordion-content\n      >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n    >\n  </nve-accordion>\n</nve-accordion-group>",
+            "example": "<nve-accordion-group behavior-expand>\n  <nve-accordion>\n    <nve-accordion-header>\n      <h2 nve-text=\"heading xs medium\">Workspace Settings</h2>\n    </nve-accordion-header>\n    <nve-accordion-content>Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content>\n  </nve-accordion>\n</nve-accordion-group>",
             "package": true,
             "documentation": "https://nvidia.github.io/elements/docs/elements/accordion/",
             "since": "0.12.0",
             "status": "stable",
             "behavior": "container",
-            "markdown": "## nve-accordion-header\n\nProvides the clickable heading region of an accordion that toggles the visibility of associated content.\n\n### Example\n\n```html\n<nve-accordion-group behavior-expand>\n  <nve-accordion>\n    <nve-accordion-header>\n      <h2 nve-text=\"heading xs medium\">Workspace Settings</h2>\n    </nve-accordion-header>\n    <nve-accordion-content\n      >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n    >\n  </nve-accordion>\n</nve-accordion-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/accordion/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Heading text and supporting content that labels the accordion section. |\n| prefix | `string` | slot for prefix content |\n| suffix | `string` | slot for suffix content |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |"
+            "markdown": "## nve-accordion-header\n\nProvides the clickable heading region of an accordion that toggles the visibility of associated content.\n\n### Example\n\n```html\n<nve-accordion-group behavior-expand>\n  <nve-accordion>\n    <nve-accordion-header>\n      <h2 nve-text=\"heading xs medium\">Workspace Settings</h2>\n    </nve-accordion-header>\n    <nve-accordion-content>Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content>\n  </nve-accordion>\n</nve-accordion-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/accordion/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Heading text and supporting content that labels the accordion section. |\n| prefix | `string` | slot for prefix content |\n| suffix | `string` | slot for suffix content |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |"
           }
         },
         {
@@ -89,13 +89,13 @@
             "themes": true,
             "aria": "https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/",
             "entrypoint": "@nvidia-elements/core/accordion",
-            "example": "<nve-accordion-group behavior-expand>\n  <nve-accordion>\n    <nve-accordion-header>\n      <h2 nve-text=\"heading xs medium\">Workspace Settings</h2>\n    </nve-accordion-header>\n    <nve-accordion-content\n      >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n    >\n  </nve-accordion>\n</nve-accordion-group>",
+            "example": "<nve-accordion-group behavior-expand>\n  <nve-accordion>\n    <nve-accordion-header>\n      <h2 nve-text=\"heading xs medium\">Workspace Settings</h2>\n    </nve-accordion-header>\n    <nve-accordion-content>Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content>\n  </nve-accordion>\n</nve-accordion-group>",
             "package": true,
             "documentation": "https://nvidia.github.io/elements/docs/elements/accordion/",
             "since": "0.12.0",
             "status": "stable",
             "behavior": "container",
-            "markdown": "## nve-accordion-content\n\nContains the collapsible body content that reveals or hides when the parent accordion expands or collapses.\n\n### Example\n\n```html\n<nve-accordion-group behavior-expand>\n  <nve-accordion>\n    <nve-accordion-header>\n      <h2 nve-text=\"heading xs medium\">Workspace Settings</h2>\n    </nve-accordion-header>\n    <nve-accordion-content\n      >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n    >\n  </nve-accordion>\n</nve-accordion-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/accordion/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | This is a default/unnamed slot for accordion content |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
+            "markdown": "## nve-accordion-content\n\nContains the collapsible body content that reveals or hides when the parent accordion expands or collapses.\n\n### Example\n\n```html\n<nve-accordion-group behavior-expand>\n  <nve-accordion>\n    <nve-accordion-header>\n      <h2 nve-text=\"heading xs medium\">Workspace Settings</h2>\n    </nve-accordion-header>\n    <nve-accordion-content>Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content>\n  </nve-accordion>\n</nve-accordion-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/accordion/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | This is a default/unnamed slot for accordion content |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
           }
         },
         {
@@ -348,13 +348,13 @@
             "themes": true,
             "aria": "https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/",
             "entrypoint": "@nvidia-elements/core/accordion",
-            "example": "<nve-accordion-group behavior-expand>\n  <nve-accordion>\n    <nve-accordion-header>\n      <h2 nve-text=\"heading xs medium\">Workspace Settings</h2>\n    </nve-accordion-header>\n    <nve-accordion-content\n      >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n    >\n  </nve-accordion>\n</nve-accordion-group>",
+            "example": "<nve-accordion-group behavior-expand>\n  <nve-accordion>\n    <nve-accordion-header>\n      <h2 nve-text=\"heading xs medium\">Workspace Settings</h2>\n    </nve-accordion-header>\n    <nve-accordion-content>Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content>\n  </nve-accordion>\n</nve-accordion-group>",
             "package": true,
             "documentation": "https://nvidia.github.io/elements/docs/elements/accordion/",
             "since": "0.12.0",
             "status": "stable",
             "behavior": "container",
-            "markdown": "## nve-accordion\n\nAn accordion is a vertical stack of interactive headings used to toggle the display of further information.\n\n### Example\n\n```html\n<nve-accordion-group behavior-expand>\n  <nve-accordion>\n    <nve-accordion-header>\n      <h2 nve-text=\"heading xs medium\">Workspace Settings</h2>\n    </nve-accordion-header>\n    <nve-accordion-content\n      >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n    >\n  </nve-accordion>\n</nve-accordion-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/accordion/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Content displayed in the collapsible region, typically an `nve-accordion-content` element. |\n| icon-button | `string` | icon elements to display for expand/collapse |\n| header | `string` | header element (Use `accordion-header` or custom content) |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| i18n |  | Enables updating internal string values for internationalization. |\n| container | `'flat' \\| 'inset' \\| undefined` | Determines the container styles of component. Flat suits nesting accordions within other containers. Inset suits more complex accordions where content needs distinct separation. |\n| expanded | `boolean` | Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://mdn.dev/ARIA/Attributes/aria-expanded) - `true` The associated content expands and becomes visible to the user. - `false` The associated content collapses and hides from the user. |\n| disabled | `boolean` | This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://mdn.dev/ARIA/Attributes/aria-disabled) - `true` The element has a disabled state and does not accept interaction. - `false` The element has an enabled state and accepts interaction. |\n| behaviorExpand (behavior-expand) | `boolean` | Determines whether the accordion should opt-in to stateful expansion behavior (defaults to stateless) |\n\n### Invoker Commands\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --open | `CommandEvent` | use to open the accordion |\n| --close | `CommandEvent` | use to close the accordion |\n| --toggle | `CommandEvent` | use to toggle the accordion |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --header-padding | `string` | Padding around the header content. |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --transition | `string` | [MDN](https://mdn.dev/CSS/transition) |"
+            "markdown": "## nve-accordion\n\nAn accordion is a vertical stack of interactive headings used to toggle the display of further information.\n\n### Example\n\n```html\n<nve-accordion-group behavior-expand>\n  <nve-accordion>\n    <nve-accordion-header>\n      <h2 nve-text=\"heading xs medium\">Workspace Settings</h2>\n    </nve-accordion-header>\n    <nve-accordion-content>Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content>\n  </nve-accordion>\n</nve-accordion-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/accordion/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Content displayed in the collapsible region, typically an `nve-accordion-content` element. |\n| icon-button | `string` | icon elements to display for expand/collapse |\n| header | `string` | header element (Use `accordion-header` or custom content) |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| i18n |  | Enables updating internal string values for internationalization. |\n| container | `'flat' \\| 'inset' \\| undefined` | Determines the container styles of component. Flat suits nesting accordions within other containers. Inset suits more complex accordions where content needs distinct separation. |\n| expanded | `boolean` | Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://mdn.dev/ARIA/Attributes/aria-expanded) - `true` The associated content expands and becomes visible to the user. - `false` The associated content collapses and hides from the user. |\n| disabled | `boolean` | This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://mdn.dev/ARIA/Attributes/aria-disabled) - `true` The element has a disabled state and does not accept interaction. - `false` The element has an enabled state and accepts interaction. |\n| behaviorExpand (behavior-expand) | `boolean` | Determines whether the accordion should opt-in to stateful expansion behavior (defaults to stateless) |\n\n### Invoker Commands\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --open | `CommandEvent` | use to open the accordion |\n| --close | `CommandEvent` | use to close the accordion |\n| --toggle | `CommandEvent` | use to toggle the accordion |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --header-padding | `string` | Padding around the header content. |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --transition | `string` | [MDN](https://mdn.dev/CSS/transition) |"
           },
           "commands": [
             {
@@ -529,13 +529,13 @@
             "themes": true,
             "aria": "https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/",
             "entrypoint": "@nvidia-elements/core/accordion",
-            "example": "<nve-accordion-group behavior-expand>\n  <nve-accordion>\n    <nve-accordion-header>\n      <h2 nve-text=\"heading xs medium\">Workspace Settings</h2>\n    </nve-accordion-header>\n    <nve-accordion-content\n      >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n    >\n  </nve-accordion>\n</nve-accordion-group>",
+            "example": "<nve-accordion-group behavior-expand>\n  <nve-accordion>\n    <nve-accordion-header>\n      <h2 nve-text=\"heading xs medium\">Workspace Settings</h2>\n    </nve-accordion-header>\n    <nve-accordion-content>Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content>\n  </nve-accordion>\n</nve-accordion-group>",
             "package": true,
             "documentation": "https://nvidia.github.io/elements/docs/elements/accordion/",
             "since": "0.12.0",
             "status": "stable",
             "behavior": "container",
-            "markdown": "## nve-accordion-group\n\nOrganizes many accordions into a cohesive group, enabling coordinated expand/collapse behavior such as single-item expansion.\n\n### Example\n\n```html\n<nve-accordion-group behavior-expand>\n  <nve-accordion>\n    <nve-accordion-header>\n      <h2 nve-text=\"heading xs medium\">Workspace Settings</h2>\n    </nve-accordion-header>\n    <nve-accordion-content\n      >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n    >\n  </nve-accordion>\n</nve-accordion-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/accordion/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | This is a default slot for accordions within the group |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| behaviorExpand (behavior-expand) | `boolean` | Determines whether the accordion should opt-in to stateful expansion behavior (defaults to stateless) |\n| behaviorExpandSingle (behavior-expand-single) | `boolean` | Determines whether the accordion should opt-in to stateful expansion of a single accordion at a time |\n| container | `'flat' \\| 'inset' \\| undefined` | Controls the container style applied to child accordions. `flat` removes the visual container, `inset` adds rounded containment, and omission uses the default divided presentation. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
+            "markdown": "## nve-accordion-group\n\nOrganizes many accordions into a cohesive group, enabling coordinated expand/collapse behavior such as single-item expansion.\n\n### Example\n\n```html\n<nve-accordion-group behavior-expand>\n  <nve-accordion>\n    <nve-accordion-header>\n      <h2 nve-text=\"heading xs medium\">Workspace Settings</h2>\n    </nve-accordion-header>\n    <nve-accordion-content>Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content>\n  </nve-accordion>\n</nve-accordion-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/accordion/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | This is a default slot for accordions within the group |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| behaviorExpand (behavior-expand) | `boolean` | Determines whether the accordion should opt-in to stateful expansion behavior (defaults to stateless) |\n| behaviorExpandSingle (behavior-expand-single) | `boolean` | Determines whether the accordion should opt-in to stateful expansion of a single accordion at a time |\n| container | `'flat' \\| 'inset' \\| undefined` | Controls the container style applied to child accordions. `flat` removes the visual container, `inset` adds rounded containment, and omission uses the default divided presentation. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
           }
         }
       ],
@@ -3062,6 +3062,14 @@
             "package": "@nvidia-elements/core/tree"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "@nvidia-elements/core/viewport"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -11060,13 +11068,13 @@
             "themes": true,
             "aria": "https://www.w3.org/WAI/ARIA/apg/patterns/menubar/",
             "entrypoint": "@nvidia-elements/core/dropdown-group",
-            "example": "<nve-button popovertarget=\"menu-1\">menu</nve-button>\n<nve-dropdown-group>\n  <nve-dropdown id=\"menu-1\">\n    <nve-menu>\n      <nve-menu-item popovertarget=\"menu-2\">\n        item 1-1 <nve-icon name=\"caret\" direction=\"right\" size=\"sm\" slot=\"suffix\"></nve-icon>\n      </nve-menu-item>\n      <nve-menu-item>item 1-2</nve-menu-item>\n      <nve-menu-item>item 1-3</nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n  <nve-dropdown id=\"menu-2\" position=\"right\">\n    <nve-menu>\n      <nve-menu-item>item 2-1</nve-menu-item>\n      <nve-menu-item popovertarget=\"menu-3\">\n        item 2-2 <nve-icon name=\"caret\" direction=\"right\" size=\"sm\" slot=\"suffix\"></nve-icon>\n      </nve-menu-item>\n      <nve-menu-item>item 2-3</nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n  <nve-dropdown id=\"menu-3\" position=\"right\">\n    <nve-menu>\n      <nve-menu-item>item 3-1</nve-menu-item>\n      <nve-menu-item>item 3-2</nve-menu-item>\n      <nve-menu-item>item 3-3</nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n</nve-dropdown-group>",
+            "example": "<nve-button popovertarget=\"menu-1\">menu</nve-button>\n<nve-dropdown-group>\n  <nve-dropdown id=\"menu-1\">\n    <nve-menu>\n      <nve-menu-item popovertarget=\"menu-2\"> item 1-1 <nve-icon name=\"caret\" direction=\"right\" size=\"sm\" slot=\"suffix\"></nve-icon> </nve-menu-item>\n      <nve-menu-item>item 1-2</nve-menu-item>\n      <nve-menu-item>item 1-3</nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n  <nve-dropdown id=\"menu-2\" position=\"right\">\n    <nve-menu>\n      <nve-menu-item>item 2-1</nve-menu-item>\n      <nve-menu-item popovertarget=\"menu-3\"> item 2-2 <nve-icon name=\"caret\" direction=\"right\" size=\"sm\" slot=\"suffix\"></nve-icon> </nve-menu-item>\n      <nve-menu-item>item 2-3</nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n  <nve-dropdown id=\"menu-3\" position=\"right\">\n    <nve-menu>\n      <nve-menu-item>item 3-1</nve-menu-item>\n      <nve-menu-item>item 3-2</nve-menu-item>\n      <nve-menu-item>item 3-3</nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n</nve-dropdown-group>",
             "package": true,
             "documentation": "https://nvidia.github.io/elements/docs/elements/dropdown-group/",
             "since": "1.30.1",
             "status": "stable",
             "behavior": "navigation",
-            "markdown": "## nve-dropdown-group\n\nA Dropdown Group streamlines the management of linked dropdowns and supports nested dropdowns for a more organized and intuitive user experience\n\n### Example\n\n```html\n<nve-button popovertarget=\"menu-1\">menu</nve-button>\n<nve-dropdown-group>\n  <nve-dropdown id=\"menu-1\">\n    <nve-menu>\n      <nve-menu-item popovertarget=\"menu-2\">\n        item 1-1 <nve-icon name=\"caret\" direction=\"right\" size=\"sm\" slot=\"suffix\"></nve-icon>\n      </nve-menu-item>\n      <nve-menu-item>item 1-2</nve-menu-item>\n      <nve-menu-item>item 1-3</nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n  <nve-dropdown id=\"menu-2\" position=\"right\">\n    <nve-menu>\n      <nve-menu-item>item 2-1</nve-menu-item>\n      <nve-menu-item popovertarget=\"menu-3\">\n        item 2-2 <nve-icon name=\"caret\" direction=\"right\" size=\"sm\" slot=\"suffix\"></nve-icon>\n      </nve-menu-item>\n      <nve-menu-item>item 2-3</nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n  <nve-dropdown id=\"menu-3\" position=\"right\">\n    <nve-menu>\n      <nve-menu-item>item 3-1</nve-menu-item>\n      <nve-menu-item>item 3-2</nve-menu-item>\n      <nve-menu-item>item 3-3</nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n</nve-dropdown-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/dropdown-group/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for dropdown content |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| close |  | Closes every descendant dropdown in the group. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| open | `CustomEvent` | Dispatched when a dropdown in the group opens |\n| close | `CustomEvent` | Dispatched when a dropdown in the group closes |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --arrow-transform | `string` | Transform applied to the popover arrow |"
+            "markdown": "## nve-dropdown-group\n\nA Dropdown Group streamlines the management of linked dropdowns and supports nested dropdowns for a more organized and intuitive user experience\n\n### Example\n\n```html\n<nve-button popovertarget=\"menu-1\">menu</nve-button>\n<nve-dropdown-group>\n  <nve-dropdown id=\"menu-1\">\n    <nve-menu>\n      <nve-menu-item popovertarget=\"menu-2\"> item 1-1 <nve-icon name=\"caret\" direction=\"right\" size=\"sm\" slot=\"suffix\"></nve-icon> </nve-menu-item>\n      <nve-menu-item>item 1-2</nve-menu-item>\n      <nve-menu-item>item 1-3</nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n  <nve-dropdown id=\"menu-2\" position=\"right\">\n    <nve-menu>\n      <nve-menu-item>item 2-1</nve-menu-item>\n      <nve-menu-item popovertarget=\"menu-3\"> item 2-2 <nve-icon name=\"caret\" direction=\"right\" size=\"sm\" slot=\"suffix\"></nve-icon> </nve-menu-item>\n      <nve-menu-item>item 2-3</nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n  <nve-dropdown id=\"menu-3\" position=\"right\">\n    <nve-menu>\n      <nve-menu-item>item 3-1</nve-menu-item>\n      <nve-menu-item>item 3-2</nve-menu-item>\n      <nve-menu-item>item 3-3</nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n</nve-dropdown-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/dropdown-group/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for dropdown content |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| close |  | Closes every descendant dropdown in the group. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| open | `CustomEvent` | Dispatched when a dropdown in the group opens |\n| close | `CustomEvent` | Dispatched when a dropdown in the group closes |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --arrow-transform | `string` | Transform applied to the popover arrow |"
           }
         }
       ],
@@ -17899,13 +17907,13 @@
             "themes": true,
             "aria": "https://www.w3.org/WAI/ARIA/apg/patterns/grid/",
             "entrypoint": "@nvidia-elements/core/grid",
-            "example": "<nve-grid>\n  <nve-grid-header>\n    <nve-grid-column>column 0</nve-grid-column><nve-grid-column>column 1</nve-grid-column\n    ><nve-grid-column>column 2</nve-grid-column><nve-grid-column>column 3</nve-grid-column\n    ><nve-grid-column>column 4</nve-grid-column>\n  </nve-grid-header>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 0-0</nve-grid-cell><nve-grid-cell>cell 0-1</nve-grid-cell><nve-grid-cell>cell 0-2</nve-grid-cell\n    ><nve-grid-cell>cell 0-3</nve-grid-cell><nve-grid-cell>cell 0-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 1-0</nve-grid-cell><nve-grid-cell>cell 1-1</nve-grid-cell><nve-grid-cell>cell 1-2</nve-grid-cell\n    ><nve-grid-cell>cell 1-3</nve-grid-cell><nve-grid-cell>cell 1-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 2-0</nve-grid-cell><nve-grid-cell>cell 2-1</nve-grid-cell><nve-grid-cell>cell 2-2</nve-grid-cell\n    ><nve-grid-cell>cell 2-3</nve-grid-cell><nve-grid-cell>cell 2-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 3-0</nve-grid-cell><nve-grid-cell>cell 3-1</nve-grid-cell><nve-grid-cell>cell 3-2</nve-grid-cell\n    ><nve-grid-cell>cell 3-3</nve-grid-cell><nve-grid-cell>cell 3-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 4-0</nve-grid-cell><nve-grid-cell>cell 4-1</nve-grid-cell><nve-grid-cell>cell 4-2</nve-grid-cell\n    ><nve-grid-cell>cell 4-3</nve-grid-cell><nve-grid-cell>cell 4-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 5-0</nve-grid-cell><nve-grid-cell>cell 5-1</nve-grid-cell><nve-grid-cell>cell 5-2</nve-grid-cell\n    ><nve-grid-cell>cell 5-3</nve-grid-cell><nve-grid-cell>cell 5-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 6-0</nve-grid-cell><nve-grid-cell>cell 6-1</nve-grid-cell><nve-grid-cell>cell 6-2</nve-grid-cell\n    ><nve-grid-cell>cell 6-3</nve-grid-cell><nve-grid-cell>cell 6-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 7-0</nve-grid-cell><nve-grid-cell>cell 7-1</nve-grid-cell><nve-grid-cell>cell 7-2</nve-grid-cell\n    ><nve-grid-cell>cell 7-3</nve-grid-cell><nve-grid-cell>cell 7-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 8-0</nve-grid-cell><nve-grid-cell>cell 8-1</nve-grid-cell><nve-grid-cell>cell 8-2</nve-grid-cell\n    ><nve-grid-cell>cell 8-3</nve-grid-cell><nve-grid-cell>cell 8-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 9-0</nve-grid-cell><nve-grid-cell>cell 9-1</nve-grid-cell><nve-grid-cell>cell 9-2</nve-grid-cell\n    ><nve-grid-cell>cell 9-3</nve-grid-cell><nve-grid-cell>cell 9-4</nve-grid-cell>\n  </nve-grid-row>\n</nve-grid>",
+            "example": "<nve-grid>\n  <nve-grid-header>\n    <nve-grid-column>column 0</nve-grid-column><nve-grid-column>column 1</nve-grid-column><nve-grid-column>column 2</nve-grid-column><nve-grid-column>column 3</nve-grid-column><nve-grid-column>column 4</nve-grid-column>\n  </nve-grid-header>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 0-0</nve-grid-cell><nve-grid-cell>cell 0-1</nve-grid-cell><nve-grid-cell>cell 0-2</nve-grid-cell><nve-grid-cell>cell 0-3</nve-grid-cell><nve-grid-cell>cell 0-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 1-0</nve-grid-cell><nve-grid-cell>cell 1-1</nve-grid-cell><nve-grid-cell>cell 1-2</nve-grid-cell><nve-grid-cell>cell 1-3</nve-grid-cell><nve-grid-cell>cell 1-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 2-0</nve-grid-cell><nve-grid-cell>cell 2-1</nve-grid-cell><nve-grid-cell>cell 2-2</nve-grid-cell><nve-grid-cell>cell 2-3</nve-grid-cell><nve-grid-cell>cell 2-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 3-0</nve-grid-cell><nve-grid-cell>cell 3-1</nve-grid-cell><nve-grid-cell>cell 3-2</nve-grid-cell><nve-grid-cell>cell 3-3</nve-grid-cell><nve-grid-cell>cell 3-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 4-0</nve-grid-cell><nve-grid-cell>cell 4-1</nve-grid-cell><nve-grid-cell>cell 4-2</nve-grid-cell><nve-grid-cell>cell 4-3</nve-grid-cell><nve-grid-cell>cell 4-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 5-0</nve-grid-cell><nve-grid-cell>cell 5-1</nve-grid-cell><nve-grid-cell>cell 5-2</nve-grid-cell><nve-grid-cell>cell 5-3</nve-grid-cell><nve-grid-cell>cell 5-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 6-0</nve-grid-cell><nve-grid-cell>cell 6-1</nve-grid-cell><nve-grid-cell>cell 6-2</nve-grid-cell><nve-grid-cell>cell 6-3</nve-grid-cell><nve-grid-cell>cell 6-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 7-0</nve-grid-cell><nve-grid-cell>cell 7-1</nve-grid-cell><nve-grid-cell>cell 7-2</nve-grid-cell><nve-grid-cell>cell 7-3</nve-grid-cell><nve-grid-cell>cell 7-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 8-0</nve-grid-cell><nve-grid-cell>cell 8-1</nve-grid-cell><nve-grid-cell>cell 8-2</nve-grid-cell><nve-grid-cell>cell 8-3</nve-grid-cell><nve-grid-cell>cell 8-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 9-0</nve-grid-cell><nve-grid-cell>cell 9-1</nve-grid-cell><nve-grid-cell>cell 9-2</nve-grid-cell><nve-grid-cell>cell 9-3</nve-grid-cell><nve-grid-cell>cell 9-4</nve-grid-cell>\n  </nve-grid-row>\n</nve-grid>",
             "package": true,
             "documentation": "https://nvidia.github.io/elements/docs/elements/data-grid/",
             "since": "0.11.0",
             "status": "stable",
             "behavior": "list",
-            "markdown": "## nve-grid\n\nA versatile table/datagrid component with built-in keyboard navigation for displaying and interacting with structured data. Use it for anything from simple read-only tables to fully interactive, spreadsheet experiences.\n\n### Example\n\n```html\n<nve-grid>\n  <nve-grid-header>\n    <nve-grid-column>column 0</nve-grid-column><nve-grid-column>column 1</nve-grid-column\n    ><nve-grid-column>column 2</nve-grid-column><nve-grid-column>column 3</nve-grid-column\n    ><nve-grid-column>column 4</nve-grid-column>\n  </nve-grid-header>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 0-0</nve-grid-cell><nve-grid-cell>cell 0-1</nve-grid-cell><nve-grid-cell>cell 0-2</nve-grid-cell\n    ><nve-grid-cell>cell 0-3</nve-grid-cell><nve-grid-cell>cell 0-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 1-0</nve-grid-cell><nve-grid-cell>cell 1-1</nve-grid-cell><nve-grid-cell>cell 1-2</nve-grid-cell\n    ><nve-grid-cell>cell 1-3</nve-grid-cell><nve-grid-cell>cell 1-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 2-0</nve-grid-cell><nve-grid-cell>cell 2-1</nve-grid-cell><nve-grid-cell>cell 2-2</nve-grid-cell\n    ><nve-grid-cell>cell 2-3</nve-grid-cell><nve-grid-cell>cell 2-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 3-0</nve-grid-cell><nve-grid-cell>cell 3-1</nve-grid-cell><nve-grid-cell>cell 3-2</nve-grid-cell\n    ><nve-grid-cell>cell 3-3</nve-grid-cell><nve-grid-cell>cell 3-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 4-0</nve-grid-cell><nve-grid-cell>cell 4-1</nve-grid-cell><nve-grid-cell>cell 4-2</nve-grid-cell\n    ><nve-grid-cell>cell 4-3</nve-grid-cell><nve-grid-cell>cell 4-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 5-0</nve-grid-cell><nve-grid-cell>cell 5-1</nve-grid-cell><nve-grid-cell>cell 5-2</nve-grid-cell\n    ><nve-grid-cell>cell 5-3</nve-grid-cell><nve-grid-cell>cell 5-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 6-0</nve-grid-cell><nve-grid-cell>cell 6-1</nve-grid-cell><nve-grid-cell>cell 6-2</nve-grid-cell\n    ><nve-grid-cell>cell 6-3</nve-grid-cell><nve-grid-cell>cell 6-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 7-0</nve-grid-cell><nve-grid-cell>cell 7-1</nve-grid-cell><nve-grid-cell>cell 7-2</nve-grid-cell\n    ><nve-grid-cell>cell 7-3</nve-grid-cell><nve-grid-cell>cell 7-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 8-0</nve-grid-cell><nve-grid-cell>cell 8-1</nve-grid-cell><nve-grid-cell>cell 8-2</nve-grid-cell\n    ><nve-grid-cell>cell 8-3</nve-grid-cell><nve-grid-cell>cell 8-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 9-0</nve-grid-cell><nve-grid-cell>cell 9-1</nve-grid-cell><nve-grid-cell>cell 9-2</nve-grid-cell\n    ><nve-grid-cell>cell 9-3</nve-grid-cell><nve-grid-cell>cell 9-4</nve-grid-cell>\n  </nve-grid-row>\n</nve-grid>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/grid/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | `nve-grid-header`, `nve-grid-row`, and `nve-grid-placeholder` elements. |\n| footer | `string` | slot for grid-footer or toolbar |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| container | `'flat' \\| 'full' \\| undefined` | Determines the container styles of component. Flat nests the grid within other containers. Full spans the full edge-to-edge viewport width. |\n| stripe | `boolean` | Determine style variant stripe rows |\n| scrollTo |  | Scroll to a specific position in the grid. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --row-height | `string` | fixed height of each row |\n| --scroll-height | `string` | height of the scrollable area |"
+            "markdown": "## nve-grid\n\nA versatile table/datagrid component with built-in keyboard navigation for displaying and interacting with structured data. Use it for anything from simple read-only tables to fully interactive, spreadsheet experiences.\n\n### Example\n\n```html\n<nve-grid>\n  <nve-grid-header>\n    <nve-grid-column>column 0</nve-grid-column><nve-grid-column>column 1</nve-grid-column><nve-grid-column>column 2</nve-grid-column><nve-grid-column>column 3</nve-grid-column><nve-grid-column>column 4</nve-grid-column>\n  </nve-grid-header>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 0-0</nve-grid-cell><nve-grid-cell>cell 0-1</nve-grid-cell><nve-grid-cell>cell 0-2</nve-grid-cell><nve-grid-cell>cell 0-3</nve-grid-cell><nve-grid-cell>cell 0-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 1-0</nve-grid-cell><nve-grid-cell>cell 1-1</nve-grid-cell><nve-grid-cell>cell 1-2</nve-grid-cell><nve-grid-cell>cell 1-3</nve-grid-cell><nve-grid-cell>cell 1-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 2-0</nve-grid-cell><nve-grid-cell>cell 2-1</nve-grid-cell><nve-grid-cell>cell 2-2</nve-grid-cell><nve-grid-cell>cell 2-3</nve-grid-cell><nve-grid-cell>cell 2-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 3-0</nve-grid-cell><nve-grid-cell>cell 3-1</nve-grid-cell><nve-grid-cell>cell 3-2</nve-grid-cell><nve-grid-cell>cell 3-3</nve-grid-cell><nve-grid-cell>cell 3-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 4-0</nve-grid-cell><nve-grid-cell>cell 4-1</nve-grid-cell><nve-grid-cell>cell 4-2</nve-grid-cell><nve-grid-cell>cell 4-3</nve-grid-cell><nve-grid-cell>cell 4-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 5-0</nve-grid-cell><nve-grid-cell>cell 5-1</nve-grid-cell><nve-grid-cell>cell 5-2</nve-grid-cell><nve-grid-cell>cell 5-3</nve-grid-cell><nve-grid-cell>cell 5-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 6-0</nve-grid-cell><nve-grid-cell>cell 6-1</nve-grid-cell><nve-grid-cell>cell 6-2</nve-grid-cell><nve-grid-cell>cell 6-3</nve-grid-cell><nve-grid-cell>cell 6-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 7-0</nve-grid-cell><nve-grid-cell>cell 7-1</nve-grid-cell><nve-grid-cell>cell 7-2</nve-grid-cell><nve-grid-cell>cell 7-3</nve-grid-cell><nve-grid-cell>cell 7-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 8-0</nve-grid-cell><nve-grid-cell>cell 8-1</nve-grid-cell><nve-grid-cell>cell 8-2</nve-grid-cell><nve-grid-cell>cell 8-3</nve-grid-cell><nve-grid-cell>cell 8-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 9-0</nve-grid-cell><nve-grid-cell>cell 9-1</nve-grid-cell><nve-grid-cell>cell 9-2</nve-grid-cell><nve-grid-cell>cell 9-3</nve-grid-cell><nve-grid-cell>cell 9-4</nve-grid-cell>\n  </nve-grid-row>\n</nve-grid>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/grid/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | `nve-grid-header`, `nve-grid-row`, and `nve-grid-placeholder` elements. |\n| footer | `string` | slot for grid-footer or toolbar |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| container | `'flat' \\| 'full' \\| undefined` | Determines the container styles of component. Flat nests the grid within other containers. Full spans the full edge-to-edge viewport width. |\n| stripe | `boolean` | Determine style variant stripe rows |\n| scrollTo |  | Scroll to a specific position in the grid. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --row-height | `string` | fixed height of each row |\n| --scroll-height | `string` | height of the scrollable area |"
           }
         }
       ],
@@ -25120,7 +25128,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Recognizes drag, pan, pinch, and wheel input on a dynamically assigned target.",
+          "description": "Normalizes claimable platform pointer and wheel input on a dynamically assigned target.\nA pointer claim owns native input competition for its lifetime: the controller prevents claimed movement and text\nselection, and can suppress native drag when configured.",
           "name": "GestureController",
           "members": [
             {
@@ -25154,17 +25162,10 @@
             },
             {
               "kind": "field",
-              "name": "#panPointerIds",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new Set<number>()"
-            },
-            {
-              "kind": "field",
-              "name": "#pointerPositions",
+              "name": "#pointerStates",
               "privacy": "private",
               "readonly": true,
-              "default": "new Map<number, Point>()"
+              "default": "new Map<number, PointerState>()"
             },
             {
               "kind": "field",
@@ -25207,6 +25208,43 @@
                 "values": []
               }
             },
+            {
+              "kind": "field",
+              "name": "#touchActionState",
+              "privacy": "private",
+              "type": {
+                "text": "TouchActionState | undefined",
+                "_sourceAliases": [],
+                "values": []
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#userSelectState",
+              "privacy": "private",
+              "type": {
+                "text": "UserSelectState | undefined",
+                "_sourceAliases": [],
+                "values": []
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getWheelZoomFactor",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "input",
+                  "type": {
+                    "text": "Pick<WheelGesture, 'deltaY' | 'event'>"
+                  }
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "target"
@@ -25229,6 +25267,15 @@
                 }
               }
             },
+            {
+              "kind": "method",
+              "name": "hostUpdated",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "#addTargetListeners",
@@ -25249,6 +25296,21 @@
                 }
               }
             },
+            {
+              "kind": "method",
+              "name": "#shouldListenForPointerDownReservation",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#handlePointerDownReservation",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "#handleEvent",
@@ -25256,7 +25318,7 @@
             },
             {
               "kind": "method",
-              "name": "#handleWheel",
+              "name": "#handleNativeDrag",
               "privacy": "private",
               "return": {
                 "type": {
@@ -25267,20 +25329,14 @@
                 {
                   "name": "event",
                   "type": {
-                    "text": "WheelEvent"
-                  }
-                },
-                {
-                  "name": "capabilities",
-                  "type": {
-                    "text": "GestureCapabilities"
+                    "text": "Event"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "#handlePointer",
+              "name": "#handleContextMenu",
               "privacy": "private",
               "return": {
                 "type": {
@@ -25291,20 +25347,14 @@
                 {
                   "name": "event",
                   "type": {
-                    "text": "PointerEvent"
-                  }
-                },
-                {
-                  "name": "capabilities",
-                  "type": {
-                    "text": "GestureCapabilities"
+                    "text": "MouseEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "#handleClick",
+              "name": "#handleSelectStart",
               "privacy": "private",
               "return": {
                 "type": {
@@ -25315,20 +25365,14 @@
                 {
                   "name": "event",
                   "type": {
-                    "text": "PointerEvent"
-                  }
-                },
-                {
-                  "name": "capabilities",
-                  "type": {
-                    "text": "GestureCapabilities"
+                    "text": "Event"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "#handlePointerDown",
+              "name": "#handlePointerEvent",
               "privacy": "private",
               "return": {
                 "type": {
@@ -25341,18 +25385,30 @@
                   "type": {
                     "text": "PointerEvent"
                   }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleWheel",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
                 {
-                  "name": "capabilities",
+                  "name": "event",
                   "type": {
-                    "text": "GestureCapabilities"
+                    "text": "WheelEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "#handlePointerUp",
+              "name": "#handlePointerDown",
               "privacy": "private",
               "return": {
                 "type": {
@@ -25383,22 +25439,16 @@
                   "type": {
                     "text": "PointerEvent"
                   }
-                },
-                {
-                  "name": "capabilities",
-                  "type": {
-                    "text": "GestureCapabilities"
-                  }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "#handlePointerButtonsReleased",
+              "name": "#updatePointerPosition",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "PointerState | undefined"
                 }
               },
               "parameters": [
@@ -25412,11 +25462,11 @@
             },
             {
               "kind": "method",
-              "name": "#handlePanMove",
+              "name": "#dispatchPointerMovementGesture",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "void"
                 }
               },
               "parameters": [
@@ -25427,26 +25477,26 @@
                   }
                 },
                 {
-                  "name": "movement",
+                  "name": "pointerState",
                   "type": {
-                    "text": "Point"
+                    "text": "PointerState"
                   }
                 },
                 {
-                  "name": "capabilities",
+                  "name": "kind",
                   "type": {
-                    "text": "GestureCapabilities"
+                    "text": "'drag' | 'pan'"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "#updatePointerPosition",
+              "name": "#endPointer",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "Point | undefined"
+                  "text": "void"
                 }
               },
               "parameters": [
@@ -25455,6 +25505,12 @@
                   "type": {
                     "text": "PointerEvent"
                   }
+                },
+                {
+                  "name": "reason",
+                  "type": {
+                    "text": "PointerEndReason"
+                  }
                 }
               ]
             },
@@ -25476,6 +25532,30 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "#dispatchActivePinch",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                },
+                {
+                  "name": "pinch",
+                  "type": {
+                    "text": "ActivePinchState<TPinchContext>"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "#startPinchIfNeeded",
@@ -25488,35 +25568,45 @@
             },
             {
               "kind": "method",
-              "name": "#getPinchPointerIds",
+              "name": "#beginPendingPinchIfPossible",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "[number, number] | undefined"
+                  "text": "void"
                 }
               }
             },
             {
               "kind": "method",
-              "name": "#getPointerDistance",
+              "name": "#countPinchCandidates",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "number | undefined"
+                  "text": "number"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#capturePointer",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
                 }
               },
               "parameters": [
                 {
-                  "name": "pointerIds",
+                  "name": "pointerId",
                   "type": {
-                    "text": "readonly [number, number]"
+                    "text": "number"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "#capturePointer",
+              "name": "#applyTouchAction",
               "privacy": "private",
               "return": {
                 "type": {
@@ -25525,13 +25615,71 @@
               },
               "parameters": [
                 {
-                  "name": "pointerId",
+                  "name": "target",
                   "type": {
-                    "text": "number"
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#restoreTouchAction",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#syncTouchAction",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#getTouchAction",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string | undefined"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#applyUserSelect",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "target",
+                  "type": {
+                    "text": "HTMLElement"
                   }
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "#restoreUserSelect",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "#dispatchGesture",
@@ -25552,7 +25700,7 @@
             },
             {
               "kind": "method",
-              "name": "#dispatchPointerInput",
+              "name": "#dispatchGestureInput",
               "privacy": "private",
               "return": {
                 "type": {
@@ -25563,7 +25711,7 @@
                 {
                   "name": "input",
                   "type": {
-                    "text": "UnhandledPointerInput"
+                    "text": "GestureInput"
                   }
                 }
               ]
@@ -25681,6 +25829,160 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "/src/internal/controllers/key-state.controller.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Provides host-scoped access to shared raw keyboard state without assigning interaction semantics to any key.",
+          "name": "KeyStateController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "#host",
+              "privacy": "private",
+              "type": {
+                "text": "KeyStateHost",
+                "_sourceAliases": [],
+                "values": []
+              },
+              "readonly": true,
+              "default": "host"
+            },
+            {
+              "kind": "field",
+              "name": "#subscriber",
+              "privacy": "private",
+              "type": {
+                "text": "KeyStateSubscriber",
+                "_sourceAliases": [],
+                "values": []
+              },
+              "readonly": true,
+              "default": "{ watchedCodes: new Set(watchedCodes), requestUpdate: () => host.requestUpdate() }"
+            },
+            {
+              "kind": "field",
+              "name": "#connected",
+              "privacy": "private",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "boolean",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "#enabled",
+              "privacy": "private",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "boolean",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "#source",
+              "privacy": "private",
+              "type": {
+                "text": "DocumentKeyStateSource | undefined",
+                "_sourceAliases": [],
+                "values": []
+              }
+            },
+            {
+              "kind": "field",
+              "name": "enabled",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "true",
+                    "description": ""
+                  },
+                  {
+                    "value": "false",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Enables shared keyboard tracking during the host's connected lifecycle."
+            },
+            {
+              "kind": "method",
+              "name": "isPressed",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "code",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Returns whether a key identified by `KeyboardEvent.code` is currently held."
+            },
+            {
+              "kind": "method",
+              "name": "hostConnected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hostDisconnected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#syncSubscription",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "KeyStateController",
+          "declaration": {
+            "name": "KeyStateController",
+            "module": "/src/internal/controllers/key-state.controller.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "/src/internal/controllers/keynav-grid.controller.js",
@@ -26118,6 +26420,23 @@
               "readonly": true,
               "default": "host"
             },
+            {
+              "kind": "field",
+              "name": "#isEnabled",
+              "privacy": "private",
+              "type": {
+                "text": "() => boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "() => boolean",
+                    "description": ""
+                  }
+                ]
+              },
+              "readonly": true,
+              "default": "isEnabled"
+            },
             {
               "kind": "method",
               "name": "hostConnected",
@@ -27262,6 +27581,14 @@
             "module": "home/runner/work/elements/elements/projects/core/src/internal/controllers/i18n.controller.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "home/runner/work/elements/elements/projects/core/src/internal/controllers/key-state.controller.js"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -27502,6 +27829,14 @@
             "module": "home/runner/work/elements/elements/projects/core/src/internal/utils/keynav.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "home/runner/work/elements/elements/projects/core/src/internal/utils/numeric.js"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -28574,6 +28909,24 @@
           ],
           "description": "parses number out of basic calc generated by the design tokens"
         },
+        {
+          "kind": "function",
+          "name": "getCustomElementRegistry",
+          "return": {
+            "type": {
+              "text": "CustomElementRegistry | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "element",
+              "type": {
+                "text": "Element",
+                "_sourceAliases": []
+              }
+            }
+          ]
+        },
         {
           "kind": "variable",
           "name": "supportsScopedRegistry",
@@ -29077,6 +29430,14 @@
             "module": "/src/internal/utils/dom.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "getCustomElementRegistry",
+          "declaration": {
+            "name": "getCustomElementRegistry",
+            "module": "/src/internal/utils/dom.js"
+          }
+        },
         {
           "kind": "js",
           "name": "supportsScopedRegistry",
@@ -29470,6 +29831,25 @@
             }
           ]
         },
+        {
+          "kind": "function",
+          "name": "isImmediateRootActiveElement",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          },
+          "parameters": [
+            {
+              "name": "element",
+              "type": {
+                "text": "Element",
+                "_sourceAliases": []
+              }
+            }
+          ],
+          "description": "Returns whether an element itself owns focus in its immediate document or shadow root."
+        },
         {
           "kind": "function",
           "name": "focusElement",
@@ -29576,6 +29956,14 @@
             "module": "/src/internal/utils/focus.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "isImmediateRootActiveElement",
+          "declaration": {
+            "name": "isImmediateRootActiveElement",
+            "module": "/src/internal/utils/focus.js"
+          }
+        },
         {
           "kind": "js",
           "name": "focusElement",
@@ -29689,6 +30077,113 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "/src/internal/utils/numeric.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "finiteOr",
+          "return": {
+            "type": {
+              "text": "number"
+            }
+          },
+          "parameters": [
+            {
+              "name": "value",
+              "type": {
+                "text": "number | undefined",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "fallback",
+              "type": {
+                "text": "number",
+                "_sourceAliases": []
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "nonnegativeFiniteOr",
+          "return": {
+            "type": {
+              "text": "number"
+            }
+          },
+          "parameters": [
+            {
+              "name": "value",
+              "type": {
+                "text": "number | undefined",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "fallback",
+              "type": {
+                "text": "number",
+                "_sourceAliases": []
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "positiveFiniteOr",
+          "return": {
+            "type": {
+              "text": "number"
+            }
+          },
+          "parameters": [
+            {
+              "name": "value",
+              "type": {
+                "text": "number | undefined",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "fallback",
+              "type": {
+                "text": "number",
+                "_sourceAliases": []
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "finiteOr",
+          "declaration": {
+            "name": "finiteOr",
+            "module": "/src/internal/utils/numeric.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "nonnegativeFiniteOr",
+          "declaration": {
+            "name": "nonnegativeFiniteOr",
+            "module": "/src/internal/utils/numeric.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "positiveFiniteOr",
+          "declaration": {
+            "name": "positiveFiniteOr",
+            "module": "/src/internal/utils/numeric.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "/src/internal/utils/objects.js",
@@ -36415,13 +36910,13 @@
             "themes": true,
             "aria": "https://www.w3.org/WAI/ARIA/apg/patterns/listbox/",
             "entrypoint": "@nvidia-elements/core/preferences-input",
-            "example": "<nve-preferences-input\n  name=\"theme\"\n  value='{ \"color-scheme\": \"dark\", \"scale\": \"compact\", \"reduced-motion\": \"true\" }'\n></nve-preferences-input>",
+            "example": "<nve-preferences-input name=\"theme\" value='{ \"color-scheme\": \"dark\", \"scale\": \"compact\", \"reduced-motion\": \"true\" }'></nve-preferences-input>",
             "package": true,
             "documentation": "https://nvidia.github.io/elements/docs/elements/preferences-input/",
             "since": "1.23.7",
             "status": "stable",
             "behavior": "form",
-            "markdown": "## nve-preferences-input\n\nA preferences input is a widget for controlling apperance. Stylesheets register to the preferences input by including a css-property, see Standard for an example.\n\n### Example\n\n```html\n<nve-preferences-input\n  name=\"theme\"\n  value='{ \"color-scheme\": \"dark\", \"scale\": \"compact\", \"reduced-motion\": \"true\" }'\n></nve-preferences-input>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/preferences-input/define.js';\n```\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| i18n |  | Enables updating internal string values for internationalization. |\n| value | property: `PreferencesInputValue`; attribute: `string` | Contains the current color scheme, scale, and reduced motion preferences. Assign an object through JavaScript or provide its JSON serialization in the HTML `value` attribute. |\n| defaultValue | `string` | The initial value used when the parent form resets. |\n| readOnly (readonly) | `boolean` | Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://mdn.dev/HTML/Attributes/readonly) - `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it. - `false` The element allows editing and the user can change its value through interaction. |\n| disabled | `boolean` | This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://mdn.dev/ARIA/Attributes/aria-disabled) - `true` The element has a disabled state and does not accept interaction. - `false` The element has an enabled state and accepts interaction. |\n| required | `boolean` | Requires a value before the parent form can submit. https://mdn.dev/HTML/Attributes/required |\n| pattern | `string` | Defines the pattern that text values must match. https://mdn.dev/HTML/Attributes/pattern |\n| min | `number \\| null` | Defines the minimum numeric value. https://mdn.dev/HTML/Attributes/min |\n| max | `number \\| null` | Defines the maximum numeric value. https://mdn.dev/HTML/Attributes/max |\n| step | `number \\| null` | Defines the value granularity for numeric inputs. https://mdn.dev/HTML/Attributes/step |\n| minLength (minlength) | `number` | Defines the minimum text length. https://mdn.dev/HTML/Attributes/minlength |\n| maxLength (maxlength) | `number` | Defines the maximum text length. https://mdn.dev/HTML/Attributes/maxlength |\n| name | `string` | The name submitted with the control value as part of the form data. https://mdn.dev/HTML/Attributes/name |\n| noValidate (novalidate) | `boolean` | Disables constraint validation for this control. https://mdn.dev/HTML/Attributes/novalidate |\n| form | `HTMLFormElement \\| null` | The form associated with the control. https://mdn.dev/ElementInternals/form |\n| willValidate | `boolean` | Indicates whether the control participates in constraint validation. https://mdn.dev/ElementInternals/willValidate |\n| validity | `ValidityState` | The control validity state. https://mdn.dev/ElementInternals/validity |\n| validationMessage | `string` | The validation message shown when the control is invalid. https://mdn.dev/ElementInternals/validationMessage |\n| valueAsString | `string` | The current value serialized as a string. |\n| valueAsNumber | `number` | The current value parsed as a number. |\n| type | `string` | The control type. |\n| labels | `NodeList` | Labels associated with the control. https://mdn.dev/ElementInternals/labels |\n| composedLabel | `string` | Text content from labels associated with the control. |\n| reportValidity | `() => boolean` | Reports whether the control satisfies its constraints. https://mdn.dev/HTMLInputElement/reportValidity |\n| checkValidity | `() => boolean` | Checks whether the control satisfies its constraints. https://mdn.dev/HTMLInputElement/checkValidity |\n| setCustomValidity | `(message: string) => void` | Sets a custom validation message. https://mdn.dev/HTMLInputElement/setCustomValidity |\n| reset | `() => void` | Resets the control value to its initial value. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| input | `CustomEvent` | Dispatched when the value has changed |\n| change | `CustomEvent` | Dispatched when the value has changed |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
+            "markdown": "## nve-preferences-input\n\nA preferences input is a widget for controlling apperance. Stylesheets register to the preferences input by including a css-property, see Standard for an example.\n\n### Example\n\n```html\n<nve-preferences-input name=\"theme\" value='{ \"color-scheme\": \"dark\", \"scale\": \"compact\", \"reduced-motion\": \"true\" }'></nve-preferences-input>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/preferences-input/define.js';\n```\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| i18n |  | Enables updating internal string values for internationalization. |\n| value | property: `PreferencesInputValue`; attribute: `string` | Contains the current color scheme, scale, and reduced motion preferences. Assign an object through JavaScript or provide its JSON serialization in the HTML `value` attribute. |\n| defaultValue | `string` | The initial value used when the parent form resets. |\n| readOnly (readonly) | `boolean` | Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://mdn.dev/HTML/Attributes/readonly) - `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it. - `false` The element allows editing and the user can change its value through interaction. |\n| disabled | `boolean` | This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://mdn.dev/ARIA/Attributes/aria-disabled) - `true` The element has a disabled state and does not accept interaction. - `false` The element has an enabled state and accepts interaction. |\n| required | `boolean` | Requires a value before the parent form can submit. https://mdn.dev/HTML/Attributes/required |\n| pattern | `string` | Defines the pattern that text values must match. https://mdn.dev/HTML/Attributes/pattern |\n| min | `number \\| null` | Defines the minimum numeric value. https://mdn.dev/HTML/Attributes/min |\n| max | `number \\| null` | Defines the maximum numeric value. https://mdn.dev/HTML/Attributes/max |\n| step | `number \\| null` | Defines the value granularity for numeric inputs. https://mdn.dev/HTML/Attributes/step |\n| minLength (minlength) | `number` | Defines the minimum text length. https://mdn.dev/HTML/Attributes/minlength |\n| maxLength (maxlength) | `number` | Defines the maximum text length. https://mdn.dev/HTML/Attributes/maxlength |\n| name | `string` | The name submitted with the control value as part of the form data. https://mdn.dev/HTML/Attributes/name |\n| noValidate (novalidate) | `boolean` | Disables constraint validation for this control. https://mdn.dev/HTML/Attributes/novalidate |\n| form | `HTMLFormElement \\| null` | The form associated with the control. https://mdn.dev/ElementInternals/form |\n| willValidate | `boolean` | Indicates whether the control participates in constraint validation. https://mdn.dev/ElementInternals/willValidate |\n| validity | `ValidityState` | The control validity state. https://mdn.dev/ElementInternals/validity |\n| validationMessage | `string` | The validation message shown when the control is invalid. https://mdn.dev/ElementInternals/validationMessage |\n| valueAsString | `string` | The current value serialized as a string. |\n| valueAsNumber | `number` | The current value parsed as a number. |\n| type | `string` | The control type. |\n| labels | `NodeList` | Labels associated with the control. https://mdn.dev/ElementInternals/labels |\n| composedLabel | `string` | Text content from labels associated with the control. |\n| reportValidity | `() => boolean` | Reports whether the control satisfies its constraints. https://mdn.dev/HTMLInputElement/reportValidity |\n| checkValidity | `() => boolean` | Checks whether the control satisfies its constraints. https://mdn.dev/HTMLInputElement/checkValidity |\n| setCustomValidity | `(message: string) => void` | Sets a custom validation message. https://mdn.dev/HTMLInputElement/setCustomValidity |\n| reset | `() => void` | Resets the control value to its initial value. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| input | `CustomEvent` | Dispatched when the value has changed |\n| change | `CustomEvent` | Dispatched when the value has changed |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -47539,220 +48034,15 @@
               "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/height)"
             }
           ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "status",
-              "type": {
-                "text": "'warning' | 'error' | 'success' | 'disabled'",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "warning",
-                    "description": ""
-                  },
-                  {
-                    "value": "error",
-                    "description": ""
-                  },
-                  {
-                    "value": "success",
-                    "description": ""
-                  },
-                  {
-                    "value": "disabled",
-                    "description": ""
-                  }
-                ]
-              },
-              "description": "Set current visual state for control. This overrides any validation states active.",
-              "attribute": "status",
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "layout",
-              "type": {
-                "text": "| 'vertical'\n    | 'vertical-inline'\n    | 'horizontal'\n    | 'horizontal-inline'",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "vertical",
-                    "description": "Arranges content in a vertical stack with block-level spacing."
-                  },
-                  {
-                    "value": "vertical-inline",
-                    "description": "Arranges content vertically with compact inline spacing for dense layouts."
-                  },
-                  {
-                    "value": "horizontal",
-                    "description": "Arranges content in a horizontal row with block-level spacing."
-                  },
-                  {
-                    "value": "horizontal-inline",
-                    "description": "Arranges content horizontally with compact inline spacing."
-                  }
-                ]
-              },
-              "description": "Controls the directional arrangement and spacing behavior of the element's content.\n- `vertical` Arranges content in a vertical stack with block-level spacing.\n\n- `vertical-inline` Arranges content vertically with compact inline spacing for dense layouts.\n\n- `horizontal` Arranges content in a horizontal row with block-level spacing.\n\n- `horizontal-inline` Arranges content horizontally with compact inline spacing.",
-              "attribute": "layout",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              },
-              "descriptionText": "Controls the directional arrangement and spacing behavior of the element's content."
-            },
-            {
-              "kind": "field",
-              "name": "fitText",
-              "type": {
-                "text": "boolean",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "true",
-                    "description": ""
-                  },
-                  {
-                    "value": "false",
-                    "description": ""
-                  }
-                ]
-              },
-              "default": "false",
-              "description": "Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select)",
-              "attribute": "fit-text",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "fitContent",
-              "type": {
-                "text": "boolean",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "true",
-                    "description": ""
-                  },
-                  {
-                    "value": "false",
-                    "description": ""
-                  }
-                ]
-              },
-              "default": "false",
-              "description": "Sets the input to match native default content block",
-              "attribute": "fit-content",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "i18n",
-              "description": "Enables internal string values to update for internationalization.",
-              "attribute": "i18n",
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "prominence",
-              "type": {
-                "text": "'muted'",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "muted",
-                    "description": ""
-                  }
-                ]
-              },
-              "description": "Set the visual prominence of the control",
-              "attribute": "prominence",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
-            },
+          "slots": [
             {
-              "kind": "field",
-              "name": "nveControl",
-              "type": {
-                "text": "string",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "string",
-                    "description": ""
-                  }
-                ]
-              },
-              "privacy": "protected",
-              "default": "''",
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
+              "description": "Content to display before the textarea.",
+              "name": "prefix"
             },
             {
-              "kind": "method",
-              "name": "reset",
-              "description": "Resets control value to initial attribute value and clears any active validation rules.",
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
+              "description": "Content to display after the textarea.",
+              "name": "suffix"
             },
-            {
-              "kind": "method",
-              "name": "showPicker",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "Control",
-            "package": "@nvidia-elements/core/forms"
-          },
-          "tagName": "nve-textarea",
-          "customElement": true,
-          "metadata": {
-            "unitTests": true,
-            "apiReview": true,
-            "performance": true,
-            "stable": true,
-            "vqa": true,
-            "responsive": true,
-            "themes": true,
-            "aria": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea",
-            "entrypoint": "@nvidia-elements/core/textarea",
-            "example": "<nve-textarea>\n  <label>label</label>\n  <textarea></textarea>\n  <nve-control-message>message</nve-control-message>\n</nve-textarea>",
-            "package": true,
-            "documentation": "https://nvidia.github.io/elements/docs/elements/textarea/",
-            "since": "0.3.0",
-            "status": "stable",
-            "behavior": "form",
-            "markdown": "## nve-textarea\n\nA textarea is a control that enables users to enter and edit text.\n\n### Example\n\n```html\n<nve-textarea>\n  <label>label</label>\n  <textarea></textarea>\n  <nve-control-message>message</nve-control-message>\n</nve-textarea>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/textarea/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Control input element |\n| label | `string` | Label element |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | Set current visual state for control. This overrides any validation states active. |\n| layout | `\\| 'vertical'\n    \\| 'vertical-inline'\n    \\| 'horizontal'\n    \\| 'horizontal-inline'` | Controls the directional arrangement and spacing behavior of the element's content. - `vertical` Arranges content in a vertical stack with block-level spacing. - `vertical-inline` Arranges content vertically with compact inline spacing for dense layouts. - `horizontal` Arranges content in a horizontal row with block-level spacing. - `horizontal-inline` Arranges content horizontally with compact inline spacing. |\n| fitText (fit-text) | `boolean` | Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) |\n| fitContent (fit-content) | `boolean` | Sets the input to match native default content block |\n| i18n |  | Enables internal string values to update for internationalization. |\n| prominence | `'muted'` | Set the visual prominence of the control |\n| reset |  | Resets control value to initial attribute value and clears any active validation rules. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| reset | `CustomEvent` |  |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --control-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --control-height | `string` | [MDN](https://mdn.dev/CSS/height) |"
-          },
-          "slots": [
             {
               "description": "Control input element",
               "name": "",
@@ -47770,7 +48060,220 @@
               }
             }
           ],
-          "attributes": [
+          "members": [
+            {
+              "kind": "field",
+              "name": "status",
+              "type": {
+                "text": "'warning' | 'error' | 'success' | 'disabled'",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "warning",
+                    "description": ""
+                  },
+                  {
+                    "value": "error",
+                    "description": ""
+                  },
+                  {
+                    "value": "success",
+                    "description": ""
+                  },
+                  {
+                    "value": "disabled",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Set current visual state for control. This overrides any validation states active.",
+              "attribute": "status",
+              "inheritedFrom": {
+                "name": "Control",
+                "module": "/src/forms/control/control.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "layout",
+              "type": {
+                "text": "| 'vertical'\n    | 'vertical-inline'\n    | 'horizontal'\n    | 'horizontal-inline'",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "vertical",
+                    "description": "Arranges content in a vertical stack with block-level spacing."
+                  },
+                  {
+                    "value": "vertical-inline",
+                    "description": "Arranges content vertically with compact inline spacing for dense layouts."
+                  },
+                  {
+                    "value": "horizontal",
+                    "description": "Arranges content in a horizontal row with block-level spacing."
+                  },
+                  {
+                    "value": "horizontal-inline",
+                    "description": "Arranges content horizontally with compact inline spacing."
+                  }
+                ]
+              },
+              "description": "Controls the directional arrangement and spacing behavior of the element's content.\n- `vertical` Arranges content in a vertical stack with block-level spacing.\n\n- `vertical-inline` Arranges content vertically with compact inline spacing for dense layouts.\n\n- `horizontal` Arranges content in a horizontal row with block-level spacing.\n\n- `horizontal-inline` Arranges content horizontally with compact inline spacing.",
+              "attribute": "layout",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "Control",
+                "module": "/src/forms/control/control.js"
+              },
+              "descriptionText": "Controls the directional arrangement and spacing behavior of the element's content."
+            },
+            {
+              "kind": "field",
+              "name": "fitText",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "true",
+                    "description": ""
+                  },
+                  {
+                    "value": "false",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "false",
+              "description": "Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select)",
+              "attribute": "fit-text",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "Control",
+                "module": "/src/forms/control/control.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "fitContent",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "true",
+                    "description": ""
+                  },
+                  {
+                    "value": "false",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "false",
+              "description": "Sets the input to match native default content block",
+              "attribute": "fit-content",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "Control",
+                "module": "/src/forms/control/control.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "i18n",
+              "description": "Enables internal string values to update for internationalization.",
+              "attribute": "i18n",
+              "inheritedFrom": {
+                "name": "Control",
+                "module": "/src/forms/control/control.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "prominence",
+              "type": {
+                "text": "'muted'",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "muted",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Set the visual prominence of the control",
+              "attribute": "prominence",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "Control",
+                "module": "/src/forms/control/control.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "nveControl",
+              "type": {
+                "text": "string",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ]
+              },
+              "privacy": "protected",
+              "default": "''",
+              "inheritedFrom": {
+                "name": "Control",
+                "module": "/src/forms/control/control.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "reset",
+              "description": "Resets control value to initial attribute value and clears any active validation rules.",
+              "inheritedFrom": {
+                "name": "Control",
+                "module": "/src/forms/control/control.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "showPicker",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "Control",
+                "module": "/src/forms/control/control.js"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "Control",
+            "package": "@nvidia-elements/core/forms"
+          },
+          "tagName": "nve-textarea",
+          "customElement": true,
+          "metadata": {
+            "unitTests": true,
+            "apiReview": true,
+            "performance": true,
+            "stable": true,
+            "vqa": true,
+            "responsive": true,
+            "themes": true,
+            "aria": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea",
+            "entrypoint": "@nvidia-elements/core/textarea",
+            "example": "<nve-textarea>\n  <label>label</label>\n  <textarea></textarea>\n  <nve-control-message>message</nve-control-message>\n</nve-textarea>",
+            "package": true,
+            "documentation": "https://nvidia.github.io/elements/docs/elements/textarea/",
+            "since": "0.3.0",
+            "status": "stable",
+            "behavior": "form",
+            "markdown": "## nve-textarea\n\nA textarea is a control that enables users to enter and edit text.\n\n### Example\n\n```html\n<nve-textarea>\n  <label>label</label>\n  <textarea></textarea>\n  <nve-control-message>message</nve-control-message>\n</nve-textarea>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/textarea/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| prefix | `string` | Content to display before the textarea. |\n| suffix | `string` | Content to display after the textarea. |\n| (default) | `string` | Control input element |\n| label | `string` | Label element |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | Set current visual state for control. This overrides any validation states active. |\n| layout | `\\| 'vertical'\n    \\| 'vertical-inline'\n    \\| 'horizontal'\n    \\| 'horizontal-inline'` | Controls the directional arrangement and spacing behavior of the element's content. - `vertical` Arranges content in a vertical stack with block-level spacing. - `vertical-inline` Arranges content vertically with compact inline spacing for dense layouts. - `horizontal` Arranges content in a horizontal row with block-level spacing. - `horizontal-inline` Arranges content horizontally with compact inline spacing. |\n| fitText (fit-text) | `boolean` | Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) |\n| fitContent (fit-content) | `boolean` | Sets the input to match native default content block |\n| i18n |  | Enables internal string values to update for internationalization. |\n| prominence | `'muted'` | Set the visual prominence of the control |\n| reset |  | Resets control value to initial attribute value and clears any active validation rules. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| reset | `CustomEvent` |  |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --control-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --control-height | `string` | [MDN](https://mdn.dev/CSS/height) |"
+          },
+          "attributes": [
             {
               "name": "status",
               "type": {
@@ -51062,6 +51565,2766 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "/src/viewport/define.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/viewport/index.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "home/runner/work/elements/elements/projects/core/src/viewport/viewport.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "home/runner/work/elements/elements/projects/core/src/viewport/viewport-gridlines.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ViewportAnimationOptions",
+          "declaration": {
+            "name": "ViewportAnimationOptions",
+            "module": "./viewport.types.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ViewportDiscretePanDetail",
+          "declaration": {
+            "name": "ViewportDiscretePanDetail",
+            "module": "./viewport.types.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ViewportPanBehavior",
+          "declaration": {
+            "name": "ViewportPanBehavior",
+            "module": "./viewport.types.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ViewportPanDetail",
+          "declaration": {
+            "name": "ViewportPanDetail",
+            "module": "./viewport.types.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ViewportPanEndDetail",
+          "declaration": {
+            "name": "ViewportPanEndDetail",
+            "module": "./viewport.types.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ViewportPanEndReason",
+          "declaration": {
+            "name": "ViewportPanEndReason",
+            "module": "./viewport.types.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ViewportPoint",
+          "declaration": {
+            "name": "ViewportPoint",
+            "module": "./viewport.types.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ViewportPointerPanDetail",
+          "declaration": {
+            "name": "ViewportPointerPanDetail",
+            "module": "./viewport.types.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ViewportRect",
+          "declaration": {
+            "name": "ViewportRect",
+            "module": "./viewport.types.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ViewportRevealOptions",
+          "declaration": {
+            "name": "ViewportRevealOptions",
+            "module": "./viewport.types.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ViewportTransform",
+          "declaration": {
+            "name": "ViewportTransform",
+            "module": "./viewport.types.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ViewportWheelPanDetail",
+          "declaration": {
+            "name": "ViewportWheelPanDetail",
+            "module": "./viewport.types.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ViewportZoomDetail",
+          "declaration": {
+            "name": "ViewportZoomDetail",
+            "module": "./viewport.types.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/viewport/viewport-animation.controller.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ViewportAnimationController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "#delegate",
+              "privacy": "private",
+              "type": {
+                "text": "ViewportAnimationDelegate",
+                "_sourceAliases": [],
+                "values": []
+              },
+              "readonly": true,
+              "default": "delegate"
+            },
+            {
+              "kind": "field",
+              "name": "#animation",
+              "privacy": "private",
+              "type": {
+                "text": "ViewportAnimation | undefined",
+                "_sourceAliases": [],
+                "values": []
+              }
+            },
+            {
+              "kind": "field",
+              "name": "destinationScale",
+              "type": {
+                "text": "number | undefined",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "animateTo",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "target",
+                  "type": {
+                    "text": "Partial<ViewportTransform>"
+                  }
+                },
+                {
+                  "name": "options",
+                  "default": "{}",
+                  "type": {
+                    "text": "ViewportAnimationOptions"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "cancel",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hostDisconnected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#animateFrame",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#startAnimation",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "animation",
+                  "type": {
+                    "text": "ViewportAnimation"
+                  }
+                },
+                {
+                  "name": "time",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "start"
+        },
+        {
+          "kind": "variable",
+          "name": "duration"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ViewportAnimationController",
+          "declaration": {
+            "name": "ViewportAnimationController",
+            "module": "/src/viewport/viewport-animation.controller.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/viewport/viewport-autofit.controller.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Coordinates one initial fit once default-slot children have definitions and measurable layout.",
+          "name": "ViewportAutoFitController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "#applyInitialFit",
+              "privacy": "private",
+              "type": {
+                "text": "ApplyInitialFit",
+                "_sourceAliases": [],
+                "values": []
+              },
+              "readonly": true,
+              "default": "applyInitialFit"
+            },
+            {
+              "kind": "field",
+              "name": "#host",
+              "privacy": "private",
+              "type": {
+                "text": "ViewportAutoFitHost",
+                "_sourceAliases": [],
+                "values": []
+              },
+              "readonly": true,
+              "default": "host"
+            },
+            {
+              "kind": "field",
+              "name": "#children",
+              "privacy": "private",
+              "type": {
+                "text": "readonly Element[] | undefined",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "readonly Element[]",
+                    "description": ""
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#consumed",
+              "privacy": "private",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "boolean",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "#frame",
+              "privacy": "private",
+              "type": {
+                "text": "number | undefined",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#generation",
+              "privacy": "private",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "#observer",
+              "privacy": "private",
+              "type": {
+                "text": "ResizeObserver | undefined",
+                "_sourceAliases": [],
+                "values": []
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hostConnected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hostDisconnected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hostUpdated",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "contentChanged"
+            },
+            {
+              "kind": "method",
+              "name": "consume",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#cancelPending",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#start",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "slot",
+                  "optional": true,
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#waitForDefinitions",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "children",
+                  "type": {
+                    "text": "readonly Element[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#waitForLayout",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "generation",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#scheduleFit",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "generation",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#fit",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "generation",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#measurableClientRects",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "ViewportClientRect[]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "children",
+                  "type": {
+                    "text": "readonly Element[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#isCurrent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "generation",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ViewportAutoFitController",
+          "declaration": {
+            "name": "ViewportAutoFitController",
+            "module": "/src/viewport/viewport-autofit.controller.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/viewport/viewport-fitting.utils.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "contentBoundsFromClientRects",
+          "return": {
+            "type": {
+              "text": "ViewportRect | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "clientRects",
+              "type": {
+                "text": "Iterable<ViewportClientRect>",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "viewportFrame",
+              "type": {
+                "text": "ViewportClientFrame",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "transform",
+              "type": {
+                "text": "ViewportTransform",
+                "_sourceAliases": []
+              }
+            }
+          ],
+          "description": "Converts measurable client-space rectangles into their single content-space union."
+        },
+        {
+          "kind": "function",
+          "name": "revealTarget",
+          "return": {
+            "type": {
+              "text": "ViewportTransform"
+            }
+          },
+          "parameters": [
+            {
+              "name": "region",
+              "type": {
+                "text": "{ x: number; y: number; width?: number; height?: number }",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "configuration",
+              "type": {
+                "text": "{\n    options: ViewportFitOptions;\n    scaleRange: { min: number; max: number };\n    transform: ViewportTransform;\n    viewport: { width: number; height: number };\n  }",
+                "_sourceAliases": []
+              }
+            }
+          ],
+          "description": "Calculates the viewport transform that centers or fits a content-space region."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "contentBoundsFromClientRects",
+          "declaration": {
+            "name": "contentBoundsFromClientRects",
+            "module": "/src/viewport/viewport-fitting.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "revealTarget",
+          "declaration": {
+            "name": "revealTarget",
+            "module": "/src/viewport/viewport-fitting.utils.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/viewport/viewport-gesture-navigation.controller.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Coordinates the viewport's opt-in pointer, touch, pinch, and wheel navigation behavior.",
+          "name": "ViewportGestureNavigationController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "#host",
+              "privacy": "private",
+              "type": {
+                "text": "ViewportGestureNavigationHost",
+                "_sourceAliases": [],
+                "values": []
+              },
+              "readonly": true,
+              "default": "host"
+            },
+            {
+              "kind": "field",
+              "name": "#delegate",
+              "privacy": "private",
+              "type": {
+                "text": "ViewportGestureNavigationDelegate",
+                "_sourceAliases": [],
+                "values": []
+              },
+              "readonly": true,
+              "default": "delegate"
+            },
+            {
+              "kind": "field",
+              "name": "#gestureController",
+              "privacy": "private",
+              "type": {
+                "text": "GestureController<PinchContext>",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "GestureController<PinchContext>",
+                    "description": ""
+                  }
+                ]
+              },
+              "readonly": true,
+              "default": "new GestureController(host, { beginPinch: this.#beginPinch, claimPriority: 'descendant-first', shouldIgnoreEvent: this.#shouldIgnoreEvent, shouldPreventContextMenu: this.#shouldPreventContextMenu, shouldReservePointerDown: this.#shouldReservePointerDown, suppressNativeDrag: true, touchAction: this.#getTouchAction })"
+            },
+            {
+              "kind": "field",
+              "name": "#keyStateController",
+              "privacy": "private",
+              "type": {
+                "text": "KeyStateController",
+                "_sourceAliases": [],
+                "values": []
+              },
+              "readonly": true,
+              "default": "new KeyStateController(host, { watchedCodes: ['Space'] })"
+            },
+            {
+              "kind": "field",
+              "name": "#pointerPanSessions",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new Map<number, PointerPanSession>()"
+            },
+            {
+              "kind": "field",
+              "name": "#suppressedClicks",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new Map< number, { eventType: 'auxclick' | 'click'; timer: ReturnType<typeof setTimeout> } >()"
+            },
+            {
+              "kind": "field",
+              "name": "#connected",
+              "privacy": "private",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "boolean",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "#clickListenersActive",
+              "privacy": "private",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "boolean",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "#spaceKeyListenerTarget",
+              "privacy": "private",
+              "type": {
+                "text": "Window | undefined",
+                "_sourceAliases": [],
+                "values": []
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#nativeInteractionHovered",
+              "privacy": "private",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "boolean",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "#pinchPointerIds",
+              "privacy": "private",
+              "type": {
+                "text": "ReadonlySet<number> | undefined",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "ReadonlySet<number>",
+                    "description": ""
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hostConnected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hostDisconnected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hostUpdated",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "rebasePointerSessions",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Rebase in-progress pointer math synchronously after an independent transform change."
+            },
+            {
+              "kind": "method",
+              "name": "#syncBehaviorPolicy",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#syncDisabledPanEligibility",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "panBehavior",
+                  "type": {
+                    "text": "ViewportPanBehavior"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "#handleGestureInput",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#handlePointerDown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "input",
+                  "type": {
+                    "text": "Extract<GestureInput, { kind: 'pointerdown' }>"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#focusSpaceViewportFromUnclaimedPointer",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handlePointerEnd",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "input",
+                  "type": {
+                    "text": "PointerEndGesture"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#endPinchIfNeeded",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "pointerId",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#finishPointerPan",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "input",
+                  "type": {
+                    "text": "PointerEndGesture"
+                  }
+                },
+                {
+                  "name": "session",
+                  "type": {
+                    "text": "PointerPanSession"
+                  }
+                },
+                {
+                  "name": "endedPinch",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleWheel",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "input",
+                  "type": {
+                    "text": "WheelGestureInput"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleWheelZoom",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "input",
+                  "type": {
+                    "text": "WheelGestureInput"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleWheelPan",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "input",
+                  "type": {
+                    "text": "WheelGestureInput"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "#handleGesture",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#handlePointerPan",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "gesture",
+                  "type": {
+                    "text": "PointerMovementGesture & { readonly kind: 'pan' }"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#dispatchPointerPanAndApplyDefault",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "pointerId",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "session",
+                  "type": {
+                    "text": "PointerPanSession"
+                  }
+                },
+                {
+                  "name": "detail",
+                  "type": {
+                    "text": "ViewportPointerPanDetail"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#activatePendingPan",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "pointerId",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "session",
+                  "type": {
+                    "text": "PointerPanSession"
+                  }
+                },
+                {
+                  "name": "gesture",
+                  "type": {
+                    "text": "PointerMovementGesture"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#getAuthoritativePointerPanLifecycle",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "PointerPanLifecycle | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "pointerId",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "session",
+                  "type": {
+                    "text": "PointerPanSession"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handlePinchGesture",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "gesture",
+                  "type": {
+                    "text": "Extract<Gesture<PinchContext>, { kind: 'pinch' }>"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "#beginPinch",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#interruptPointerPansForPinch",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#interruptPointerPan",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "end",
+                  "type": {
+                    "text": "{ readonly event: PointerEvent; readonly reason: ViewportPanEndReason }"
+                  }
+                },
+                {
+                  "name": "session",
+                  "type": {
+                    "text": "PointerPanSession"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#suppressPointerPan",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "session",
+                  "type": {
+                    "text": "PointerPanSession"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#dispatchPanEnd",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "end",
+                  "type": {
+                    "text": "{ readonly event: PointerEvent; readonly reason: ViewportPanEndReason }"
+                  }
+                },
+                {
+                  "name": "session",
+                  "type": {
+                    "text": "PointerPanSession"
+                  }
+                },
+                {
+                  "name": "interrupted",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "#handleSpaceKeyDown",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#handleFocus",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#handleBlur",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#handlePointerOver",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#acceptsPointerPan",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#isSpacePanEligible",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#shouldIgnoreEvent",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#shouldPreventContextMenu",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#shouldReservePointerDown",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#getTouchAction",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#rebasePointerPans",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#rebaseEligiblePointerPan",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "session",
+                  "type": {
+                    "text": "PointerPanSession"
+                  }
+                },
+                {
+                  "name": "transformStart",
+                  "type": {
+                    "text": "ViewportTransform"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "#handleClickCapture",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#queueClickSuppression",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "pointerId",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "session",
+                  "type": {
+                    "text": "PointerPanSession"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#clearSuppressedClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "pointerId",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#clearPointerState",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#syncPanningState",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#syncPanEligibleState",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#setSpaceKeyListener",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "enabled",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#setClickListeners",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "enabled",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "start"
+        },
+        {
+          "kind": "variable",
+          "name": "anchor"
+        },
+        {
+          "kind": "variable",
+          "name": "factor"
+        },
+        {
+          "kind": "variable",
+          "name": "next"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ViewportGestureNavigationController",
+          "declaration": {
+            "name": "ViewportGestureNavigationController",
+            "module": "/src/viewport/viewport-gesture-navigation.controller.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/viewport/viewport-gridlines.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Renders origin-stable, zoom-adaptive gridlines behind viewport content.",
+          "name": "ViewportGridlines",
+          "cssProperties": [
+            {
+              "description": "Sets the gridline stroke color. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color)",
+              "name": "--color"
+            },
+            {
+              "description": "Sets the approximate stroke width in CSS pixels.",
+              "name": "--line-width"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "step",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Smallest gridline interval in content-space units.",
+              "attribute": "step",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "originX",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Content-space x coordinate of the grid origin.",
+              "attribute": "origin-x",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "originY",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Content-space y coordinate of the grid origin.",
+              "attribute": "origin-y",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "targetSpacing",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Target on-screen separation used to choose the adaptive gridline interval, in CSS pixels.",
+              "attribute": "target-spacing",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "step",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Smallest gridline interval in content-space units.",
+              "fieldName": "step"
+            },
+            {
+              "name": "origin-x",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Content-space x coordinate of the grid origin.",
+              "fieldName": "originX"
+            },
+            {
+              "name": "origin-y",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Content-space y coordinate of the grid origin.",
+              "fieldName": "originY"
+            },
+            {
+              "name": "target-spacing",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Target on-screen separation used to choose the adaptive gridline interval, in CSS pixels.",
+              "fieldName": "targetSpacing"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "nve-viewport-gridlines",
+          "customElement": true,
+          "metadata": {
+            "unitTests": true,
+            "apiReview": true,
+            "performance": true,
+            "stable": true,
+            "vqa": true,
+            "responsive": true,
+            "themes": true,
+            "aria": "#",
+            "entrypoint": "@nvidia-elements/core/viewport",
+            "example": "",
+            "package": true,
+            "documentation": "https://nvidia.github.io/elements/docs/elements/viewport/",
+            "since": "0.0.0",
+            "status": "beta",
+            "behavior": "content",
+            "markdown": "## nve-viewport-gridlines\n\nRenders origin-stable, zoom-adaptive gridlines behind viewport content.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/viewport/define.js';\n```\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| step | `number` | Smallest gridline interval in content-space units. |\n| originX (origin-x) | `number` | Content-space x coordinate of the grid origin. |\n| originY (origin-y) | `number` | Content-space y coordinate of the grid origin. |\n| targetSpacing (target-spacing) | `number` | Target on-screen separation used to choose the adaptive gridline interval, in CSS pixels. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --color | `string` | Sets the gridline stroke color. [MDN](https://mdn.dev/CSS/color) |\n| --line-width | `string` | Sets the approximate stroke width in CSS pixels. |"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ViewportGridlines",
+          "declaration": {
+            "name": "ViewportGridlines",
+            "module": "/src/viewport/viewport-gridlines.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/viewport/viewport-gridlines.utils.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "selectGridlineInterval",
+          "return": {
+            "type": {
+              "text": "number"
+            }
+          },
+          "parameters": [
+            {
+              "name": "options",
+              "type": {
+                "text": "GridlineIntervalOptions",
+                "_sourceAliases": []
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "createGridlineCoverage",
+          "return": {
+            "type": {
+              "text": "ViewportRect"
+            }
+          },
+          "parameters": [
+            {
+              "name": "visible",
+              "type": {
+                "text": "ViewportRect",
+                "_sourceAliases": []
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "gridlineCoverageNeedsUpdate",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          },
+          "parameters": [
+            {
+              "name": "coverage",
+              "type": {
+                "text": "ViewportRect | undefined",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "visible",
+              "type": {
+                "text": "ViewportRect",
+                "_sourceAliases": []
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "selectGridlineInterval",
+          "declaration": {
+            "name": "selectGridlineInterval",
+            "module": "/src/viewport/viewport-gridlines.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "createGridlineCoverage",
+          "declaration": {
+            "name": "createGridlineCoverage",
+            "module": "/src/viewport/viewport-gridlines.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "gridlineCoverageNeedsUpdate",
+          "declaration": {
+            "name": "gridlineCoverageNeedsUpdate",
+            "module": "/src/viewport/viewport-gridlines.utils.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/viewport/viewport-navigation.controller.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Coordinates the viewport's opt-in keyboard and Invoker navigation behavior.",
+          "name": "ViewportNavigationController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "#host",
+              "privacy": "private",
+              "type": {
+                "text": "ViewportNavigationHost",
+                "_sourceAliases": [],
+                "values": []
+              },
+              "readonly": true,
+              "default": "host"
+            },
+            {
+              "kind": "field",
+              "name": "#delegate",
+              "privacy": "private",
+              "type": {
+                "text": "ViewportNavigationDelegate",
+                "_sourceAliases": [],
+                "values": []
+              },
+              "readonly": true,
+              "default": "delegate"
+            },
+            {
+              "kind": "field",
+              "name": "#managesTabIndex",
+              "privacy": "private",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "boolean",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "false"
+            },
+            {
+              "kind": "method",
+              "name": "hostConnected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hostDisconnected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hostUpdated",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#handleCommand",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#handleSpatialKey",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#requestDiscretePan",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CommandEvent | KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "request",
+                  "type": {
+                    "text": "DiscretePanRequest"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "#handleViewportKeyDown",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#requestZoom",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CommandEvent | KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "next",
+                  "type": {
+                    "text": "ViewportTransform"
+                  }
+                },
+                {
+                  "name": "source",
+                  "type": {
+                    "text": "'command' | 'keyboard'"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#acceptsKeyboardZoom",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#acceptsKeyboardPan",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#syncFocusability",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "behaviorEnabled",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "next"
+        },
+        {
+          "kind": "variable",
+          "name": "start"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ViewportNavigationController",
+          "declaration": {
+            "name": "ViewportNavigationController",
+            "module": "/src/viewport/viewport-navigation.controller.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/viewport/viewport-navigation.types.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/viewport/viewport-projection.utils.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "anchoredTransform",
+          "return": {
+            "type": {
+              "text": "ViewportTransform"
+            }
+          },
+          "parameters": [
+            {
+              "name": "anchor",
+              "type": {
+                "text": "ViewportPoint",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "viewport",
+              "type": {
+                "text": "ViewportPoint",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "scale",
+              "type": {
+                "text": "number",
+                "_sourceAliases": []
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "contentPointFromViewport",
+          "return": {
+            "type": {
+              "text": "ViewportPoint"
+            }
+          },
+          "parameters": [
+            {
+              "name": "viewportX",
+              "type": {
+                "text": "number",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "viewportY",
+              "type": {
+                "text": "number",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "transform",
+              "type": {
+                "text": "ViewportTransform",
+                "_sourceAliases": []
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "centeredScaleTransform",
+          "return": {
+            "type": {
+              "text": "ViewportTransform"
+            }
+          },
+          "parameters": [
+            {
+              "name": "scale",
+              "type": {
+                "text": "number",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "transform",
+              "type": {
+                "text": "ViewportTransform",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "viewportSize",
+              "type": {
+                "text": "{ width: number; height: number }",
+                "_sourceAliases": []
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "anchoredTransform",
+          "declaration": {
+            "name": "anchoredTransform",
+            "module": "/src/viewport/viewport-projection.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "contentPointFromViewport",
+          "declaration": {
+            "name": "contentPointFromViewport",
+            "module": "/src/viewport/viewport-projection.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "centeredScaleTransform",
+          "declaration": {
+            "name": "centeredScaleTransform",
+            "module": "/src/viewport/viewport-projection.utils.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/viewport/viewport.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A viewport provides a spatial surface for arbitrary content, with optional pan and zoom navigation.",
+          "name": "Viewport",
+          "cssProperties": [
+            {
+              "description": "Background color of the fixed viewport area. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background)",
+              "name": "--background"
+            },
+            {
+              "name": "--min-height",
+              "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height)"
+            },
+            {
+              "description": "Cursor shown over a background eligible for primary-pointer panning.",
+              "name": "--pan-cursor"
+            },
+            {
+              "description": "Cursor shown while a pointer pan is active.",
+              "name": "--panning-cursor"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Content positioned in the viewport's infinite content space.",
+              "name": ""
+            },
+            {
+              "description": "Custom content rendered behind viewport content and excluded from content fitting",
+              "name": "background"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "x",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Horizontal content-space coordinate at the viewport origin.",
+              "attribute": "x"
+            },
+            {
+              "kind": "field",
+              "name": "y",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Vertical content-space coordinate at the viewport origin.",
+              "attribute": "y"
+            },
+            {
+              "kind": "field",
+              "name": "scale",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Content-to-viewport CSS-pixel scale.",
+              "attribute": "scale"
+            },
+            {
+              "kind": "field",
+              "name": "minScale",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Inclusive lower scale limit.",
+              "attribute": "min-scale",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "maxScale",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Inclusive upper scale limit.",
+              "attribute": "max-scale",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "behaviorPan",
+              "type": {
+                "text": "boolean | 'space'",
+                "_sourceAliases": [
+                  "ViewportPanBehavior"
+                ],
+                "values": [
+                  {
+                    "value": "boolean",
+                    "description": ""
+                  },
+                  {
+                    "value": "space",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Enables panning by pointer, focused wheel, focused keyboard, and Invoker commands; requires Space for primary-pointer dragging when set to space.",
+              "attribute": "behavior-pan",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "behaviorZoom",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "true",
+                    "description": ""
+                  },
+                  {
+                    "value": "false",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "false",
+              "description": "Enables zooming by pinch, focused modified wheel, focused keyboard, and Invoker commands.",
+              "attribute": "behavior-zoom",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "autoFit",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "true",
+                    "description": ""
+                  },
+                  {
+                    "value": "false",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "false",
+              "description": "Fits measurable direct default-slot content once after initial layout.",
+              "attribute": "autoFit",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "fitInset",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Default uniform CSS-pixel inset reserved around bounds when fitting content.",
+              "attribute": "fit-inset",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "dragThreshold",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "CSS-pixel pointer movement required before a pointer pan begins.",
+              "attribute": "drag-threshold",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "toViewportCoords",
+              "return": {
+                "type": {
+                  "text": "ViewportPoint"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "contentX",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "contentY",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "description": "Converts a content-space point to viewport CSS pixels."
+            },
+            {
+              "kind": "method",
+              "name": "toContentCoords",
+              "return": {
+                "type": {
+                  "text": "ViewportPoint"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "viewportX",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "viewportY",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "description": "Converts a viewport CSS-pixel point to content space."
+            },
+            {
+              "kind": "method",
+              "name": "getTransform",
+              "return": {
+                "type": {
+                  "text": "ViewportTransform"
+                }
+              },
+              "description": "Returns the current content-space origin and CSS-pixel scale."
+            },
+            {
+              "kind": "method",
+              "name": "getVisibleRect",
+              "return": {
+                "type": {
+                  "text": "ViewportRect"
+                }
+              },
+              "description": "Returns the visible content-space rectangle."
+            },
+            {
+              "kind": "method",
+              "name": "animateTo",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "target",
+                  "type": {
+                    "text": "Partial<ViewportTransform>"
+                  }
+                },
+                {
+                  "name": "options",
+                  "default": "{}",
+                  "type": {
+                    "text": "ViewportAnimationOptions"
+                  }
+                }
+              ],
+              "description": "Animates the viewport to the requested partial transform."
+            },
+            {
+              "kind": "method",
+              "name": "reveal",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "region",
+                  "type": {
+                    "text": "{ x: number; y: number; width?: number; height?: number }"
+                  }
+                },
+                {
+                  "name": "options",
+                  "default": "{}",
+                  "type": {
+                    "text": "ViewportRevealOptions"
+                  }
+                }
+              ],
+              "description": "Centers or fits a content-space region within the viewport."
+            },
+            {
+              "kind": "method",
+              "name": "fitContents",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "options",
+                  "default": "{}",
+                  "type": {
+                    "text": "ViewportRevealOptions"
+                  }
+                }
+              ],
+              "description": "Fits the union of direct default-slot element boxes within the viewport."
+            }
+          ],
+          "events": [
+            {
+              "name": "viewportchange",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Dispatched once after a render that commits one or more viewport transform changes."
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "CustomEvent"
+              }
+            },
+            {
+              "description": "Dispatched when pointer movement crosses the pan threshold. Cancel to disable built-in pointer panning for the sequence.",
+              "name": "panstart"
+            },
+            {
+              "description": "Dispatched when pointer, wheel, keyboard, or command input requests a pan. Cancel to skip the proposed transform mutation.",
+              "name": "pan"
+            },
+            {
+              "description": "Dispatched when a pointer pan ends, including its terminal reason.",
+              "name": "panend"
+            },
+            {
+              "description": "Dispatched when wheel, pinch, or command input requests a scale change. Cancel to skip the proposed transform mutation.",
+              "name": "zoom"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "x",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Horizontal content-space coordinate at the viewport origin.",
+              "fieldName": "x"
+            },
+            {
+              "name": "y",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Vertical content-space coordinate at the viewport origin.",
+              "fieldName": "y"
+            },
+            {
+              "name": "scale",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Content-to-viewport CSS-pixel scale.",
+              "fieldName": "scale"
+            },
+            {
+              "name": "min-scale",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Inclusive lower scale limit.",
+              "fieldName": "minScale"
+            },
+            {
+              "name": "max-scale",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Inclusive upper scale limit.",
+              "fieldName": "maxScale"
+            },
+            {
+              "name": "behavior-pan",
+              "type": {
+                "text": "boolean | 'space'",
+                "_sourceAliases": [
+                  "ViewportPanBehavior"
+                ],
+                "values": [
+                  {
+                    "value": "boolean",
+                    "description": ""
+                  },
+                  {
+                    "value": "space",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Enables panning by pointer, focused wheel, focused keyboard, and Invoker commands; requires Space for primary-pointer dragging when set to space.",
+              "fieldName": "behaviorPan"
+            },
+            {
+              "name": "behavior-zoom",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "true",
+                    "description": ""
+                  },
+                  {
+                    "value": "false",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "false",
+              "description": "Enables zooming by pinch, focused modified wheel, focused keyboard, and Invoker commands.",
+              "fieldName": "behaviorZoom"
+            },
+            {
+              "name": "autoFit",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "true",
+                    "description": ""
+                  },
+                  {
+                    "value": "false",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "false",
+              "description": "Fits measurable direct default-slot content once after initial layout.",
+              "fieldName": "autoFit"
+            },
+            {
+              "name": "fit-inset",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Default uniform CSS-pixel inset reserved around bounds when fitting content.",
+              "fieldName": "fitInset"
+            },
+            {
+              "name": "drag-threshold",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "CSS-pixel pointer movement required before a pointer pan begins.",
+              "fieldName": "dragThreshold"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "nve-viewport",
+          "customElement": true,
+          "metadata": {
+            "unitTests": true,
+            "apiReview": true,
+            "performance": true,
+            "stable": false,
+            "vqa": true,
+            "responsive": true,
+            "themes": true,
+            "aria": "#",
+            "entrypoint": "@nvidia-elements/core/viewport",
+            "example": "<nve-viewport autofit fit-inset=\"24\" behavior-pan behavior-zoom style=\"height: 420px\">\n  <nve-viewport-gridlines></nve-viewport-gridlines>\n  <svg role=\"img\" aria-label=\"Three geometric forms in a spatial field\" width=\"710\" height=\"410\" viewBox=\"0 0 710 410\" style=\"position: absolute; left: 0; top: 0\">\n    <circle cx=\"100\" cy=\"300\" r=\"100\" fill=\"var(--nve-ref-color-green-jade-600)\"></circle>\n    <rect x=\"250\" y=\"0\" width=\"200\" height=\"200\" rx=\"50\" fill=\"var(--nve-ref-color-blue-cobalt-600)\"></rect>\n    <path d=\"M 600 190 L 710 300 L 600 410 L 490 300 Z\" fill=\"var(--nve-ref-color-purple-lavender-600)\"></path>\n  </svg>\n</nve-viewport>",
+            "package": true,
+            "documentation": "https://nvidia.github.io/elements/docs/elements/viewport/",
+            "since": "0.0.0",
+            "status": "beta",
+            "behavior": "content",
+            "markdown": "## nve-viewport\n\nA viewport provides a spatial surface for arbitrary content, with optional pan and zoom navigation.\n\n### Example\n\n```html\n<nve-viewport autofit fit-inset=\"24\" behavior-pan behavior-zoom style=\"height: 420px\">\n  <nve-viewport-gridlines></nve-viewport-gridlines>\n  <svg role=\"img\" aria-label=\"Three geometric forms in a spatial field\" width=\"710\" height=\"410\" viewBox=\"0 0 710 410\" style=\"position: absolute; left: 0; top: 0\">\n    <circle cx=\"100\" cy=\"300\" r=\"100\" fill=\"var(--nve-ref-color-green-jade-600)\"></circle>\n    <rect x=\"250\" y=\"0\" width=\"200\" height=\"200\" rx=\"50\" fill=\"var(--nve-ref-color-blue-cobalt-600)\"></rect>\n    <path d=\"M 600 190 L 710 300 L 600 410 L 490 300 Z\" fill=\"var(--nve-ref-color-purple-lavender-600)\"></path>\n  </svg>\n</nve-viewport>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/viewport/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Content positioned in the viewport's infinite content space. |\n| background | `string` | Custom content rendered behind viewport content and excluded from content fitting |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| x | `number` | Horizontal content-space coordinate at the viewport origin. |\n| y | `number` | Vertical content-space coordinate at the viewport origin. |\n| scale | `number` | Content-to-viewport CSS-pixel scale. |\n| minScale (min-scale) | `number` | Inclusive lower scale limit. |\n| maxScale (max-scale) | `number` | Inclusive upper scale limit. |\n| behaviorPan (behavior-pan) | `boolean \\| 'space'` | Enables panning by pointer, focused wheel, focused keyboard, and Invoker commands; requires Space for primary-pointer dragging when set to space. |\n| behaviorZoom (behavior-zoom) | `boolean` | Enables zooming by pinch, focused modified wheel, focused keyboard, and Invoker commands. |\n| autoFit | `boolean` | Fits measurable direct default-slot content once after initial layout. |\n| fitInset (fit-inset) | `number` | Default uniform CSS-pixel inset reserved around bounds when fitting content. |\n| dragThreshold (drag-threshold) | `number` | CSS-pixel pointer movement required before a pointer pan begins. |\n| toViewportCoords |  | Converts a content-space point to viewport CSS pixels. |\n| toContentCoords |  | Converts a viewport CSS-pixel point to content space. |\n| getTransform |  | Returns the current content-space origin and CSS-pixel scale. |\n| getVisibleRect |  | Returns the visible content-space rectangle. |\n| animateTo |  | Animates the viewport to the requested partial transform. |\n| reveal |  | Centers or fits a content-space region within the viewport. |\n| fitContents |  | Fits the union of direct default-slot element boxes within the viewport. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| viewportchange | `CustomEvent` | Dispatched once after a render that commits one or more viewport transform changes. |\n| type | `CustomEvent` |  |\n| panstart | `CustomEvent` | Dispatched when pointer movement crosses the pan threshold. Cancel to disable built-in pointer panning for the sequence. |\n| pan | `CustomEvent` | Dispatched when pointer, wheel, keyboard, or command input requests a pan. Cancel to skip the proposed transform mutation. |\n| panend | `CustomEvent` | Dispatched when a pointer pan ends, including its terminal reason. |\n| zoom | `CustomEvent` | Dispatched when wheel, pinch, or command input requests a scale change. Cancel to skip the proposed transform mutation. |\n\n### Invoker Commands\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --pan-left | `CommandEvent` | With behavior-pan enabled, pans left by one discrete step. |\n| --pan-right | `CommandEvent` | With behavior-pan enabled, pans right by one discrete step. |\n| --pan-up | `CommandEvent` | With behavior-pan enabled, pans up by one discrete step. |\n| --pan-down | `CommandEvent` | With behavior-pan enabled, pans down by one discrete step. |\n| --zoom-in | `CommandEvent` | With behavior-zoom enabled, animates to the next permitted scale step. |\n| --zoom-out | `CommandEvent` | With behavior-zoom enabled, animates to the previous permitted scale step. |\n| --zoom-reset | `CommandEvent` | With behavior-zoom enabled, animates to 100% scale. |\n| --zoom-to-fit | `CommandEvent` | With behavior-zoom enabled, animates to fit direct default-slot element boxes. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | Background color of the fixed viewport area. [MDN](https://mdn.dev/CSS/background) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --pan-cursor | `string` | Cursor shown over a background eligible for primary-pointer panning. |\n| --panning-cursor | `string` | Cursor shown while a pointer pan is active. |"
+          },
+          "commands": [
+            {
+              "name": "--pan-left",
+              "description": "With behavior-pan enabled, pans left by one discrete step."
+            },
+            {
+              "name": "--pan-right",
+              "description": "With behavior-pan enabled, pans right by one discrete step."
+            },
+            {
+              "name": "--pan-up",
+              "description": "With behavior-pan enabled, pans up by one discrete step."
+            },
+            {
+              "name": "--pan-down",
+              "description": "With behavior-pan enabled, pans down by one discrete step."
+            },
+            {
+              "name": "--zoom-in",
+              "description": "With behavior-zoom enabled, animates to the next permitted scale step."
+            },
+            {
+              "name": "--zoom-out",
+              "description": "With behavior-zoom enabled, animates to the previous permitted scale step."
+            },
+            {
+              "name": "--zoom-reset",
+              "description": "With behavior-zoom enabled, animates to 100% scale."
+            },
+            {
+              "name": "--zoom-to-fit",
+              "description": "With behavior-zoom enabled, animates to fit direct default-slot element boxes."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Viewport",
+          "declaration": {
+            "name": "Viewport",
+            "module": "/src/viewport/viewport.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/viewport/viewport.types.js",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "/src/week/define.js",