@nvidia-elements/core 2.9.0 → 2.10.0

package/dist/custom-elements.json

@@ -354,7 +354,7 @@
             "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>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) |"
+            "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| header | `string` | header element (Use `accordion-header` or custom content) |\n| icon-button | `string` | icon elements to display for expand/collapse |\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| 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| 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| 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| i18n |  | Enables updating internal string values for internationalization. |\n\n### Invoker Commands\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --close | `CommandEvent` | use to close the accordion |\n| --open | `CommandEvent` | use to open 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| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --header-padding | `string` | Padding around the header content. |\n| --transition | `string` | [MDN](https://mdn.dev/CSS/transition) |"
           },
           "commands": [
             {
@@ -995,7 +995,7 @@
             "since": "0.3.0",
             "status": "stable",
             "behavior": "feedback",
-            "markdown": "## nve-alert-group\n\nAn alert group is an element that displays a group of related and important messages in a way that attracts the user's attention without interrupting the user's task.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/alert/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for nve-alert |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| status | `'accent' \\| 'warning' \\| 'success' \\| 'danger' \\| undefined` | Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions. - `accent` Highlights important actions or draws attention to primary interactive elements. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `success` Represents positive outcomes, confirmations, or constructive actions. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. |\n| prominence | `'emphasis' \\| undefined` | Determines the visual prominence or weight, emphasis applies banner style alerts |\n| color | `'red-cardinal' \\| 'gray-slate' \\| 'gray-denim' \\| 'blue-indigo' \\| 'blue-cobalt' \\| 'blue-sky' \\| 'teal-cyan' \\| 'green-mint' \\| 'teal-seafoam' \\| 'green-grass' \\| 'yellow-amber' \\| 'orange-pumpkin' \\| 'red-tomato' \\| 'pink-magenta' \\| 'purple-plum' \\| 'purple-violet' \\| 'purple-lavender' \\| 'pink-rose' \\| 'green-jade' \\| 'lime-pear' \\| 'yellow-nova' \\| 'brand-green'` | Defines a base color from the theme color palette |\n| container | `'full' \\| undefined` | Determines the container bounds of the element |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |"
+            "markdown": "## nve-alert-group\n\nAn alert group is an element that displays a group of related and important messages in a way that attracts the user's attention without interrupting the user's task.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/alert/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for nve-alert |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| color | `'red-cardinal' \\| 'gray-slate' \\| 'gray-denim' \\| 'blue-indigo' \\| 'blue-cobalt' \\| 'blue-sky' \\| 'teal-cyan' \\| 'green-mint' \\| 'teal-seafoam' \\| 'green-grass' \\| 'yellow-amber' \\| 'orange-pumpkin' \\| 'red-tomato' \\| 'pink-magenta' \\| 'purple-plum' \\| 'purple-violet' \\| 'purple-lavender' \\| 'pink-rose' \\| 'green-jade' \\| 'lime-pear' \\| 'yellow-nova' \\| 'brand-green'` | Defines a base color from the theme color palette |\n| container | `'full' \\| undefined` | Determines the container bounds of the element |\n| prominence | `'emphasis' \\| undefined` | Determines the visual prominence or weight, emphasis applies banner style alerts |\n| status | `'accent' \\| 'warning' \\| 'success' \\| 'danger' \\| undefined` | Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions. - `accent` Highlights important actions or draws attention to primary interactive elements. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `success` Represents positive outcomes, confirmations, or constructive actions. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
           }
         }
       ],
@@ -1336,7 +1336,7 @@
             "since": "0.3.0",
             "status": "stable",
             "behavior": "feedback",
-            "markdown": "## nve-alert\n\nAlert is an element that displays a brief, important message in a way that attracts the user's attention without interrupting the user's task.\n\n### Example\n\n```html\n<nve-alert>alert message</nve-alert>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/alert/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| icon | `string` | Icon slot renders on the left side of the alert. Icons typically represent the alert's status. |\n| prefix | `string` | Prefix slot renders between the icon and the content. Prefixes typically represent the alert's status. |\n| actions | `string` | Actions render on the right side of the alert. Actions are typically buttons, but can also be links. Use actions for steps the user can take to resolve the alert. |\n| content | `string` | Content for large overflow text. |\n| (default) | `string` | Default content placed inside of the alert. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| status | `'accent' \\| 'warning' \\| 'success' \\| 'danger' \\| 'scheduled' \\| 'queued' \\| 'pending' \\| 'starting' \\| 'running' \\| 'restarting' \\| 'stopping' \\| 'finished' \\| 'failed' \\| 'unknown' \\| 'ignored' \\| 'muted' \\| undefined` | Defines visual treatment to represent a ongoing task or support status. - `accent` Highlights important actions or draws attention to primary interactive elements. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `success` Represents positive outcomes, confirmations, or constructive actions. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. - `scheduled` Task has a scheduled future execution at a specific time. - `queued` Task is waiting in line to begin after other tasks complete. - `pending` Task is awaiting approval, user input, or external conditions before proceeding. - `starting` Task is initializing and preparing to begin active execution. - `running` Task is actively executing and making progress. - `restarting` Task restarts after an interruption or reset. - `stopping` Task is gracefully shutting down and completing cleanup operations. - `finished` Task has completed successfully with the expected outcome. - `failed` Task encountered an error and did not complete as intended. - `unknown` Task status remains unknown or unavailable. - `ignored` Task was intentionally skipped or excluded from execution. |\n| closable | `boolean` | Indicates whether the user can dismiss or close the element. - `true` The element displays a close control and the user can dismiss it. - `false` The user cannot close the element and must dismiss it programmatically. |\n| i18n |  | Enables updating internal string values for internationalization. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| close | `CustomEvent` | Dispatched when the alert closes within an alert group. |\n\n### Invoker Commands\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --close | `CommandEvent` | Use to set the alert closed/hidden state. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --icon-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --icon-size | `string` |  |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --justify-content | `string` | [MDN](https://mdn.dev/CSS/justify-content) |\n| --align-items | `string` | [MDN](https://mdn.dev/CSS/align-items) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
+            "markdown": "## nve-alert\n\nAlert is an element that displays a brief, important message in a way that attracts the user's attention without interrupting the user's task.\n\n### Example\n\n```html\n<nve-alert>alert message</nve-alert>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/alert/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Default content placed inside of the alert. |\n| actions | `string` | Actions render on the right side of the alert. Actions are typically buttons, but can also be links. Use actions for steps the user can take to resolve the alert. |\n| content | `string` | Content for large overflow text. |\n| icon | `string` | Icon slot renders on the left side of the alert. Icons typically represent the alert's status. |\n| prefix | `string` | Prefix slot renders between the icon and the content. Prefixes typically represent the alert's status. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| closable | `boolean` | Indicates whether the user can dismiss or close the element. - `true` The element displays a close control and the user can dismiss it. - `false` The user cannot close the element and must dismiss it programmatically. |\n| i18n |  | Enables updating internal string values for internationalization. |\n| status | `'accent' \\| 'warning' \\| 'success' \\| 'danger' \\| 'scheduled' \\| 'queued' \\| 'pending' \\| 'starting' \\| 'running' \\| 'restarting' \\| 'stopping' \\| 'finished' \\| 'failed' \\| 'unknown' \\| 'ignored' \\| 'muted' \\| undefined` | Defines visual treatment to represent a ongoing task or support status. - `accent` Highlights important actions or draws attention to primary interactive elements. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `success` Represents positive outcomes, confirmations, or constructive actions. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. - `scheduled` Task has a scheduled future execution at a specific time. - `queued` Task is waiting in line to begin after other tasks complete. - `pending` Task is awaiting approval, user input, or external conditions before proceeding. - `starting` Task is initializing and preparing to begin active execution. - `running` Task is actively executing and making progress. - `restarting` Task restarts after an interruption or reset. - `stopping` Task is gracefully shutting down and completing cleanup operations. - `finished` Task has completed successfully with the expected outcome. - `failed` Task encountered an error and did not complete as intended. - `unknown` Task status remains unknown or unavailable. - `ignored` Task was intentionally skipped or excluded from execution. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| close | `CustomEvent` | Dispatched when the alert closes within an alert group. |\n\n### Invoker Commands\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --close | `CommandEvent` | Use to set the alert closed/hidden state. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --align-items | `string` | [MDN](https://mdn.dev/CSS/align-items) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --icon-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --icon-size | `string` |  |\n| --justify-content | `string` | [MDN](https://mdn.dev/CSS/justify-content) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           },
           "commands": [
             {
@@ -1777,7 +1777,7 @@
             "since": "1.20.0",
             "status": "stable",
             "behavior": "feedback",
-            "markdown": "## nve-avatar\n\nAvatar represents a user/bot within a UI. Typically with text or image content.\n\n### Example\n\n```html\n<nve-avatar>AV</nve-avatar>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/avatar/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Initials, an image, or other content that identifies the represented user or bot. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| size | `'sm' \\| 'md' \\| 'lg' \\| 'xs' \\| undefined` | Sets size of the avatar component. Update size through the `width + height` css props as an alternative. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| color | `'red-cardinal' \\| 'gray-slate' \\| 'gray-denim' \\| 'blue-indigo' \\| 'blue-cobalt' \\| 'blue-sky' \\| 'teal-cyan' \\| 'green-mint' \\| 'teal-seafoam' \\| 'green-grass' \\| 'yellow-amber' \\| 'orange-pumpkin' \\| 'red-tomato' \\| 'pink-magenta' \\| 'purple-plum' \\| 'purple-violet' \\| 'purple-lavender' \\| 'pink-rose' \\| 'green-jade' \\| 'lime-pear' \\| 'yellow-nova' \\| 'brand-green'` | Defines a base color from the theme color palette |\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| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |"
+            "markdown": "## nve-avatar\n\nAvatar represents a user/bot within a UI. Typically with text or image content.\n\n### Example\n\n```html\n<nve-avatar>AV</nve-avatar>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/avatar/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Initials, an image, or other content that identifies the represented user or bot. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| color | `'red-cardinal' \\| 'gray-slate' \\| 'gray-denim' \\| 'blue-indigo' \\| 'blue-cobalt' \\| 'blue-sky' \\| 'teal-cyan' \\| 'green-mint' \\| 'teal-seafoam' \\| 'green-grass' \\| 'yellow-amber' \\| 'orange-pumpkin' \\| 'red-tomato' \\| 'pink-magenta' \\| 'purple-plum' \\| 'purple-violet' \\| 'purple-lavender' \\| 'pink-rose' \\| 'green-jade' \\| 'lime-pear' \\| 'yellow-nova' \\| 'brand-green'` | Defines a base color from the theme color palette |\n| size | `'sm' \\| 'md' \\| 'lg' \\| 'xs' \\| undefined` | Sets size of the avatar component. Update size through the `width + height` css props as an alternative. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -2350,7 +2350,7 @@
             "since": "0.11.0",
             "status": "stable",
             "behavior": "content",
-            "markdown": "## nve-badge\n\nA visual indicator that communicates a status description of an associated component. Status badges use short text, color, built in icons for quick recognition and render near the relevant content.\n\n### Example\n\n```html\n<nve-badge>badge</nve-badge>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/badge/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Short text that communicates the badge status. |\n| prefix-icon | `string` | slot for prefix icon |\n| suffix-icon | `string` | slot for suffix icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| status | `'scheduled' \\| 'queued' \\| 'pending' \\| 'starting' \\| 'running' \\| 'restarting' \\| 'stopping' \\| 'finished' \\| 'failed' \\| 'unknown' \\| 'ignored' \\| 'accent' \\| 'warning' \\| 'success' \\| 'danger'` | Visual treatment to represent a ongoing task, support status. - `accent` Highlights important actions or draws attention to primary interactive elements. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `success` Represents positive outcomes, confirmations, or constructive actions. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. - `scheduled` Task has a scheduled future execution at a specific time. - `queued` Task is waiting in line to begin after other tasks complete. - `pending` Task is awaiting approval, user input, or external conditions before proceeding. - `starting` Task is initializing and preparing to begin active execution. - `running` Task is actively executing and making progress. - `restarting` Task restarts after an interruption or reset. - `stopping` Task is gracefully shutting down and completing cleanup operations. - `finished` Task has completed successfully with the expected outcome. - `failed` Task encountered an error and did not complete as intended. - `unknown` Task status remains unknown or unavailable. - `ignored` Task was intentionally skipped or excluded from execution. |\n| color | `'red-cardinal' \\| 'gray-slate' \\| 'gray-denim' \\| 'blue-indigo' \\| 'blue-cobalt' \\| 'blue-sky' \\| 'teal-cyan' \\| 'green-mint' \\| 'teal-seafoam' \\| 'green-grass' \\| 'yellow-amber' \\| 'orange-pumpkin' \\| 'red-tomato' \\| 'pink-magenta' \\| 'purple-plum' \\| 'purple-violet' \\| 'purple-lavender' \\| 'pink-rose' \\| 'green-jade' \\| 'lime-pear' \\| 'yellow-nova' \\| 'brand-green'` | Defines a base color from the theme color palette |\n| container | `'flat' \\| undefined` | Determines the container styles of component. Flat suits nesting within other containers. |\n| prominence | `'emphasis' \\| undefined` | Determines the visual prominence or weight |\n| i18n |  | Enables updating internal string values for internationalization. |\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| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --icon-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |"
+            "markdown": "## nve-badge\n\nA visual indicator that communicates a status description of an associated component. Status badges use short text, color, built in icons for quick recognition and render near the relevant content.\n\n### Example\n\n```html\n<nve-badge>badge</nve-badge>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/badge/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Short text that communicates the badge status. |\n| prefix-icon | `string` | slot for prefix icon |\n| suffix-icon | `string` | slot for suffix icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| color | `'red-cardinal' \\| 'gray-slate' \\| 'gray-denim' \\| 'blue-indigo' \\| 'blue-cobalt' \\| 'blue-sky' \\| 'teal-cyan' \\| 'green-mint' \\| 'teal-seafoam' \\| 'green-grass' \\| 'yellow-amber' \\| 'orange-pumpkin' \\| 'red-tomato' \\| 'pink-magenta' \\| 'purple-plum' \\| 'purple-violet' \\| 'purple-lavender' \\| 'pink-rose' \\| 'green-jade' \\| 'lime-pear' \\| 'yellow-nova' \\| 'brand-green'` | Defines a base color from the theme color palette |\n| container | `'flat' \\| undefined` | Determines the container styles of component. Flat suits nesting within other containers. |\n| i18n |  | Enables updating internal string values for internationalization. |\n| prominence | `'emphasis' \\| undefined` | Determines the visual prominence or weight |\n| status | `'scheduled' \\| 'queued' \\| 'pending' \\| 'starting' \\| 'running' \\| 'restarting' \\| 'stopping' \\| 'finished' \\| 'failed' \\| 'unknown' \\| 'ignored' \\| 'accent' \\| 'warning' \\| 'success' \\| 'danger'` | Visual treatment to represent a ongoing task, support status. - `accent` Highlights important actions or draws attention to primary interactive elements. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `success` Represents positive outcomes, confirmations, or constructive actions. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. - `scheduled` Task has a scheduled future execution at a specific time. - `queued` Task is waiting in line to begin after other tasks complete. - `pending` Task is awaiting approval, user input, or external conditions before proceeding. - `starting` Task is initializing and preparing to begin active execution. - `running` Task is actively executing and making progress. - `restarting` Task restarts after an interruption or reset. - `stopping` Task is gracefully shutting down and completing cleanup operations. - `finished` Task has completed successfully with the expected outcome. - `failed` Task encountered an error and did not complete as intended. - `unknown` Task status remains unknown or unavailable. - `ignored` Task was intentionally skipped or excluded from execution. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --icon-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -2469,7 +2469,7 @@
             "since": "0.11.0",
             "status": "stable",
             "behavior": "content",
-            "markdown": "## nve-breadcrumb\n\nBreadcrumb is a component that can help users establish their location while navigating a website with complex URLs and navigation paths.\n\n### Example\n\n```html\n<nve-breadcrumb>\n  <nve-button><a href=\"#\" target=\"_self\">Item 1</a></nve-button>\n  <nve-button><a href=\"#\" target=\"_self\">Item 2</a></nve-button>\n  <nve-button><a href=\"#\" target=\"_self\">Item 3</a></nve-button>\n  <span>You Are Here</span>\n</nve-breadcrumb>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/breadcrumb/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for `nve-button` and anchor elements |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --icon-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --icon-height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --text-decoration | `string` | [MDN](https://mdn.dev/CSS/text-decoration) |"
+            "markdown": "## nve-breadcrumb\n\nBreadcrumb is a component that can help users establish their location while navigating a website with complex URLs and navigation paths.\n\n### Example\n\n```html\n<nve-breadcrumb>\n  <nve-button><a href=\"#\" target=\"_self\">Item 1</a></nve-button>\n  <nve-button><a href=\"#\" target=\"_self\">Item 2</a></nve-button>\n  <nve-button><a href=\"#\" target=\"_self\">Item 3</a></nve-button>\n  <span>You Are Here</span>\n</nve-breadcrumb>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/breadcrumb/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for `nve-button` and anchor elements |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --icon-height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --icon-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --text-decoration | `string` | [MDN](https://mdn.dev/CSS/text-decoration) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -3373,7 +3373,7 @@
             "since": "0.16.0",
             "status": "stable",
             "behavior": "container",
-            "markdown": "## nve-button-group\n\nA button group organizes related buttons and can support either mutually exclusive single or multi selection. Prefer usage within toolbars.\n\n### Example\n\n```html\n<nve-button-group>\n  <nve-icon-button selected icon-name=\"copy\"></nve-icon-button>\n  <nve-icon-button icon-name=\"add-comment\"></nve-icon-button>\n  <nve-icon-button icon-name=\"download\"></nve-icon-button>\n</nve-button-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/button-group/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for `nve-button` or `nve-icon-button` |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| behaviorSelect (behavior-select) | `'single' \\| 'multi'` | By default the button group is stateless. Add the `behavior-select` attribute and set to `single` or `multi` to enable stateful selction handling. |\n| container | `'flat' \\| 'rounded' \\| undefined` | Set the style of the button group using the `container` property. Options are the default display when omitting the attribute, `flat` or `rounded`. |\n| orientation | `'horizontal' \\| 'vertical' \\| undefined` | Controls the directional flow of the element's layout and interaction pattern. - `horizontal` Element orients horizontally with left-to-right flow. - `vertical` Element orients vertically with top-to-bottom flow. |\n| interaction | `'emphasis' \\| 'destructive'` | The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors. - `emphasis` Shows the interaction targets emphasis or highlighting primary actions. - `destructive` Shows the interaction targets destructive actions such as deleting or removing. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| undefined` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |"
+            "markdown": "## nve-button-group\n\nA button group organizes related buttons and can support either mutually exclusive single or multi selection. Prefer usage within toolbars.\n\n### Example\n\n```html\n<nve-button-group>\n  <nve-icon-button selected icon-name=\"copy\"></nve-icon-button>\n  <nve-icon-button icon-name=\"add-comment\"></nve-icon-button>\n  <nve-icon-button icon-name=\"download\"></nve-icon-button>\n</nve-button-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/button-group/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for `nve-button` or `nve-icon-button` |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| behaviorSelect (behavior-select) | `'single' \\| 'multi'` | By default the button group is stateless. Add the `behavior-select` attribute and set to `single` or `multi` to enable stateful selction handling. |\n| container | `'flat' \\| 'rounded' \\| undefined` | Set the style of the button group using the `container` property. Options are the default display when omitting the attribute, `flat` or `rounded`. |\n| interaction | `'emphasis' \\| 'destructive'` | The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors. - `emphasis` Shows the interaction targets emphasis or highlighting primary actions. - `destructive` Shows the interaction targets destructive actions such as deleting or removing. |\n| orientation | `'horizontal' \\| 'vertical' \\| undefined` | Controls the directional flow of the element's layout and interaction pattern. - `horizontal` Element orients horizontally with left-to-right flow. - `vertical` Element orients vertically with top-to-bottom flow. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| undefined` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -4301,7 +4301,7 @@
             "since": "0.1.3",
             "status": "stable",
             "behavior": "button",
-            "markdown": "## nve-button\n\nA button is a widget that enables users to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.\n\n### Example\n\n```html\n<nve-button>standard</nve-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/button/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | slot for button text content or icon, icon placement depends on whether `icon` appears before or after text content. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| container | `'flat' \\| 'inline' \\| undefined` | Determines the container of the button. Flat suits nesting within other containers or more muted style. Inline suits inline content such as text. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| undefined` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| interaction | `'emphasis' \\| 'destructive'` | The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors. - `emphasis` Shows the interaction targets emphasis or highlighting primary actions. - `destructive` Shows the interaction targets destructive actions such as deleting or removing. |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\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| readOnly (readonly) | `boolean` | Indicates whether the element is a noninteractive visual treatment instead of a button. https://mdn.dev/HTML/Attributes/readonly |\n| form | property: `string \\| HTMLFormElement \\| null`; attribute: `string` | Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only the form ID. Reading the property returns the associated form element or `null`. https://mdn.dev/ElementInternals/form |\n| name | `string` | The name of the button, submitted as a pair with the button value as part of the form data. https://mdn.dev/HTML/Element/button#attr-name |\n| value | `string` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within a form element. https://mdn.dev/HTML/Element/button#attr-type |\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| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\n| popoverTargetElement (popovertarget) | property: `HTMLElement \\| null`; attribute: `string` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| commandForElement (commandfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| interestForElement (interestfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\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| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --text-decoration | `string` | [MDN](https://mdn.dev/CSS/text-decoration) |\n| --text-align | `string` | [MDN](https://mdn.dev/CSS/text-align) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --line-height | `string` | [MDN](https://mdn.dev/CSS/line-height) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |"
+            "markdown": "## nve-button\n\nA button is a widget that enables users to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.\n\n### Example\n\n```html\n<nve-button>standard</nve-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/button/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | slot for button text content or icon, icon placement depends on whether `icon` appears before or after text content. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| commandForElement (commandfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| container | `'flat' \\| 'inline' \\| undefined` | Determines the container of the button. Flat suits nesting within other containers or more muted style. Inline suits inline content such as text. |\n| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\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| 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| form | property: `string \\| HTMLFormElement \\| null`; attribute: `string` | Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only the form ID. Reading the property returns the associated form element or `null`. https://mdn.dev/ElementInternals/form |\n| interaction | `'emphasis' \\| 'destructive'` | The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors. - `emphasis` Shows the interaction targets emphasis or highlighting primary actions. - `destructive` Shows the interaction targets destructive actions such as deleting or removing. |\n| interestForElement (interestfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n| name | `string` | The name of the button, submitted as a pair with the button value as part of the form data. https://mdn.dev/HTML/Element/button#attr-name |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| popoverTargetElement (popovertarget) | property: `HTMLElement \\| null`; attribute: `string` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| readOnly (readonly) | `boolean` | Indicates whether the element is a noninteractive visual treatment instead of a button. https://mdn.dev/HTML/Attributes/readonly |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| undefined` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within a form element. https://mdn.dev/HTML/Element/button#attr-type |\n| value | `string` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --line-height | `string` | [MDN](https://mdn.dev/CSS/line-height) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --text-align | `string` | [MDN](https://mdn.dev/CSS/text-align) |\n| --text-decoration | `string` | [MDN](https://mdn.dev/CSS/text-decoration) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -4439,7 +4439,7 @@
             "since": "0.1.3",
             "status": "stable",
             "behavior": "container",
-            "markdown": "## nve-card\n\nA container for content representing a single entity.\n\n### Example\n\n```html\n<nve-card>\n  <nve-card-header>\n    <h2 nve-text=\"heading sm medium\">Heading</h2>\n  </nve-card-header>\n  <nve-card-content>\n    <p nve-text=\"body\" style=\"min-height: 64px\">card content</p>\n  </nve-card-content>\n  <nve-card-footer>\n    <p nve-text=\"body\">card footer</p>\n  </nve-card-footer>\n</nve-card>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/card/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | use `<nve-card-header>`,`<nve-card-content>`,`<nve-card-footer>` for card content layout |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| container | `'flat' \\| 'full' \\| undefined` | flat (embed into parent container) or full (width of viewport) |\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| --border | `string` | [MDN](https://mdn.dev/CSS/border) |"
+            "markdown": "## nve-card\n\nA container for content representing a single entity.\n\n### Example\n\n```html\n<nve-card>\n  <nve-card-header>\n    <h2 nve-text=\"heading sm medium\">Heading</h2>\n  </nve-card-header>\n  <nve-card-content>\n    <p nve-text=\"body\" style=\"min-height: 64px\">card content</p>\n  </nve-card-content>\n  <nve-card-footer>\n    <p nve-text=\"body\">card footer</p>\n  </nve-card-footer>\n</nve-card>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/card/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | use `<nve-card-header>`,`<nve-card-content>`,`<nve-card-footer>` for card content layout |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| container | `'flat' \\| 'full' \\| undefined` | flat (embed into parent container) or full (width of viewport) |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |"
           }
         },
         {
@@ -4493,7 +4493,7 @@
             "since": "0.1.3",
             "status": "stable",
             "behavior": "container",
-            "markdown": "## nve-card-header\n\nDisplays the title and optional actions at the top of a card, establishing the card's identity and purpose.\n\n### Example\n\n```html\n<nve-card>\n  <nve-card-header>\n    <h2 nve-text=\"heading sm medium\">Heading</h2>\n  </nve-card-header>\n  <nve-card-content>\n    <p nve-text=\"body\" style=\"min-height: 64px\">card content</p>\n  </nve-card-content>\n  <nve-card-footer>\n    <p nve-text=\"body\">card footer</p>\n  </nve-card-footer>\n</nve-card>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/card/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Card title, supporting text, and optional action controls. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --border-bottom | `string` | [MDN](https://mdn.dev/CSS/border-bottom) |\n| --line-height | `string` | [MDN](https://mdn.dev/CSS/line-height) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |"
+            "markdown": "## nve-card-header\n\nDisplays the title and optional actions at the top of a card, establishing the card's identity and purpose.\n\n### Example\n\n```html\n<nve-card>\n  <nve-card-header>\n    <h2 nve-text=\"heading sm medium\">Heading</h2>\n  </nve-card-header>\n  <nve-card-content>\n    <p nve-text=\"body\" style=\"min-height: 64px\">card content</p>\n  </nve-card-content>\n  <nve-card-footer>\n    <p nve-text=\"body\">card footer</p>\n  </nve-card-footer>\n</nve-card>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/card/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Card title, supporting text, and optional action controls. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-bottom | `string` | [MDN](https://mdn.dev/CSS/border-bottom) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --line-height | `string` | [MDN](https://mdn.dev/CSS/line-height) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
           }
         },
         {
@@ -4581,7 +4581,7 @@
             "since": "0.1.3",
             "status": "stable",
             "behavior": "container",
-            "markdown": "## nve-card-footer\n\nProvides a designated area at the bottom of a card for actions, metadata, or supplementary information.\n\n### Example\n\n```html\n<nve-card>\n  <nve-card-header>\n    <h2 nve-text=\"heading sm medium\">Heading</h2>\n  </nve-card-header>\n  <nve-card-content>\n    <p nve-text=\"body\" style=\"min-height: 64px\">card content</p>\n  </nve-card-content>\n  <nve-card-footer>\n    <p nve-text=\"body\">card footer</p>\n  </nve-card-footer>\n</nve-card>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/card/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | This is a default/unnamed slot for card footer content |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --border-top | `string` | [MDN](https://mdn.dev/CSS/border-top) |"
+            "markdown": "## nve-card-footer\n\nProvides a designated area at the bottom of a card for actions, metadata, or supplementary information.\n\n### Example\n\n```html\n<nve-card>\n  <nve-card-header>\n    <h2 nve-text=\"heading sm medium\">Heading</h2>\n  </nve-card-header>\n  <nve-card-content>\n    <p nve-text=\"body\" style=\"min-height: 64px\">card content</p>\n  </nve-card-content>\n  <nve-card-footer>\n    <p nve-text=\"body\">card footer</p>\n  </nve-card-footer>\n</nve-card>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/card/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | This is a default/unnamed slot for card footer content |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-top | `string` | [MDN](https://mdn.dev/CSS/border-top) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
           }
         }
       ],
@@ -5019,7 +5019,7 @@
             "since": "1.25.0",
             "status": "stable",
             "behavior": "feedback",
-            "markdown": "## nve-chat-message\n\nA chat message component displays a text message within a conversation, sent between users or bots\n\n### Example\n\n```html\n<nve-chat-message> Your deployment completed successfully. All services are running as expected. </nve-chat-message>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/chat-message/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | The message body displayed between the prefix and suffix content. |\n| prefix | `string` | for avatar/img content |\n| suffix | `string` | for avatar/img content |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| container | `'flat'` | Applies a transparent background and reduced horizontal padding for embedding the message in another container. |\n| color | `'red-cardinal' \\| 'gray-slate' \\| 'gray-denim' \\| 'blue-indigo' \\| 'blue-cobalt' \\| 'blue-sky' \\| 'teal-cyan' \\| 'green-mint' \\| 'teal-seafoam' \\| 'green-grass' \\| 'yellow-amber' \\| 'orange-pumpkin' \\| 'red-tomato' \\| 'pink-magenta' \\| 'purple-plum' \\| 'purple-violet' \\| 'purple-lavender' \\| 'pink-rose' \\| 'green-jade' \\| 'lime-pear' \\| 'yellow-nova' \\| 'brand-green'` | Defines a base color from the theme color palette |\n| arrowPosition (arrow-position) | `\\| 'top-start'\n    \\| 'top-end'\n    \\| 'bottom-start'\n    \\| 'bottom-end'` | Removes the border radius from the selected message corner to indicate the speaker direction. |\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| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --line-height | `string` | [MDN](https://mdn.dev/CSS/line-height) |\n| --overflow | `string` | [MDN](https://mdn.dev/CSS/overflow) |\n| --top-offset | `string` | Vertical offset for aligning message with avatar |"
+            "markdown": "## nve-chat-message\n\nA chat message component displays a text message within a conversation, sent between users or bots\n\n### Example\n\n```html\n<nve-chat-message> Your deployment completed successfully. All services are running as expected. </nve-chat-message>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/chat-message/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | The message body displayed between the prefix and suffix content. |\n| prefix | `string` | for avatar/img content |\n| suffix | `string` | for avatar/img content |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| arrowPosition (arrow-position) | `\\| 'top-start'\n    \\| 'top-end'\n    \\| 'bottom-start'\n    \\| 'bottom-end'` | Removes the border radius from the selected message corner to indicate the speaker direction. |\n| color | `'red-cardinal' \\| 'gray-slate' \\| 'gray-denim' \\| 'blue-indigo' \\| 'blue-cobalt' \\| 'blue-sky' \\| 'teal-cyan' \\| 'green-mint' \\| 'teal-seafoam' \\| 'green-grass' \\| 'yellow-amber' \\| 'orange-pumpkin' \\| 'red-tomato' \\| 'pink-magenta' \\| 'purple-plum' \\| 'purple-violet' \\| 'purple-lavender' \\| 'pink-rose' \\| 'green-jade' \\| 'lime-pear' \\| 'yellow-nova' \\| 'brand-green'` | Defines a base color from the theme color palette |\n| container | `'flat'` | Applies a transparent background and reduced horizontal padding for embedding the message in another container. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --line-height | `string` | [MDN](https://mdn.dev/CSS/line-height) |\n| --overflow | `string` | [MDN](https://mdn.dev/CSS/overflow) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --top-offset | `string` | Vertical offset for aligning message with avatar |"
           }
         }
       ],
@@ -5118,6 +5118,26 @@
                 "name": "ControlGroup",
                 "module": "/src/forms/control-group/control-group.js"
               }
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "description": "Returns the label associated with the control group.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "ControlGroup",
+                "module": "/src/forms/control-group/control-group.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "inputs",
+              "description": "Returns the input elements associated with the control group.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "ControlGroup",
+                "module": "/src/forms/control-group/control-group.js"
+              }
             }
           ],
           "superclass": {
@@ -5141,7 +5161,7 @@
             "since": "0.3.0",
             "status": "stable",
             "behavior": "form",
-            "markdown": "## nve-checkbox-group\n\nGroups related checkboxes together with a shared label and validation messaging for multi-select form inputs.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/checkbox/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Control input elements |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\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| prominence | `'muted'` | Set the visual prominence of the control group |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |"
+            "markdown": "## nve-checkbox-group\n\nGroups related checkboxes together with a shared label and validation messaging for multi-select form inputs.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/checkbox/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Control input elements |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| inputs |  | Returns the input elements associated with the control group. |\n| label |  | Returns the label associated with the control group. |\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| prominence | `'muted'` | Set the visual prominence of the control group |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |"
           },
           "slots": [
             {
@@ -5372,26 +5392,6 @@
             }
           ],
           "members": [
-            {
-              "kind": "field",
-              "name": "nveControl",
-              "type": {
-                "text": "string",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "string",
-                    "description": ""
-                  }
-                ]
-              },
-              "privacy": "protected",
-              "default": "'inline'",
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
-            },
             {
               "kind": "field",
               "name": "status",
@@ -5497,15 +5497,6 @@
                 "name": "Control",
                 "module": "/src/forms/control/control.js"
               }
-            },
-            {
-              "kind": "method",
-              "name": "showPicker",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
             }
           ],
           "superclass": {
@@ -5530,7 +5521,7 @@
             "since": "0.3.0",
             "status": "stable",
             "behavior": "form",
-            "markdown": "## nve-checkbox\n\nA checkbox is a control that enables users to choose between two distinct mutually exclusive options (checked or unchecked, on or off) through a single click or tap.\n\n### Example\n\n```html\n<nve-checkbox>\n  <label>label</label>\n  <input type=\"checkbox\" checked />\n</nve-checkbox>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/checkbox/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| 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| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --border-width | `string` | [MDN](https://mdn.dev/CSS/border-width) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --border-color | `string` | [MDN](https://mdn.dev/CSS/border-color) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --check-color | `string` |  |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/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) |"
+            "markdown": "## nve-checkbox\n\nA checkbox is a control that enables users to choose between two distinct mutually exclusive options (checked or unchecked, on or off) through a single click or tap.\n\n### Example\n\n```html\n<nve-checkbox>\n  <label>label</label>\n  <input type=\"checkbox\" checked />\n</nve-checkbox>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/checkbox/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| i18n |  | Enables internal string values to update for internationalization. |\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| prominence | `'muted'` | Set the visual prominence of the control |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | Set current visual state for control. This overrides any validation states active. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| reset | `CustomEvent` |  |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| reset | `reset(): unknown` | Resets control value to initial attribute value and clears any active validation rules. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-color | `string` | [MDN](https://mdn.dev/CSS/border-color) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --border-width | `string` | [MDN](https://mdn.dev/CSS/border-width) |\n| --check-color | `string` |  |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --control-height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --control-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           },
           "slots": [
             {
@@ -5952,26 +5943,6 @@
                 "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",
@@ -5980,15 +5951,6 @@
                 "name": "Control",
                 "module": "/src/forms/control/control.js"
               }
-            },
-            {
-              "kind": "method",
-              "name": "showPicker",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
             }
           ],
           "attributes": [
@@ -6169,7 +6131,7 @@
             "since": "0.3.0",
             "status": "stable",
             "behavior": "form",
-            "markdown": "## nve-color\n\nA color picker is a control that enables users to choose a color value.\n\n### Example\n\n```html\n<nve-color>\n  <label>label</label>\n  <input type=\"color\" />\n  <nve-control-message>message</nve-control-message>\n</nve-color>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/color/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| container | `'flat' \\| undefined` | Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. Use when embedding within another container such as a toolbar. |\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| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/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) |"
+            "markdown": "## nve-color\n\nA color picker is a control that enables users to choose a color value.\n\n### Example\n\n```html\n<nve-color>\n  <label>label</label>\n  <input type=\"color\" />\n  <nve-control-message>message</nve-control-message>\n</nve-color>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/color/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| container | `'flat' \\| undefined` | Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. Use when embedding within another container such as a toolbar. |\n| fitContent (fit-content) | `boolean` | Sets the input to match native default content block |\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| i18n |  | Enables internal string values to update for internationalization. |\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| prominence | `'muted'` | Set the visual prominence of the control |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | Set current visual state for control. This overrides any validation states active. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| reset | `CustomEvent` |  |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| reset | `reset(): unknown` | Resets control value to initial attribute value and clears any active validation rules. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --control-height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --control-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           },
           "slots": [
             {
@@ -6643,35 +6605,6 @@
                 "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": "showPicker",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
             }
           ],
           "events": [
@@ -6913,7 +6846,7 @@
             "since": "0.17.0",
             "status": "stable",
             "behavior": "form",
-            "markdown": "## nve-combobox\n\nAn editable combobox with autocomplete behavior and selection support.\n\n### Example\n\n```html\n<nve-combobox>\n  <label>label</label>\n  <input type=\"search\" />\n  <datalist>\n    <option value=\"status\"></option>\n    <option value=\"priority\"></option>\n    <option value=\"date\"></option>\n    <option value=\"session\"></option>\n    <option value=\"configuration\"></option>\n    <option value=\"contains\"></option>\n  </datalist>\n  <nve-control-message>message</nve-control-message>\n</nve-combobox>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/combobox/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for an input and a datalist/select element |\n| prefix-icon | `string` | slot for icon before the input |\n| footer | `string` | slot for dropdown footer content |\n| label | `string` | Label element |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| container | `'flat'` | Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. Use when embedding within another container such as a toolbar. |\n| tagLayout (tag-layout) | `'hidden' \\| 'wrap'` | Manage inline tag rendering for many-item select |\n| behaviorCreate (behavior-create) | `boolean` | Enable creation of new options when the input value doesn't match any existing option. Dispatches a `create` event with `{ value }` detail. |\n| reset |  | Resets control value to initial attribute value and clears any active validation rules. |\n| selectAll |  | Select all options provided |\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\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| create | `CustomEvent` | Fires when the user confirms a value that doesn't match any existing option and the `behavior-create` attribute exists. `detail: { value }`. |\n| scroll | `CustomEvent` | Fires when the user scrolls the dropdown option list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`. |\n| reset | `CustomEvent` |  |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --scroll-height | `string` |  |\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| --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| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --border-color | `string` | [MDN](https://mdn.dev/CSS/border-color) |\n| --max-height | `string` | [MDN](https://mdn.dev/CSS/max-height) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\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) |"
+            "markdown": "## nve-combobox\n\nAn editable combobox with autocomplete behavior and selection support.\n\n### Example\n\n```html\n<nve-combobox>\n  <label>label</label>\n  <input type=\"search\" />\n  <datalist>\n    <option value=\"status\"></option>\n    <option value=\"priority\"></option>\n    <option value=\"date\"></option>\n    <option value=\"session\"></option>\n    <option value=\"configuration\"></option>\n    <option value=\"contains\"></option>\n  </datalist>\n  <nve-control-message>message</nve-control-message>\n</nve-combobox>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/combobox/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for an input and a datalist/select element |\n| footer | `string` | slot for dropdown footer content |\n| label | `string` | Label element |\n| prefix-icon | `string` | slot for icon before the input |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| behaviorCreate (behavior-create) | `boolean` | Enable creation of new options when the input value doesn't match any existing option. Dispatches a `create` event with `{ value }` detail. |\n| container | `'flat'` | Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. Use when embedding within another container such as a toolbar. |\n| fitContent (fit-content) | `boolean` | Sets the input to match native default content block |\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| i18n |  | Enables internal string values to update for internationalization. |\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| prominence | `'muted'` | Set the visual prominence of the control |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | Set current visual state for control. This overrides any validation states active. |\n| tagLayout (tag-layout) | `'hidden' \\| 'wrap'` | Manage inline tag rendering for many-item select |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| create | `CustomEvent` | Fires when the user confirms a value that doesn't match any existing option and the `behavior-create` attribute exists. `detail: { value }`. |\n| reset | `CustomEvent` |  |\n| scroll | `CustomEvent` | Fires when the user scrolls the dropdown option list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`. |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| reset | `reset(): unknown` | Resets control value to initial attribute value and clears any active validation rules. |\n| selectAll | `selectAll(): unknown` | Select all options provided |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-color | `string` | [MDN](https://mdn.dev/CSS/border-color) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --control-height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --control-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --max-height | `string` | [MDN](https://mdn.dev/CSS/max-height) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --scroll-height | `string` |  |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -7995,7 +7928,7 @@
             "since": "1.1.4",
             "status": "stable",
             "behavior": "button",
-            "markdown": "## nve-copy-button\n\nA copy button is a button that easily enables the copy to clipboard pattern.\n\n### Example\n\n```html\n<nve-copy-button value=\"hello\" aria-label=\"copy value\" behavior-copy></nve-copy-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/copy-button/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Text label displayed before the copy icon. |\n| icon | `string` | slot for custom icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| i18n |  | Enables internal string values to update for internationalization. |\n| behaviorCopy (behavior-copy) | `boolean` | Determines if the copy button should auto write to clipboard by the trigger. |\n| value | `string` | Defines the value that copies to the user clipboard. Use `aria-label` to set the tooltip hint. |\n| container | `'flat' \\| 'inline' \\| undefined` | Determines the container of the button. Flat suits nesting within other containers or more muted style. Inline suits inline content such as text. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| undefined` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| interaction | `'emphasis' \\| 'destructive'` | The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors. - `emphasis` Shows the interaction targets emphasis or highlighting primary actions. - `destructive` Shows the interaction targets destructive actions such as deleting or removing. |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\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| readOnly (readonly) | `boolean` | Indicates whether the element is a noninteractive visual treatment instead of a button. https://mdn.dev/HTML/Attributes/readonly |\n| form | property: `string \\| HTMLFormElement \\| null`; attribute: `string` | Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only the form ID. Reading the property returns the associated form element or `null`. https://mdn.dev/ElementInternals/form |\n| name | `string` | The name of the button, submitted as a pair with the button value as part of the form data. https://mdn.dev/HTML/Element/button#attr-name |\n| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within a form element. https://mdn.dev/HTML/Element/button#attr-type |\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| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\n| popoverTargetElement (popovertarget) | property: `HTMLElement \\| null`; attribute: `string` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| commandForElement (commandfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| interestForElement (interestfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --line-height | `string` | [MDN](https://mdn.dev/CSS/line-height) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --text-decoration | `string` | [MDN](https://mdn.dev/CSS/text-decoration) |\n| --text-align | `string` | [MDN](https://mdn.dev/CSS/text-align) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
+            "markdown": "## nve-copy-button\n\nA copy button is a button that easily enables the copy to clipboard pattern.\n\n### Example\n\n```html\n<nve-copy-button value=\"hello\" aria-label=\"copy value\" behavior-copy></nve-copy-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/copy-button/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Text label displayed before the copy icon. |\n| icon | `string` | slot for custom icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| behaviorCopy (behavior-copy) | `boolean` | Determines if the copy button should auto write to clipboard by the trigger. |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| commandForElement (commandfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| container | `'flat' \\| 'inline' \\| undefined` | Determines the container of the button. Flat suits nesting within other containers or more muted style. Inline suits inline content such as text. |\n| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\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| 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| form | property: `string \\| HTMLFormElement \\| null`; attribute: `string` | Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only the form ID. Reading the property returns the associated form element or `null`. https://mdn.dev/ElementInternals/form |\n| i18n |  | Enables internal string values to update for internationalization. |\n| interaction | `'emphasis' \\| 'destructive'` | The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors. - `emphasis` Shows the interaction targets emphasis or highlighting primary actions. - `destructive` Shows the interaction targets destructive actions such as deleting or removing. |\n| interestForElement (interestfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n| name | `string` | The name of the button, submitted as a pair with the button value as part of the form data. https://mdn.dev/HTML/Element/button#attr-name |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| popoverTargetElement (popovertarget) | property: `HTMLElement \\| null`; attribute: `string` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| readOnly (readonly) | `boolean` | Indicates whether the element is a noninteractive visual treatment instead of a button. https://mdn.dev/HTML/Attributes/readonly |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| undefined` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within a form element. https://mdn.dev/HTML/Element/button#attr-type |\n| value | `string` | Defines the value that copies to the user clipboard. Use `aria-label` to set the tooltip hint. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --line-height | `string` | [MDN](https://mdn.dev/CSS/line-height) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --text-align | `string` | [MDN](https://mdn.dev/CSS/text-align) |\n| --text-decoration | `string` | [MDN](https://mdn.dev/CSS/text-decoration) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -8330,26 +8263,6 @@
                 "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",
@@ -8358,15 +8271,6 @@
                 "name": "Control",
                 "module": "/src/forms/control/control.js"
               }
-            },
-            {
-              "kind": "method",
-              "name": "showPicker",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
             }
           ],
           "attributes": [
@@ -8547,7 +8451,7 @@
             "since": "0.3.0",
             "status": "stable",
             "behavior": "form",
-            "markdown": "## nve-date\n\nA date picker is a control that enables users to choose a date value.\n\n### Example\n\n```html\n<nve-date>\n  <label>date</label>\n  <input type=\"date\" />\n  <nve-control-message>message</nve-control-message>\n</nve-date>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/date/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| container | `'flat' \\| undefined` | Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. Use when embedding within another container such as a toolbar. |\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| --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| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-bottom | `string` | [MDN](https://mdn.dev/CSS/border-bottom) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --max-width | `string` | [MDN](https://mdn.dev/CSS/max-width) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\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) |"
+            "markdown": "## nve-date\n\nA date picker is a control that enables users to choose a date value.\n\n### Example\n\n```html\n<nve-date>\n  <label>date</label>\n  <input type=\"date\" />\n  <nve-control-message>message</nve-control-message>\n</nve-date>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/date/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| container | `'flat' \\| undefined` | Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. Use when embedding within another container such as a toolbar. |\n| fitContent (fit-content) | `boolean` | Sets the input to match native default content block |\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| i18n |  | Enables internal string values to update for internationalization. |\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| prominence | `'muted'` | Set the visual prominence of the control |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | Set current visual state for control. This overrides any validation states active. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| reset | `CustomEvent` |  |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| reset | `reset(): unknown` | Resets control value to initial attribute value and clears any active validation rules. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-bottom | `string` | [MDN](https://mdn.dev/CSS/border-bottom) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --control-height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --control-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --max-width | `string` | [MDN](https://mdn.dev/CSS/max-width) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           },
           "slots": [
             {
@@ -8912,26 +8816,6 @@
                 "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",
@@ -8940,15 +8824,6 @@
                 "name": "Control",
                 "module": "/src/forms/control/control.js"
               }
-            },
-            {
-              "kind": "method",
-              "name": "showPicker",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
             }
           ],
           "attributes": [
@@ -9129,7 +9004,7 @@
             "since": "0.3.0",
             "status": "stable",
             "behavior": "form",
-            "markdown": "## nve-datetime\n\nA datetime picker is a control that enables users to choose a datetime value.\n\n### Example\n\n```html\n<nve-datetime>\n  <label>date</label>\n  <input type=\"datetime-local\" />\n  <nve-control-message>message</nve-control-message>\n</nve-datetime>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/datetime/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| container | `'flat' \\| undefined` | Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. Use when embedding within another container such as a toolbar. |\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| --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| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-bottom | `string` | [MDN](https://mdn.dev/CSS/border-bottom) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --max-width | `string` | [MDN](https://mdn.dev/CSS/max-width) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\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) |"
+            "markdown": "## nve-datetime\n\nA datetime picker is a control that enables users to choose a datetime value.\n\n### Example\n\n```html\n<nve-datetime>\n  <label>date</label>\n  <input type=\"datetime-local\" />\n  <nve-control-message>message</nve-control-message>\n</nve-datetime>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/datetime/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| container | `'flat' \\| undefined` | Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. Use when embedding within another container such as a toolbar. |\n| fitContent (fit-content) | `boolean` | Sets the input to match native default content block |\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| i18n |  | Enables internal string values to update for internationalization. |\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| prominence | `'muted'` | Set the visual prominence of the control |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | Set current visual state for control. This overrides any validation states active. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| reset | `CustomEvent` |  |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| reset | `reset(): unknown` | Resets control value to initial attribute value and clears any active validation rules. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-bottom | `string` | [MDN](https://mdn.dev/CSS/border-bottom) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --control-height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --control-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --max-width | `string` | [MDN](https://mdn.dev/CSS/max-width) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           },
           "slots": [
             {
@@ -9252,7 +9127,7 @@
             "since": "0.6.0",
             "status": "stable",
             "behavior": "content",
-            "markdown": "## nve-dialog-footer\n\nContains the action buttons and controls at the bottom of a dialog for confirming, canceling, or navigating.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/dialog/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for the dialog footer |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-top | `string` | [MDN](https://mdn.dev/CSS/border-top) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |"
+            "markdown": "## nve-dialog-footer\n\nContains the action buttons and controls at the bottom of a dialog for confirming, canceling, or navigating.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/dialog/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for the dialog footer |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-top | `string` | [MDN](https://mdn.dev/CSS/border-top) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
           }
         }
       ],
@@ -9581,12 +9456,6 @@
               "name": "i18n",
               "description": "Enables internal string values to update for internationalization.",
               "attribute": "i18n"
-            },
-            {
-              "kind": "field",
-              "name": "typeNativePopoverController",
-              "privacy": "protected",
-              "default": "new TypeNativePopoverController<Dialog>(this)"
             }
           ],
           "events": [
@@ -9799,7 +9668,7 @@
             "since": "0.6.0",
             "status": "stable",
             "behavior": "popover",
-            "markdown": "## nve-dialog\n\nDialog is a component that appears above main content. A modal dialog displays critical information that requires user attention and interrupts user flow.\n\n### Example\n\n```html\n<nve-button popovertarget=\"dialog\">button</nve-button>\n<nve-dialog id=\"dialog\" modal closable>\n  <nve-dialog-header>\n    <h3 nve-text=\"heading semibold\">title</h3>\n  </nve-dialog-header>\n  <p nve-text=\"body\">some text content in a closable dialog</p>\n</nve-dialog>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/dialog/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Dialog body content displayed between the header and footer. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| position | `'center' \\| 'top' \\| 'bottom' \\| 'left' \\| 'right'` | Sets the side position of the popover relative to the provided anchor element. For dialog the anchor defaults to the document body. - `center` Centers the popover directly over the anchor element. - `top` Positions the popover above the anchor element. - `bottom` Positions the popover below the anchor element. - `left` Positions the popover to the left side of the anchor element. - `right` Positions the popover to the right side of the anchor element. |\n| alignment | `'start' \\| 'end' \\| 'center'` | Determines the alignment of the popover relative to the provided anchor element. - `start` Aligns the popover to the beginning edge of the anchor for left or top alignment. - `end` Aligns the popover to the ending edge of the anchor for right or bottom alignment. - `center` Centers the popover along the anchor's edge for balanced positioning. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| undefined` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| closable | `boolean` | Indicates whether the user can dismiss or close the element. - `true` The element displays a close control and the user can dismiss it. - `false` The user cannot close the element and must dismiss it programmatically. |\n| modal | `boolean` | Determines if a dialog should have a modal backdrop that visually overlays the UI. |\n| anchor | property: `string \\| HTMLElement`; attribute: `string` | Provides the element that the popover should position relative to. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. |\n| i18n |  | Enables internal string values to update for internationalization. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| beforetoggle | `CustomEvent` | Dispatched on a popover just before showing or hiding. [MDN](https://mdn.dev/HTMLElement/beforetoggle_event) |\n| toggle | `CustomEvent` | Dispatched on a popover element just after showing or hiding. [MDN](https://mdn.dev/HTMLElement/toggle_event) |\n| open | `CustomEvent` | Dispatched when the dialog opens. |\n| close | `CustomEvent` | Dispatched when the dialog closes. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --max-width | `string` | [MDN](https://mdn.dev/CSS/max-width) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --max-height | `string` | [MDN](https://mdn.dev/CSS/max-height) |\n| --animation-duration | `string` | Duration of dialog open/close animations [MDN](https://mdn.dev/CSS/animation-duration) |"
+            "markdown": "## nve-dialog\n\nDialog is a component that appears above main content. A modal dialog displays critical information that requires user attention and interrupts user flow.\n\n### Example\n\n```html\n<nve-button popovertarget=\"dialog\">button</nve-button>\n<nve-dialog id=\"dialog\" modal closable>\n  <nve-dialog-header>\n    <h3 nve-text=\"heading semibold\">title</h3>\n  </nve-dialog-header>\n  <p nve-text=\"body\">some text content in a closable dialog</p>\n</nve-dialog>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/dialog/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Dialog body content displayed between the header and footer. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| alignment | `'start' \\| 'end' \\| 'center'` | Determines the alignment of the popover relative to the provided anchor element. - `start` Aligns the popover to the beginning edge of the anchor for left or top alignment. - `end` Aligns the popover to the ending edge of the anchor for right or bottom alignment. - `center` Centers the popover along the anchor's edge for balanced positioning. |\n| anchor | property: `string \\| HTMLElement`; attribute: `string` | Provides the element that the popover should position relative to. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. |\n| closable | `boolean` | Indicates whether the user can dismiss or close the element. - `true` The element displays a close control and the user can dismiss it. - `false` The user cannot close the element and must dismiss it programmatically. |\n| i18n |  | Enables internal string values to update for internationalization. |\n| modal | `boolean` | Determines if a dialog should have a modal backdrop that visually overlays the UI. |\n| position | `'center' \\| 'top' \\| 'bottom' \\| 'left' \\| 'right'` | Sets the side position of the popover relative to the provided anchor element. For dialog the anchor defaults to the document body. - `center` Centers the popover directly over the anchor element. - `top` Positions the popover above the anchor element. - `bottom` Positions the popover below the anchor element. - `left` Positions the popover to the left side of the anchor element. - `right` Positions the popover to the right side of the anchor element. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| undefined` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| beforetoggle | `CustomEvent` | Dispatched on a popover just before showing or hiding. [MDN](https://mdn.dev/HTMLElement/beforetoggle_event) |\n| close | `CustomEvent` | Dispatched when the dialog closes. |\n| open | `CustomEvent` | Dispatched when the dialog opens. |\n| toggle | `CustomEvent` | Dispatched on a popover element just after showing or hiding. [MDN](https://mdn.dev/HTMLElement/toggle_event) |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --animation-duration | `string` | Duration of dialog open/close animations [MDN](https://mdn.dev/CSS/animation-duration) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --max-height | `string` | [MDN](https://mdn.dev/CSS/max-height) |\n| --max-width | `string` | [MDN](https://mdn.dev/CSS/max-width) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
           }
         }
       ],
@@ -9947,7 +9816,7 @@
             "since": "0.12.0",
             "status": "stable",
             "behavior": "content",
-            "markdown": "## nve-divider\n\nDivider is a component that separates and distinguishes sections of content or groups of menuitems.\n\n### Example\n\n```html\n<nve-divider></nve-divider>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/divider/define.js';\n```\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| orientation | `'vertical' \\| 'horizontal'` | Controls the directional flow of the element's layout and interaction pattern. - `vertical` Element orients vertically with top-to-bottom flow. - `horizontal` Element orients horizontally with left-to-right flow. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --size | `string` |  |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |"
+            "markdown": "## nve-divider\n\nDivider is a component that separates and distinguishes sections of content or groups of menuitems.\n\n### Example\n\n```html\n<nve-divider></nve-divider>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/divider/define.js';\n```\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| orientation | `'vertical' \\| 'horizontal'` | Controls the directional flow of the element's layout and interaction pattern. - `vertical` Element orients vertically with top-to-bottom flow. - `horizontal` Element orients horizontally with left-to-right flow. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --size | `string` |  |"
           }
         }
       ],
@@ -10271,7 +10140,7 @@
             "since": "0.10.0",
             "status": "stable",
             "behavior": "content",
-            "markdown": "## nve-dot\n\nA visual indicator that communicates a status or notification of an associated component.\n\n### Example\n\n```html\n<nve-dot status=\"starting\"></nve-dot>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/dot/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default text content no more than 2 characters in length |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| status | `'accent' \\| 'warning' \\| 'success' \\| 'danger' \\| 'scheduled' \\| 'queued' \\| 'pending' \\| 'starting' \\| 'running' \\| 'restarting' \\| 'stopping' \\| 'finished' \\| 'failed' \\| 'unknown' \\| 'ignored'` | Defines visual treatment to represent a ongoing task or support status. - `accent` Highlights important actions or draws attention to primary interactive elements. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `success` Represents positive outcomes, confirmations, or constructive actions. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. - `scheduled` Task has a scheduled future execution at a specific time. - `queued` Task is waiting in line to begin after other tasks complete. - `pending` Task is awaiting approval, user input, or external conditions before proceeding. - `starting` Task is initializing and preparing to begin active execution. - `running` Task is actively executing and making progress. - `restarting` Task restarts after an interruption or reset. - `stopping` Task is gracefully shutting down and completing cleanup operations. - `finished` Task has completed successfully with the expected outcome. - `failed` Task encountered an error and did not complete as intended. - `unknown` Task status remains unknown or unavailable. - `ignored` Task was intentionally skipped or excluded from execution. |\n| size | `'sm' \\| 'md' \\| 'lg'` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\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| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |"
+            "markdown": "## nve-dot\n\nA visual indicator that communicates a status or notification of an associated component.\n\n### Example\n\n```html\n<nve-dot status=\"starting\"></nve-dot>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/dot/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default text content no more than 2 characters in length |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| size | `'sm' \\| 'md' \\| 'lg'` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| status | `'accent' \\| 'warning' \\| 'success' \\| 'danger' \\| 'scheduled' \\| 'queued' \\| 'pending' \\| 'starting' \\| 'running' \\| 'restarting' \\| 'stopping' \\| 'finished' \\| 'failed' \\| 'unknown' \\| 'ignored'` | Defines visual treatment to represent a ongoing task or support status. - `accent` Highlights important actions or draws attention to primary interactive elements. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `success` Represents positive outcomes, confirmations, or constructive actions. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. - `scheduled` Task has a scheduled future execution at a specific time. - `queued` Task is waiting in line to begin after other tasks complete. - `pending` Task is awaiting approval, user input, or external conditions before proceeding. - `starting` Task is initializing and preparing to begin active execution. - `running` Task is actively executing and making progress. - `restarting` Task restarts after an interruption or reset. - `stopping` Task is gracefully shutting down and completing cleanup operations. - `finished` Task has completed successfully with the expected outcome. - `failed` Task encountered an error and did not complete as intended. - `unknown` Task status remains unknown or unavailable. - `ignored` Task was intentionally skipped or excluded from execution. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -10357,7 +10226,7 @@
             "since": "0.16.0",
             "status": "stable",
             "behavior": "content",
-            "markdown": "## nve-drawer-content\n\nContains the scrollable main body content within a drawer panel.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/drawer/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for the drawer content |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
+            "markdown": "## nve-drawer-content\n\nContains the scrollable main body content within a drawer panel.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/drawer/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for the drawer content |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -10427,7 +10296,7 @@
             "since": "0.16.0",
             "status": "stable",
             "behavior": "content",
-            "markdown": "## nve-drawer-footer\n\nProvides a fixed action area at the bottom of a drawer for primary actions such as save or cancel.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/drawer/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for the drawer footer |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-top | `string` | [MDN](https://mdn.dev/CSS/border-top) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |"
+            "markdown": "## nve-drawer-footer\n\nProvides a fixed action area at the bottom of a drawer for primary actions such as save or cancel.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/drawer/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for the drawer footer |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-top | `string` | [MDN](https://mdn.dev/CSS/border-top) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
           }
         }
       ],
@@ -10737,12 +10606,6 @@
               "name": "i18n",
               "description": "Enables internal string values to update for internationalization.",
               "attribute": "i18n"
-            },
-            {
-              "kind": "field",
-              "name": "typeNativePopoverController",
-              "privacy": "protected",
-              "default": "new TypeNativePopoverController<Drawer>(this)"
             }
           ],
           "events": [
@@ -10940,7 +10803,7 @@
             "since": "0.16.0",
             "status": "stable",
             "behavior": "popover",
-            "markdown": "## nve-drawer\n\nA drawer displays content separate from the rest of the page, such as notifications, navigation, and settings.\n\n### Example\n\n```html\n<nve-drawer id=\"drawer\" closable modal>\n  <nve-drawer-header>\n    <h3 nve-text=\"heading semibold sm\">Drawer Header</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\">drawer content</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">drawer footer</p>\n  </nve-drawer-footer>\n</nve-drawer>\n<nve-button popovertarget=\"drawer\">button</nve-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/drawer/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Drawer body content displayed between the header and footer. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| position | `'left' \\| 'right' \\| 'bottom' \\| 'top'` | Sets the side position of the popover relative to the provided anchor element. For drawer the anchor defaults to the document body. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| undefined` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| closable | `boolean` | Indicates whether the user can dismiss or close the element. - `true` The element displays a close control and the user can dismiss it. - `false` The user cannot close the element and must dismiss it programmatically. |\n| modal | `boolean` | Determines if a drawer should have a modal backdrop that visually overlays the UI. |\n| anchor | property: `string \\| HTMLElement`; attribute: `string` | Provides the element that the popover should position relative to. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. |\n| inline | `boolean` | Create a inline layout effect while retaining the a11y characteristics and top layer behavior (light dismiss, focus trap, non interactive background) https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/ |\n| i18n |  | Enables internal string values to update for internationalization. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| beforetoggle | `CustomEvent` | Dispatched on a popover just before showing or hiding. [MDN](https://mdn.dev/HTMLElement/beforetoggle_event) |\n| toggle | `CustomEvent` | Dispatched on a popover element just after showing or hiding. [MDN](https://mdn.dev/HTMLElement/toggle_event) |\n| open | `CustomEvent` | Dispatched when the drawer opens. |\n| close | `CustomEvent` | Dispatched when the drawer closes. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --top | `string` | [MDN](https://mdn.dev/CSS/top) |\n| --max-width | `string` | [MDN](https://mdn.dev/CSS/max-width) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --animation-duration | `string` | Duration of drawer open/close animations [MDN](https://mdn.dev/CSS/animation-duration) |"
+            "markdown": "## nve-drawer\n\nA drawer displays content separate from the rest of the page, such as notifications, navigation, and settings.\n\n### Example\n\n```html\n<nve-drawer id=\"drawer\" closable modal>\n  <nve-drawer-header>\n    <h3 nve-text=\"heading semibold sm\">Drawer Header</h3>\n  </nve-drawer-header>\n  <nve-drawer-content>\n    <p nve-text=\"body\">drawer content</p>\n  </nve-drawer-content>\n  <nve-drawer-footer>\n    <p nve-text=\"body\">drawer footer</p>\n  </nve-drawer-footer>\n</nve-drawer>\n<nve-button popovertarget=\"drawer\">button</nve-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/drawer/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Drawer body content displayed between the header and footer. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| anchor | property: `string \\| HTMLElement`; attribute: `string` | Provides the element that the popover should position relative to. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. |\n| closable | `boolean` | Indicates whether the user can dismiss or close the element. - `true` The element displays a close control and the user can dismiss it. - `false` The user cannot close the element and must dismiss it programmatically. |\n| i18n |  | Enables internal string values to update for internationalization. |\n| inline | `boolean` | Create a inline layout effect while retaining the a11y characteristics and top layer behavior (light dismiss, focus trap, non interactive background) https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/ |\n| modal | `boolean` | Determines if a drawer should have a modal backdrop that visually overlays the UI. |\n| position | `'left' \\| 'right' \\| 'bottom' \\| 'top'` | Sets the side position of the popover relative to the provided anchor element. For drawer the anchor defaults to the document body. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| undefined` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| beforetoggle | `CustomEvent` | Dispatched on a popover just before showing or hiding. [MDN](https://mdn.dev/HTMLElement/beforetoggle_event) |\n| close | `CustomEvent` | Dispatched when the drawer closes. |\n| open | `CustomEvent` | Dispatched when the drawer opens. |\n| toggle | `CustomEvent` | Dispatched on a popover element just after showing or hiding. [MDN](https://mdn.dev/HTMLElement/toggle_event) |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --animation-duration | `string` | Duration of drawer open/close animations [MDN](https://mdn.dev/CSS/animation-duration) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --max-width | `string` | [MDN](https://mdn.dev/CSS/max-width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --top | `string` | [MDN](https://mdn.dev/CSS/top) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -11021,21 +10884,6 @@
             }
           ],
           "members": [
-            {
-              "kind": "field",
-              "name": "dropdowns",
-              "type": {
-                "text": "Dropdown[]",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "Dropdown[]",
-                    "description": ""
-                  }
-                ]
-              },
-              "privacy": "protected"
-            },
             {
               "kind": "method",
               "name": "close",
@@ -11074,7 +10922,7 @@
             "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\"> 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 |"
+            "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### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| close | `CustomEvent` | Dispatched when a dropdown in the group closes |\n| open | `CustomEvent` | Dispatched when a dropdown in the group opens |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| close | `close(): unknown` | Closes every descendant dropdown in the group. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --arrow-transform | `string` | Transform applied to the popover arrow |"
           }
         }
       ],
@@ -11161,7 +11009,7 @@
             "since": "0.36.0",
             "status": "stable",
             "behavior": "navigation",
-            "markdown": "## nve-dropdown-footer\n\nProvides a fixed area at the bottom of a dropdown menu for extra actions or supplementary controls.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/dropdown/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for the dropdown footer |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-top | `string` | [MDN](https://mdn.dev/CSS/border-top) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |"
+            "markdown": "## nve-dropdown-footer\n\nProvides a fixed area at the bottom of a dropdown menu for extra actions or supplementary controls.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/dropdown/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for the dropdown footer |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-top | `string` | [MDN](https://mdn.dev/CSS/border-top) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
           }
         }
       ],
@@ -11454,12 +11302,6 @@
               "description": "Determines if an arrow renders.",
               "attribute": "arrow"
             },
-            {
-              "kind": "field",
-              "name": "typeNativePopoverController",
-              "privacy": "protected",
-              "default": "new TypeNativePopoverController<Dropdown>(this)"
-            },
             {
               "kind": "field",
               "name": "i18n",
@@ -11653,7 +11495,7 @@
             "since": "0.6.0",
             "status": "stable",
             "behavior": "popover",
-            "markdown": "## nve-dropdown\n\nGeneric dropdown element for rendering a variety of different content such as interactive navigation or form controls.\n\n### Example\n\n```html\n<nve-button popovertarget=\"dropdown\">button</nve-button>\n<nve-dropdown id=\"dropdown\">dropdown content</nve-dropdown>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/dropdown/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| anchor | property: `string \\| HTMLElement`; attribute: `string` | Provides the element that the popover should position relative to. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. |\n| position | `'center' \\| 'top' \\| 'bottom' \\| 'left' \\| 'right'` | Sets the side position of the popover relative to the provided anchor element. - `center` Centers the popover directly over the anchor element. - `top` Positions the popover above the anchor element. - `bottom` Positions the popover below the anchor element. - `left` Positions the popover to the left side of the anchor element. - `right` Positions the popover to the right side of the anchor element. |\n| alignment | `'start' \\| 'end' \\| 'center'` | Determines the alignment of the popover relative to the provided anchor element. - `start` Aligns the popover to the beginning edge of the anchor for left or top alignment. - `end` Aligns the popover to the ending edge of the anchor for right or bottom alignment. - `center` Centers the popover along the anchor's edge for balanced positioning. |\n| closable | `boolean` | Indicates whether the user can dismiss or close the element. - `true` The element displays a close control and the user can dismiss it. - `false` The user cannot close the element and must dismiss it programmatically. |\n| arrow | `boolean` | Determines if an arrow renders. |\n| i18n |  | Enables internal string values to update for internationalization. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| beforetoggle | `CustomEvent` | Dispatched on a popover just before showing or hiding. |\n| toggle | `CustomEvent` | Dispatched on a popover element just after showing or hiding. |\n| open | `CustomEvent` | Dispatched when the dropdown opens. |\n| close | `CustomEvent` | Dispatched when the dropdown closes. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --arrow-transform | `string` | Transform applied to the popover arrow |\n| --animation-duration | `string` | Duration of dropdown open/close animations [MDN](https://mdn.dev/CSS/animation-duration) |"
+            "markdown": "## nve-dropdown\n\nGeneric dropdown element for rendering a variety of different content such as interactive navigation or form controls.\n\n### Example\n\n```html\n<nve-button popovertarget=\"dropdown\">button</nve-button>\n<nve-dropdown id=\"dropdown\">dropdown content</nve-dropdown>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/dropdown/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| alignment | `'start' \\| 'end' \\| 'center'` | Determines the alignment of the popover relative to the provided anchor element. - `start` Aligns the popover to the beginning edge of the anchor for left or top alignment. - `end` Aligns the popover to the ending edge of the anchor for right or bottom alignment. - `center` Centers the popover along the anchor's edge for balanced positioning. |\n| anchor | property: `string \\| HTMLElement`; attribute: `string` | Provides the element that the popover should position relative to. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. |\n| arrow | `boolean` | Determines if an arrow renders. |\n| closable | `boolean` | Indicates whether the user can dismiss or close the element. - `true` The element displays a close control and the user can dismiss it. - `false` The user cannot close the element and must dismiss it programmatically. |\n| i18n |  | Enables internal string values to update for internationalization. |\n| position | `'center' \\| 'top' \\| 'bottom' \\| 'left' \\| 'right'` | Sets the side position of the popover relative to the provided anchor element. - `center` Centers the popover directly over the anchor element. - `top` Positions the popover above the anchor element. - `bottom` Positions the popover below the anchor element. - `left` Positions the popover to the left side of the anchor element. - `right` Positions the popover to the right side of the anchor element. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| beforetoggle | `CustomEvent` | Dispatched on a popover just before showing or hiding. |\n| close | `CustomEvent` | Dispatched when the dropdown closes. |\n| open | `CustomEvent` | Dispatched when the dropdown opens. |\n| toggle | `CustomEvent` | Dispatched on a popover element just after showing or hiding. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --animation-duration | `string` | Duration of dropdown open/close animations [MDN](https://mdn.dev/CSS/animation-duration) |\n| --arrow-transform | `string` | Transform applied to the popover arrow |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -11795,11 +11637,6 @@
               "description": "Enables internal string values to update for internationalization.",
               "attribute": "i18n"
             },
-            {
-              "kind": "method",
-              "name": "formResetCallback",
-              "privacy": "protected"
-            },
             {
               "kind": "field",
               "name": "value",
@@ -12238,15 +12075,11 @@
             {
               "kind": "method",
               "name": "reportValidity",
-              "type": {
-                "text": "() => boolean",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "() => boolean",
-                    "description": ""
-                  }
-                ]
+              "parameters": [],
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
               "description": "Reports whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity",
               "inheritedFrom": {
@@ -12256,15 +12089,11 @@
             {
               "kind": "method",
               "name": "checkValidity",
-              "type": {
-                "text": "() => boolean",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "() => boolean",
-                    "description": ""
-                  }
-                ]
+              "parameters": [],
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
               "description": "Checks whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity",
               "inheritedFrom": {
@@ -12274,15 +12103,18 @@
             {
               "kind": "method",
               "name": "setCustomValidity",
-              "type": {
-                "text": "(message: string) => void",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "(message: string) => void",
-                    "description": ""
+              "parameters": [
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
                   }
-                ]
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
               "description": "Sets a custom validation message.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity",
               "inheritedFrom": {
@@ -12292,15 +12124,11 @@
             {
               "kind": "method",
               "name": "reset",
-              "type": {
-                "text": "() => void",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "() => void",
-                    "description": ""
-                  }
-                ]
+              "parameters": [],
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
               "description": "Resets the control value to its initial value.",
               "inheritedFrom": {
@@ -12607,7 +12435,7 @@
             "since": "1.29.0",
             "status": "stable",
             "behavior": "form",
-            "markdown": "## nve-dropzone\n\nA dropzone form control that enables users to drag and drop files onto it.\n\n### Example\n\n```html\n<nve-dropzone name=\"files\" style=\"--min-height: 200px\"></nve-dropzone>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/dropzone/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Custom messaging that replaces the default upload instructions. |\n| icon | `string` | Custom icon that replaces the default upload icon. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| accept | `string` | Comma-separated file extensions or MIME types accepted by the dropzone. |\n| maxFileSize (max-file-size) | `number` | File size limit in bytes. |\n| i18n |  | Enables internal string values to update for internationalization. |\n| value | `File[]` | Files selected or dropped by the user. Assign files through the JavaScript property; the HTML `value` attribute is not supported. |\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| change | `CustomEvent` | Dispatched when the value has changed (files located in event.target) |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-color | `string` | [MDN](https://mdn.dev/CSS/border-color) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |"
+            "markdown": "## nve-dropzone\n\nA dropzone form control that enables users to drag and drop files onto it.\n\n### Example\n\n```html\n<nve-dropzone name=\"files\" style=\"--min-height: 200px\"></nve-dropzone>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/dropzone/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Custom messaging that replaces the default upload instructions. |\n| icon | `string` | Custom icon that replaces the default upload icon. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| accept | `string` | Comma-separated file extensions or MIME types accepted by the dropzone. |\n| composedLabel | `string` | Text content from labels associated with the control. |\n| defaultValue | `string` | The initial value used when the parent form resets. |\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| form | `HTMLFormElement \\| null` | The form associated with the control. https://mdn.dev/ElementInternals/form |\n| i18n |  | Enables internal string values to update for internationalization. |\n| labels | `NodeList` | Labels associated with the control. https://mdn.dev/ElementInternals/labels |\n| max | `number \\| null` | Defines the maximum numeric value. https://mdn.dev/HTML/Attributes/max |\n| maxFileSize (max-file-size) | `number` | File size limit in bytes. |\n| maxLength (maxlength) | `number` | Defines the maximum text length. https://mdn.dev/HTML/Attributes/maxlength |\n| min | `number \\| null` | Defines the minimum numeric value. https://mdn.dev/HTML/Attributes/min |\n| minLength (minlength) | `number` | Defines the minimum text length. https://mdn.dev/HTML/Attributes/minlength |\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| pattern | `string` | Defines the pattern that text values must match. https://mdn.dev/HTML/Attributes/pattern |\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| required | `boolean` | Requires a value before the parent form can submit. https://mdn.dev/HTML/Attributes/required |\n| step | `number \\| null` | Defines the value granularity for numeric inputs. https://mdn.dev/HTML/Attributes/step |\n| type | `string` | The control type. |\n| validationMessage | `string` | The validation message shown when the control is invalid. https://mdn.dev/ElementInternals/validationMessage |\n| validity | `ValidityState` | The control validity state. https://mdn.dev/ElementInternals/validity |\n| value | `File[]` | Files selected or dropped by the user. Assign files through the JavaScript property; the HTML `value` attribute is not supported. |\n| valueAsNumber | `number` | The current value parsed as a number. |\n| valueAsString | `string` | The current value serialized as a string. |\n| willValidate | `boolean` | Indicates whether the control participates in constraint validation. https://mdn.dev/ElementInternals/willValidate |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| change | `CustomEvent` | Dispatched when the value has changed (files located in event.target) |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| checkValidity | `checkValidity(): boolean` | Checks whether the control satisfies its constraints. https://mdn.dev/HTMLInputElement/checkValidity |\n| reportValidity | `reportValidity(): boolean` | Reports whether the control satisfies its constraints. https://mdn.dev/HTMLInputElement/reportValidity |\n| reset | `reset(): void` | Resets the control value to its initial value. |\n| setCustomValidity | `setCustomValidity(message: string): void` | Sets a custom validation message. https://mdn.dev/HTMLInputElement/setCustomValidity |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-color | `string` | [MDN](https://mdn.dev/CSS/border-color) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
           }
         }
       ],
@@ -13006,26 +12834,6 @@
                 "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",
@@ -13034,15 +12842,6 @@
                 "name": "Control",
                 "module": "/src/forms/control/control.js"
               }
-            },
-            {
-              "kind": "method",
-              "name": "showPicker",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
             }
           ],
           "superclass": {
@@ -13067,7 +12866,7 @@
             "since": "0.3.0",
             "status": "stable",
             "behavior": "form",
-            "markdown": "## nve-file\n\nA file picker is a control that enables users to choose a file value.\n\n### Example\n\n```html\n<nve-file>\n  <label>file</label>\n  <input type=\"file\" />\n  <nve-control-message>message</nve-control-message>\n</nve-file>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/file/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| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --text-decoration | `string` | [MDN](https://mdn.dev/CSS/text-decoration) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/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) |"
+            "markdown": "## nve-file\n\nA file picker is a control that enables users to choose a file value.\n\n### Example\n\n```html\n<nve-file>\n  <label>file</label>\n  <input type=\"file\" />\n  <nve-control-message>message</nve-control-message>\n</nve-file>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/file/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| fitContent (fit-content) | `boolean` | Sets the input to match native default content block |\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| i18n |  | Enables internal string values to update for internationalization. |\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| prominence | `'muted'` | Set the visual prominence of the control |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | Set current visual state for control. This overrides any validation states active. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| reset | `CustomEvent` |  |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| reset | `reset(): unknown` | Resets control value to initial attribute value and clears any active validation rules. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --control-height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --control-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --text-decoration | `string` | [MDN](https://mdn.dev/CSS/text-decoration) |"
           },
           "slots": [
             {
@@ -13603,7 +13402,7 @@
             "since": "0.0.0",
             "status": "stable",
             "behavior": "content",
-            "markdown": "## nve-format-bytes\n\nFormats a byte count as localized, human-readable decimal or binary units.\n\n### Example\n\n```html\n<div nve-layout=\"column gap:sm\">\n  <nve-format-bytes>1024</nve-format-bytes>\n  <nve-format-bytes>1048576</nve-format-bytes>\n  <nve-format-bytes>1073741824</nve-format-bytes>\n</div>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/format-bytes/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Numeric byte count to format (such as 1048576). Serves as fallback before hydration. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| value | `number \\| undefined` | Optional byte count for values supplied by JavaScript or bound data. By default, the component formats the element's text content, which also serves as the SSR fallback. When both are present, this property takes precedence. |\n| display | `'decimal' \\| 'binary'` | Unit system: 'decimal' uses powers of 1000 and 'binary' uses powers of 1024. |\n| unit | `'b' \\| 'kb' \\| 'mb' \\| 'gb' \\| 'tb' \\| 'pb' \\| undefined` | Optional unit magnitude. When omitted, the component selects a unit from the byte count. |\n| unitDisplay (unit-display) | `'short' \\| 'long'` | Unit label length: 'short' renders labels such as 'MB'; 'long' renders labels such as 'megabytes'. |\n| locale | `string \\| undefined` | Language tag (such as en-US or de-DE) used to format the number. Defaults to document.documentElement.lang or the runtime default. |\n| minimumFractionDigits (minimum-fraction-digits) | `number \\| undefined` | Pad fraction output to at least this many digits. |\n| maximumFractionDigits (maximum-fraction-digits) | `number \\| undefined` | Round fraction output to at most this many digits. Defaults to two effective digits after the decimal point. |"
+            "markdown": "## nve-format-bytes\n\nFormats a byte count as localized, human-readable decimal or binary units.\n\n### Example\n\n```html\n<div nve-layout=\"column gap:sm\">\n  <nve-format-bytes>1024</nve-format-bytes>\n  <nve-format-bytes>1048576</nve-format-bytes>\n  <nve-format-bytes>1073741824</nve-format-bytes>\n</div>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/format-bytes/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Numeric byte count to format (such as 1048576). Serves as fallback before hydration. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| display | `'decimal' \\| 'binary'` | Unit system: 'decimal' uses powers of 1000 and 'binary' uses powers of 1024. |\n| locale | `string \\| undefined` | Language tag (such as en-US or de-DE) used to format the number. Defaults to document.documentElement.lang or the runtime default. |\n| maximumFractionDigits (maximum-fraction-digits) | `number \\| undefined` | Round fraction output to at most this many digits. Defaults to two effective digits after the decimal point. |\n| minimumFractionDigits (minimum-fraction-digits) | `number \\| undefined` | Pad fraction output to at least this many digits. |\n| unit | `'b' \\| 'kb' \\| 'mb' \\| 'gb' \\| 'tb' \\| 'pb' \\| undefined` | Optional unit magnitude. When omitted, the component selects a unit from the byte count. |\n| unitDisplay (unit-display) | `'short' \\| 'long'` | Unit label length: 'short' renders labels such as 'MB'; 'long' renders labels such as 'megabytes'. |\n| value | `number \\| undefined` | Optional byte count for values supplied by JavaScript or bound data. By default, the component formats the element's text content, which also serves as the SSR fallback. When both are present, this property takes precedence. |"
           }
         }
       ],
@@ -14226,7 +14025,7 @@
             "since": "0.0.0",
             "status": "stable",
             "behavior": "content",
-            "markdown": "## nve-format-datetime\n\nFormats a date/time value as localized text using the Intl.DateTimeFormat API. Renders inside a semantic time element.\nGranular options (weekday, year, month, day, hour, minute, second) mirror the Intl.DateTimeFormat API. 'numeric' omits zero-padding, '2-digit' zero-pads.\n\n### Example\n\n```html\n<nve-format-datetime date-style=\"long\">2023-07-28T04:20:17.434Z</nve-format-datetime>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/format-datetime/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Date string to format (such as 2023-07-28T04:20:17.434Z). Serves as fallback before hydration. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| date | `string \\| undefined` | Optional date string for values supplied by JavaScript or bound data. By default, the component formats the element's text content, which also serves as the SSR fallback. When both are present, this property takes precedence. |\n| locale | `string \\| undefined` | Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default. |\n| weekday | `'long' \\| 'short' \\| 'narrow' \\| undefined` | Weekday representation: 'long' \\| 'short' \\| 'narrow'. |\n| year | `'numeric' \\| '2-digit' \\| undefined` | Year representation: 'numeric' \\| '2-digit'. |\n| month | `'numeric' \\| '2-digit' \\| 'long' \\| 'short' \\| 'narrow' \\| undefined` | Month representation: 'numeric' \\| '2-digit' \\| 'long' \\| 'short' \\| 'narrow'. |\n| day | `'numeric' \\| '2-digit' \\| undefined` | Day representation: 'numeric' \\| '2-digit'. |\n| hour | `'numeric' \\| '2-digit' \\| undefined` | Hour representation: 'numeric' \\| '2-digit'. |\n| minute | `'numeric' \\| '2-digit' \\| undefined` | Minute representation: 'numeric' \\| '2-digit'. |\n| second | `'numeric' \\| '2-digit' \\| undefined` | Second representation: 'numeric' \\| '2-digit'. |\n| dateStyle (date-style) | `'full' \\| 'long' \\| 'medium' \\| 'short' \\| undefined` | Preset date formatting style: 'full' \\| 'long' \\| 'medium' \\| 'short'. Preset styles take precedence over granular date and time part options. |\n| timeStyle (time-style) | `'full' \\| 'long' \\| 'medium' \\| 'short' \\| undefined` | Preset time formatting style: 'full' \\| 'long' \\| 'medium' \\| 'short'. Preset styles take precedence over granular date and time part options. |\n| timeZoneName (time-zone-name) | `'long' \\| 'short' \\| undefined` | Time zone name display: 'long' \\| 'short'. Use it with granular options only; preset styles ignore it. |\n| timeZone (time-zone) | `string \\| undefined` | IANA time zone identifier (such as 'America/New_York', 'UTC'). |"
+            "markdown": "## nve-format-datetime\n\nFormats a date/time value as localized text using the Intl.DateTimeFormat API. Renders inside a semantic time element.\nGranular options (weekday, year, month, day, hour, minute, second) mirror the Intl.DateTimeFormat API. 'numeric' omits zero-padding, '2-digit' zero-pads.\n\n### Example\n\n```html\n<nve-format-datetime date-style=\"long\">2023-07-28T04:20:17.434Z</nve-format-datetime>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/format-datetime/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Date string to format (such as 2023-07-28T04:20:17.434Z). Serves as fallback before hydration. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| date | `string \\| undefined` | Optional date string for values supplied by JavaScript or bound data. By default, the component formats the element's text content, which also serves as the SSR fallback. When both are present, this property takes precedence. |\n| dateStyle (date-style) | `'full' \\| 'long' \\| 'medium' \\| 'short' \\| undefined` | Preset date formatting style: 'full' \\| 'long' \\| 'medium' \\| 'short'. Preset styles take precedence over granular date and time part options. |\n| day | `'numeric' \\| '2-digit' \\| undefined` | Day representation: 'numeric' \\| '2-digit'. |\n| hour | `'numeric' \\| '2-digit' \\| undefined` | Hour representation: 'numeric' \\| '2-digit'. |\n| locale | `string \\| undefined` | Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default. |\n| minute | `'numeric' \\| '2-digit' \\| undefined` | Minute representation: 'numeric' \\| '2-digit'. |\n| month | `'numeric' \\| '2-digit' \\| 'long' \\| 'short' \\| 'narrow' \\| undefined` | Month representation: 'numeric' \\| '2-digit' \\| 'long' \\| 'short' \\| 'narrow'. |\n| second | `'numeric' \\| '2-digit' \\| undefined` | Second representation: 'numeric' \\| '2-digit'. |\n| timeStyle (time-style) | `'full' \\| 'long' \\| 'medium' \\| 'short' \\| undefined` | Preset time formatting style: 'full' \\| 'long' \\| 'medium' \\| 'short'. Preset styles take precedence over granular date and time part options. |\n| timeZone (time-zone) | `string \\| undefined` | IANA time zone identifier (such as 'America/New_York', 'UTC'). |\n| timeZoneName (time-zone-name) | `'long' \\| 'short' \\| undefined` | Time zone name display: 'long' \\| 'short'. Use it with granular options only; preset styles ignore it. |\n| weekday | `'long' \\| 'short' \\| 'narrow' \\| undefined` | Weekday representation: 'long' \\| 'short' \\| 'narrow'. |\n| year | `'numeric' \\| '2-digit' \\| undefined` | Year representation: 'numeric' \\| '2-digit'. |"
           }
         }
       ],
@@ -14965,7 +14764,7 @@
             "since": "0.0.0",
             "status": "stable",
             "behavior": "content",
-            "markdown": "## nve-format-number\n\nA localized number formatter for currencies, percentages, units, and compact notation, backed by Intl.NumberFormat.\nProvide a `currency` attribute when `formatStyle` is `currency`, and a `unit` attribute when `formatStyle` is `unit`.\n\n### Example\n\n```html\n<nve-format-number>1234567.89</nve-format-number>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/format-number/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Numeric string to format (such as 1234567 or 1234.56). Serves as fallback before hydration. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| number | `string \\| undefined` | Optional numeric string for values supplied by JavaScript or bound data. By default, the component formats the element's text content, which also serves as the SSR fallback. When both are present, this property takes precedence. |\n| locale | `string \\| undefined` | Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default. |\n| formatStyle (format-style) | `'decimal' \\| 'currency' \\| 'percent' \\| 'unit'` | Formatting style: 'decimal' \\| 'currency' \\| 'percent' \\| 'unit'. |\n| currency | `string \\| undefined` | ISO 4217 currency code (such as USD or EUR). Required when formatStyle is currency. |\n| currencySign (currency-sign) | `'standard' \\| 'accounting' \\| undefined` | Currency sign style: 'standard' \\| 'accounting'. |\n| currencyDisplay (currency-display) | `'symbol' \\| 'code' \\| 'name' \\| 'narrowSymbol' \\| undefined` | Currency display style: 'symbol' \\| 'code' \\| 'name' \\| 'narrowSymbol'. |\n| unit | `string \\| undefined` | Unit identifier (such as kilometer or byte). Required when formatStyle is unit. |\n| unitDisplay (unit-display) | `'short' \\| 'long' \\| 'narrow' \\| undefined` | Unit display style: 'short' \\| 'long' \\| 'narrow'. |\n| notation | `'standard' \\| 'scientific' \\| 'engineering' \\| 'compact' \\| undefined` | Number notation: 'standard' \\| 'scientific' \\| 'engineering' \\| 'compact'. |\n| compactDisplay (compact-display) | `'short' \\| 'long' \\| undefined` | Compact notation display: 'short' \\| 'long'. Only applies when notation is compact. |\n| signDisplay (sign-display) | `'auto' \\| 'never' \\| 'always' \\| 'exceptZero' \\| undefined` | Sign display: 'auto' \\| 'never' \\| 'always' \\| 'exceptZero'. |\n| useGrouping (use-grouping) | `'auto' \\| 'always' \\| 'min2' \\| 'true' \\| 'false' \\| boolean \\| undefined` | Grouping separators: 'auto' \\| 'always' \\| 'min2' \\| 'true' \\| 'false'. |\n| minimumFractionDigits (minimum-fraction-digits) | `number \\| undefined` | Pad fraction output to at least this many digits (0-20). |\n| maximumFractionDigits (maximum-fraction-digits) | `number \\| undefined` | Round fraction output to at most this many digits (0-20). |\n| minimumIntegerDigits (minimum-integer-digits) | `number \\| undefined` | Pad integer output to at least this many digits (1-21). |"
+            "markdown": "## nve-format-number\n\nA localized number formatter for currencies, percentages, units, and compact notation, backed by Intl.NumberFormat.\nProvide a `currency` attribute when `formatStyle` is `currency`, and a `unit` attribute when `formatStyle` is `unit`.\n\n### Example\n\n```html\n<nve-format-number>1234567.89</nve-format-number>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/format-number/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Numeric string to format (such as 1234567 or 1234.56). Serves as fallback before hydration. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| compactDisplay (compact-display) | `'short' \\| 'long' \\| undefined` | Compact notation display: 'short' \\| 'long'. Only applies when notation is compact. |\n| currency | `string \\| undefined` | ISO 4217 currency code (such as USD or EUR). Required when formatStyle is currency. |\n| currencyDisplay (currency-display) | `'symbol' \\| 'code' \\| 'name' \\| 'narrowSymbol' \\| undefined` | Currency display style: 'symbol' \\| 'code' \\| 'name' \\| 'narrowSymbol'. |\n| currencySign (currency-sign) | `'standard' \\| 'accounting' \\| undefined` | Currency sign style: 'standard' \\| 'accounting'. |\n| formatStyle (format-style) | `'decimal' \\| 'currency' \\| 'percent' \\| 'unit'` | Formatting style: 'decimal' \\| 'currency' \\| 'percent' \\| 'unit'. |\n| locale | `string \\| undefined` | Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default. |\n| maximumFractionDigits (maximum-fraction-digits) | `number \\| undefined` | Round fraction output to at most this many digits (0-20). |\n| minimumFractionDigits (minimum-fraction-digits) | `number \\| undefined` | Pad fraction output to at least this many digits (0-20). |\n| minimumIntegerDigits (minimum-integer-digits) | `number \\| undefined` | Pad integer output to at least this many digits (1-21). |\n| notation | `'standard' \\| 'scientific' \\| 'engineering' \\| 'compact' \\| undefined` | Number notation: 'standard' \\| 'scientific' \\| 'engineering' \\| 'compact'. |\n| number | `string \\| undefined` | Optional numeric string for values supplied by JavaScript or bound data. By default, the component formats the element's text content, which also serves as the SSR fallback. When both are present, this property takes precedence. |\n| signDisplay (sign-display) | `'auto' \\| 'never' \\| 'always' \\| 'exceptZero' \\| undefined` | Sign display: 'auto' \\| 'never' \\| 'always' \\| 'exceptZero'. |\n| unit | `string \\| undefined` | Unit identifier (such as kilometer or byte). Required when formatStyle is unit. |\n| unitDisplay (unit-display) | `'short' \\| 'long' \\| 'narrow' \\| undefined` | Unit display style: 'short' \\| 'long' \\| 'narrow'. |\n| useGrouping (use-grouping) | `'auto' \\| 'always' \\| 'min2' \\| 'true' \\| 'false' \\| boolean \\| undefined` | Grouping separators: 'auto' \\| 'always' \\| 'min2' \\| 'true' \\| 'false'. |"
           }
         }
       ],
@@ -15323,7 +15122,7 @@
             "since": "0.0.0",
             "status": "stable",
             "behavior": "content",
-            "markdown": "## nve-format-relative-time\n\nFormats a date/time value as localized relative text using the Intl.RelativeTimeFormat API. Renders inside a semantic time element.\nOptions mirror the Intl.RelativeTimeFormat API. When unit is 'auto', the component selects the best unit based on the time difference.\n\n### Example\n\n```html\n<div nve-layout=\"column gap:sm\">\n  <nve-format-relative-time>2020-01-15T12:00:00.000Z</nve-format-relative-time>\n  <nve-format-relative-time>2024-06-15T12:00:00.000Z</nve-format-relative-time>\n  <nve-format-relative-time>2025-12-01T12:00:00.000Z</nve-format-relative-time>\n</div>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/format-relative-time/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Date string to format (such as 2023-07-28T04:20:17.434Z). Serves as fallback before hydration. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| date | `string \\| undefined` | Optional date string for values supplied by JavaScript or bound data. By default, the component formats the element's text content, which also serves as the SSR fallback. When both are present, this property takes precedence. |\n| locale | `string \\| undefined` | Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default. |\n| numeric | `'always' \\| 'auto'` | Numeric formatting: 'always' \\| 'auto'. When 'auto', enables natural language forms such as 'yesterday' instead of '1 day ago'. |\n| formatStyle (format-style) | `'long' \\| 'short' \\| 'narrow'` | Formatting length: 'long' \\| 'short' \\| 'narrow'. Controls verbosity (such as '3 days ago' vs '3d ago'). Maps to Intl.RelativeTimeFormat style option. |\n| unit | `'second' \\| 'minute' \\| 'hour' \\| 'day' \\| 'week' \\| 'month' \\| 'year' \\| 'auto'` | Time unit: 'second' \\| 'minute' \\| 'hour' \\| 'day' \\| 'week' \\| 'month' \\| 'year' \\| 'auto'. Use 'auto' to let the component select the most appropriate unit based on the time difference. |\n| sync | `boolean` | When present, auto-updates the displayed relative time at appropriate intervals. |"
+            "markdown": "## nve-format-relative-time\n\nFormats a date/time value as localized relative text using the Intl.RelativeTimeFormat API. Renders inside a semantic time element.\nOptions mirror the Intl.RelativeTimeFormat API. When unit is 'auto', the component selects the best unit based on the time difference.\n\n### Example\n\n```html\n<div nve-layout=\"column gap:sm\">\n  <nve-format-relative-time>2020-01-15T12:00:00.000Z</nve-format-relative-time>\n  <nve-format-relative-time>2024-06-15T12:00:00.000Z</nve-format-relative-time>\n  <nve-format-relative-time>2025-12-01T12:00:00.000Z</nve-format-relative-time>\n</div>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/format-relative-time/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Date string to format (such as 2023-07-28T04:20:17.434Z). Serves as fallback before hydration. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| date | `string \\| undefined` | Optional date string for values supplied by JavaScript or bound data. By default, the component formats the element's text content, which also serves as the SSR fallback. When both are present, this property takes precedence. |\n| formatStyle (format-style) | `'long' \\| 'short' \\| 'narrow'` | Formatting length: 'long' \\| 'short' \\| 'narrow'. Controls verbosity (such as '3 days ago' vs '3d ago'). Maps to Intl.RelativeTimeFormat style option. |\n| locale | `string \\| undefined` | Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default. |\n| numeric | `'always' \\| 'auto'` | Numeric formatting: 'always' \\| 'auto'. When 'auto', enables natural language forms such as 'yesterday' instead of '1 day ago'. |\n| sync | `boolean` | When present, auto-updates the displayed relative time at appropriate intervals. |\n| unit | `'second' \\| 'minute' \\| 'hour' \\| 'day' \\| 'week' \\| 'month' \\| 'year' \\| 'auto'` | Time unit: 'second' \\| 'minute' \\| 'hour' \\| 'day' \\| 'week' \\| 'month' \\| 'year' \\| 'auto'. Use 'auto' to let the component select the most appropriate unit based on the time difference. |"
           }
         }
       ],
@@ -15584,7 +15383,7 @@
             "since": "0.0.0",
             "status": "beta",
             "behavior": "content",
-            "markdown": "## nve-format-truncate\n\nTruncates text at its start, center, or end while preserving the full text for assistive technology.\n\n### Example\n\n```html\n<div nve-layout=\"column gap:sm\" style=\"max-width: 16rem\">\n  <nve-format-truncate position=\"start\">training-pipeline-2026-08-05-production</nve-format-truncate>\n  <nve-format-truncate position=\"center\">training-pipeline-2026-08-05-production</nve-format-truncate>\n  <nve-format-truncate position=\"end\">training-pipeline-2026-08-05-production</nve-format-truncate>\n</div>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/format-truncate/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Text to truncate. The component flattens, trims, and normalizes mixed text and element nodes. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| position | `'start' \\| 'center' \\| 'end'` | Location of the ellipsis. Use start or end to preserve one edge, or center to preserve both edges. |\n| strategy | `'character' \\| 'word' \\| 'path'` | Text unit used for center truncation. Character preserves graphemes, word preserves words, and path preserves path segments. |\n| bias | `'start' \\| 'end'` | Edge favored by center truncation. The favored edge keeps at least the configured number of units. |\n| preserve | `number` | Number of strategy units retained at the biased edge during center truncation. |\n| connectedMoveCallback |  |  |"
+            "markdown": "## nve-format-truncate\n\nTruncates text at its start, center, or end while preserving the full text for assistive technology.\n\n### Example\n\n```html\n<div nve-layout=\"column gap:sm\" style=\"max-width: 16rem\">\n  <nve-format-truncate position=\"start\">training-pipeline-2026-08-05-production</nve-format-truncate>\n  <nve-format-truncate position=\"center\">training-pipeline-2026-08-05-production</nve-format-truncate>\n  <nve-format-truncate position=\"end\">training-pipeline-2026-08-05-production</nve-format-truncate>\n</div>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/format-truncate/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Text to truncate. The component flattens, trims, and normalizes mixed text and element nodes. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| bias | `'start' \\| 'end'` | Edge favored by center truncation. The favored edge keeps at least the configured number of units. |\n| position | `'start' \\| 'center' \\| 'end'` | Location of the ellipsis. Use start or end to preserve one edge, or center to preserve both edges. |\n| preserve | `number` | Number of strategy units retained at the biased edge during center truncation. |\n| strategy | `'character' \\| 'word' \\| 'path'` | Text unit used for center truncation. Character preserves graphemes, word preserves words, and path preserves path segments. |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| connectedMoveCallback | `connectedMoveCallback(): void` |  |"
           }
         }
       ],
@@ -15790,6 +15589,18 @@
               "description": "Set the visual prominence of the control group",
               "attribute": "prominence",
               "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "description": "Returns the label associated with the control group.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "inputs",
+              "description": "Returns the input elements associated with the control group.",
+              "readonly": true
             }
           ],
           "attributes": [
@@ -15859,7 +15670,7 @@
             "since": "0.3.0",
             "status": "stable",
             "behavior": "form",
-            "markdown": "## nve-control-group\n\nGroups many related form controls under a shared label and validation context for semantically linked inputs.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/forms/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Control input elements |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\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| prominence | `'muted'` | Set the visual prominence of the control group |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |"
+            "markdown": "## nve-control-group\n\nGroups many related form controls under a shared label and validation context for semantically linked inputs.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/forms/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Control input elements |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| inputs |  | Returns the input elements associated with the control group. |\n| label |  | Returns the label associated with the control group. |\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| prominence | `'muted'` | Set the visual prominence of the control group |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |"
           }
         }
       ],
@@ -16120,7 +15931,7 @@
             "since": "0.3.0",
             "status": "stable",
             "behavior": "form",
-            "markdown": "## nve-control-message\n\nDefining a Validity State on a control-message allows messages to show conditionally based on the current HTML5 validity state.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/forms/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Validation or supporting message text for the associated control. |\n| icon | `string` | override the icon with a custom icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled' \\| undefined` | Visual treatment for current form control validation status |\n| error | `'badInput' \\| 'customError' \\| 'patternMismatch' \\| 'rangeOverflow' \\| 'rangeUnderflow' \\| 'stepMismatch' \\| 'tooLong' \\| 'tooShort' \\| 'typeMismatch' \\| 'valid' \\| 'valueMissing' \\| null` | Validation error code for current form control https://mdn.dev/ValidityState |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |"
+            "markdown": "## nve-control-message\n\nDefining a Validity State on a control-message allows messages to show conditionally based on the current HTML5 validity state.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/forms/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Validation or supporting message text for the associated control. |\n| icon | `string` | override the icon with a custom icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| error | `'badInput' \\| 'customError' \\| 'patternMismatch' \\| 'rangeOverflow' \\| 'rangeUnderflow' \\| 'stepMismatch' \\| 'tooLong' \\| 'tooShort' \\| 'typeMismatch' \\| 'valid' \\| 'valueMissing' \\| null` | Validation error code for current form control https://mdn.dev/ValidityState |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled' \\| undefined` | Visual treatment for current form control validation status |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |"
           }
         }
       ],
@@ -16317,31 +16128,10 @@
               "attribute": "prominence",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "nveControl",
-              "type": {
-                "text": "string",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "string",
-                    "description": ""
-                  }
-                ]
-              },
-              "privacy": "protected",
-              "default": "''"
-            },
             {
               "kind": "method",
               "name": "reset",
               "description": "Resets control value to initial attribute value and clears any active validation rules."
-            },
-            {
-              "kind": "method",
-              "name": "showPicker",
-              "privacy": "protected"
             }
           ],
           "events": [
@@ -16491,7 +16281,7 @@
             "since": "0.3.0",
             "status": "stable",
             "behavior": "form",
-            "markdown": "## nve-control\n\nWraps a form input with its associated label and validation messages, managing layout and accessibility associations.\n\n### Example\n\n```html\n<nve-control>\n  <label>label</label>\n  <input />\n  <nve-control-message>message</nve-control-message>\n</nve-control>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/forms/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| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/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) |"
+            "markdown": "## nve-control\n\nWraps a form input with its associated label and validation messages, managing layout and accessibility associations.\n\n### Example\n\n```html\n<nve-control>\n  <label>label</label>\n  <input />\n  <nve-control-message>message</nve-control-message>\n</nve-control>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/forms/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| fitContent (fit-content) | `boolean` | Sets the input to match native default content block |\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| i18n |  | Enables internal string values to update for internationalization. |\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| prominence | `'muted'` | Set the visual prominence of the control |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | Set current visual state for control. This overrides any validation states active. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| reset | `CustomEvent` |  |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| reset | `reset(): unknown` | Resets control value to initial attribute value and clears any active validation rules. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --control-height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --control-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -17272,7 +17062,7 @@
             "since": "2.0.4",
             "status": "beta",
             "behavior": "content",
-            "markdown": "## nve-gauge\n\nUse a gauge to show system resource usage.\n\n### Example\n\n```html\n<nve-gauge status=\"accent\" value=\"66\">66%</nve-gauge>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/gauge/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Content to display in the gauge center. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| value | `number` | The current `value` of the gauge. |\n| max | `number` | The `max` value of the gauge that the `value` is proportionally scaled to. |\n| status | `'accent' \\| 'warning' \\| 'success' \\| 'danger' \\| 'neutral' \\| undefined` | Four visual treatments represent the `status` of tasks. - `accent` Highlights important actions or draws attention to primary interactive elements. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `success` Represents positive outcomes, confirmations, or constructive actions. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. |\n| shape | `'half' \\| undefined` | Determines the gauge shape. Set `half` for a compact semi-circular arc. |\n| thumb | `'fill' \\| 'dot' \\| 'needle'` | Controls the value indicator. Set `dot` for only the end dot or `needle` for a pointer. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| undefined` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| i18n |  | Enables updating internal string values for internationalization. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --track-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --needle-background | `string` |  |\n| --track-background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --thumb-background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |"
+            "markdown": "## nve-gauge\n\nUse a gauge to show system resource usage.\n\n### Example\n\n```html\n<nve-gauge status=\"accent\" value=\"66\">66%</nve-gauge>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/gauge/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Content to display in the gauge center. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| i18n |  | Enables updating internal string values for internationalization. |\n| max | `number` | The `max` value of the gauge that the `value` is proportionally scaled to. |\n| shape | `'half' \\| undefined` | Determines the gauge shape. Set `half` for a compact semi-circular arc. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| undefined` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| status | `'accent' \\| 'warning' \\| 'success' \\| 'danger' \\| 'neutral' \\| undefined` | Four visual treatments represent the `status` of tasks. - `accent` Highlights important actions or draws attention to primary interactive elements. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `success` Represents positive outcomes, confirmations, or constructive actions. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. |\n| thumb | `'fill' \\| 'dot' \\| 'needle'` | Controls the value indicator. Set `dot` for only the end dot or `needle` for a pointer. |\n| value | `number` | The current `value` of the gauge. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --needle-background | `string` |  |\n| --thumb-background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --track-background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --track-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -17385,7 +17175,7 @@
             "since": "0.11.0",
             "status": "stable",
             "behavior": "list",
-            "markdown": "## nve-grid-cell\n\nRepresents an individual data cell within a grid row, displaying content aligned to its parent column.\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` | Data or interactive controls displayed within the cell. |\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| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --border-left | `string` | [MDN](https://mdn.dev/CSS/border-left) |\n| --border-right | `string` | [MDN](https://mdn.dev/CSS/border-right) |\n| --justify-content | `string` | [MDN](https://mdn.dev/CSS/justify-content) |"
+            "markdown": "## nve-grid-cell\n\nRepresents an individual data cell within a grid row, displaying content aligned to its parent column.\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` | Data or interactive controls displayed within the cell. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-left | `string` | [MDN](https://mdn.dev/CSS/border-left) |\n| --border-right | `string` | [MDN](https://mdn.dev/CSS/border-right) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --justify-content | `string` | [MDN](https://mdn.dev/CSS/justify-content) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
           }
         }
       ],
@@ -17610,7 +17400,7 @@
             "since": "0.11.0",
             "status": "stable",
             "behavior": "list",
-            "markdown": "## nve-grid-column\n\nDefines a column header within a grid, specifying the column's label, width, and alignment for all cells beneath it.\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` | Column heading text or controls. |\n| actions | `string` | slot for column actions |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| width | `string` | Only set a fixed px width when you know the grid width. Most cases this should remain unset. If the total width of all columns is less than the grid width then the last column fills the remaining space. By default column widths are evenly divided unless width is explicitly provided. |\n| position | `'fixed' \\| 'sticky' \\| ''` | Set the `position` property or attribute to `fixed` or `sticky` to make the column fixed or sticky. Fixed columns do not scroll horizontally with the grid. Sticky columns scroll horizontally with the grid until the column reaches the edge of the grid. |\n| columnAlign (column-align) | `'start' \\| 'center' \\| 'end'` | Control the content alignment within a given column. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| nve-grid-column-resize | `CustomEvent` |  |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --justify-content | `string` | [MDN](https://mdn.dev/CSS/justify-content) |\n| --border-left | `string` | [MDN](https://mdn.dev/CSS/border-left) |\n| --border-right | `string` | [MDN](https://mdn.dev/CSS/border-right) |"
+            "markdown": "## nve-grid-column\n\nDefines a column header within a grid, specifying the column's label, width, and alignment for all cells beneath it.\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` | Column heading text or controls. |\n| actions | `string` | slot for column actions |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| columnAlign (column-align) | `'start' \\| 'center' \\| 'end'` | Control the content alignment within a given column. |\n| position | `'fixed' \\| 'sticky' \\| ''` | Set the `position` property or attribute to `fixed` or `sticky` to make the column fixed or sticky. Fixed columns do not scroll horizontally with the grid. Sticky columns scroll horizontally with the grid until the column reaches the edge of the grid. |\n| width | `string` | Only set a fixed px width when you know the grid width. Most cases this should remain unset. If the total width of all columns is less than the grid width then the last column fills the remaining space. By default column widths are evenly divided unless width is explicitly provided. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| nve-grid-column-resize | `CustomEvent` |  |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-left | `string` | [MDN](https://mdn.dev/CSS/border-left) |\n| --border-right | `string` | [MDN](https://mdn.dev/CSS/border-right) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --justify-content | `string` | [MDN](https://mdn.dev/CSS/justify-content) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
           }
         }
       ],
@@ -17685,7 +17475,7 @@
             "since": "0.11.0",
             "status": "stable",
             "behavior": "list",
-            "markdown": "## nve-grid-footer\n\nGrid footer displays contextual information or user actions such as pagination.\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` | Grid summary, pagination, or other footer controls. |\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| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |"
+            "markdown": "## nve-grid-footer\n\nGrid footer displays contextual information or user actions such as pagination.\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` | Grid summary, pagination, or other footer controls. |\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| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
           }
         }
       ],
@@ -17832,23 +17622,6 @@
                   }
                 }
               ]
-            },
-            {
-              "kind": "method",
-              "name": "scrollTo",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "args",
-                  "type": {
-                    "text": "[options?: ScrollToOptions] | [x: number, y: number]"
-                  }
-                }
-              ]
             }
           ],
           "attributes": [
@@ -17913,7 +17686,7 @@
             "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><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 |"
+            "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\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| scrollTo | `scrollTo(options?: ScrollToOptions): Promise<void>`<br>`scrollTo(x: number, y: number): Promise<void>` | 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| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\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 |"
           }
         }
       ],
@@ -21439,7 +21212,7 @@
             "since": "0.2.1",
             "status": "stable",
             "behavior": "button",
-            "markdown": "## nve-icon-button\n\nAn icon button is a button that displays only an icon without a visual label.\n\n### Example\n\n```html\n<nve-icon-button icon-name=\"menu\"></nve-icon-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/icon-button/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for custom icons |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| iconName (icon-name) | `'placeholder' \\| 'caret' \\| 'person' \\| 'menu' \\| 'cancel' \\| 'gear' \\| 'chevron' \\| 'logout' \\| 'copy' \\| 'more-actions' \\| 'add' \\| 'arrow' \\| 'delete' \\| 'download' \\| 'search' \\| 'split-vertical' \\| 'sparkles' \\| 'branch' \\| 'refresh' \\| 'double-chevron' \\| 'academic-cap' \\| 'add-asset' \\| 'add-comment' \\| 'add-grid' \\| 'add-user' \\| 'ancestors' \\| 'archive' \\| 'arrow-angle' \\| 'arrow-both' \\| 'arrow-cycle' \\| 'arrow-path-rounded-square' \\| 'arrow-stop' \\| 'at-symbol' \\| 'backspace' \\| 'bar-pill-stack' \\| 'bars-3' \\| 'bars-3-bottom-left' \\| 'bars-3-bottom-right' \\| 'bars-3-center-left' \\| 'bars-4' \\| 'beaker' \\| 'bell' \\| 'bell-slash' \\| 'bold' \\| 'book' \\| 'bookmark' \\| 'bounding-box' \\| 'briefcase' \\| 'broadcast' \\| 'browser' \\| 'bug' \\| 'calendar' \\| 'camera' \\| 'carets-closed-square' \\| 'carousel' \\| 'category-list' \\| 'chart-bar' \\| 'chat-bubble' \\| 'chat-bubbles' \\| 'check' \\| 'check-badge' \\| 'checklist' \\| 'checkmark-circle' \\| 'chip' \\| 'circle' \\| 'circle-angled-line' \\| 'circle-dash' \\| 'circle-dot' \\| 'circle-dot-arrows' \\| 'circle-half' \\| 'circle-rule' \\| 'circle-tick' \\| 'clipboard' \\| 'clock' \\| 'clock-circle-arrow' \\| 'cloud' \\| 'cloud-download' \\| 'cloud-upload' \\| 'code' \\| 'collapse-all' \\| 'collapse-details' \\| 'color-palette' \\| 'columns' \\| 'compare' \\| 'computer' \\| 'connect-node' \\| 'connected-blocks' \\| 'cross-hairs' \\| 'cursor-rays' \\| 'cursor-ripples' \\| 'data-management' \\| 'delete-node' \\| 'doc-checkmark' \\| 'dock-bottom' \\| 'dock-none' \\| 'dock-side' \\| 'document' \\| 'document-clipboard' \\| 'dot' \\| 'drag' \\| 'dropper' \\| 'duplicate' \\| 'edit' \\| 'ellipses' \\| 'envelope' \\| 'exclamation-circle' \\| 'exclamation-mark' \\| 'exclamation-triangle' \\| 'expand-all' \\| 'expand-details' \\| 'expression' \\| 'eye' \\| 'eye-hidden' \\| 'face-frown' \\| 'face-smile' \\| 'fast-forward' \\| 'fast-forward-10' \\| 'film' \\| 'filter' \\| 'flag' \\| 'fold' \\| 'folder' \\| 'fork' \\| 'globe' \\| 'globe-alt' \\| 'group' \\| 'group-boxes' \\| 'hand' \\| 'hash' \\| 'heading' \\| 'home' \\| 'horizontal-rule' \\| 'hourglass' \\| 'hourglass-end' \\| 'hourglass-mid' \\| 'hourglass-start' \\| 'identification' \\| 'image' \\| 'inbox' \\| 'infinity' \\| 'information-circle' \\| 'inspect' \\| 'italic' \\| 'key' \\| 'keyboard' \\| 'laptop-phone' \\| 'layers' \\| 'lifebuoy' \\| 'lightbulb' \\| 'lightning-bolt' \\| 'link' \\| 'list-ordered' \\| 'list-unordered' \\| 'lock' \\| 'login' \\| 'looping' \\| 'looping-off' \\| 'map' \\| 'map-drives' \\| 'map-pin' \\| 'markdown' \\| 'maximize' \\| 'megaphone' \\| 'merge' \\| 'meter' \\| 'minimize' \\| 'minus' \\| 'minus-circle' \\| 'moon' \\| 'multiselect' \\| 'music-note' \\| 'newspaper' \\| 'not-allowed' \\| 'numbers' \\| 'office-building' \\| 'outline' \\| 'paper-airplane' \\| 'paper-clip' \\| 'pause' \\| 'pencil-square' \\| 'person-2' \\| 'person-3' \\| 'person-circle' \\| 'phone' \\| 'picture-in-picture' \\| 'pie-chart' \\| 'pin' \\| 'pizza-slice' \\| 'play' \\| 'plug' \\| 'plus-circle' \\| 'plus-minus' \\| 'pointer' \\| 'priority-high' \\| 'priority-low' \\| 'priority-medium' \\| 'projector' \\| 'pull-close' \\| 'pull-draft' \\| 'pull-open' \\| 'pulse' \\| 'puzzle-piece' \\| 'question-mark-circle' \\| 'rectangle-group' \\| 'rectangle-stack-horizontal' \\| 'rectangle-stack-vertical' \\| 'redo' \\| 'reply' \\| 'rewind' \\| 'rewind-10' \\| 'rocketship' \\| 'running' \\| 'scale' \\| 'scissors' \\| 'sensor' \\| 'server' \\| 'server-stack' \\| 'shapes' \\| 'share' \\| 'signal' \\| 'signal-slash' \\| 'signpost' \\| 'sort-ascending' \\| 'sort-descending' \\| 'soundwave' \\| 'split-horizontal' \\| 'split-none' \\| 'star' \\| 'star-half' \\| 'star-stroke' \\| 'start' \\| 'status-offline' \\| 'status-online' \\| 'stop' \\| 'stop-sign' \\| 'stopwatch' \\| 'strikethrough' \\| 'sun' \\| 'swatch' \\| 'switch' \\| 'switch-apps' \\| 'table' \\| 'tag' \\| 'task' \\| 'telescope' \\| 'template' \\| 'terminal' \\| 'thumb' \\| 'traffic-cone' \\| 'transparent-box' \\| 'trend-down' \\| 'trend-up' \\| 'trophy' \\| 'truck' \\| 'typography' \\| 'undo' \\| 'unlock' \\| 'upload' \\| 'video-camera' \\| 'view-as-grid' \\| 'volume' \\| 'volume-muted' \\| 'wifi' \\| 'wrench' \\| 'x-circle' \\| 'zoom-in' \\| 'zoom-out'` | Sets the icon name, which determines which icon to display. |\n| direction | `'up' \\| 'down' \\| 'left' \\| 'right'` | Sets the direction of the icon. Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/chevron icons (4-directions) |\n| size | `'sm' \\| 'md' \\| 'lg' \\| undefined` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| container | `'flat' \\| 'inline' \\| undefined` | Determines the container of the button. Flat suits nesting within other containers or more muted style. Inline suits inline content such as text. |\n| interaction | `'emphasis' \\| 'destructive'` | The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors. - `emphasis` Shows the interaction targets emphasis or highlighting primary actions. - `destructive` Shows the interaction targets destructive actions such as deleting or removing. |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\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| readOnly (readonly) | `boolean` | Indicates whether the element is a noninteractive visual treatment instead of a button. https://mdn.dev/HTML/Attributes/readonly |\n| form | property: `string \\| HTMLFormElement \\| null`; attribute: `string` | Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only the form ID. Reading the property returns the associated form element or `null`. https://mdn.dev/ElementInternals/form |\n| name | `string` ... (use `icons_list` tool for full list) | The name of the button, submitted as a pair with the button value as part of the form data. https://mdn.dev/HTML/Element/button#attr-name |\n| value | `string` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within a form element. https://mdn.dev/HTML/Element/button#attr-type |\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| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\n| popoverTargetElement (popovertarget) | property: `HTMLElement \\| null`; attribute: `string` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| commandForElement (commandfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| interestForElement (interestfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --line-height | `string` | [MDN](https://mdn.dev/CSS/line-height) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --text-decoration | `string` | [MDN](https://mdn.dev/CSS/text-decoration) |\n| --text-align | `string` | [MDN](https://mdn.dev/CSS/text-align) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |"
+            "markdown": "## nve-icon-button\n\nAn icon button is a button that displays only an icon without a visual label.\n\n### Example\n\n```html\n<nve-icon-button icon-name=\"menu\"></nve-icon-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/icon-button/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for custom icons |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| commandForElement (commandfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| container | `'flat' \\| 'inline' \\| undefined` | Determines the container of the button. Flat suits nesting within other containers or more muted style. Inline suits inline content such as text. |\n| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\n| direction | `'up' \\| 'down' \\| 'left' \\| 'right'` | Sets the direction of the icon. Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/chevron icons (4-directions) |\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| 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| form | property: `string \\| HTMLFormElement \\| null`; attribute: `string` | Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only the form ID. Reading the property returns the associated form element or `null`. https://mdn.dev/ElementInternals/form |\n| iconName (icon-name) | `'placeholder' \\| 'caret' \\| 'person' \\| 'menu' \\| 'cancel' \\| 'gear' \\| 'chevron' \\| 'logout' \\| 'copy' \\| 'more-actions' \\| 'add' \\| 'arrow' \\| 'delete' \\| 'download' \\| 'search' \\| 'split-vertical' \\| 'sparkles' \\| 'branch' \\| 'refresh' \\| 'double-chevron' \\| 'academic-cap' \\| 'add-asset' \\| 'add-comment' \\| 'add-grid' \\| 'add-user' \\| 'ancestors' \\| 'archive' \\| 'arrow-angle' \\| 'arrow-both' \\| 'arrow-cycle' \\| 'arrow-path-rounded-square' \\| 'arrow-stop' \\| 'at-symbol' \\| 'backspace' \\| 'bar-pill-stack' \\| 'bars-3' \\| 'bars-3-bottom-left' \\| 'bars-3-bottom-right' \\| 'bars-3-center-left' \\| 'bars-4' \\| 'beaker' \\| 'bell' \\| 'bell-slash' \\| 'bold' \\| 'book' \\| 'bookmark' \\| 'bounding-box' \\| 'briefcase' \\| 'broadcast' \\| 'browser' \\| 'bug' \\| 'calendar' \\| 'camera' \\| 'carets-closed-square' \\| 'carousel' \\| 'category-list' \\| 'chart-bar' \\| 'chat-bubble' \\| 'chat-bubbles' \\| 'check' \\| 'check-badge' \\| 'checklist' \\| 'checkmark-circle' \\| 'chip' \\| 'circle' \\| 'circle-angled-line' \\| 'circle-dash' \\| 'circle-dot' \\| 'circle-dot-arrows' \\| 'circle-half' \\| 'circle-rule' \\| 'circle-tick' \\| 'clipboard' \\| 'clock' \\| 'clock-circle-arrow' \\| 'cloud' \\| 'cloud-download' \\| 'cloud-upload' \\| 'code' \\| 'collapse-all' \\| 'collapse-details' \\| 'color-palette' \\| 'columns' \\| 'compare' \\| 'computer' \\| 'connect-node' \\| 'connected-blocks' \\| 'cross-hairs' \\| 'cursor-rays' \\| 'cursor-ripples' \\| 'data-management' \\| 'delete-node' \\| 'doc-checkmark' \\| 'dock-bottom' \\| 'dock-none' \\| 'dock-side' \\| 'document' \\| 'document-clipboard' \\| 'dot' \\| 'drag' \\| 'dropper' \\| 'duplicate' \\| 'edit' \\| 'ellipses' \\| 'envelope' \\| 'exclamation-circle' \\| 'exclamation-mark' \\| 'exclamation-triangle' \\| 'expand-all' \\| 'expand-details' \\| 'expression' \\| 'eye' \\| 'eye-hidden' \\| 'face-frown' \\| 'face-smile' \\| 'fast-forward' \\| 'fast-forward-10' \\| 'film' \\| 'filter' \\| 'flag' \\| 'fold' \\| 'folder' \\| 'fork' \\| 'globe' \\| 'globe-alt' \\| 'group' \\| 'group-boxes' \\| 'hand' \\| 'hash' \\| 'heading' \\| 'home' \\| 'horizontal-rule' \\| 'hourglass' \\| 'hourglass-end' \\| 'hourglass-mid' \\| 'hourglass-start' \\| 'identification' \\| 'image' \\| 'inbox' \\| 'infinity' \\| 'information-circle' \\| 'inspect' \\| 'italic' \\| 'key' \\| 'keyboard' \\| 'laptop-phone' \\| 'layers' \\| 'lifebuoy' \\| 'lightbulb' \\| 'lightning-bolt' \\| 'link' \\| 'list-ordered' \\| 'list-unordered' \\| 'lock' \\| 'login' \\| 'looping' \\| 'looping-off' \\| 'map' \\| 'map-drives' \\| 'map-pin' \\| 'markdown' \\| 'maximize' \\| 'megaphone' \\| 'merge' \\| 'meter' \\| 'minimize' \\| 'minus' \\| 'minus-circle' \\| 'moon' \\| 'multiselect' \\| 'music-note' \\| 'newspaper' \\| 'not-allowed' \\| 'numbers' \\| 'office-building' \\| 'outline' \\| 'paper-airplane' \\| 'paper-clip' \\| 'pause' \\| 'pencil-square' \\| 'person-2' \\| 'person-3' \\| 'person-circle' \\| 'phone' \\| 'picture-in-picture' \\| 'pie-chart' \\| 'pin' \\| 'pizza-slice' \\| 'play' \\| 'plug' \\| 'plus-circle' \\| 'plus-minus' \\| 'pointer' \\| 'priority-high' \\| 'priority-low' \\| 'priority-medium' \\| 'projector' \\| 'pull-close' \\| 'pull-draft' \\| 'pull-open' \\| 'pulse' \\| 'puzzle-piece' \\| 'question-mark-circle' \\| 'rectangle-group' \\| 'rectangle-stack-horizontal' \\| 'rectangle-stack-vertical' \\| 'redo' \\| 'reply' \\| 'rewind' \\| 'rewind-10' \\| 'rocketship' \\| 'running' \\| 'scale' \\| 'scissors' \\| 'sensor' \\| 'server' \\| 'server-stack' \\| 'shapes' \\| 'share' \\| 'signal' \\| 'signal-slash' \\| 'signpost' \\| 'sort-ascending' \\| 'sort-descending' \\| 'soundwave' \\| 'split-horizontal' \\| 'split-none' \\| 'star' \\| 'star-half' \\| 'star-stroke' \\| 'start' \\| 'status-offline' \\| 'status-online' \\| 'stop' \\| 'stop-sign' \\| 'stopwatch' \\| 'strikethrough' \\| 'sun' \\| 'swatch' \\| 'switch' \\| 'switch-apps' \\| 'table' \\| 'tag' \\| 'task' \\| 'telescope' \\| 'template' \\| 'terminal' \\| 'thumb' \\| 'traffic-cone' \\| 'transparent-box' \\| 'trend-down' \\| 'trend-up' \\| 'trophy' \\| 'truck' \\| 'typography' \\| 'undo' \\| 'unlock' \\| 'upload' \\| 'video-camera' \\| 'view-as-grid' \\| 'volume' \\| 'volume-muted' \\| 'wifi' \\| 'wrench' \\| 'x-circle' \\| 'zoom-in' \\| 'zoom-out'` | Sets the icon name, which determines which icon to display. |\n| interaction | `'emphasis' \\| 'destructive'` | The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors. - `emphasis` Shows the interaction targets emphasis or highlighting primary actions. - `destructive` Shows the interaction targets destructive actions such as deleting or removing. |\n| interestForElement (interestfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n| name | `string` ... (use `icons_list` tool for full list) | The name of the button, submitted as a pair with the button value as part of the form data. https://mdn.dev/HTML/Element/button#attr-name |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| popoverTargetElement (popovertarget) | property: `HTMLElement \\| null`; attribute: `string` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| readOnly (readonly) | `boolean` | Indicates whether the element is a noninteractive visual treatment instead of a button. https://mdn.dev/HTML/Attributes/readonly |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| undefined` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within a form element. https://mdn.dev/HTML/Element/button#attr-type |\n| value | `string` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --line-height | `string` | [MDN](https://mdn.dev/CSS/line-height) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --text-align | `string` | [MDN](https://mdn.dev/CSS/text-align) |\n| --text-decoration | `string` | [MDN](https://mdn.dev/CSS/text-decoration) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -23916,7 +23689,7 @@
             "documentation": "https://nvidia.github.io/elements/docs/elements/icon/",
             "status": "stable",
             "behavior": "content",
-            "markdown": "## nve-icon\n\nAn icon is a graphic symbol designed to visually show the purpose of an interface element.\n\n### Example\n\n```html\n<nve-icon name=\"person\"></nve-icon>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/icon/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Custom SVG content to override the named icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| status | `'warning' \\| 'danger' \\| 'success' \\| 'accent' \\| undefined` | Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. - `success` Represents positive outcomes, confirmations, or constructive actions. - `accent` Highlights important actions or draws attention to primary interactive elements. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| 'xs' \\| 'xl' \\| undefined` | Controls the bounding box size of the icon given a t-shirt style value. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| direction | `'up' \\| 'down' \\| 'left' \\| 'right' \\| undefined` | Sets the direction of the icon. Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/chevron icons (4-directions) |\n| appearance | `'outline' \\| 'solid' \\| undefined` | Selects the outline or solid form of the named icon. Solid icons use an optional `-solid` asset and fall back to the outline form when that asset is unavailable. |\n| name | `placeholder` \\| `caret` \\| `person` \\| `menu` \\| `cancel` \\| `gear` \\| `chevron` \\| `logout` \\| `copy` \\| `more-actions` \\| `add` \\| `arrow` \\| `delete` \\| `download` \\| `search` \\| `split-vertical` \\| `sparkles` \\| `branch` \\| `refresh` \\| `double-chevron` ... (use `icons_list` tool for full list) | The name of the icon SVG sprite to render. |\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) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |"
+            "markdown": "## nve-icon\n\nAn icon is a graphic symbol designed to visually show the purpose of an interface element.\n\n### Example\n\n```html\n<nve-icon name=\"person\"></nve-icon>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/icon/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Custom SVG content to override the named icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| appearance | `'outline' \\| 'solid' \\| undefined` | Selects the outline or solid form of the named icon. Solid icons use an optional `-solid` asset and fall back to the outline form when that asset is unavailable. |\n| direction | `'up' \\| 'down' \\| 'left' \\| 'right' \\| undefined` | Sets the direction of the icon. Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/chevron icons (4-directions) |\n| name | `placeholder` \\| `caret` \\| `person` \\| `menu` \\| `cancel` \\| `gear` \\| `chevron` \\| `logout` \\| `copy` \\| `more-actions` \\| `add` \\| `arrow` \\| `delete` \\| `download` \\| `search` \\| `split-vertical` \\| `sparkles` \\| `branch` \\| `refresh` \\| `double-chevron` ... (use `icons_list` tool for full list) | The name of the icon SVG sprite to render. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| 'xs' \\| 'xl' \\| undefined` | Controls the bounding box size of the icon given a t-shirt style value. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| status | `'warning' \\| 'danger' \\| 'success' \\| 'accent' \\| undefined` | Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. - `success` Represents positive outcomes, confirmations, or constructive actions. - `accent` Highlights important actions or draws attention to primary interactive elements. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         },
         {
@@ -24276,6 +24049,26 @@
                 "name": "ControlGroup",
                 "module": "/src/forms/control-group/control-group.js"
               }
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "description": "Returns the label associated with the control group.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "ControlGroup",
+                "module": "/src/forms/control-group/control-group.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "inputs",
+              "description": "Returns the input elements associated with the control group.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "ControlGroup",
+                "module": "/src/forms/control-group/control-group.js"
+              }
             }
           ],
           "superclass": {
@@ -24300,7 +24093,7 @@
             "since": "0.3.0",
             "status": "stable",
             "behavior": "form",
-            "markdown": "## nve-input-group\n\nVisually combines many related input controls into a unified composite field with shared styling.\n\n### Example\n\n```html\n<nve-input-group>\n  <label>domain</label>\n  <nve-select style=\"width: 130px\">\n    <select aria-label=\"protocol\">\n      <option>https://</option>\n      <option>http://</option>\n    </select>\n  </nve-select>\n  <nve-input>\n    <input placeholder=\"example\" type=\"url\" aria-label=\"host\" />\n    <nve-button container=\"flat\" readonly>.com</nve-button>\n  </nve-input>\n  <nve-control-message>host: 123456</nve-control-message>\n</nve-input-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/input/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Control input elements |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\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| prominence | `'muted'` | Set the visual prominence of the control group |\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| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |"
+            "markdown": "## nve-input-group\n\nVisually combines many related input controls into a unified composite field with shared styling.\n\n### Example\n\n```html\n<nve-input-group>\n  <label>domain</label>\n  <nve-select style=\"width: 130px\">\n    <select aria-label=\"protocol\">\n      <option>https://</option>\n      <option>http://</option>\n    </select>\n  </nve-select>\n  <nve-input>\n    <input placeholder=\"example\" type=\"url\" aria-label=\"host\" />\n    <nve-button container=\"flat\" readonly>.com</nve-button>\n  </nve-input>\n  <nve-control-message>host: 123456</nve-control-message>\n</nve-input-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/input/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Control input elements |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| inputs |  | Returns the input elements associated with the control group. |\n| label |  | Returns the label associated with the control group. |\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| prominence | `'muted'` | Set the visual prominence of the control group |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
           },
           "slots": [
             {
@@ -24702,26 +24495,6 @@
                 "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",
@@ -24730,15 +24503,6 @@
                 "name": "Control",
                 "module": "/src/forms/control/control.js"
               }
-            },
-            {
-              "kind": "method",
-              "name": "showPicker",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
             }
           ],
           "attributes": [
@@ -24939,7 +24703,7 @@
             "since": "0.3.0",
             "status": "stable",
             "behavior": "form",
-            "markdown": "## nve-input\n\nAn input is a control that enables users to enter text.\n\n### Example\n\n```html\n<nve-input>\n  <label>label</label>\n  <input type=\"text\" />\n  <nve-control-message>message</nve-control-message>\n</nve-input>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/input/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| container | `'flat' \\| undefined` | Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. Use when embedding within another container such as a toolbar. |\n| rounded | `boolean` | Sets the rounded visual style of the input. |\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| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --max-width | `string` | [MDN](https://mdn.dev/CSS/max-width) |\n| --border-bottom | `string` | [MDN](https://mdn.dev/CSS/border-bottom) |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\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) |"
+            "markdown": "## nve-input\n\nAn input is a control that enables users to enter text.\n\n### Example\n\n```html\n<nve-input>\n  <label>label</label>\n  <input type=\"text\" />\n  <nve-control-message>message</nve-control-message>\n</nve-input>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/input/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| container | `'flat' \\| undefined` | Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. Use when embedding within another container such as a toolbar. |\n| fitContent (fit-content) | `boolean` | Sets the input to match native default content block |\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| i18n |  | Enables internal string values to update for internationalization. |\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| prominence | `'muted'` | Set the visual prominence of the control |\n| rounded | `boolean` | Sets the rounded visual style of the input. |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | Set current visual state for control. This overrides any validation states active. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| reset | `CustomEvent` |  |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| reset | `reset(): unknown` | Resets control value to initial attribute value and clears any active validation rules. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-bottom | `string` | [MDN](https://mdn.dev/CSS/border-bottom) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --control-height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --control-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --max-width | `string` | [MDN](https://mdn.dev/CSS/max-width) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           },
           "slots": [
             {
@@ -29023,6 +28787,11 @@
         {
           "kind": "function",
           "name": "validKeyNavigationCode",
+          "return": {
+            "type": {
+              "text": "e is KeyboardEvent & { code: KeynavCode }"
+            }
+          },
           "parameters": [
             {
               "name": "e",
@@ -30817,7 +30586,7 @@
             "since": "0.10.0",
             "status": "stable",
             "behavior": "content",
-            "markdown": "## nve-logo\n\nA visual indicator for a brand or application.\n\n### Example\n\n```html\n<nve-logo aria-label=\"NVIDIA\">NV</nve-logo>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/logo/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Text, an image, or other visual content representing the brand or application. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| color | `'red-cardinal' \\| 'gray-slate' \\| 'gray-denim' \\| 'blue-indigo' \\| 'blue-cobalt' \\| 'blue-sky' \\| 'teal-cyan' \\| 'green-mint' \\| 'teal-seafoam' \\| 'green-grass' \\| 'yellow-amber' \\| 'orange-pumpkin' \\| 'red-tomato' \\| 'pink-magenta' \\| 'purple-plum' \\| 'purple-violet' \\| 'purple-lavender' \\| 'pink-rose' \\| 'green-jade' \\| 'lime-pear' \\| 'yellow-nova' \\| 'brand-green'` | Defines a base color from the theme color palette |\n| size | `'sm' \\| 'md' \\| 'lg' \\| undefined` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |"
+            "markdown": "## nve-logo\n\nA visual indicator for a brand or application.\n\n### Example\n\n```html\n<nve-logo aria-label=\"NVIDIA\">NV</nve-logo>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/logo/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Text, an image, or other visual content representing the brand or application. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| color | `'red-cardinal' \\| 'gray-slate' \\| 'gray-denim' \\| 'blue-indigo' \\| 'blue-cobalt' \\| 'blue-sky' \\| 'teal-cyan' \\| 'green-mint' \\| 'teal-seafoam' \\| 'green-grass' \\| 'yellow-amber' \\| 'orange-pumpkin' \\| 'red-tomato' \\| 'pink-magenta' \\| 'purple-plum' \\| 'purple-violet' \\| 'purple-lavender' \\| 'pink-rose' \\| 'green-jade' \\| 'lime-pear' \\| 'yellow-nova' \\| 'brand-green'` | Defines a base color from the theme color palette |\n| size | `'sm' \\| 'md' \\| 'lg' \\| undefined` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -31638,7 +31407,7 @@
             "since": "0.11.0",
             "status": "stable",
             "behavior": "button",
-            "markdown": "## nve-menu-item\n\nRepresents a selectable option within a menu, providing an interactive button for navigation or actions.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/menu/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Label and supporting content for the menu option. |\n| suffix | `string` | slot for suffix icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| status | `'danger'` | Applies danger styling to destructive or high-risk menu actions. |\n| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within a form element. https://mdn.dev/HTML/Element/button#attr-type |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\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| readOnly (readonly) | `boolean` | Indicates whether the element is a noninteractive visual treatment instead of a button. https://mdn.dev/HTML/Attributes/readonly |\n| form | property: `string \\| HTMLFormElement \\| null`; attribute: `string` | Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only the form ID. Reading the property returns the associated form element or `null`. https://mdn.dev/ElementInternals/form |\n| name | `string` | The name of the button, submitted as a pair with the button value as part of the form data. https://mdn.dev/HTML/Element/button#attr-name |\n| value | `string` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\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| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\n| popoverTargetElement (popovertarget) | property: `HTMLElement \\| null`; attribute: `string` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| commandForElement (commandfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| interestForElement (interestfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --border-background | `string` |  |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --line-height | `string` | [MDN](https://mdn.dev/CSS/line-height) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --opacity | `string` | [MDN](https://mdn.dev/CSS/opacity) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |"
+            "markdown": "## nve-menu-item\n\nRepresents a selectable option within a menu, providing an interactive button for navigation or actions.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/menu/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Label and supporting content for the menu option. |\n| suffix | `string` | slot for suffix icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| commandForElement (commandfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\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| 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| form | property: `string \\| HTMLFormElement \\| null`; attribute: `string` | Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only the form ID. Reading the property returns the associated form element or `null`. https://mdn.dev/ElementInternals/form |\n| interestForElement (interestfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n| name | `string` | The name of the button, submitted as a pair with the button value as part of the form data. https://mdn.dev/HTML/Element/button#attr-name |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| popoverTargetElement (popovertarget) | property: `HTMLElement \\| null`; attribute: `string` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| readOnly (readonly) | `boolean` | Indicates whether the element is a noninteractive visual treatment instead of a button. https://mdn.dev/HTML/Attributes/readonly |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| status | `'danger'` | Applies danger styling to destructive or high-risk menu actions. |\n| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within a form element. https://mdn.dev/HTML/Element/button#attr-type |\n| value | `string` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-background | `string` |  |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --line-height | `string` | [MDN](https://mdn.dev/CSS/line-height) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --opacity | `string` | [MDN](https://mdn.dev/CSS/opacity) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -31722,7 +31491,7 @@
             "since": "0.11.0",
             "status": "stable",
             "behavior": "navigation",
-            "markdown": "## nve-menu\n\nA menu offers a list of choices to the user, such as a set of actions or functions. Choosing an item in a menu typically opens a sub menu, or invokes a command.\n\n### Example\n\n```html\n<nve-menu>\n  <nve-menu-item>item 1</nve-menu-item>\n  <nve-menu-item>item 2</nve-menu-item>\n  <nve-menu-item>item 3</nve-menu-item>\n  <nve-menu-item>item 4</nve-menu-item>\n</nve-menu>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/menu/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for `nve-menu-item` |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| scroll | `CustomEvent` | Fires when the user scrolls the menu list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --max-width | `string` | [MDN](https://mdn.dev/CSS/max-width) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --max-height | `string` | [MDN](https://mdn.dev/CSS/max-height) |"
+            "markdown": "## nve-menu\n\nA menu offers a list of choices to the user, such as a set of actions or functions. Choosing an item in a menu typically opens a sub menu, or invokes a command.\n\n### Example\n\n```html\n<nve-menu>\n  <nve-menu-item>item 1</nve-menu-item>\n  <nve-menu-item>item 2</nve-menu-item>\n  <nve-menu-item>item 3</nve-menu-item>\n  <nve-menu-item>item 4</nve-menu-item>\n</nve-menu>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/menu/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for `nve-menu-item` |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| scroll | `CustomEvent` | Fires when the user scrolls the menu list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --max-height | `string` | [MDN](https://mdn.dev/CSS/max-height) |\n| --max-width | `string` | [MDN](https://mdn.dev/CSS/max-width) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -32037,26 +31806,6 @@
                 "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",
@@ -32065,15 +31814,6 @@
                 "name": "Control",
                 "module": "/src/forms/control/control.js"
               }
-            },
-            {
-              "kind": "method",
-              "name": "showPicker",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
             }
           ],
           "attributes": [
@@ -32254,7 +31994,7 @@
             "since": "0.3.0",
             "status": "stable",
             "behavior": "form",
-            "markdown": "## nve-month\n\nA month picker is a control that enables users to choose a month value.\n\n### Example\n\n```html\n<nve-month>\n  <label>label</label>\n  <input type=\"month\" />\n  <nve-control-message>message</nve-control-message>\n</nve-month>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/month/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| container | `'flat' \\| undefined` | Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. Use when embedding within another container such as a toolbar. |\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| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/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) |"
+            "markdown": "## nve-month\n\nA month picker is a control that enables users to choose a month value.\n\n### Example\n\n```html\n<nve-month>\n  <label>label</label>\n  <input type=\"month\" />\n  <nve-control-message>message</nve-control-message>\n</nve-month>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/month/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| container | `'flat' \\| undefined` | Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. Use when embedding within another container such as a toolbar. |\n| fitContent (fit-content) | `boolean` | Sets the input to match native default content block |\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| i18n |  | Enables internal string values to update for internationalization. |\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| prominence | `'muted'` | Set the visual prominence of the control |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | Set current visual state for control. This overrides any validation states active. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| reset | `CustomEvent` |  |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| reset | `reset(): unknown` | Resets control value to initial attribute value and clears any active validation rules. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --control-height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --control-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
           },
           "slots": [
             {
@@ -32427,12 +32167,6 @@
               "attribute": "alignment",
               "reflects": true,
               "descriptionText": "Determines the alignment of the popover relative to the provided anchor element."
-            },
-            {
-              "kind": "field",
-              "name": "typeNativePopoverController",
-              "privacy": "protected",
-              "default": "new TypeNativePopoverController<NotificationGroup>(this)"
             }
           ],
           "attributes": [
@@ -32529,7 +32263,7 @@
             "since": "0.6.0",
             "status": "stable",
             "behavior": "popover",
-            "markdown": "## nve-notification-group\n\nDisplays real time updates without interrupting the user's workflow to communicate an important message or status.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/notification/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for `nve-notification` |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| anchor | property: `string \\| HTMLElement`; attribute: `string` | Provides the element that the popover should position relative to. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. |\n| position | `'center' \\| 'top' \\| 'bottom' \\| 'left' \\| 'right'` | Sets the position of the popover relative to the anchor element. - `center` Centers the popover directly over the anchor element. - `top` Positions the popover above the anchor element. - `bottom` Positions the popover below the anchor element. - `left` Positions the popover to the left side of the anchor element. - `right` Positions the popover to the right side of the anchor element. |\n| alignment | `'start' \\| 'end' \\| 'center'` | Determines the alignment of the popover relative to the provided anchor element. - `start` Aligns the popover to the beginning edge of the anchor for left or top alignment. - `end` Aligns the popover to the ending edge of the anchor for right or bottom alignment. - `center` Centers the popover along the anchor's edge for balanced positioning. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\n| --animation-duration | `string` | Duration of notification group open/close animations [MDN](https://mdn.dev/CSS/animation-duration) |"
+            "markdown": "## nve-notification-group\n\nDisplays real time updates without interrupting the user's workflow to communicate an important message or status.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/notification/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for `nve-notification` |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| alignment | `'start' \\| 'end' \\| 'center'` | Determines the alignment of the popover relative to the provided anchor element. - `start` Aligns the popover to the beginning edge of the anchor for left or top alignment. - `end` Aligns the popover to the ending edge of the anchor for right or bottom alignment. - `center` Centers the popover along the anchor's edge for balanced positioning. |\n| anchor | property: `string \\| HTMLElement`; attribute: `string` | Provides the element that the popover should position relative to. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. |\n| position | `'center' \\| 'top' \\| 'bottom' \\| 'left' \\| 'right'` | Sets the position of the popover relative to the anchor element. - `center` Centers the popover directly over the anchor element. - `top` Positions the popover above the anchor element. - `bottom` Positions the popover below the anchor element. - `left` Positions the popover to the left side of the anchor element. - `right` Positions the popover to the right side of the anchor element. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --animation-duration | `string` | Duration of notification group open/close animations [MDN](https://mdn.dev/CSS/animation-duration) |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |"
           }
         }
       ],
@@ -32842,21 +32576,6 @@
               "description": "Enables updating internal string values for internationalization.",
               "attribute": "i18n"
             },
-            {
-              "kind": "field",
-              "name": "typeNativePopoverController",
-              "type": {
-                "text": "TypeNativePopoverController<Notification>",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "TypeNativePopoverController<Notification>",
-                    "description": ""
-                  }
-                ]
-              },
-              "privacy": "protected"
-            },
             {
               "kind": "method",
               "name": "hidePopover",
@@ -33095,7 +32814,7 @@
             "since": "0.6.0",
             "status": "stable",
             "behavior": "popover",
-            "markdown": "## nve-notification\n\nDisplays real time updates without interrupting the user's workflow to communicate an important message or status.\n\n### Example\n\n```html\n<nve-notification id=\"notification\" position=\"top\" close-timeout=\"2000\">\n  <h3 nve-text=\"label\">Notification</h3>\n  <p nve-text=\"body\">some text content in a notification</p>\n</nve-notification>\n<nve-button popovertarget=\"notification\">button</nve-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/notification/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | The message communicated by the notification. |\n| icon | `string` | content slot for the status icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| anchor | property: `string \\| HTMLElement`; attribute: `string` | Provides the element that the popover should position relative to. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. |\n| position | `'center' \\| 'top' \\| 'bottom' \\| 'left' \\| 'right'` | Sets the side position of the popover relative to the provided anchor element. - `center` Centers the popover directly over the anchor element. - `top` Positions the popover above the anchor element. - `bottom` Positions the popover below the anchor element. - `left` Positions the popover to the left side of the anchor element. - `right` Positions the popover to the right side of the anchor element. |\n| alignment | `'start' \\| 'end' \\| 'center'` | Determines the alignment of the popover relative to the provided anchor element. - `start` Aligns the popover to the beginning edge of the anchor for left or top alignment. - `end` Aligns the popover to the ending edge of the anchor for right or bottom alignment. - `center` Centers the popover along the anchor's edge for balanced positioning. |\n| closable | `boolean` | Indicates whether the user can dismiss or close the element. - `true` The element displays a close control and the user can dismiss it. - `false` The user cannot close the element and must dismiss it programmatically. |\n| closeTimeout (close-timeout) | `number` | Sets the automatic dismissal time in milliseconds before the element emits a `close` event. Allow ~200-250ms per word for comfortable reading. - `0` Warning or error messages requiring immediate acknowledgment. - `3000` Brief success or confirmation messages. - `7000` Standard informational messages. - `10000` Messages with actions or requiring user decision. |\n| status | `'accent' \\| 'warning' \\| 'success' \\| 'danger'` | Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions. - `accent` Highlights important actions or draws attention to primary interactive elements. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `success` Represents positive outcomes, confirmations, or constructive actions. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. |\n| container | `'flat' \\| undefined` | Flat container option applies when embedding within another containing element such as a drawer. |\n| i18n |  | Enables updating internal string values for internationalization. |\n| hidePopover |  |  |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| close | `CustomEvent` | Dispatched when the notification closes. |\n| beforetoggle | `CustomEvent` | Dispatched on a popover just before showing or hiding. [MDN](https://mdn.dev/HTMLElement/beforetoggle_event) |\n| toggle | `CustomEvent` | Dispatched on a popover element just after showing or hiding. [MDN](https://mdn.dev/HTMLElement/toggle_event) |\n| open | `CustomEvent` | Dispatched when the notification opens. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --max-width | `string` | [MDN](https://mdn.dev/CSS/max-width) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --status-border | `string` |  |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --status-color | `string` |  |\n| --animation-duration | `string` | Duration of notification open/close animations [MDN](https://mdn.dev/CSS/animation-duration) |"
+            "markdown": "## nve-notification\n\nDisplays real time updates without interrupting the user's workflow to communicate an important message or status.\n\n### Example\n\n```html\n<nve-notification id=\"notification\" position=\"top\" close-timeout=\"2000\">\n  <h3 nve-text=\"label\">Notification</h3>\n  <p nve-text=\"body\">some text content in a notification</p>\n</nve-notification>\n<nve-button popovertarget=\"notification\">button</nve-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/notification/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | The message communicated by the notification. |\n| icon | `string` | content slot for the status icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| alignment | `'start' \\| 'end' \\| 'center'` | Determines the alignment of the popover relative to the provided anchor element. - `start` Aligns the popover to the beginning edge of the anchor for left or top alignment. - `end` Aligns the popover to the ending edge of the anchor for right or bottom alignment. - `center` Centers the popover along the anchor's edge for balanced positioning. |\n| anchor | property: `string \\| HTMLElement`; attribute: `string` | Provides the element that the popover should position relative to. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. |\n| closable | `boolean` | Indicates whether the user can dismiss or close the element. - `true` The element displays a close control and the user can dismiss it. - `false` The user cannot close the element and must dismiss it programmatically. |\n| closeTimeout (close-timeout) | `number` | Sets the automatic dismissal time in milliseconds before the element emits a `close` event. Allow ~200-250ms per word for comfortable reading. - `0` Warning or error messages requiring immediate acknowledgment. - `3000` Brief success or confirmation messages. - `7000` Standard informational messages. - `10000` Messages with actions or requiring user decision. |\n| container | `'flat' \\| undefined` | Flat container option applies when embedding within another containing element such as a drawer. |\n| i18n |  | Enables updating internal string values for internationalization. |\n| position | `'center' \\| 'top' \\| 'bottom' \\| 'left' \\| 'right'` | Sets the side position of the popover relative to the provided anchor element. - `center` Centers the popover directly over the anchor element. - `top` Positions the popover above the anchor element. - `bottom` Positions the popover below the anchor element. - `left` Positions the popover to the left side of the anchor element. - `right` Positions the popover to the right side of the anchor element. |\n| status | `'accent' \\| 'warning' \\| 'success' \\| 'danger'` | Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions. - `accent` Highlights important actions or draws attention to primary interactive elements. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `success` Represents positive outcomes, confirmations, or constructive actions. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| beforetoggle | `CustomEvent` | Dispatched on a popover just before showing or hiding. [MDN](https://mdn.dev/HTMLElement/beforetoggle_event) |\n| close | `CustomEvent` | Dispatched when the notification closes. |\n| open | `CustomEvent` | Dispatched when the notification opens. |\n| toggle | `CustomEvent` | Dispatched on a popover element just after showing or hiding. [MDN](https://mdn.dev/HTMLElement/toggle_event) |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| hidePopover | `hidePopover(): void` |  |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --animation-duration | `string` | Duration of notification open/close animations [MDN](https://mdn.dev/CSS/animation-duration) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --max-width | `string` | [MDN](https://mdn.dev/CSS/max-width) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --status-border | `string` |  |\n| --status-color | `string` |  |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -33198,7 +32917,7 @@
             "since": "1.15.0",
             "status": "stable",
             "behavior": "navigation",
-            "markdown": "## nve-page-header\n\nAn element that appears across the top of all pages containing the application name and primary navigation.\n\n### Example\n\n```html\n<nve-page-header>\n  <nve-logo slot=\"prefix\" size=\"sm\" color=\"brand-green\">NV</nve-logo>\n  <h2 slot=\"prefix\" nve-text=\"heading sm\">Infrastructure</h2>\n  <nve-button selected container=\"flat\"><a href=\"#\">Link 1</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">Link 2</a></nve-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"chat-bubble\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"search\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"switch-apps\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" interaction=\"emphasis\" size=\"sm\">EL</nve-icon-button>\n</nve-page-header>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/page-header/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | The default content slot |\n| prefix | `string` | Content displayed at the start of the header |\n| suffix | `string` | Content displayed at the end of the header |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | Background color of the header [MDN](https://mdn.dev/CSS/background) |\n| --padding | `string` | Padding inside the header [MDN](https://mdn.dev/CSS/padding) |\n| --border-bottom | `string` | Border below the header [MDN](https://mdn.dev/CSS/border-bottom) |\n| --gap | `string` | Gap between the prefix, default, and suffix slots [MDN](https://mdn.dev/CSS/gap) |\n| --margin-inline | `string` | left and right margin applied to the default content slot |"
+            "markdown": "## nve-page-header\n\nAn element that appears across the top of all pages containing the application name and primary navigation.\n\n### Example\n\n```html\n<nve-page-header>\n  <nve-logo slot=\"prefix\" size=\"sm\" color=\"brand-green\">NV</nve-logo>\n  <h2 slot=\"prefix\" nve-text=\"heading sm\">Infrastructure</h2>\n  <nve-button selected container=\"flat\"><a href=\"#\">Link 1</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">Link 2</a></nve-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"chat-bubble\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"search\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"switch-apps\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" interaction=\"emphasis\" size=\"sm\">EL</nve-icon-button>\n</nve-page-header>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/page-header/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | The default content slot |\n| prefix | `string` | Content displayed at the start of the header |\n| suffix | `string` | Content displayed at the end of the header |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | Background color of the header [MDN](https://mdn.dev/CSS/background) |\n| --border-bottom | `string` | Border below the header [MDN](https://mdn.dev/CSS/border-bottom) |\n| --gap | `string` | Gap between the prefix, default, and suffix slots [MDN](https://mdn.dev/CSS/gap) |\n| --margin-inline | `string` | left and right margin applied to the default content slot |\n| --padding | `string` | Padding inside the header [MDN](https://mdn.dev/CSS/padding) |"
           }
         }
       ],
@@ -33287,7 +33006,7 @@
             "since": "0.19.0",
             "status": "stable",
             "behavior": "popover",
-            "markdown": "## nve-page-loader\n\nPage Loader is a full-screen version of the `progress-ring` component, for use when the page should remain unusable as the loader displays.\n\n### Example\n\n```html\n<nve-page-loader></nve-page-loader>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/page-loader/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Loading status text displayed with the progress indicator. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --animation-duration | `string` | Duration of page loader open/close animations [MDN](https://mdn.dev/CSS/animation-duration) |"
+            "markdown": "## nve-page-loader\n\nPage Loader is a full-screen version of the `progress-ring` component, for use when the page should remain unusable as the loader displays.\n\n### Example\n\n```html\n<nve-page-loader></nve-page-loader>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/page-loader/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Loading status text displayed with the progress indicator. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --animation-duration | `string` | Duration of page loader open/close animations [MDN](https://mdn.dev/CSS/animation-duration) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |"
           }
         }
       ],
@@ -33406,7 +33125,7 @@
             "since": "1.15.0",
             "status": "stable",
             "behavior": "content",
-            "markdown": "## nve-page-panel-content\n\nContains the scrollable main body content within a page panel region.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/page/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for the page-panel content |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
+            "markdown": "## nve-page-panel-content\n\nContains the scrollable main body content within a page panel region.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/page/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for the page-panel content |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -33476,7 +33195,7 @@
             "since": "1.15.0",
             "status": "stable",
             "behavior": "content",
-            "markdown": "## nve-page-panel-footer\n\nProvides a fixed action area at the bottom of a page panel for persistent controls or status information.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/page/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for the page-panel footer |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-top | `string` | [MDN](https://mdn.dev/CSS/border-top) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |"
+            "markdown": "## nve-page-panel-footer\n\nProvides a fixed action area at the bottom of a page panel for persistent controls or status information.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/page/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for the page-panel footer |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-top | `string` | [MDN](https://mdn.dev/CSS/border-top) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
           }
         }
       ],
@@ -33718,7 +33437,7 @@
             "since": "1.15.0",
             "status": "stable",
             "behavior": "content",
-            "markdown": "## nve-page-panel\n\nChild panel for embedded panels within the page component. Typically used for left/right/bottom page slot positions.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/page/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | `nve-page-panel-content` elements that provide the panel body. |\n| actions | `string` | slot for action / dismiss buttons |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| size | `'sm' \\| 'md' \\| 'lg' \\| undefined` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| i18n |  | Enables updating internal string values for internationalization. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| open | `CustomEvent` | Dispatched after an invoker command removes `hidden` and opens the panel. |\n| close | `CustomEvent` | Dispatched after an invoker command sets `hidden` and closes the panel. |\n\n### Invoker Commands\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --open | `CommandEvent` | Removes `hidden` and dispatches `open`. |\n| --close | `CommandEvent` | Sets `hidden` and dispatches `close`. |\n| --toggle | `CommandEvent` | Toggles `hidden` and dispatches `open` or `close`. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --max-width | `string` | [MDN](https://mdn.dev/CSS/max-width) |\n| --max-height | `string` | [MDN](https://mdn.dev/CSS/max-height) |\n| --animation-duration | `string` | Duration of panel open/close animations [MDN](https://mdn.dev/CSS/animation-duration) |"
+            "markdown": "## nve-page-panel\n\nChild panel for embedded panels within the page component. Typically used for left/right/bottom page slot positions.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/page/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | `nve-page-panel-content` elements that provide the panel body. |\n| actions | `string` | slot for action / dismiss buttons |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| i18n |  | Enables updating internal string values for internationalization. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| undefined` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| close | `CustomEvent` | Dispatched after an invoker command sets `hidden` and closes the panel. |\n| open | `CustomEvent` | Dispatched after an invoker command removes `hidden` and opens the panel. |\n\n### Invoker Commands\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --close | `CommandEvent` | Sets `hidden` and dispatches `close`. |\n| --open | `CommandEvent` | Removes `hidden` and dispatches `open`. |\n| --toggle | `CommandEvent` | Toggles `hidden` and dispatches `open` or `close`. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --animation-duration | `string` | Duration of panel open/close animations [MDN](https://mdn.dev/CSS/animation-duration) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --max-height | `string` | [MDN](https://mdn.dev/CSS/max-height) |\n| --max-width | `string` | [MDN](https://mdn.dev/CSS/max-width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           },
           "commands": [
             {
@@ -33899,7 +33618,7 @@
             "since": "1.15.0",
             "status": "stable",
             "behavior": "content",
-            "markdown": "## nve-page\n\nProvide a consistent page structure across the applications, ensuring a seamless user experience.\n\n### Example\n\n```html\n<nve-page>\n  <nve-page-header slot=\"header\">\n    <nve-logo slot=\"prefix\" size=\"sm\" color=\"brand-green\">NV</nve-logo>\n    <h2 nve-text=\"heading\" slot=\"prefix\">Infrastructure</h2>\n    <nve-button selected container=\"flat\">Link 1</nve-button>\n    <nve-button container=\"flat\">Link 2</nve-button>\n    <nve-icon-button interaction=\"emphasis\" slot=\"suffix\" size=\"sm\">EL</nve-icon-button>\n  </nve-page-header>\n  <nve-page-panel slot=\"left\" size=\"sm\">\n    <nve-page-panel-content>panel</nve-page-panel-content>\n  </nve-page-panel>\n  <main nve-layout=\"column gap:lg pad:lg align:horizontal-stretch\">\n    <h1 nve-text=\"heading\">main</h1>\n    <p nve-text=\"body\">page content</p>\n  </main>\n</nve-page>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/page/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | The central content area of the page, where the primary focus of the user's attention should be. |\n| header | `string` | The topmost section of the page, typically containing navigation, branding, or other global elements. |\n| subheader | `string` | A secondary section below the header, often used for breadcrumbs, filters, or other contextual information. |\n| left-aside | `string` | A narrow section on the left side of the page, commonly used for navigation, filters, or other secondary content. |\n| left | `string` | The main content area on the left side of the page, typically containing primary navigation or features. |\n| bottom | `string` | A section for extra tooling outputs such as console outputs. |\n| right | `string` | The main content area on the right side of the page, typically containing secondary navigation or features. |\n| right-aside | `string` | A narrow section on the right side of the page, commonly used for navigation, filters, or other secondary content. |\n| subfooter | `string` | A secondary section below the main content area, often used for more information or calls to action. |\n| footer | `string` | The bottommost section of the page, typically containing global elements, such as copyright information. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| documentScroll (document-scroll) | `boolean` | Enables the page to use the document content scroll rather than its internal fixed scroll. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --gap | `string` | Vertical gap spacing between main content items [MDN](https://mdn.dev/CSS/gap) |"
+            "markdown": "## nve-page\n\nProvide a consistent page structure across the applications, ensuring a seamless user experience.\n\n### Example\n\n```html\n<nve-page>\n  <nve-page-header slot=\"header\">\n    <nve-logo slot=\"prefix\" size=\"sm\" color=\"brand-green\">NV</nve-logo>\n    <h2 nve-text=\"heading\" slot=\"prefix\">Infrastructure</h2>\n    <nve-button selected container=\"flat\">Link 1</nve-button>\n    <nve-button container=\"flat\">Link 2</nve-button>\n    <nve-icon-button interaction=\"emphasis\" slot=\"suffix\" size=\"sm\">EL</nve-icon-button>\n  </nve-page-header>\n  <nve-page-panel slot=\"left\" size=\"sm\">\n    <nve-page-panel-content>panel</nve-page-panel-content>\n  </nve-page-panel>\n  <main nve-layout=\"column gap:lg pad:lg align:horizontal-stretch\">\n    <h1 nve-text=\"heading\">main</h1>\n    <p nve-text=\"body\">page content</p>\n  </main>\n</nve-page>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/page/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | The central content area of the page, where the primary focus of the user's attention should be. |\n| bottom | `string` | A section for extra tooling outputs such as console outputs. |\n| footer | `string` | The bottommost section of the page, typically containing global elements, such as copyright information. |\n| header | `string` | The topmost section of the page, typically containing navigation, branding, or other global elements. |\n| left | `string` | The main content area on the left side of the page, typically containing primary navigation or features. |\n| left-aside | `string` | A narrow section on the left side of the page, commonly used for navigation, filters, or other secondary content. |\n| right | `string` | The main content area on the right side of the page, typically containing secondary navigation or features. |\n| right-aside | `string` | A narrow section on the right side of the page, commonly used for navigation, filters, or other secondary content. |\n| subfooter | `string` | A secondary section below the main content area, often used for more information or calls to action. |\n| subheader | `string` | A secondary section below the header, often used for breadcrumbs, filters, or other contextual information. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| documentScroll (document-scroll) | `boolean` | Enables the page to use the document content scroll rather than its internal fixed scroll. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --gap | `string` | Vertical gap spacing between main content items [MDN](https://mdn.dev/CSS/gap) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
           }
         }
       ],
@@ -34522,15 +34241,11 @@
             {
               "kind": "method",
               "name": "reportValidity",
-              "type": {
-                "text": "() => boolean",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "() => boolean",
-                    "description": ""
-                  }
-                ]
+              "parameters": [],
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
               "description": "Reports whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity",
               "inheritedFrom": {
@@ -34540,15 +34255,11 @@
             {
               "kind": "method",
               "name": "checkValidity",
-              "type": {
-                "text": "() => boolean",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "() => boolean",
-                    "description": ""
-                  }
-                ]
+              "parameters": [],
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
               "description": "Checks whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity",
               "inheritedFrom": {
@@ -34558,15 +34269,18 @@
             {
               "kind": "method",
               "name": "setCustomValidity",
-              "type": {
-                "text": "(message: string) => void",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "(message: string) => void",
-                    "description": ""
+              "parameters": [
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
                   }
-                ]
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
               "description": "Sets a custom validation message.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity",
               "inheritedFrom": {
@@ -34576,15 +34290,11 @@
             {
               "kind": "method",
               "name": "reset",
-              "type": {
-                "text": "() => void",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "() => void",
-                    "description": ""
-                  }
-                ]
+              "parameters": [],
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
               "description": "Resets the control value to its initial value.",
               "inheritedFrom": {
@@ -34985,7 +34695,7 @@
             "since": "0.11.0",
             "status": "stable",
             "behavior": "navigation",
-            "markdown": "## nve-pagination\n\nPagination is a control that enables users to navigate through pages of content.\n\n### Example\n\n```html\n<nve-pagination value=\"1\" items=\"100\" step=\"10\"></nve-pagination>\n<script type=\"module\">\n  const pagination = document.querySelector(\"nve-pagination\");\n  pagination.addEventListener(\"change\", (e) => console.log(e.target.value));\n</script>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/pagination/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| suffix-label | `string` | Overrides the \"of total\" label when the total is an approximation. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| step | `number` | The number of items per page. |\n| stepSizes (step-sizes) | property: `number[]`; attribute: `string` | Page-size options available in the selector. |\n| items | `number` | The total number of items. |\n| skippable | `boolean` | Whether the pagination is skippable to start/end. |\n| disableStep (disable-step) | `boolean` | Whether the step selector has a disabled state. |\n| container | `'flat' \\| 'inline' \\| undefined` | Determines the container styles of component. Flat applies when nesting within other containers. Inline applies when placing within other inline content. |\n| i18n |  | Enables updating internal string values for internationalization. |\n| value | `number` | value the current page number |\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| 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| step-change | `CustomEvent` | Dispatched after the page size changes with the current page size in `detail`. The event bubbles and crosses shadow boundaries. |\n| last-page | `CustomEvent` | Dispatched when the last page is active |\n| first-page | `CustomEvent` | Dispatched when the first page is active |\n| input | `CustomEvent` | Dispatched when the value (page) has changed |\n| change | `CustomEvent` | Dispatched when the value (page) has changed |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
+            "markdown": "## nve-pagination\n\nPagination is a control that enables users to navigate through pages of content.\n\n### Example\n\n```html\n<nve-pagination value=\"1\" items=\"100\" step=\"10\"></nve-pagination>\n<script type=\"module\">\n  const pagination = document.querySelector(\"nve-pagination\");\n  pagination.addEventListener(\"change\", (e) => console.log(e.target.value));\n</script>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/pagination/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| suffix-label | `string` | Overrides the \"of total\" label when the total is an approximation. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| composedLabel | `string` | Text content from labels associated with the control. |\n| container | `'flat' \\| 'inline' \\| undefined` | Determines the container styles of component. Flat applies when nesting within other containers. Inline applies when placing within other inline content. |\n| defaultValue | `string` | The initial value used when the parent form resets. |\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| disableStep (disable-step) | `boolean` | Whether the step selector has a disabled state. |\n| form | `HTMLFormElement \\| null` | The form associated with the control. https://mdn.dev/ElementInternals/form |\n| i18n |  | Enables updating internal string values for internationalization. |\n| items | `number` | The total number of items. |\n| labels | `NodeList` | Labels associated with the control. https://mdn.dev/ElementInternals/labels |\n| max | `number \\| null` | Defines the maximum numeric value. https://mdn.dev/HTML/Attributes/max |\n| maxLength (maxlength) | `number` | Defines the maximum text length. https://mdn.dev/HTML/Attributes/maxlength |\n| min | `number \\| null` | Defines the minimum numeric value. https://mdn.dev/HTML/Attributes/min |\n| minLength (minlength) | `number` | Defines the minimum text length. https://mdn.dev/HTML/Attributes/minlength |\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| pattern | `string` | Defines the pattern that text values must match. https://mdn.dev/HTML/Attributes/pattern |\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| required | `boolean` | Requires a value before the parent form can submit. https://mdn.dev/HTML/Attributes/required |\n| skippable | `boolean` | Whether the pagination is skippable to start/end. |\n| step | `number` | The number of items per page. |\n| stepSizes (step-sizes) | property: `number[]`; attribute: `string` | Page-size options available in the selector. |\n| type | `string` | The control type. |\n| validationMessage | `string` | The validation message shown when the control is invalid. https://mdn.dev/ElementInternals/validationMessage |\n| validity | `ValidityState` | The control validity state. https://mdn.dev/ElementInternals/validity |\n| value | `number` | value the current page number |\n| valueAsNumber | `number` | The current value parsed as a number. |\n| valueAsString | `string` | The current value serialized as a string. |\n| willValidate | `boolean` | Indicates whether the control participates in constraint validation. https://mdn.dev/ElementInternals/willValidate |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| change | `CustomEvent` | Dispatched when the value (page) has changed |\n| first-page | `CustomEvent` | Dispatched when the first page is active |\n| input | `CustomEvent` | Dispatched when the value (page) has changed |\n| last-page | `CustomEvent` | Dispatched when the last page is active |\n| step-change | `CustomEvent` | Dispatched after the page size changes with the current page size in `detail`. The event bubbles and crosses shadow boundaries. |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| checkValidity | `checkValidity(): boolean` | Checks whether the control satisfies its constraints. https://mdn.dev/HTMLInputElement/checkValidity |\n| reportValidity | `reportValidity(): boolean` | Reports whether the control satisfies its constraints. https://mdn.dev/HTMLInputElement/reportValidity |\n| reset | `reset(): void` | Resets the control value to its initial value. |\n| setCustomValidity | `setCustomValidity(message: string): void` | Sets a custom validation message. https://mdn.dev/HTMLInputElement/setCustomValidity |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -35081,7 +34791,7 @@
             "since": "0.10.0",
             "status": "stable",
             "behavior": "container",
-            "markdown": "## nve-panel-header\n\nDisplays the title, subtitle, and optional action controls at the top of a panel.\n\n### Example\n\n```html\n<section nve-layout=\"row align:space-between pad:sm\">\n  <div nve-theme=\"root\">\n    <nve-panel behavior-expand expanded side=\"left\" style=\"width: 280px; height: 550px\">\n      <nve-panel-header>\n        <div slot=\"title\">Title</div>\n        <div slot=\"subtitle\"></div>\n      </nve-panel-header>\n      <nve-panel-content nve-layout=\"column gap:md\">\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Release</label>\n          <p nve-text=\"label semibold sm\">RainbowBridge/08-18-2021AM/A2A</p>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Date</label>\n          <p nve-text=\"label semibold sm\">2021-08-18</p>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">State</label>\n          <nve-badge status=\"finished\">Indexed</nve-badge>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Driver</label>\n          <p nve-text=\"label semibold sm\">Kenjiro Ono</p>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Copilot</label>\n          <p nve-text=\"label semibold sm\">Kenichi Yoshii</p>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">GVS</label>\n          <a href=\"#\" nve-text=\"link body sm\">http://testbot/testbot/view/content...</a>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Session ID</label>\n          <a href=\"#\" nve-text=\"link body sm\">Experiment 12345</a>\n        </div>\n      </nve-panel-content>\n    </nve-panel>\n  </div>\n</section>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/panel/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default content slot |\n| title | `string` | Title Text |\n| subtitle | `string` | Subtitle Text |\n| action-icon | `string` | Extra Action Button |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --border-bottom | `string` | [MDN](https://mdn.dev/CSS/border-bottom) |"
+            "markdown": "## nve-panel-header\n\nDisplays the title, subtitle, and optional action controls at the top of a panel.\n\n### Example\n\n```html\n<section nve-layout=\"row align:space-between pad:sm\">\n  <div nve-theme=\"root\">\n    <nve-panel behavior-expand expanded side=\"left\" style=\"width: 280px; height: 550px\">\n      <nve-panel-header>\n        <div slot=\"title\">Title</div>\n        <div slot=\"subtitle\"></div>\n      </nve-panel-header>\n      <nve-panel-content nve-layout=\"column gap:md\">\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Release</label>\n          <p nve-text=\"label semibold sm\">RainbowBridge/08-18-2021AM/A2A</p>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Date</label>\n          <p nve-text=\"label semibold sm\">2021-08-18</p>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">State</label>\n          <nve-badge status=\"finished\">Indexed</nve-badge>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Driver</label>\n          <p nve-text=\"label semibold sm\">Kenjiro Ono</p>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Copilot</label>\n          <p nve-text=\"label semibold sm\">Kenichi Yoshii</p>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">GVS</label>\n          <a href=\"#\" nve-text=\"link body sm\">http://testbot/testbot/view/content...</a>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Session ID</label>\n          <a href=\"#\" nve-text=\"link body sm\">Experiment 12345</a>\n        </div>\n      </nve-panel-content>\n    </nve-panel>\n  </div>\n</section>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/panel/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default content slot |\n| action-icon | `string` | Extra Action Button |\n| subtitle | `string` | Subtitle Text |\n| title | `string` | Title Text |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-bottom | `string` | [MDN](https://mdn.dev/CSS/border-bottom) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
           }
         },
         {
@@ -35175,7 +34885,7 @@
             "since": "0.10.0",
             "status": "stable",
             "behavior": "container",
-            "markdown": "## nve-panel-footer\n\nProvides a designated area at the bottom of a panel for actions or supplementary controls.\n\n### Example\n\n```html\n<section nve-layout=\"row align:space-between pad:sm\">\n  <div nve-theme=\"root\">\n    <nve-panel behavior-expand expanded side=\"left\" style=\"width: 280px; height: 550px\">\n      <nve-panel-header>\n        <div slot=\"title\">Title</div>\n        <div slot=\"subtitle\"></div>\n      </nve-panel-header>\n      <nve-panel-content nve-layout=\"column gap:md\">\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Release</label>\n          <p nve-text=\"label semibold sm\">RainbowBridge/08-18-2021AM/A2A</p>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Date</label>\n          <p nve-text=\"label semibold sm\">2021-08-18</p>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">State</label>\n          <nve-badge status=\"finished\">Indexed</nve-badge>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Driver</label>\n          <p nve-text=\"label semibold sm\">Kenjiro Ono</p>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Copilot</label>\n          <p nve-text=\"label semibold sm\">Kenichi Yoshii</p>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">GVS</label>\n          <a href=\"#\" nve-text=\"link body sm\">http://testbot/testbot/view/content...</a>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Session ID</label>\n          <a href=\"#\" nve-text=\"link body sm\">Experiment 12345</a>\n        </div>\n      </nve-panel-content>\n    </nve-panel>\n  </div>\n</section>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/panel/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | This is a default/unnamed slot for panel footer content |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --border-top | `string` | [MDN](https://mdn.dev/CSS/border-top) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |"
+            "markdown": "## nve-panel-footer\n\nProvides a designated area at the bottom of a panel for actions or supplementary controls.\n\n### Example\n\n```html\n<section nve-layout=\"row align:space-between pad:sm\">\n  <div nve-theme=\"root\">\n    <nve-panel behavior-expand expanded side=\"left\" style=\"width: 280px; height: 550px\">\n      <nve-panel-header>\n        <div slot=\"title\">Title</div>\n        <div slot=\"subtitle\"></div>\n      </nve-panel-header>\n      <nve-panel-content nve-layout=\"column gap:md\">\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Release</label>\n          <p nve-text=\"label semibold sm\">RainbowBridge/08-18-2021AM/A2A</p>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Date</label>\n          <p nve-text=\"label semibold sm\">2021-08-18</p>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">State</label>\n          <nve-badge status=\"finished\">Indexed</nve-badge>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Driver</label>\n          <p nve-text=\"label semibold sm\">Kenjiro Ono</p>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Copilot</label>\n          <p nve-text=\"label semibold sm\">Kenichi Yoshii</p>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">GVS</label>\n          <a href=\"#\" nve-text=\"link body sm\">http://testbot/testbot/view/content...</a>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Session ID</label>\n          <a href=\"#\" nve-text=\"link body sm\">Experiment 12345</a>\n        </div>\n      </nve-panel-content>\n    </nve-panel>\n  </div>\n</section>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/panel/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | This is a default/unnamed slot for panel footer content |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-top | `string` | [MDN](https://mdn.dev/CSS/border-top) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
           }
         },
         {
@@ -35441,7 +35151,7 @@
             "since": "0.10.0",
             "status": "stable",
             "behavior": "container",
-            "markdown": "## nve-panel\n\nPanel is inline container for content that couples to the content on the page (details, extra actions/options). Or [Drawer](./docs/elements/drawer/) is out of context of the rest of the page (notifications, navigations, settings).\n\n### Example\n\n```html\n<section nve-layout=\"row align:space-between pad:sm\">\n  <div nve-theme=\"root\">\n    <nve-panel behavior-expand expanded side=\"left\" style=\"width: 280px; height: 550px\">\n      <nve-panel-header>\n        <div slot=\"title\">Title</div>\n        <div slot=\"subtitle\"></div>\n      </nve-panel-header>\n      <nve-panel-content nve-layout=\"column gap:md\">\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Release</label>\n          <p nve-text=\"label semibold sm\">RainbowBridge/08-18-2021AM/A2A</p>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Date</label>\n          <p nve-text=\"label semibold sm\">2021-08-18</p>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">State</label>\n          <nve-badge status=\"finished\">Indexed</nve-badge>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Driver</label>\n          <p nve-text=\"label semibold sm\">Kenjiro Ono</p>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Copilot</label>\n          <p nve-text=\"label semibold sm\">Kenichi Yoshii</p>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">GVS</label>\n          <a href=\"#\" nve-text=\"link body sm\">http://testbot/testbot/view/content...</a>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Session ID</label>\n          <a href=\"#\" nve-text=\"link body sm\">Experiment 12345</a>\n        </div>\n      </nve-panel-content>\n    </nve-panel>\n  </div>\n</section>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/panel/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | This is a default/unnamed slot for panel content |\n| header | `string` | header element (Use `panel-header` or custom content) |\n| content | `string` | content element (Use `panel-content` or custom content) |\n| footer | `string` | footer element (Use `panel-footer` or custom content) |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\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| closable | `boolean` | Indicates whether the user can dismiss or close the element. - `true` The element displays a close control and the user can dismiss it. - `false` The user cannot close the element and must dismiss it programmatically. |\n| behaviorExpand (behavior-expand) | `boolean` | Determines whether the panel should handle auto-closing behavior vs. defaults to off. |\n| side | `'left' \\| 'right'` | Sets the proper collapse icon and collapse animation, based on which side of the page the panel occupies. |\n| i18n |  | Enables updating internal string values for internationalization. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| open | `CustomEvent` | Dispatched when the panel opens. |\n| close | `CustomEvent` | Dispatched when the panel closes. |\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| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\n| --panel-button-border-radius | `string` | Border radius of the panel expand/collapse button |"
+            "markdown": "## nve-panel\n\nPanel is inline container for content that couples to the content on the page (details, extra actions/options). Or [Drawer](./docs/elements/drawer/) is out of context of the rest of the page (notifications, navigations, settings).\n\n### Example\n\n```html\n<section nve-layout=\"row align:space-between pad:sm\">\n  <div nve-theme=\"root\">\n    <nve-panel behavior-expand expanded side=\"left\" style=\"width: 280px; height: 550px\">\n      <nve-panel-header>\n        <div slot=\"title\">Title</div>\n        <div slot=\"subtitle\"></div>\n      </nve-panel-header>\n      <nve-panel-content nve-layout=\"column gap:md\">\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Release</label>\n          <p nve-text=\"label semibold sm\">RainbowBridge/08-18-2021AM/A2A</p>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Date</label>\n          <p nve-text=\"label semibold sm\">2021-08-18</p>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">State</label>\n          <nve-badge status=\"finished\">Indexed</nve-badge>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Driver</label>\n          <p nve-text=\"label semibold sm\">Kenjiro Ono</p>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Copilot</label>\n          <p nve-text=\"label semibold sm\">Kenichi Yoshii</p>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">GVS</label>\n          <a href=\"#\" nve-text=\"link body sm\">http://testbot/testbot/view/content...</a>\n        </div>\n        <div nve-layout=\"column gap:xs\">\n          <label nve-text=\"body sm medium muted\">Session ID</label>\n          <a href=\"#\" nve-text=\"link body sm\">Experiment 12345</a>\n        </div>\n      </nve-panel-content>\n    </nve-panel>\n  </div>\n</section>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/panel/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | This is a default/unnamed slot for panel content |\n| content | `string` | content element (Use `panel-content` or custom content) |\n| footer | `string` | footer element (Use `panel-footer` or custom content) |\n| header | `string` | header element (Use `panel-header` or custom content) |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| behaviorExpand (behavior-expand) | `boolean` | Determines whether the panel should handle auto-closing behavior vs. defaults to off. |\n| closable | `boolean` | Indicates whether the user can dismiss or close the element. - `true` The element displays a close control and the user can dismiss it. - `false` The user cannot close the element and must dismiss it programmatically. |\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| i18n |  | Enables updating internal string values for internationalization. |\n| side | `'left' \\| 'right'` | Sets the proper collapse icon and collapse animation, based on which side of the page the panel occupies. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| close | `CustomEvent` | Dispatched when the panel closes. |\n| open | `CustomEvent` | Dispatched when the panel opens. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --panel-button-border-radius | `string` | Border radius of the panel expand/collapse button |"
           }
         }
       ],
@@ -35780,26 +35490,6 @@
                 "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",
@@ -35808,15 +35498,6 @@
                 "name": "Control",
                 "module": "/src/forms/control/control.js"
               }
-            },
-            {
-              "kind": "method",
-              "name": "showPicker",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
             }
           ],
           "attributes": [
@@ -35997,7 +35678,7 @@
             "since": "0.3.0",
             "status": "stable",
             "behavior": "form",
-            "markdown": "## nve-password\n\nA password is a control that enables users to enter password text.\n\n### Example\n\n```html\n<nve-password>\n  <label>label</label>\n  <input type=\"password\" value=\"123456\" />\n  <nve-control-message>message</nve-control-message>\n</nve-password>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/password/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| container | `'flat' \\| undefined` | Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. Use when embedding within another container such as a toolbar. |\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| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/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) |"
+            "markdown": "## nve-password\n\nA password is a control that enables users to enter password text.\n\n### Example\n\n```html\n<nve-password>\n  <label>label</label>\n  <input type=\"password\" value=\"123456\" />\n  <nve-control-message>message</nve-control-message>\n</nve-password>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/password/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| container | `'flat' \\| undefined` | Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. Use when embedding within another container such as a toolbar. |\n| fitContent (fit-content) | `boolean` | Sets the input to match native default content block |\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| i18n |  | Enables internal string values to update for internationalization. |\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| prominence | `'muted'` | Set the visual prominence of the control |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | Set current visual state for control. This overrides any validation states active. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| reset | `CustomEvent` |  |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| reset | `reset(): unknown` | Resets control value to initial attribute value and clears any active validation rules. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --control-height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --control-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
           },
           "slots": [
             {
@@ -36560,15 +36241,11 @@
             {
               "kind": "method",
               "name": "reportValidity",
-              "type": {
-                "text": "() => boolean",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "() => boolean",
-                    "description": ""
-                  }
-                ]
+              "parameters": [],
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
               "description": "Reports whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity",
               "inheritedFrom": {
@@ -36578,15 +36255,11 @@
             {
               "kind": "method",
               "name": "checkValidity",
-              "type": {
-                "text": "() => boolean",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "() => boolean",
-                    "description": ""
-                  }
-                ]
+              "parameters": [],
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
               "description": "Checks whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity",
               "inheritedFrom": {
@@ -36596,15 +36269,18 @@
             {
               "kind": "method",
               "name": "setCustomValidity",
-              "type": {
-                "text": "(message: string) => void",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "(message: string) => void",
-                    "description": ""
+              "parameters": [
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
                   }
-                ]
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
               "description": "Sets a custom validation message.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity",
               "inheritedFrom": {
@@ -36614,15 +36290,11 @@
             {
               "kind": "method",
               "name": "reset",
-              "type": {
-                "text": "() => void",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "() => void",
-                    "description": ""
-                  }
-                ]
+              "parameters": [],
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
               "description": "Resets the control value to its initial value.",
               "inheritedFrom": {
@@ -36916,7 +36588,7 @@
             "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 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) |"
+            "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| composedLabel | `string` | Text content from labels associated with the control. |\n| defaultValue | `string` | The initial value used when the parent form resets. |\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| form | `HTMLFormElement \\| null` | The form associated with the control. https://mdn.dev/ElementInternals/form |\n| i18n |  | Enables updating internal string values for internationalization. |\n| labels | `NodeList` | Labels associated with the control. https://mdn.dev/ElementInternals/labels |\n| max | `number \\| null` | Defines the maximum numeric value. https://mdn.dev/HTML/Attributes/max |\n| maxLength (maxlength) | `number` | Defines the maximum text length. https://mdn.dev/HTML/Attributes/maxlength |\n| min | `number \\| null` | Defines the minimum numeric value. https://mdn.dev/HTML/Attributes/min |\n| minLength (minlength) | `number` | Defines the minimum text length. https://mdn.dev/HTML/Attributes/minlength |\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| pattern | `string` | Defines the pattern that text values must match. https://mdn.dev/HTML/Attributes/pattern |\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| required | `boolean` | Requires a value before the parent form can submit. https://mdn.dev/HTML/Attributes/required |\n| step | `number \\| null` | Defines the value granularity for numeric inputs. https://mdn.dev/HTML/Attributes/step |\n| type | `string` | The control type. |\n| validationMessage | `string` | The validation message shown when the control is invalid. https://mdn.dev/ElementInternals/validationMessage |\n| validity | `ValidityState` | The control validity state. https://mdn.dev/ElementInternals/validity |\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| valueAsNumber | `number` | The current value parsed as a number. |\n| valueAsString | `string` | The current value serialized as a string. |\n| willValidate | `boolean` | Indicates whether the control participates in constraint validation. https://mdn.dev/ElementInternals/willValidate |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| change | `CustomEvent` | Dispatched when the value has changed |\n| input | `CustomEvent` | Dispatched when the value has changed |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| checkValidity | `checkValidity(): boolean` | Checks whether the control satisfies its constraints. https://mdn.dev/HTMLInputElement/checkValidity |\n| reportValidity | `reportValidity(): boolean` | Reports whether the control satisfies its constraints. https://mdn.dev/HTMLInputElement/reportValidity |\n| reset | `reset(): void` | Resets the control value to its initial value. |\n| setCustomValidity | `setCustomValidity(message: string): void` | Sets a custom validation message. https://mdn.dev/HTMLInputElement/setCustomValidity |\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) |"
           }
         }
       ],
@@ -37135,7 +36807,7 @@
             "since": "0.16.0",
             "status": "stable",
             "behavior": "content",
-            "markdown": "## nve-progress-bar\n\nA progress bar is a visual indicator of the status of a running task. Under the hood, the component uses the native HTML `progress` element to achieve proper a11y concerns.\n\n### Example\n\n```html\n<nve-progress-bar value=\"50\"></nve-progress-bar>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/progress-bar/define.js';\n```\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| value | `number \\| undefined` | The current `value` of the progress indicator, set to the native HTML progress element. |\n| max | `number` | The `max` property sets the highest value that `value` scales to. |\n| status | `'accent' \\| 'warning' \\| 'success' \\| 'danger'` | Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions. - `accent` Highlights important actions or draws attention to primary interactive elements. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `success` Represents positive outcomes, confirmations, or constructive actions. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --opacity | `string` | [MDN](https://mdn.dev/CSS/opacity) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --indeterminate-gradient | `string` | Gradient used for indeterminate state animation |"
+            "markdown": "## nve-progress-bar\n\nA progress bar is a visual indicator of the status of a running task. Under the hood, the component uses the native HTML `progress` element to achieve proper a11y concerns.\n\n### Example\n\n```html\n<nve-progress-bar value=\"50\"></nve-progress-bar>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/progress-bar/define.js';\n```\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| max | `number` | The `max` property sets the highest value that `value` scales to. |\n| status | `'accent' \\| 'warning' \\| 'success' \\| 'danger'` | Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions. - `accent` Highlights important actions or draws attention to primary interactive elements. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `success` Represents positive outcomes, confirmations, or constructive actions. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. |\n| value | `number \\| undefined` | The current `value` of the progress indicator, set to the native HTML progress element. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --indeterminate-gradient | `string` | Gradient used for indeterminate state animation |\n| --opacity | `string` | [MDN](https://mdn.dev/CSS/opacity) |"
           }
         }
       ],
@@ -37476,7 +37148,7 @@
             "since": "0.17.0",
             "status": "stable",
             "behavior": "content",
-            "markdown": "## nve-progress-ring\n\nThe `progress-ring` component shows the status of a pending task. It also serves the basis of the page loading element.\n\n### Example\n\n```html\n<div nve-layout=\"row gap:sm\">\n  <nve-progress-ring status=\"accent\"></nve-progress-ring>\n\n  <nve-progress-ring status=\"accent\" value=\"66\"></nve-progress-ring>\n</div>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/progress-ring/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Content to display in the ring center. Defaults to a status icon. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| value | `number \\| undefined` | The current `value` of the progress ring. When not set, an indeterminate animation will show. |\n| max | `number` | The `max` value of the progress ring that the `value` is proportionally scaled to. |\n| status | `'accent' \\| 'warning' \\| 'success' \\| 'danger' \\| 'neutral' \\| undefined` | Four visual treatments represent the `status` of tasks. When `status` changes to `warning`, `success`, or `danger`, the component embeds appropriate icons. - `accent` Highlights important actions or draws attention to primary interactive elements. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `success` Represents positive outcomes, confirmations, or constructive actions. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| 'xxs' \\| 'xs' \\| 'xl' \\| undefined` | T-shirt `size` of the progress indicator, used to scale the ring. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| i18n |  | Enables updating internal string values for internationalization. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background-color | `string` |  |\n| --ring-color | `string` |  |\n| --ring-background-opacity | `string` |  |\n| --ring-width | `string` |  |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --animation-duration | `string` | [MDN](https://mdn.dev/CSS/animation-duration) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |"
+            "markdown": "## nve-progress-ring\n\nThe `progress-ring` component shows the status of a pending task. It also serves the basis of the page loading element.\n\n### Example\n\n```html\n<div nve-layout=\"row gap:sm\">\n  <nve-progress-ring status=\"accent\"></nve-progress-ring>\n\n  <nve-progress-ring status=\"accent\" value=\"66\"></nve-progress-ring>\n</div>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/progress-ring/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Content to display in the ring center. Defaults to a status icon. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| i18n |  | Enables updating internal string values for internationalization. |\n| max | `number` | The `max` value of the progress ring that the `value` is proportionally scaled to. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| 'xxs' \\| 'xs' \\| 'xl' \\| undefined` | T-shirt `size` of the progress indicator, used to scale the ring. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| status | `'accent' \\| 'warning' \\| 'success' \\| 'danger' \\| 'neutral' \\| undefined` | Four visual treatments represent the `status` of tasks. When `status` changes to `warning`, `success`, or `danger`, the component embeds appropriate icons. - `accent` Highlights important actions or draws attention to primary interactive elements. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `success` Represents positive outcomes, confirmations, or constructive actions. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. |\n| value | `number \\| undefined` | The current `value` of the progress ring. When not set, an indeterminate animation will show. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --animation-duration | `string` | [MDN](https://mdn.dev/CSS/animation-duration) |\n| --background-color | `string` |  |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --ring-background-opacity | `string` |  |\n| --ring-color | `string` |  |\n| --ring-width | `string` |  |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -37658,7 +37330,7 @@
             "since": "0.16.0",
             "status": "stable",
             "behavior": "navigation",
-            "markdown": "## nve-progressive-filter-chip\n\nA filter chip is a control that enables users to select many options from a set of choices.\n\n### Example\n\n```html\n<nve-progressive-filter-chip closable>\n  <nve-select>\n    <select aria-label=\"dataset\">\n      <option>workload</option>\n      <option selected>instance</option>\n    </select>\n  </nve-select>\n  <nve-select>\n    <select aria-label=\"condition\">\n      <option>sort by</option>\n      <option selected>filter by</option>\n    </select>\n  </nve-select>\n  <nve-select>\n    <select aria-label=\"filter\">\n      <option selected>utilization</option>\n      <option>status</option>\n    </select>\n  </nve-select>\n</nve-progressive-filter-chip>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/progressive-filter-chip/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | `input`, `select`, `nve-button`, or other `[nve-control]` elements used to build the filter. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| closable | `boolean` | Indicates whether the user can dismiss or close the element. - `true` The element displays a close control and the user can dismiss it. - `false` The user cannot close the element and must dismiss it programmatically. |\n| i18n |  | Enables updating internal string values for internationalization. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| close | `CustomEvent` | Dispatched when the filter chip closes. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
+            "markdown": "## nve-progressive-filter-chip\n\nA filter chip is a control that enables users to select many options from a set of choices.\n\n### Example\n\n```html\n<nve-progressive-filter-chip closable>\n  <nve-select>\n    <select aria-label=\"dataset\">\n      <option>workload</option>\n      <option selected>instance</option>\n    </select>\n  </nve-select>\n  <nve-select>\n    <select aria-label=\"condition\">\n      <option>sort by</option>\n      <option selected>filter by</option>\n    </select>\n  </nve-select>\n  <nve-select>\n    <select aria-label=\"filter\">\n      <option selected>utilization</option>\n      <option>status</option>\n    </select>\n  </nve-select>\n</nve-progressive-filter-chip>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/progressive-filter-chip/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | `input`, `select`, `nve-button`, or other `[nve-control]` elements used to build the filter. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| closable | `boolean` | Indicates whether the user can dismiss or close the element. - `true` The element displays a close control and the user can dismiss it. - `false` The user cannot close the element and must dismiss it programmatically. |\n| i18n |  | Enables updating internal string values for internationalization. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| close | `CustomEvent` | Dispatched when the filter chip closes. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -37856,7 +37528,7 @@
             "since": "1.16.3",
             "status": "stable",
             "behavior": "feedback",
-            "markdown": "## nve-pulse\n\nPulse component signals attention for a particular area of a UI. This helps with tutorial/getting started guides for new users.\n\n### Example\n\n```html\n<div nve-layout=\"row align:center\">\n  <nve-pulse aria-label=\"pulse component\"></nve-pulse>\n</div>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/pulse/define.js';\n```\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| size | `'sm' \\| 'md' \\| 'lg' \\| 'xs' \\| undefined` | Sets size of the pulse component. You can also update size using the `width + height` css props. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| status | `'accent' \\| 'warning' \\| 'danger' \\| undefined` | These visual treatments represent the `status` of different tasks. When `status` changes to `accent`, `warning` or `danger`, the component embeds appropriate colors. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --animation-duration | `string` | [MDN](https://mdn.dev/CSS/animation-duration) |"
+            "markdown": "## nve-pulse\n\nPulse component signals attention for a particular area of a UI. This helps with tutorial/getting started guides for new users.\n\n### Example\n\n```html\n<div nve-layout=\"row align:center\">\n  <nve-pulse aria-label=\"pulse component\"></nve-pulse>\n</div>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/pulse/define.js';\n```\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| size | `'sm' \\| 'md' \\| 'lg' \\| 'xs' \\| undefined` | Sets size of the pulse component. You can also update size using the `width + height` css props. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| status | `'accent' \\| 'warning' \\| 'danger' \\| undefined` | These visual treatments represent the `status` of different tasks. When `status` changes to `accent`, `warning` or `danger`, the component embeds appropriate colors. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --animation-duration | `string` | [MDN](https://mdn.dev/CSS/animation-duration) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -37963,6 +37635,26 @@
                 "name": "ControlGroup",
                 "module": "/src/forms/control-group/control-group.js"
               }
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "description": "Returns the label associated with the control group.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "ControlGroup",
+                "module": "/src/forms/control-group/control-group.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "inputs",
+              "description": "Returns the input elements associated with the control group.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "ControlGroup",
+                "module": "/src/forms/control-group/control-group.js"
+              }
             }
           ],
           "superclass": {
@@ -37986,7 +37678,7 @@
             "since": "0.3.0",
             "status": "stable",
             "behavior": "form",
-            "markdown": "## nve-radio-group\n\nGroups related radio buttons together with a shared label and validation messaging for single-select form inputs.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/radio/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Control input elements |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\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| prominence | `'muted'` | Set the visual prominence of the control group |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |"
+            "markdown": "## nve-radio-group\n\nGroups related radio buttons together with a shared label and validation messaging for single-select form inputs.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/radio/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Control input elements |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| inputs |  | Returns the input elements associated with the control group. |\n| label |  | Returns the label associated with the control group. |\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| prominence | `'muted'` | Set the visual prominence of the control group |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |"
           },
           "slots": [
             {
@@ -38217,26 +37909,6 @@
             }
           ],
           "members": [
-            {
-              "kind": "field",
-              "name": "nveControl",
-              "type": {
-                "text": "string",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "string",
-                    "description": ""
-                  }
-                ]
-              },
-              "privacy": "protected",
-              "default": "'inline'",
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
-            },
             {
               "kind": "field",
               "name": "status",
@@ -38342,15 +38014,6 @@
                 "name": "Control",
                 "module": "/src/forms/control/control.js"
               }
-            },
-            {
-              "kind": "method",
-              "name": "showPicker",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
             }
           ],
           "superclass": {
@@ -38375,7 +38038,7 @@
             "since": "0.3.0",
             "status": "stable",
             "behavior": "form",
-            "markdown": "## nve-radio\n\nA radio button is a control that enables users to choose one option from a list of mutually exclusive options.\n\n### Example\n\n```html\n<nve-radio-group>\n  <label>label</label>\n  <nve-radio>\n    <label>radio 1</label>\n    <input type=\"radio\" checked />\n  </nve-radio>\n  <nve-radio>\n    <label>radio 2</label>\n    <input type=\"radio\" />\n  </nve-radio>\n  <nve-radio>\n    <label>radio 3</label>\n    <input type=\"radio\" />\n  </nve-radio>\n  <nve-control-message>message</nve-control-message>\n</nve-radio-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/radio/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| 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| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --border-width | `string` | [MDN](https://mdn.dev/CSS/border-width) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --border-color | `string` | [MDN](https://mdn.dev/CSS/border-color) |\n| --radio-color | `string` |  |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/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) |"
+            "markdown": "## nve-radio\n\nA radio button is a control that enables users to choose one option from a list of mutually exclusive options.\n\n### Example\n\n```html\n<nve-radio-group>\n  <label>label</label>\n  <nve-radio>\n    <label>radio 1</label>\n    <input type=\"radio\" checked />\n  </nve-radio>\n  <nve-radio>\n    <label>radio 2</label>\n    <input type=\"radio\" />\n  </nve-radio>\n  <nve-radio>\n    <label>radio 3</label>\n    <input type=\"radio\" />\n  </nve-radio>\n  <nve-control-message>message</nve-control-message>\n</nve-radio-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/radio/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| i18n |  | Enables internal string values to update for internationalization. |\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| prominence | `'muted'` | Set the visual prominence of the control |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | Set current visual state for control. This overrides any validation states active. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| reset | `CustomEvent` |  |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| reset | `reset(): unknown` | Resets control value to initial attribute value and clears any active validation rules. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-color | `string` | [MDN](https://mdn.dev/CSS/border-color) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --border-width | `string` | [MDN](https://mdn.dev/CSS/border-width) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --control-height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --control-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --radio-color | `string` |  |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           },
           "slots": [
             {
@@ -38825,26 +38488,6 @@
                 "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",
@@ -38853,15 +38496,6 @@
                 "name": "Control",
                 "module": "/src/forms/control/control.js"
               }
-            },
-            {
-              "kind": "method",
-              "name": "showPicker",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
             }
           ],
           "attributes": [
@@ -39048,7 +38682,7 @@
             "since": "0.3.0",
             "status": "stable",
             "behavior": "form",
-            "markdown": "## nve-range\n\nA range slider is a control that enables users to choose a value from a continuous range of values.\n\n### Example\n\n```html\n<nve-range>\n  <label>label</label>\n  <input type=\"range\" />\n  <nve-control-message>message</nve-control-message>\n</nve-range>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/range/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| orientation | `'vertical' \\| 'horizontal'` | Controls the directional flow of the element's layout and interaction pattern. - `vertical` Element orients vertically with top-to-bottom flow. - `horizontal` Element orients horizontally with left-to-right flow. |\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| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --control-height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --track-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --track-height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --track-border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --track-background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --thumb-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --thumb-height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --thumb-background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --thumb-border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/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) |"
+            "markdown": "## nve-range\n\nA range slider is a control that enables users to choose a value from a continuous range of values.\n\n### Example\n\n```html\n<nve-range>\n  <label>label</label>\n  <input type=\"range\" />\n  <nve-control-message>message</nve-control-message>\n</nve-range>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/range/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| fitContent (fit-content) | `boolean` | Sets the input to match native default content block |\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| i18n |  | Enables internal string values to update for internationalization. |\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| orientation | `'vertical' \\| 'horizontal'` | Controls the directional flow of the element's layout and interaction pattern. - `vertical` Element orients vertically with top-to-bottom flow. - `horizontal` Element orients horizontally with left-to-right flow. |\n| prominence | `'muted'` | Set the visual prominence of the control |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | Set current visual state for control. This overrides any validation states active. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| reset | `CustomEvent` |  |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| reset | `reset(): unknown` | Resets control value to initial attribute value and clears any active validation rules. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --control-height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --control-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --thumb-background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --thumb-border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --thumb-height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --thumb-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --track-background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --track-border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --track-height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --track-width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           },
           "slots": [
             {
@@ -39580,15 +39214,11 @@
             {
               "kind": "method",
               "name": "reportValidity",
-              "type": {
-                "text": "() => boolean",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "() => boolean",
-                    "description": ""
-                  }
-                ]
+              "parameters": [],
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
               "description": "Reports whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity",
               "inheritedFrom": {
@@ -39598,15 +39228,11 @@
             {
               "kind": "method",
               "name": "checkValidity",
-              "type": {
-                "text": "() => boolean",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "() => boolean",
-                    "description": ""
-                  }
-                ]
+              "parameters": [],
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
               "description": "Checks whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity",
               "inheritedFrom": {
@@ -39616,15 +39242,18 @@
             {
               "kind": "method",
               "name": "setCustomValidity",
-              "type": {
-                "text": "(message: string) => void",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "(message: string) => void",
-                    "description": ""
+              "parameters": [
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
                   }
-                ]
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
               "description": "Sets a custom validation message.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity",
               "inheritedFrom": {
@@ -39634,15 +39263,11 @@
             {
               "kind": "method",
               "name": "reset",
-              "type": {
-                "text": "() => void",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "() => void",
-                    "description": ""
-                  }
-                ]
+              "parameters": [],
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
               "description": "Resets the control value to its initial value.",
               "inheritedFrom": {
@@ -39942,7 +39567,7 @@
             "since": "1.27.0",
             "status": "stable",
             "behavior": "form",
-            "markdown": "## nve-resize-handle\n\nA resize-handle slider is a control that enables users to resize views or panels vertically or horizontally.\n\n### Example\n\n```html\n<nve-resize-handle></nve-resize-handle>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/resize-handle/define.js';\n```\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| orientation | `'horizontal' \\| 'vertical' \\| undefined` | Controls the directional flow of the element's layout and interaction pattern. - `horizontal` Element orients horizontally with left-to-right flow. - `vertical` Element orients vertically with top-to-bottom flow. |\n| min | `number` | Determines the min resize value. |\n| max | `number` | Determines the max resize value. |\n| step | `number` | Determines the value step change. |\n| i18n |  | Updates internal string values for internationalization. |\n| value |  | The current form control value. https://mdn.dev/HTML/Attributes/value |\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| 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| toggle | `CustomEvent` | Dispatched when the resize handle is double clicked. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --line-width | `string` |  |\n| --target-size | `string` |  |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |"
+            "markdown": "## nve-resize-handle\n\nA resize-handle slider is a control that enables users to resize views or panels vertically or horizontally.\n\n### Example\n\n```html\n<nve-resize-handle></nve-resize-handle>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/resize-handle/define.js';\n```\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| composedLabel | `string` | Text content from labels associated with the control. |\n| defaultValue | `string` | The initial value used when the parent form resets. |\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| form | `HTMLFormElement \\| null` | The form associated with the control. https://mdn.dev/ElementInternals/form |\n| i18n |  | Updates internal string values for internationalization. |\n| labels | `NodeList` | Labels associated with the control. https://mdn.dev/ElementInternals/labels |\n| max | `number` | Determines the max resize value. |\n| maxLength (maxlength) | `number` | Defines the maximum text length. https://mdn.dev/HTML/Attributes/maxlength |\n| min | `number` | Determines the min resize value. |\n| minLength (minlength) | `number` | Defines the minimum text length. https://mdn.dev/HTML/Attributes/minlength |\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| orientation | `'horizontal' \\| 'vertical' \\| undefined` | Controls the directional flow of the element's layout and interaction pattern. - `horizontal` Element orients horizontally with left-to-right flow. - `vertical` Element orients vertically with top-to-bottom flow. |\n| pattern | `string` | Defines the pattern that text values must match. https://mdn.dev/HTML/Attributes/pattern |\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| required | `boolean` | Requires a value before the parent form can submit. https://mdn.dev/HTML/Attributes/required |\n| step | `number` | Determines the value step change. |\n| type | `string` | The control type. |\n| validationMessage | `string` | The validation message shown when the control is invalid. https://mdn.dev/ElementInternals/validationMessage |\n| validity | `ValidityState` | The control validity state. https://mdn.dev/ElementInternals/validity |\n| value |  | The current form control value. https://mdn.dev/HTML/Attributes/value |\n| valueAsNumber | `number` | The current value parsed as a number. |\n| valueAsString | `string` | The current value serialized as a string. |\n| willValidate | `boolean` | Indicates whether the control participates in constraint validation. https://mdn.dev/ElementInternals/willValidate |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| toggle | `CustomEvent` | Dispatched when the resize handle is double clicked. |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| checkValidity | `checkValidity(): boolean` | Checks whether the control satisfies its constraints. https://mdn.dev/HTMLInputElement/checkValidity |\n| reportValidity | `reportValidity(): boolean` | Reports whether the control satisfies its constraints. https://mdn.dev/HTMLInputElement/reportValidity |\n| reset | `reset(): void` | Resets the control value to its initial value. |\n| setCustomValidity | `setCustomValidity(message: string): void` | Sets a custom validation message. https://mdn.dev/HTMLInputElement/setCustomValidity |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --line-width | `string` |  |\n| --target-size | `string` |  |"
           }
         }
       ],
@@ -40279,26 +39904,6 @@
                 "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",
@@ -40307,15 +39912,6 @@
                 "name": "Control",
                 "module": "/src/forms/control/control.js"
               }
-            },
-            {
-              "kind": "method",
-              "name": "showPicker",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
             }
           ],
           "attributes": [
@@ -40516,7 +40112,7 @@
             "since": "0.3.0",
             "status": "stable",
             "behavior": "form",
-            "markdown": "## nve-search\n\nA search is a control that enables users to enter text to search.\n\n### Example\n\n```html\n<nve-search>\n  <label>label</label>\n  <input type=\"search\" />\n  <nve-control-message>message</nve-control-message>\n</nve-search>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/search/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| container | `'flat' \\| undefined` | Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. Use when embedding within another container such as a toolbar. |\n| rounded | `boolean` | Sets the rounded visual style of the input. |\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| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/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) |"
+            "markdown": "## nve-search\n\nA search is a control that enables users to enter text to search.\n\n### Example\n\n```html\n<nve-search>\n  <label>label</label>\n  <input type=\"search\" />\n  <nve-control-message>message</nve-control-message>\n</nve-search>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/search/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| container | `'flat' \\| undefined` | Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. Use when embedding within another container such as a toolbar. |\n| fitContent (fit-content) | `boolean` | Sets the input to match native default content block |\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| i18n |  | Enables internal string values to update for internationalization. |\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| prominence | `'muted'` | Set the visual prominence of the control |\n| rounded | `boolean` | Sets the rounded visual style of the input. |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | Set current visual state for control. This overrides any validation states active. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| reset | `CustomEvent` |  |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| reset | `reset(): unknown` | Resets control value to initial attribute value and clears any active validation rules. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --control-height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --control-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
           },
           "slots": [
             {
@@ -40942,26 +40538,6 @@
                 "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",
@@ -40970,15 +40546,6 @@
                 "name": "Control",
                 "module": "/src/forms/control/control.js"
               }
-            },
-            {
-              "kind": "method",
-              "name": "showPicker",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
             }
           ],
           "attributes": [
@@ -41163,7 +40730,7 @@
             "since": "0.3.0",
             "status": "stable",
             "behavior": "form",
-            "markdown": "## nve-select\n\nA select is a control that enables users to select an option from a list of options.\n\n### Example\n\n```html\n<nve-select>\n  <label>label</label>\n  <select>\n    <option value=\"1\">Option 1</option>\n    <option value=\"2\">Option 2</option>\n    <option value=\"3\">Option 3</option>\n  </select>\n  <nve-control-message>message</nve-control-message>\n</nve-select>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/select/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Select input element |\n| label | `string` | Label element |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| container | `'flat' \\| 'inline' \\| undefined` | Flat container option applies when embedding the component within another containing element |\n| i18n |  | Updates internal string values for internationalization. |\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| 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| --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| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-bottom | `string` | [MDN](https://mdn.dev/CSS/border-bottom) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --text-align | `string` | [MDN](https://mdn.dev/CSS/text-align) |\n| --scroll-height | `string` |  |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --control-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --max-width | `string` | [MDN](https://mdn.dev/CSS/max-width) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\n| --max-height | `string` | [MDN](https://mdn.dev/CSS/max-height) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\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-height | `string` | [MDN](https://mdn.dev/CSS/height) |"
+            "markdown": "## nve-select\n\nA select is a control that enables users to select an option from a list of options.\n\n### Example\n\n```html\n<nve-select>\n  <label>label</label>\n  <select>\n    <option value=\"1\">Option 1</option>\n    <option value=\"2\">Option 2</option>\n    <option value=\"3\">Option 3</option>\n  </select>\n  <nve-control-message>message</nve-control-message>\n</nve-select>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/select/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Select input element |\n| label | `string` | Label element |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| container | `'flat' \\| 'inline' \\| undefined` | Flat container option applies when embedding the component within another containing element |\n| fitContent (fit-content) | `boolean` | Sets the input to match native default content block |\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| i18n |  | Updates internal string values for internationalization. |\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| prominence | `'muted'` | Set the visual prominence of the control |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | Set current visual state for control. This overrides any validation states active. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| reset | `CustomEvent` |  |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| reset | `reset(): unknown` | Resets control value to initial attribute value and clears any active validation rules. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-bottom | `string` | [MDN](https://mdn.dev/CSS/border-bottom) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --control-height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --control-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --max-height | `string` | [MDN](https://mdn.dev/CSS/max-height) |\n| --max-width | `string` | [MDN](https://mdn.dev/CSS/max-width) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --scroll-height | `string` |  |\n| --text-align | `string` | [MDN](https://mdn.dev/CSS/text-align) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           },
           "events": [
             {
@@ -41393,7 +40960,7 @@
             "since": "1.44.0",
             "status": "stable",
             "behavior": "content",
-            "markdown": "## nve-skeleton\n\nA loading placeholder component that displays animated placeholder shapes while content loads.\n\n### Example\n\n```html\n<div nve-layout=\"column gap:xs align:stretch\">\n  <nve-skeleton></nve-skeleton>\n  <nve-skeleton style=\"width: 90%\"></nve-skeleton>\n  <nve-skeleton style=\"width: 80%\"></nve-skeleton>\n</div>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/skeleton/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Loaded content that replaces the placeholder when provided. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| effect | `'shimmer' \\| 'pulse'` | Visual animation style shown while content loads. |\n| shape | `'round' \\| 'pill'` | Geometry of the placeholder — rounded corners or a full pill outline. |\n| hidden | `boolean` | Hides the skeleton host when `true` and sets `aria-busy` to the inverse visibility state. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |"
+            "markdown": "## nve-skeleton\n\nA loading placeholder component that displays animated placeholder shapes while content loads.\n\n### Example\n\n```html\n<div nve-layout=\"column gap:xs align:stretch\">\n  <nve-skeleton></nve-skeleton>\n  <nve-skeleton style=\"width: 90%\"></nve-skeleton>\n  <nve-skeleton style=\"width: 80%\"></nve-skeleton>\n</div>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/skeleton/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Loaded content that replaces the placeholder when provided. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| effect | `'shimmer' \\| 'pulse'` | Visual animation style shown while content loads. |\n| hidden | `boolean` | Hides the skeleton host when `true` and sets `aria-busy` to the inverse visibility state. |\n| shape | `'round' \\| 'pill'` | Geometry of the placeholder — rounded corners or a full pill outline. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |"
           }
         }
       ],
@@ -42197,7 +41764,7 @@
             "since": "0.11.0",
             "status": "stable",
             "behavior": "button",
-            "markdown": "## nve-sort-button\n\nA sort button is a control that enables users to sort a list of items in ascending or descending order.\n\n### Example\n\n```html\n<nve-sort-button></nve-sort-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/sort-button/define.js';\n```\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| sort | `'ascending' \\| 'descending' \\| 'none'` | The current sort value, can be ascending, descending, or none. |\n| i18n |  | Updates internal string values for internationalization. |\n| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within a form element. https://mdn.dev/HTML/Element/button#attr-type |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\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| readOnly (readonly) | `boolean` | Indicates whether the element is a noninteractive visual treatment instead of a button. https://mdn.dev/HTML/Attributes/readonly |\n| form | property: `string \\| HTMLFormElement \\| null`; attribute: `string` | Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only the form ID. Reading the property returns the associated form element or `null`. https://mdn.dev/ElementInternals/form |\n| name | `string` | The name of the button, submitted as a pair with the button value as part of the form data. https://mdn.dev/HTML/Element/button#attr-name |\n| value | `string` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\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| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\n| popoverTargetElement (popovertarget) | property: `HTMLElement \\| null`; attribute: `string` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| commandForElement (commandfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| interestForElement (interestfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| sort | `CustomEvent` | Dispatched on activation with `detail: { value, next }`, where `value` is the current sort and `next` follows the cycle `none` → `ascending` → `descending` → `none`. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |"
+            "markdown": "## nve-sort-button\n\nA sort button is a control that enables users to sort a list of items in ascending or descending order.\n\n### Example\n\n```html\n<nve-sort-button></nve-sort-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/sort-button/define.js';\n```\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| commandForElement (commandfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\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| 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| form | property: `string \\| HTMLFormElement \\| null`; attribute: `string` | Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only the form ID. Reading the property returns the associated form element or `null`. https://mdn.dev/ElementInternals/form |\n| i18n |  | Updates internal string values for internationalization. |\n| interestForElement (interestfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n| name | `string` | The name of the button, submitted as a pair with the button value as part of the form data. https://mdn.dev/HTML/Element/button#attr-name |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| popoverTargetElement (popovertarget) | property: `HTMLElement \\| null`; attribute: `string` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| readOnly (readonly) | `boolean` | Indicates whether the element is a noninteractive visual treatment instead of a button. https://mdn.dev/HTML/Attributes/readonly |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| sort | `'ascending' \\| 'descending' \\| 'none'` | The current sort value, can be ascending, descending, or none. |\n| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within a form element. https://mdn.dev/HTML/Element/button#attr-type |\n| value | `string` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| sort | `CustomEvent` | Dispatched on activation with `detail: { value, next }`, where `value` is the current sort and `next` follows the cycle `none` → `ascending` → `descending` → `none`. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -42973,7 +42540,7 @@
             "since": "0.0.0",
             "status": "stable",
             "behavior": "content",
-            "markdown": "## nve-sparkline\n\nA sparkline is a compact, word-sized chart with typographic scale, for data-dense layouts (text, tables, cards, dashboards).\n\n### Example\n\n```html\n<nve-sparkline id=\"default\"></nve-sparkline>\n<script type=\"module\">\n  const sparkline = document.querySelector(\"nve-sparkline#default\");\n  sparkline.data = [18, 22, 20, 24, 19, 28, 25, 30];\n</script>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/sparkline/define.js';\n```\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| data | `number[]` | Numeric values representing a data series. |\n| mark | `'line' \\| 'area' \\| 'gradient' \\| 'column' \\| 'winloss'` | Controls the visual representation of data points. - `line` Renders data as a connected line to emphasize macro trend. - `area` Renders data as a filled area beneath a line to emphasize magnitude over time. - `gradient` Renders a line with gradient color treatment to communicate value intensity across the series. - `column` Renders data as vertical columns for easy comparison of discrete values. - `winloss` Renders outcomes as binary or ternary bars to highlight wins, losses, and optional ties. |\n| interpolation | `'linear' \\| 'smooth' \\| 'step'` | Controls how the chart connects intermediate values between points in a data series. Defaults to `linear`. - `linear` Connects points with straight line segments. - `smooth` Connects points with smooth bezier curves. - `step` Connects points with horizontal and vertical step segments. |\n| status | `'scheduled' \\| 'queued' \\| 'pending' \\| 'starting' \\| 'running' \\| 'restarting' \\| 'stopping' \\| 'finished' \\| 'failed' \\| 'unknown' \\| 'ignored' \\| 'accent' \\| 'warning' \\| 'success' \\| 'danger' \\| undefined` | Applies semantic status colors used across Elements status patterns. - `accent` Highlights important actions or draws attention to primary interactive elements. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `success` Represents positive outcomes, confirmations, or constructive actions. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. - `scheduled` Task has a scheduled future execution at a specific time. - `queued` Task is waiting in line to begin after other tasks complete. - `pending` Task is awaiting approval, user input, or external conditions before proceeding. - `starting` Task is initializing and preparing to begin active execution. - `running` Task is actively executing and making progress. - `restarting` Task restarts after an interruption or reset. - `stopping` Task is gracefully shutting down and completing cleanup operations. - `finished` Task has completed successfully with the expected outcome. - `failed` Task encountered an error and did not complete as intended. - `unknown` Task status remains unknown or unavailable. - `ignored` Task was intentionally skipped or excluded from execution. |\n| size | `'xs' \\| 'sm' \\| 'md' \\| 'lg' \\| 'xl' \\| undefined` | Controls the sparkline size with explicit font-size tokens. Omit to auto-scale with parent font-size (1em). - `xs` Extra small size for minimal elements or highly dense layouts. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. - `xl` Extra large size for emphasizing elements or sparse layouts. |\n| denoteFirst (denote-first) | `boolean` | Denotes the first data point by rendering a symbol at its position. |\n| denoteLast (denote-last) | `boolean` | Denotes the last data point by rendering a symbol at its position. |\n| denoteMin (denote-min) | `boolean` | Denotes all minimum-value data points by rendering symbols at their positions. |\n| denoteMax (denote-max) | `boolean` | Denotes all maximum-value data points by rendering symbols at their positions. |\n| intervalLength (interval-length) | `number` | Controls spacing between points in a line, in em (1 = chart height). Defaults to `0.6`. |\n| min | `number \\| undefined` | Lower bound for the y-axis domain. When undefined, derives the bound from data. |\n| max | `number \\| undefined` | Upper bound for the y-axis domain. When undefined, derives the bound from data. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --height | `string` | Height (defaults to 1em and scales with parent font-size). [MDN](https://mdn.dev/CSS/height) |\n| --line-color | `string` |  |\n| --line-width | `string` |  |\n| --fill-color | `string` | Color used by area and column marks. |\n| --gradient-max-color | `string` |  |\n| --gradient-min-color | `string` |  |\n| --zero-line-color | `string` |  |\n| --zero-line-width | `string` |  |\n| --win-color | `string` | Color used to represent positive values (wins). |\n| --loss-color | `string` | Color used to represent negative values (losses). |\n| --draw-color | `string` | Color used to represent zero values (draws / neutral outcomes). |\n| --symbol-color | `string` |  |\n| --symbol-border-color | `string` |  |\n| --symbol-border-width | `string` |  |\n| --symbol-radius | `string` | symbol circle radius in SVG units. |"
+            "markdown": "## nve-sparkline\n\nA sparkline is a compact, word-sized chart with typographic scale, for data-dense layouts (text, tables, cards, dashboards).\n\n### Example\n\n```html\n<nve-sparkline id=\"default\"></nve-sparkline>\n<script type=\"module\">\n  const sparkline = document.querySelector(\"nve-sparkline#default\");\n  sparkline.data = [18, 22, 20, 24, 19, 28, 25, 30];\n</script>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/sparkline/define.js';\n```\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| data | `number[]` | Numeric values representing a data series. |\n| denoteFirst (denote-first) | `boolean` | Denotes the first data point by rendering a symbol at its position. |\n| denoteLast (denote-last) | `boolean` | Denotes the last data point by rendering a symbol at its position. |\n| denoteMax (denote-max) | `boolean` | Denotes all maximum-value data points by rendering symbols at their positions. |\n| denoteMin (denote-min) | `boolean` | Denotes all minimum-value data points by rendering symbols at their positions. |\n| interpolation | `'linear' \\| 'smooth' \\| 'step'` | Controls how the chart connects intermediate values between points in a data series. Defaults to `linear`. - `linear` Connects points with straight line segments. - `smooth` Connects points with smooth bezier curves. - `step` Connects points with horizontal and vertical step segments. |\n| intervalLength (interval-length) | `number` | Controls spacing between points in a line, in em (1 = chart height). Defaults to `0.6`. |\n| mark | `'line' \\| 'area' \\| 'gradient' \\| 'column' \\| 'winloss'` | Controls the visual representation of data points. - `line` Renders data as a connected line to emphasize macro trend. - `area` Renders data as a filled area beneath a line to emphasize magnitude over time. - `gradient` Renders a line with gradient color treatment to communicate value intensity across the series. - `column` Renders data as vertical columns for easy comparison of discrete values. - `winloss` Renders outcomes as binary or ternary bars to highlight wins, losses, and optional ties. |\n| max | `number \\| undefined` | Upper bound for the y-axis domain. When undefined, derives the bound from data. |\n| min | `number \\| undefined` | Lower bound for the y-axis domain. When undefined, derives the bound from data. |\n| size | `'xs' \\| 'sm' \\| 'md' \\| 'lg' \\| 'xl' \\| undefined` | Controls the sparkline size with explicit font-size tokens. Omit to auto-scale with parent font-size (1em). - `xs` Extra small size for minimal elements or highly dense layouts. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. - `xl` Extra large size for emphasizing elements or sparse layouts. |\n| status | `'scheduled' \\| 'queued' \\| 'pending' \\| 'starting' \\| 'running' \\| 'restarting' \\| 'stopping' \\| 'finished' \\| 'failed' \\| 'unknown' \\| 'ignored' \\| 'accent' \\| 'warning' \\| 'success' \\| 'danger' \\| undefined` | Applies semantic status colors used across Elements status patterns. - `accent` Highlights important actions or draws attention to primary interactive elements. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `success` Represents positive outcomes, confirmations, or constructive actions. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. - `scheduled` Task has a scheduled future execution at a specific time. - `queued` Task is waiting in line to begin after other tasks complete. - `pending` Task is awaiting approval, user input, or external conditions before proceeding. - `starting` Task is initializing and preparing to begin active execution. - `running` Task is actively executing and making progress. - `restarting` Task restarts after an interruption or reset. - `stopping` Task is gracefully shutting down and completing cleanup operations. - `finished` Task has completed successfully with the expected outcome. - `failed` Task encountered an error and did not complete as intended. - `unknown` Task status remains unknown or unavailable. - `ignored` Task was intentionally skipped or excluded from execution. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --draw-color | `string` | Color used to represent zero values (draws / neutral outcomes). |\n| --fill-color | `string` | Color used by area and column marks. |\n| --gradient-max-color | `string` |  |\n| --gradient-min-color | `string` |  |\n| --height | `string` | Height (defaults to 1em and scales with parent font-size). [MDN](https://mdn.dev/CSS/height) |\n| --line-color | `string` |  |\n| --line-width | `string` |  |\n| --loss-color | `string` | Color used to represent negative values (losses). |\n| --symbol-border-color | `string` |  |\n| --symbol-border-width | `string` |  |\n| --symbol-color | `string` |  |\n| --symbol-radius | `string` | symbol circle radius in SVG units. |\n| --win-color | `string` | Color used to represent positive values (wins). |\n| --zero-line-color | `string` |  |\n| --zero-line-width | `string` |  |"
           }
         }
       ],
@@ -43705,26 +43272,6 @@
                 "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",
@@ -43733,15 +43280,6 @@
                 "name": "Control",
                 "module": "/src/forms/control/control.js"
               }
-            },
-            {
-              "kind": "method",
-              "name": "showPicker",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
             }
           ],
           "superclass": {
@@ -43766,7 +43304,7 @@
             "since": "1.23.1",
             "status": "stable",
             "behavior": "form",
-            "markdown": "## nve-star-rating\n\nA star rating component lets users rate something using stars, providing a quick visual representation of feedback\n\n### Example\n\n```html\n<nve-star-rating>\n  <label>rate this input</label>\n  <input id=\"range\" type=\"range\" max=\"5\" value=\"3\" min=\"0\" />\n  <nve-control-message>message</nve-control-message>\n</nve-star-rating>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/star-rating/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| --star-size | `string` |  |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --stroke-color | `string` |  |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\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) |"
+            "markdown": "## nve-star-rating\n\nA star rating component lets users rate something using stars, providing a quick visual representation of feedback\n\n### Example\n\n```html\n<nve-star-rating>\n  <label>rate this input</label>\n  <input id=\"range\" type=\"range\" max=\"5\" value=\"3\" min=\"0\" />\n  <nve-control-message>message</nve-control-message>\n</nve-star-rating>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/star-rating/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| fitContent (fit-content) | `boolean` | Sets the input to match native default content block |\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| i18n |  | Enables internal string values to update for internationalization. |\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| prominence | `'muted'` | Set the visual prominence of the control |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | Set current visual state for control. This overrides any validation states active. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| reset | `CustomEvent` |  |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| reset | `reset(): unknown` | Resets control value to initial attribute value and clears any active validation rules. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --control-height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --control-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --star-size | `string` |  |\n| --stroke-color | `string` |  |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           },
           "slots": [
             {
@@ -44784,7 +44322,7 @@
             "since": "0.30.0",
             "status": "stable",
             "behavior": "button",
-            "markdown": "## nve-steps-item\n\nRepresents an individual step within a multi-step workflow, displaying its status and enabling navigation within the parent steps component.\n\n### Example\n\n```html\n<nve-steps behavior-select>\n  <nve-steps-item status=\"success\">Step 1</nve-steps-item>\n  <nve-steps-item status=\"danger\">Step 2</nve-steps-item>\n  <nve-steps-item selected>Step 3</nve-steps-item>\n  <nve-steps-item status=\"pending\">Step 4</nve-steps-item>\n  <nve-steps-item disabled>Disabled</nve-steps-item>\n</nve-steps>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/steps/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for step text |\n| status-icon | `string` | custom slotted step icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| status | `'accent' \\| 'danger' \\| 'success' \\| 'pending' \\| undefined` | Controls the step status. `accent` has no default status icon, `danger` displays an alert icon, `success` displays a check icon, and `pending` displays a progress indicator. Omit the property to display the step number. |\n| container | `'condensed' \\| undefined` | Determines whether the steps should display in condensed format with no text labels. |\n| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within a form element. https://mdn.dev/HTML/Element/button#attr-type |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\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| readOnly (readonly) | `boolean` | Indicates whether the element is a noninteractive visual treatment instead of a button. https://mdn.dev/HTML/Attributes/readonly |\n| form | property: `string \\| HTMLFormElement \\| null`; attribute: `string` | Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only the form ID. Reading the property returns the associated form element or `null`. https://mdn.dev/ElementInternals/form |\n| name | `string` | The name of the button, submitted as a pair with the button value as part of the form data. https://mdn.dev/HTML/Element/button#attr-name |\n| value | `string` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\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| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\n| popoverTargetElement (popovertarget) | property: `HTMLElement \\| null`; attribute: `string` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| commandForElement (commandfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| interestForElement (interestfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --border-top | `string` | [MDN](https://mdn.dev/CSS/border-top) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |"
+            "markdown": "## nve-steps-item\n\nRepresents an individual step within a multi-step workflow, displaying its status and enabling navigation within the parent steps component.\n\n### Example\n\n```html\n<nve-steps behavior-select>\n  <nve-steps-item status=\"success\">Step 1</nve-steps-item>\n  <nve-steps-item status=\"danger\">Step 2</nve-steps-item>\n  <nve-steps-item selected>Step 3</nve-steps-item>\n  <nve-steps-item status=\"pending\">Step 4</nve-steps-item>\n  <nve-steps-item disabled>Disabled</nve-steps-item>\n</nve-steps>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/steps/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for step text |\n| status-icon | `string` | custom slotted step icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| commandForElement (commandfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| container | `'condensed' \\| undefined` | Determines whether the steps should display in condensed format with no text labels. |\n| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\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| 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| form | property: `string \\| HTMLFormElement \\| null`; attribute: `string` | Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only the form ID. Reading the property returns the associated form element or `null`. https://mdn.dev/ElementInternals/form |\n| interestForElement (interestfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n| name | `string` | The name of the button, submitted as a pair with the button value as part of the form data. https://mdn.dev/HTML/Element/button#attr-name |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| popoverTargetElement (popovertarget) | property: `HTMLElement \\| null`; attribute: `string` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| readOnly (readonly) | `boolean` | Indicates whether the element is a noninteractive visual treatment instead of a button. https://mdn.dev/HTML/Attributes/readonly |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| status | `'accent' \\| 'danger' \\| 'success' \\| 'pending' \\| undefined` | Controls the step status. `accent` has no default status icon, `danger` displays an alert icon, `success` displays a check icon, and `pending` displays a progress indicator. Omit the property to display the step number. |\n| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within a form element. https://mdn.dev/HTML/Element/button#attr-type |\n| value | `string` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --border-top | `string` | [MDN](https://mdn.dev/CSS/border-top) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         },
         {
@@ -44944,7 +44482,7 @@
             "since": "0.30.0",
             "status": "stable",
             "behavior": "navigation",
-            "markdown": "## nve-steps\n\nSteps enables a multi-step workflow allowing a user to complete a goal in a specific sequence.\n\n### Example\n\n```html\n<nve-steps behavior-select>\n  <nve-steps-item status=\"success\">Step 1</nve-steps-item>\n  <nve-steps-item status=\"danger\">Step 2</nve-steps-item>\n  <nve-steps-item selected>Step 3</nve-steps-item>\n  <nve-steps-item status=\"pending\">Step 4</nve-steps-item>\n  <nve-steps-item disabled>Disabled</nve-steps-item>\n</nve-steps>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/steps/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for steps-item |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| vertical | `boolean` | Determines whether the steps should display in a vertical layout vs. defaulting to horizontal. |\n| container | `'condensed' \\| undefined` | Determines whether the steps should display in condensed format with no text labels. |\n| behaviorSelect (behavior-select) | `boolean` | Determines whether the steps should handle selection behavior vs. defaults to off. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |"
+            "markdown": "## nve-steps\n\nSteps enables a multi-step workflow allowing a user to complete a goal in a specific sequence.\n\n### Example\n\n```html\n<nve-steps behavior-select>\n  <nve-steps-item status=\"success\">Step 1</nve-steps-item>\n  <nve-steps-item status=\"danger\">Step 2</nve-steps-item>\n  <nve-steps-item selected>Step 3</nve-steps-item>\n  <nve-steps-item status=\"pending\">Step 4</nve-steps-item>\n  <nve-steps-item disabled>Disabled</nve-steps-item>\n</nve-steps>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/steps/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for steps-item |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| behaviorSelect (behavior-select) | `boolean` | Determines whether the steps should handle selection behavior vs. defaults to off. |\n| container | `'condensed' \\| undefined` | Determines whether the steps should display in condensed format with no text labels. |\n| vertical | `boolean` | Determines whether the steps should display in a vertical layout vs. defaulting to horizontal. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |"
           }
         }
       ],
@@ -45059,6 +44597,26 @@
                 "name": "ControlGroup",
                 "module": "/src/forms/control-group/control-group.js"
               }
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "description": "Returns the label associated with the control group.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "ControlGroup",
+                "module": "/src/forms/control-group/control-group.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "inputs",
+              "description": "Returns the input elements associated with the control group.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "ControlGroup",
+                "module": "/src/forms/control-group/control-group.js"
+              }
             }
           ],
           "superclass": {
@@ -45082,7 +44640,7 @@
             "since": "0.3.0",
             "status": "stable",
             "behavior": "form",
-            "markdown": "## nve-switch-group\n\nA switch group is a container for a group of switches.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/switch/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Control input elements |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\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| prominence | `'muted'` | Set the visual prominence of the control group |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |"
+            "markdown": "## nve-switch-group\n\nA switch group is a container for a group of switches.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/switch/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Control input elements |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| inputs |  | Returns the input elements associated with the control group. |\n| label |  | Returns the label associated with the control group. |\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| prominence | `'muted'` | Set the visual prominence of the control group |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |"
           },
           "slots": [
             {
@@ -45329,26 +44887,6 @@
             }
           ],
           "members": [
-            {
-              "kind": "field",
-              "name": "nveControl",
-              "type": {
-                "text": "string",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "string",
-                    "description": ""
-                  }
-                ]
-              },
-              "privacy": "protected",
-              "default": "'inline'",
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
-            },
             {
               "kind": "field",
               "name": "status",
@@ -45506,15 +45044,6 @@
                 "name": "Control",
                 "module": "/src/forms/control/control.js"
               }
-            },
-            {
-              "kind": "method",
-              "name": "showPicker",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
             }
           ],
           "superclass": {
@@ -45539,7 +45068,7 @@
             "since": "0.3.0",
             "status": "stable",
             "behavior": "form",
-            "markdown": "## nve-switch\n\nA switch is a control that enables users to switch between two mutually exclusive options (on or off, checked or unchecked) through a single click or tap.\n\n### Example\n\n```html\n<nve-switch>\n  <label>label</label>\n  <input type=\"checkbox\" />\n</nve-switch>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/switch/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| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --border-width | `string` | [MDN](https://mdn.dev/CSS/border-width) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --anchor-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --anchor-height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --anchor-border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --anchor-background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/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) |"
+            "markdown": "## nve-switch\n\nA switch is a control that enables users to switch between two mutually exclusive options (on or off, checked or unchecked) through a single click or tap.\n\n### Example\n\n```html\n<nve-switch>\n  <label>label</label>\n  <input type=\"checkbox\" />\n</nve-switch>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/switch/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| fitContent (fit-content) | `boolean` | Sets the input to match native default content block |\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| i18n |  | Enables internal string values to update for internationalization. |\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| prominence | `'muted'` | Set the visual prominence of the control |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | Set current visual state for control. This overrides any validation states active. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| reset | `CustomEvent` |  |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| reset | `reset(): unknown` | Resets control value to initial attribute value and clears any active validation rules. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --anchor-background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --anchor-border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --anchor-height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --anchor-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --border-width | `string` | [MDN](https://mdn.dev/CSS/border-width) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --control-height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --control-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           },
           "slots": [
             {
@@ -46613,7 +46142,7 @@
             "since": "0.10.0",
             "status": "stable",
             "behavior": "button",
-            "markdown": "## nve-tabs-item\n\nRepresents an individual tab within a tablist, providing a selectable button for switching between content views.\n\n### Example\n\n```html\n<nve-tabs-group id=\"tab-group-default\">\n  <nve-tabs>\n    <nve-tabs-item command=\"--toggle\" commandfor=\"tab-group-default\" value=\"overview\">Overview</nve-tabs-item>\n    <nve-tabs-item selected command=\"--toggle\" commandfor=\"tab-group-default\" value=\"details\">Details</nve-tabs-item>\n    <nve-tabs-item command=\"--toggle\" commandfor=\"tab-group-default\" value=\"settings\">Settings</nve-tabs-item>\n  </nve-tabs>\n  <div slot=\"overview\">overview content</div>\n  <div slot=\"details\">details content</div>\n  <div slot=\"settings\">settings content</div>\n</nve-tabs-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/tabs/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | The label displayed for the tab. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within a form element. https://mdn.dev/HTML/Element/button#attr-type |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\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| readOnly (readonly) | `boolean` | Indicates whether the element is a noninteractive visual treatment instead of a button. https://mdn.dev/HTML/Attributes/readonly |\n| form | property: `string \\| HTMLFormElement \\| null`; attribute: `string` | Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only the form ID. Reading the property returns the associated form element or `null`. https://mdn.dev/ElementInternals/form |\n| name | `string` | The name of the button, submitted as a pair with the button value as part of the form data. https://mdn.dev/HTML/Element/button#attr-name |\n| value | `string` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\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| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\n| popoverTargetElement (popovertarget) | property: `HTMLElement \\| null`; attribute: `string` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| commandForElement (commandfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| interestForElement (interestfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |"
+            "markdown": "## nve-tabs-item\n\nRepresents an individual tab within a tablist, providing a selectable button for switching between content views.\n\n### Example\n\n```html\n<nve-tabs-group id=\"tab-group-default\">\n  <nve-tabs>\n    <nve-tabs-item command=\"--toggle\" commandfor=\"tab-group-default\" value=\"overview\">Overview</nve-tabs-item>\n    <nve-tabs-item selected command=\"--toggle\" commandfor=\"tab-group-default\" value=\"details\">Details</nve-tabs-item>\n    <nve-tabs-item command=\"--toggle\" commandfor=\"tab-group-default\" value=\"settings\">Settings</nve-tabs-item>\n  </nve-tabs>\n  <div slot=\"overview\">overview content</div>\n  <div slot=\"details\">details content</div>\n  <div slot=\"settings\">settings content</div>\n</nve-tabs-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/tabs/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | The label displayed for the tab. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| commandForElement (commandfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\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| 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| form | property: `string \\| HTMLFormElement \\| null`; attribute: `string` | Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only the form ID. Reading the property returns the associated form element or `null`. https://mdn.dev/ElementInternals/form |\n| interestForElement (interestfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n| name | `string` | The name of the button, submitted as a pair with the button value as part of the form data. https://mdn.dev/HTML/Element/button#attr-name |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| popoverTargetElement (popovertarget) | property: `HTMLElement \\| null`; attribute: `string` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| readOnly (readonly) | `boolean` | Indicates whether the element is a noninteractive visual treatment instead of a button. https://mdn.dev/HTML/Attributes/readonly |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within a form element. https://mdn.dev/HTML/Element/button#attr-type |\n| value | `string` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         },
         {
@@ -46799,7 +46328,7 @@
             "since": "0.10.0",
             "status": "stable",
             "behavior": "navigation",
-            "markdown": "## nve-tabs\n\nTabs provide a selection UX, typically used for swapping content shown on a page, or within a navigation context.\n\n### Example\n\n```html\n<nve-tabs-group id=\"tab-group-default\">\n  <nve-tabs>\n    <nve-tabs-item command=\"--toggle\" commandfor=\"tab-group-default\" value=\"overview\">Overview</nve-tabs-item>\n    <nve-tabs-item selected command=\"--toggle\" commandfor=\"tab-group-default\" value=\"details\">Details</nve-tabs-item>\n    <nve-tabs-item command=\"--toggle\" commandfor=\"tab-group-default\" value=\"settings\">Settings</nve-tabs-item>\n  </nve-tabs>\n  <div slot=\"overview\">overview content</div>\n  <div slot=\"details\">details content</div>\n  <div slot=\"settings\">settings content</div>\n</nve-tabs-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/tabs/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for tab-item |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| vertical | `boolean` | Determines whether the tabs should display in a vertical layout vs. defaulting to horizontal. |\n| borderless | `boolean` | Determines whether the tabs should display a border on selected items vs. defaults to show border. |\n| behaviorSelect (behavior-select) | `boolean` | Determines whether the tabs should handle selection behavior vs. defaults to off. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --indicator-background | `string` |  |\n| --indicator-border-radius | `string` |  |\n| --indicator-height | `string` |  |\n| --border-inset | `string` |  |"
+            "markdown": "## nve-tabs\n\nTabs provide a selection UX, typically used for swapping content shown on a page, or within a navigation context.\n\n### Example\n\n```html\n<nve-tabs-group id=\"tab-group-default\">\n  <nve-tabs>\n    <nve-tabs-item command=\"--toggle\" commandfor=\"tab-group-default\" value=\"overview\">Overview</nve-tabs-item>\n    <nve-tabs-item selected command=\"--toggle\" commandfor=\"tab-group-default\" value=\"details\">Details</nve-tabs-item>\n    <nve-tabs-item command=\"--toggle\" commandfor=\"tab-group-default\" value=\"settings\">Settings</nve-tabs-item>\n  </nve-tabs>\n  <div slot=\"overview\">overview content</div>\n  <div slot=\"details\">details content</div>\n  <div slot=\"settings\">settings content</div>\n</nve-tabs-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/tabs/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for tab-item |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| behaviorSelect (behavior-select) | `boolean` | Determines whether the tabs should handle selection behavior vs. defaults to off. |\n| borderless | `boolean` | Determines whether the tabs should display a border on selected items vs. defaults to show border. |\n| vertical | `boolean` | Determines whether the tabs should display in a vertical layout vs. defaulting to horizontal. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-inset | `string` |  |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --indicator-background | `string` |  |\n| --indicator-border-radius | `string` |  |\n| --indicator-height | `string` |  |"
           }
         }
       ],
@@ -47884,7 +47413,7 @@
             "since": "0.10.0",
             "status": "stable",
             "behavior": "button",
-            "markdown": "## nve-tag\n\nA interactive element that represents a category or group of content. Typically used to filter or organize content for one to many relations.\n\n### Example\n\n```html\n<nve-tag>topic-tag</nve-tag>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/tag/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Text or other content that identifies the category or group. |\n| prefix | `string` | Optional prefix content, such as a status nve-icon. |\n| suffix | `string` | Optional suffix content, such as a nve-dot counter. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| closable | `boolean` | Indicates whether the user can dismiss or close the element. - `true` The element displays a close control and the user can dismiss it. - `false` The user cannot close the element and must dismiss it programmatically. |\n| color | `'red-cardinal' \\| 'gray-slate' \\| 'gray-denim' \\| 'blue-indigo' \\| 'blue-cobalt' \\| 'blue-sky' \\| 'teal-cyan' \\| 'green-mint' \\| 'teal-seafoam' \\| 'green-grass' \\| 'yellow-amber' \\| 'orange-pumpkin' \\| 'red-tomato' \\| 'pink-magenta' \\| 'purple-plum' \\| 'purple-violet' \\| 'purple-lavender' \\| 'pink-rose' \\| 'green-jade' \\| 'lime-pear' \\| 'yellow-nova' \\| 'brand-green'` | Defines a base color from the theme color palette |\n| prominence | `'emphasis' \\| undefined` | Determines the visual prominence or weight |\n| i18n |  | Updates internal string values for internationalization. |\n| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within a form element. https://mdn.dev/HTML/Element/button#attr-type |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\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| readOnly (readonly) | `boolean` | Indicates whether the element is a noninteractive visual treatment instead of a button. https://mdn.dev/HTML/Attributes/readonly |\n| form | property: `string \\| HTMLFormElement \\| null`; attribute: `string` | Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only the form ID. Reading the property returns the associated form element or `null`. https://mdn.dev/ElementInternals/form |\n| name | `string` | The name of the button, submitted as a pair with the button value as part of the form data. https://mdn.dev/HTML/Element/button#attr-name |\n| value | `string` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\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| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\n| popoverTargetElement (popovertarget) | property: `HTMLElement \\| null`; attribute: `string` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| commandForElement (commandfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| interestForElement (interestfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\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| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --max-width | `string` | [MDN](https://mdn.dev/CSS/max-width) |\n| --text-decoration | `string` | [MDN](https://mdn.dev/CSS/text-decoration) |"
+            "markdown": "## nve-tag\n\nA interactive element that represents a category or group of content. Typically used to filter or organize content for one to many relations.\n\n### Example\n\n```html\n<nve-tag>topic-tag</nve-tag>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/tag/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Text or other content that identifies the category or group. |\n| prefix | `string` | Optional prefix content, such as a status nve-icon. |\n| suffix | `string` | Optional suffix content, such as a nve-dot counter. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| closable | `boolean` | Indicates whether the user can dismiss or close the element. - `true` The element displays a close control and the user can dismiss it. - `false` The user cannot close the element and must dismiss it programmatically. |\n| color | `'red-cardinal' \\| 'gray-slate' \\| 'gray-denim' \\| 'blue-indigo' \\| 'blue-cobalt' \\| 'blue-sky' \\| 'teal-cyan' \\| 'green-mint' \\| 'teal-seafoam' \\| 'green-grass' \\| 'yellow-amber' \\| 'orange-pumpkin' \\| 'red-tomato' \\| 'pink-magenta' \\| 'purple-plum' \\| 'purple-violet' \\| 'purple-lavender' \\| 'pink-rose' \\| 'green-jade' \\| 'lime-pear' \\| 'yellow-nova' \\| 'brand-green'` | Defines a base color from the theme color palette |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| commandForElement (commandfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\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| 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| form | property: `string \\| HTMLFormElement \\| null`; attribute: `string` | Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only the form ID. Reading the property returns the associated form element or `null`. https://mdn.dev/ElementInternals/form |\n| i18n |  | Updates internal string values for internationalization. |\n| interestForElement (interestfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n| name | `string` | The name of the button, submitted as a pair with the button value as part of the form data. https://mdn.dev/HTML/Element/button#attr-name |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| popoverTargetElement (popovertarget) | property: `HTMLElement \\| null`; attribute: `string` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| prominence | `'emphasis' \\| undefined` | Determines the visual prominence or weight |\n| readOnly (readonly) | `boolean` | Indicates whether the element is a noninteractive visual treatment instead of a button. https://mdn.dev/HTML/Attributes/readonly |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within a form element. https://mdn.dev/HTML/Element/button#attr-type |\n| value | `string` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --max-width | `string` | [MDN](https://mdn.dev/CSS/max-width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --text-decoration | `string` | [MDN](https://mdn.dev/CSS/text-decoration) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -48210,26 +47739,6 @@
                 "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",
@@ -48238,15 +47747,6 @@
                 "name": "Control",
                 "module": "/src/forms/control/control.js"
               }
-            },
-            {
-              "kind": "method",
-              "name": "showPicker",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
             }
           ],
           "superclass": {
@@ -48271,7 +47771,7 @@
             "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) |"
+            "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| prefix | `string` | Content to display before the textarea. |\n| suffix | `string` | Content to display after the textarea. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| fitContent (fit-content) | `boolean` | Sets the input to match native default content block |\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| i18n |  | Enables internal string values to update for internationalization. |\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| prominence | `'muted'` | Set the visual prominence of the control |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | Set current visual state for control. This overrides any validation states active. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| reset | `CustomEvent` |  |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| reset | `reset(): unknown` | Resets control value to initial attribute value and clears any active validation rules. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --control-height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --control-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           },
           "attributes": [
             {
@@ -48739,26 +48239,6 @@
                 "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",
@@ -48767,15 +48247,6 @@
                 "name": "Control",
                 "module": "/src/forms/control/control.js"
               }
-            },
-            {
-              "kind": "method",
-              "name": "showPicker",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
             }
           ],
           "attributes": [
@@ -48956,7 +48427,7 @@
             "since": "0.3.0",
             "status": "stable",
             "behavior": "form",
-            "markdown": "## nve-time\n\nA time picker is a control that enables users to choose a time value.\n\n### Example\n\n```html\n<nve-time>\n  <label>label</label>\n  <input type=\"time\" min=\"09:00\" max=\"18:00\" value=\"12:00\" />\n  <nve-control-message>message</nve-control-message>\n</nve-time>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/time/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| container | `'flat' \\| undefined` | Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. Use when embedding within another container such as a toolbar. |\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| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/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) |"
+            "markdown": "## nve-time\n\nA time picker is a control that enables users to choose a time value.\n\n### Example\n\n```html\n<nve-time>\n  <label>label</label>\n  <input type=\"time\" min=\"09:00\" max=\"18:00\" value=\"12:00\" />\n  <nve-control-message>message</nve-control-message>\n</nve-time>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/time/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| container | `'flat' \\| undefined` | Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. Use when embedding within another container such as a toolbar. |\n| fitContent (fit-content) | `boolean` | Sets the input to match native default content block |\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| i18n |  | Enables internal string values to update for internationalization. |\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| prominence | `'muted'` | Set the visual prominence of the control |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | Set current visual state for control. This overrides any validation states active. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| reset | `CustomEvent` |  |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| reset | `reset(): unknown` | Resets control value to initial attribute value and clears any active validation rules. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --control-height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --control-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
           },
           "slots": [
             {
@@ -49312,12 +48783,6 @@
               "name": "i18n",
               "description": "Updates internal string values for internationalization.",
               "attribute": "i18n"
-            },
-            {
-              "kind": "field",
-              "name": "typeNativePopoverController",
-              "privacy": "protected",
-              "default": "new TypeNativePopoverController<Toast>(this)"
             }
           ],
           "events": [
@@ -49546,7 +49011,7 @@
             "since": "0.6.0",
             "status": "stable",
             "behavior": "popover",
-            "markdown": "## nve-toast\n\nA contextual popup that displays a status. Toasts are [triggered](https://w3c.github.io/aria/#tooltip) by clicking, focusing, or tapping an element and cannot have interactive elements within them.\n\n### Example\n\n```html\n<nve-toast id=\"toast\" close-timeout=\"1500\">hello there</nve-toast>\n<nve-button popovertarget=\"toast\">button</nve-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/toast/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | The message communicated by the toast. |\n| prefix | `string` | custom status icon slot |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| anchor | property: `string \\| HTMLElement`; attribute: `string` | Provides the element that the popover should position relative to. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. |\n| position | `'center' \\| 'top' \\| 'bottom' \\| 'left' \\| 'right'` | Sets the side position of the popover relative to the provided anchor element. - `center` Centers the popover directly over the anchor element. - `top` Positions the popover above the anchor element. - `bottom` Positions the popover below the anchor element. - `left` Positions the popover to the left side of the anchor element. - `right` Positions the popover to the right side of the anchor element. |\n| alignment | `'start' \\| 'end' \\| 'center'` | Determines the alignment of the popover relative to the provided anchor element. - `start` Aligns the popover to the beginning edge of the anchor for left or top alignment. - `end` Aligns the popover to the ending edge of the anchor for right or bottom alignment. - `center` Centers the popover along the anchor's edge for balanced positioning. |\n| prominence | `'muted'` | Sets the visual prominence of the toast. |\n| closable | `boolean` | Indicates whether the user can dismiss or close the element. - `true` The element displays a close control and the user can dismiss it. - `false` The user cannot close the element and must dismiss it programmatically. |\n| closeTimeout (close-timeout) | `number` | Sets the automatic dismissal time in milliseconds before the element emits a `close` event. Allow ~200-250ms per word for comfortable reading. - `0` Warning or error messages requiring immediate acknowledgment. - `3000` Brief success or confirmation messages. - `7000` Standard informational messages. - `10000` Messages with actions or requiring user decision. |\n| status | `'accent' \\| 'warning' \\| 'success' \\| 'danger'` | Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions. - `accent` Highlights important actions or draws attention to primary interactive elements. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `success` Represents positive outcomes, confirmations, or constructive actions. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. |\n| i18n |  | Updates internal string values for internationalization. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| beforetoggle | `CustomEvent` | Dispatched on a popover just before showing or hiding. [MDN](https://mdn.dev/HTMLElement/beforetoggle_event) |\n| toggle | `CustomEvent` | Dispatched on a popover element just after showing or hiding. [MDN](https://mdn.dev/HTMLElement/toggle_event) |\n| open | `CustomEvent` | Dispatched when the toast opens. |\n| close | `CustomEvent` | Dispatched when the toast closes. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --justify-content | `string` | [MDN](https://mdn.dev/CSS/justify-content) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --animation-duration | `string` | Duration of toast open/close animations [MDN](https://mdn.dev/CSS/animation-duration) |"
+            "markdown": "## nve-toast\n\nA contextual popup that displays a status. Toasts are [triggered](https://w3c.github.io/aria/#tooltip) by clicking, focusing, or tapping an element and cannot have interactive elements within them.\n\n### Example\n\n```html\n<nve-toast id=\"toast\" close-timeout=\"1500\">hello there</nve-toast>\n<nve-button popovertarget=\"toast\">button</nve-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/toast/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | The message communicated by the toast. |\n| prefix | `string` | custom status icon slot |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| alignment | `'start' \\| 'end' \\| 'center'` | Determines the alignment of the popover relative to the provided anchor element. - `start` Aligns the popover to the beginning edge of the anchor for left or top alignment. - `end` Aligns the popover to the ending edge of the anchor for right or bottom alignment. - `center` Centers the popover along the anchor's edge for balanced positioning. |\n| anchor | property: `string \\| HTMLElement`; attribute: `string` | Provides the element that the popover should position relative to. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. |\n| closable | `boolean` | Indicates whether the user can dismiss or close the element. - `true` The element displays a close control and the user can dismiss it. - `false` The user cannot close the element and must dismiss it programmatically. |\n| closeTimeout (close-timeout) | `number` | Sets the automatic dismissal time in milliseconds before the element emits a `close` event. Allow ~200-250ms per word for comfortable reading. - `0` Warning or error messages requiring immediate acknowledgment. - `3000` Brief success or confirmation messages. - `7000` Standard informational messages. - `10000` Messages with actions or requiring user decision. |\n| i18n |  | Updates internal string values for internationalization. |\n| position | `'center' \\| 'top' \\| 'bottom' \\| 'left' \\| 'right'` | Sets the side position of the popover relative to the provided anchor element. - `center` Centers the popover directly over the anchor element. - `top` Positions the popover above the anchor element. - `bottom` Positions the popover below the anchor element. - `left` Positions the popover to the left side of the anchor element. - `right` Positions the popover to the right side of the anchor element. |\n| prominence | `'muted'` | Sets the visual prominence of the toast. |\n| status | `'accent' \\| 'warning' \\| 'success' \\| 'danger'` | Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions. - `accent` Highlights important actions or draws attention to primary interactive elements. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `success` Represents positive outcomes, confirmations, or constructive actions. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| beforetoggle | `CustomEvent` | Dispatched on a popover just before showing or hiding. [MDN](https://mdn.dev/HTMLElement/beforetoggle_event) |\n| close | `CustomEvent` | Dispatched when the toast closes. |\n| open | `CustomEvent` | Dispatched when the toast opens. |\n| toggle | `CustomEvent` | Dispatched on a popover element just after showing or hiding. [MDN](https://mdn.dev/HTMLElement/toggle_event) |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --animation-duration | `string` | Duration of toast open/close animations [MDN](https://mdn.dev/CSS/animation-duration) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --justify-content | `string` | [MDN](https://mdn.dev/CSS/justify-content) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
           }
         }
       ],
@@ -49649,7 +49114,7 @@
             "since": "0.38.0",
             "status": "stable",
             "behavior": "content",
-            "markdown": "## nve-toggletip-footer\n\nProvides a designated area at the bottom of a toggletip for actions or supplementary information.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/toggletip/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for the toggletip footer |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-top | `string` | [MDN](https://mdn.dev/CSS/border-top) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |"
+            "markdown": "## nve-toggletip-footer\n\nProvides a designated area at the bottom of a toggletip for actions or supplementary information.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/toggletip/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for the toggletip footer |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-top | `string` | [MDN](https://mdn.dev/CSS/border-top) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
           }
         }
       ],
@@ -49715,7 +49180,7 @@
             "since": "0.38.0",
             "status": "stable",
             "behavior": "content",
-            "markdown": "## nve-toggletip-header\n\nDisplays a title or contextual label at the top of a toggletip to categorize its contents.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/toggletip/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for the toggletip header |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-bottom | `string` | [MDN](https://mdn.dev/CSS/border-bottom) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |"
+            "markdown": "## nve-toggletip-header\n\nDisplays a title or contextual label at the top of a toggletip to categorize its contents.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/toggletip/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for the toggletip header |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-bottom | `string` | [MDN](https://mdn.dev/CSS/border-bottom) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
           }
         }
       ],
@@ -49954,12 +49419,6 @@
               "description": "Determines if the component renders an arrow.",
               "attribute": "arrow"
             },
-            {
-              "kind": "field",
-              "name": "typeNativePopoverController",
-              "privacy": "protected",
-              "default": "new TypeNativePopoverController<Toggletip>(this)"
-            },
             {
               "kind": "field",
               "name": "i18n",
@@ -50153,7 +49612,7 @@
             "since": "0.38.0",
             "status": "stable",
             "behavior": "popover",
-            "markdown": "## nve-toggletip\n\nGeneric toggletip element for rendering a variety of different interactive content. [MDN Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)\n\n### Example\n\n```html\n<nve-toggletip id=\"toggletip\">hello there</nve-toggletip>\n<nve-button popovertarget=\"toggletip\">button</nve-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/toggletip/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for toggletip content |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| anchor | property: `string \\| HTMLElement`; attribute: `string` | Provides the element that the popover should position relative to. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. |\n| position | `'center' \\| 'top' \\| 'bottom' \\| 'left' \\| 'right'` | Sets the side position of the popover relative to the provided anchor element. - `center` Centers the popover directly over the anchor element. - `top` Positions the popover above the anchor element. - `bottom` Positions the popover below the anchor element. - `left` Positions the popover to the left side of the anchor element. - `right` Positions the popover to the right side of the anchor element. |\n| alignment | `'start' \\| 'end' \\| 'center'` | Determines the alignment of the popover relative to the provided anchor element. - `start` Aligns the popover to the beginning edge of the anchor for left or top alignment. - `end` Aligns the popover to the ending edge of the anchor for right or bottom alignment. - `center` Centers the popover along the anchor's edge for balanced positioning. |\n| closable | `boolean` | Indicates whether the user can dismiss or close the element. - `true` The element displays a close control and the user can dismiss it. - `false` The user cannot close the element and must dismiss it programmatically. |\n| arrow | `boolean` | Determines if the component renders an arrow. |\n| i18n |  | Updates internal string values for internationalization. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| beforetoggle | `CustomEvent` | Dispatched on a popover just before showing or hiding. [MDN](https://mdn.dev/HTMLElement/beforetoggle_event) |\n| toggle | `CustomEvent` | Dispatched on a popover element just after showing or hiding. [MDN](https://mdn.dev/HTMLElement/toggle_event) |\n| open | `CustomEvent` | Dispatched when the toggletip opens. |\n| close | `CustomEvent` | Dispatched when the toggletip closes. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --arrow-transform | `string` |  |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --animation-duration | `string` | Duration of toggletip open/close animations [MDN](https://mdn.dev/CSS/animation-duration) |"
+            "markdown": "## nve-toggletip\n\nGeneric toggletip element for rendering a variety of different interactive content. [MDN Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)\n\n### Example\n\n```html\n<nve-toggletip id=\"toggletip\">hello there</nve-toggletip>\n<nve-button popovertarget=\"toggletip\">button</nve-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/toggletip/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for toggletip content |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| alignment | `'start' \\| 'end' \\| 'center'` | Determines the alignment of the popover relative to the provided anchor element. - `start` Aligns the popover to the beginning edge of the anchor for left or top alignment. - `end` Aligns the popover to the ending edge of the anchor for right or bottom alignment. - `center` Centers the popover along the anchor's edge for balanced positioning. |\n| anchor | property: `string \\| HTMLElement`; attribute: `string` | Provides the element that the popover should position relative to. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. |\n| arrow | `boolean` | Determines if the component renders an arrow. |\n| closable | `boolean` | Indicates whether the user can dismiss or close the element. - `true` The element displays a close control and the user can dismiss it. - `false` The user cannot close the element and must dismiss it programmatically. |\n| i18n |  | Updates internal string values for internationalization. |\n| position | `'center' \\| 'top' \\| 'bottom' \\| 'left' \\| 'right'` | Sets the side position of the popover relative to the provided anchor element. - `center` Centers the popover directly over the anchor element. - `top` Positions the popover above the anchor element. - `bottom` Positions the popover below the anchor element. - `left` Positions the popover to the left side of the anchor element. - `right` Positions the popover to the right side of the anchor element. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| beforetoggle | `CustomEvent` | Dispatched on a popover just before showing or hiding. [MDN](https://mdn.dev/HTMLElement/beforetoggle_event) |\n| close | `CustomEvent` | Dispatched when the toggletip closes. |\n| open | `CustomEvent` | Dispatched when the toggletip opens. |\n| toggle | `CustomEvent` | Dispatched on a popover element just after showing or hiding. [MDN](https://mdn.dev/HTMLElement/toggle_event) |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --animation-duration | `string` | Duration of toggletip open/close animations [MDN](https://mdn.dev/CSS/animation-duration) |\n| --arrow-transform | `string` |  |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -50441,7 +49900,7 @@
             "since": "0.19.0",
             "status": "stable",
             "behavior": "navigation",
-            "markdown": "## nve-toolbar\n\nA toolbar is a container for grouping a set of controls, such as buttons, icon buttons and combobox search.\n\n### Example\n\n```html\n<nve-toolbar>\n  <nve-button><nve-icon name=\"add\"></nve-icon> create</nve-button>\n  <nve-button><nve-icon name=\"delete\"></nve-icon> delete</nve-button>\n  <nve-icon-button icon-name=\"gear\" slot=\"suffix\" aria-label=\"settings\"></nve-icon-button>\n</nve-toolbar>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/toolbar/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Primary buttons, inputs, and other toolbar controls. |\n| prefix | `string` | slot for prefix content |\n| suffix | `string` | slot for suffix content |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| container | `'flat' \\| 'inset' \\| 'full' \\| undefined` | Determines the container styles of component. Flat applies when nesting elements within other containers or for a more muted style. Full applies when the element expands the full width of the viewport. |\n| content | `'scroll' \\| 'wrap' \\| undefined` | Determines the primary content overflow behavior. |\n| orientation | `'horizontal' \\| 'vertical' \\| undefined` | Controls the directional flow of the element's layout and interaction pattern. - `horizontal` Element orients horizontally with left-to-right flow. - `vertical` Element orients vertically with top-to-bottom flow. |\n| status | `'accent'` | Visual treatment to represent accent color for interactive selections |\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| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --border-bottom | `string` | [MDN](https://mdn.dev/CSS/border-bottom) |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
+            "markdown": "## nve-toolbar\n\nA toolbar is a container for grouping a set of controls, such as buttons, icon buttons and combobox search.\n\n### Example\n\n```html\n<nve-toolbar>\n  <nve-button><nve-icon name=\"add\"></nve-icon> create</nve-button>\n  <nve-button><nve-icon name=\"delete\"></nve-icon> delete</nve-button>\n  <nve-icon-button icon-name=\"gear\" slot=\"suffix\" aria-label=\"settings\"></nve-icon-button>\n</nve-toolbar>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/toolbar/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Primary buttons, inputs, and other toolbar controls. |\n| prefix | `string` | slot for prefix content |\n| suffix | `string` | slot for suffix content |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| container | `'flat' \\| 'inset' \\| 'full' \\| undefined` | Determines the container styles of component. Flat applies when nesting elements within other containers or for a more muted style. Full applies when the element expands the full width of the viewport. |\n| content | `'scroll' \\| 'wrap' \\| undefined` | Determines the primary content overflow behavior. |\n| orientation | `'horizontal' \\| 'vertical' \\| undefined` | Controls the directional flow of the element's layout and interaction pattern. - `horizontal` Element orients horizontally with left-to-right flow. - `vertical` Element orients vertically with top-to-bottom flow. |\n| status | `'accent'` | Visual treatment to represent accent color for interactive selections |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-bottom | `string` | [MDN](https://mdn.dev/CSS/border-bottom) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -50694,12 +50153,6 @@
               "attribute": "open-delay",
               "description": "Sets the delay in milliseconds before the element emits an `open` event.\n- `0` Keyboard focus interactions (always immediate for accessibility).\n\n- `500` Dense interfaces with many tooltips to reduce visual noise and prevent accidental triggers.",
               "descriptionText": "Sets the delay in milliseconds before the element emits an `open` event."
-            },
-            {
-              "kind": "field",
-              "name": "typeNativePopoverController",
-              "privacy": "protected",
-              "default": "new TypeNativePopoverController<Tooltip>(this)"
             }
           ],
           "events": [
@@ -50871,7 +50324,7 @@
             "since": "0.6.0",
             "status": "stable",
             "behavior": "popover",
-            "markdown": "## nve-tooltip\n\nA contextual popup that displays a plaintext description. Trigger tooltips by hovering, focusing, or tapping an element and cannot have interactive elements within them.\n\n### Example\n\n```html\n<nve-tooltip id=\"tooltip\">hello there</nve-tooltip>\n<nve-button interestfor=\"tooltip\">button</nve-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/tooltip/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Noninteractive text or other descriptive content shown in the tooltip. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| anchor | property: `string \\| HTMLElement`; attribute: `string` | Provides the element that the popover should position relative to. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. |\n| position | `'center' \\| 'top' \\| 'bottom' \\| 'left' \\| 'right'` | Sets the side position of the popover relative to the provided anchor element. - `center` Centers the popover directly over the anchor element. - `top` Positions the popover above the anchor element. - `bottom` Positions the popover below the anchor element. - `left` Positions the popover to the left side of the anchor element. - `right` Positions the popover to the right side of the anchor element. |\n| alignment | `'start' \\| 'end' \\| 'center'` | Determines the alignment of the popover relative to the provided anchor element. - `start` Aligns the popover to the beginning edge of the anchor for left or top alignment. - `end` Aligns the popover to the ending edge of the anchor for right or bottom alignment. - `center` Centers the popover along the anchor's edge for balanced positioning. |\n| status | `'muted'` | visual treatment to represent a ongoing task or support status |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| beforetoggle | `CustomEvent` | Dispatched on a popover just before showing or hiding. [MDN](https://mdn.dev/HTMLElement/beforetoggle_event) |\n| toggle | `CustomEvent` | Dispatched on a popover element just after showing or hiding. [MDN](https://mdn.dev/HTMLElement/toggle_event) |\n| open | `CustomEvent` | Dispatched when the tooltip opens. |\n| close | `CustomEvent` | Dispatched when the tooltip closes. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --arrow-transform | `string` |  |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --animation-duration | `string` | Duration of tooltip open/close animations [MDN](https://mdn.dev/CSS/animation-duration) |"
+            "markdown": "## nve-tooltip\n\nA contextual popup that displays a plaintext description. Trigger tooltips by hovering, focusing, or tapping an element and cannot have interactive elements within them.\n\n### Example\n\n```html\n<nve-tooltip id=\"tooltip\">hello there</nve-tooltip>\n<nve-button interestfor=\"tooltip\">button</nve-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/tooltip/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Noninteractive text or other descriptive content shown in the tooltip. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| alignment | `'start' \\| 'end' \\| 'center'` | Determines the alignment of the popover relative to the provided anchor element. - `start` Aligns the popover to the beginning edge of the anchor for left or top alignment. - `end` Aligns the popover to the ending edge of the anchor for right or bottom alignment. - `center` Centers the popover along the anchor's edge for balanced positioning. |\n| anchor | property: `string \\| HTMLElement`; attribute: `string` | Provides the element that the popover should position relative to. Set the property to an element or its ID within the same render root. The HTML attribute accepts only the element ID. |\n| position | `'center' \\| 'top' \\| 'bottom' \\| 'left' \\| 'right'` | Sets the side position of the popover relative to the provided anchor element. - `center` Centers the popover directly over the anchor element. - `top` Positions the popover above the anchor element. - `bottom` Positions the popover below the anchor element. - `left` Positions the popover to the left side of the anchor element. - `right` Positions the popover to the right side of the anchor element. |\n| status | `'muted'` | visual treatment to represent a ongoing task or support status |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| beforetoggle | `CustomEvent` | Dispatched on a popover just before showing or hiding. [MDN](https://mdn.dev/HTMLElement/beforetoggle_event) |\n| close | `CustomEvent` | Dispatched when the tooltip closes. |\n| open | `CustomEvent` | Dispatched when the tooltip opens. |\n| toggle | `CustomEvent` | Dispatched on a popover element just after showing or hiding. [MDN](https://mdn.dev/HTMLElement/toggle_event) |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --animation-duration | `string` | Duration of tooltip open/close animations [MDN](https://mdn.dev/CSS/animation-duration) |\n| --arrow-transform | `string` |  |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -51092,6 +50545,22 @@
               "description": "Updates internal string values for internationalization.",
               "attribute": "i18n"
             },
+            {
+              "kind": "field",
+              "name": "nodes",
+              "type": {
+                "text": "TreeNode[]",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "TreeNode[]",
+                    "description": ""
+                  }
+                ]
+              },
+              "readonly": true,
+              "description": "Returns the slotted child tree nodes."
+            },
             {
               "kind": "method",
               "name": "open",
@@ -51247,7 +50716,7 @@
             "since": "1.2.0",
             "status": "stable",
             "behavior": "list",
-            "markdown": "## nve-tree-node\n\nA tree view widget presents a hierarchical list. Any item in the hierarchy may have child items, and items that have children can expand or collapse to show or hide the children.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/tree/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Use default slot for basic text content or nested <nve-tree-node> elements. |\n| content | `string` | Use only for extended long form content containing interactive elements or form inputs. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\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| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| expandable | `boolean` | Determines whether a node can be expandable. Expandable by default if slotted nodes exist. |\n| selectable | `'single' \\| 'multi'` | Determines whether a node can be in a selected state. Nodes can be in a single or multi select state. |\n| highlighted | `boolean` | Determines the highlighted state of the element. Highlighted states serve non-interactive selections where nodes may relate to other selected portions of the UI. |\n| i18n |  | Updates internal string values for internationalization. |\n| open |  | opens and sets the expanded state automatically if behaviorExpand is true |\n| close |  | closes and sets the expanded state automatically if behaviorExpand is true |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| open | `CustomEvent` | Dispatched when the node opens. |\n| close | `CustomEvent` | Dispatched when the node closes. |\n| select | `CustomEvent` | Dispatched when the node selection state changes. |\n\n### Invoker Commands\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --select | `CommandEvent` | use to select the node |\n| --deselect | `CommandEvent` | use to deselect the node |\n| --toggle-select | `CommandEvent` | use to toggle the node selection state |\n| --open | `CommandEvent` | use to open the node |\n| --close | `CommandEvent` | use to close the node |\n| --toggle | `CommandEvent` | use to toggle open / closed state of the node |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --text-wrap | `string` | [MDN](https://mdn.dev/CSS/text-wrap) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
+            "markdown": "## nve-tree-node\n\nA tree view widget presents a hierarchical list. Any item in the hierarchy may have child items, and items that have children can expand or collapse to show or hide the children.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/tree/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Use default slot for basic text content or nested <nve-tree-node> elements. |\n| content | `string` | Use only for extended long form content containing interactive elements or form inputs. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| expandable | `boolean` | Determines whether a node can be expandable. Expandable by default if slotted nodes exist. |\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| highlighted | `boolean` | Determines the highlighted state of the element. Highlighted states serve non-interactive selections where nodes may relate to other selected portions of the UI. |\n| i18n |  | Updates internal string values for internationalization. |\n| nodes | `TreeNode[]` | Returns the slotted child tree nodes. |\n| selectable | `'single' \\| 'multi'` | Determines whether a node can be in a selected state. Nodes can be in a single or multi select state. |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| close | `CustomEvent` | Dispatched when the node closes. |\n| open | `CustomEvent` | Dispatched when the node opens. |\n| select | `CustomEvent` | Dispatched when the node selection state changes. |\n\n### Invoker Commands\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --close | `CommandEvent` | use to close the node |\n| --deselect | `CommandEvent` | use to deselect the node |\n| --open | `CommandEvent` | use to open the node |\n| --select | `CommandEvent` | use to select the node |\n| --toggle | `CommandEvent` | use to toggle open / closed state of the node |\n| --toggle-select | `CommandEvent` | use to toggle the node selection state |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| close | `close(): unknown` | closes and sets the expanded state automatically if behaviorExpand is true |\n| open | `open(): unknown` | opens and sets the expanded state automatically if behaviorExpand is true |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --text-wrap | `string` | [MDN](https://mdn.dev/CSS/text-wrap) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           },
           "commands": [
             {
@@ -51396,6 +50865,12 @@
               "description": "Determines if the node depth border renders.",
               "attribute": "border",
               "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "nodes",
+              "description": "Returns the tree nodes in document order.",
+              "readonly": true
             }
           ],
           "events": [
@@ -51515,7 +50990,7 @@
             "since": "1.2.0",
             "status": "stable",
             "behavior": "list",
-            "markdown": "## nve-tree\n\nA tree view widget presents a hierarchical list. Any item in the hierarchy may have child items, and items that have children can expand or collapse to show or hide the children.\n\n### Example\n\n```html\n<nve-tree behavior-expand>\n  <nve-tree-node expanded>\n    node 1\n    <nve-tree-node>node 1-1</nve-tree-node>\n    <nve-tree-node>node 1-2</nve-tree-node>\n    <nve-tree-node>\n      node 1-3\n      <nve-tree-node>node 1-3-1</nve-tree-node>\n      <nve-tree-node>node 1-3-2</nve-tree-node>\n      <nve-tree-node>node 1-3-3</nve-tree-node>\n    </nve-tree-node>\n  </nve-tree-node>\n  <nve-tree-node>\n    node 2\n    <nve-tree-node>node 2-1</nve-tree-node>\n    <nve-tree-node>node 2-2</nve-tree-node>\n    <nve-tree-node>node 2-3</nve-tree-node>\n  </nve-tree-node>\n  <nve-tree-node>\n    node 3\n    <nve-tree-node>node 3-1</nve-tree-node>\n    <nve-tree-node>node 3-2</nve-tree-node>\n    <nve-tree-node>\n      node 3-3\n      <nve-tree-node>node 3-3-1</nve-tree-node>\n      <nve-tree-node>node 3-3-2</nve-tree-node>\n      <nve-tree-node>node 3-3-3</nve-tree-node>\n    </nve-tree-node>\n  </nve-tree-node>\n</nve-tree>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/tree/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | tree nodes |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| selectable | `'single' \\| 'multi'` | Determines whether all nodes can be in a selected state. Nodes can be in a single or multi select state. |\n| behaviorExpand (behavior-expand) | `boolean` | Determines whether the tree nodes should handle auto-expanding behavior. |\n| behaviorSelect (behavior-select) | `boolean` | Determines whether the tree nodes should handle auto-select behavior. |\n| border | `boolean` | Determines if the node depth border renders. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| open | `CustomEvent` | Dispatched from a child nve-tree-node when opened. |\n| close | `CustomEvent` | Dispatched from a child nve-tree-node when closed. |\n| select | `CustomEvent` | Dispatched from a child nve-tree-node when its selection state changes. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --max-width | `string` | [MDN](https://mdn.dev/CSS/max-width) |\n| --node-border | `string` | Border style for tree node depth indicator |"
+            "markdown": "## nve-tree\n\nA tree view widget presents a hierarchical list. Any item in the hierarchy may have child items, and items that have children can expand or collapse to show or hide the children.\n\n### Example\n\n```html\n<nve-tree behavior-expand>\n  <nve-tree-node expanded>\n    node 1\n    <nve-tree-node>node 1-1</nve-tree-node>\n    <nve-tree-node>node 1-2</nve-tree-node>\n    <nve-tree-node>\n      node 1-3\n      <nve-tree-node>node 1-3-1</nve-tree-node>\n      <nve-tree-node>node 1-3-2</nve-tree-node>\n      <nve-tree-node>node 1-3-3</nve-tree-node>\n    </nve-tree-node>\n  </nve-tree-node>\n  <nve-tree-node>\n    node 2\n    <nve-tree-node>node 2-1</nve-tree-node>\n    <nve-tree-node>node 2-2</nve-tree-node>\n    <nve-tree-node>node 2-3</nve-tree-node>\n  </nve-tree-node>\n  <nve-tree-node>\n    node 3\n    <nve-tree-node>node 3-1</nve-tree-node>\n    <nve-tree-node>node 3-2</nve-tree-node>\n    <nve-tree-node>\n      node 3-3\n      <nve-tree-node>node 3-3-1</nve-tree-node>\n      <nve-tree-node>node 3-3-2</nve-tree-node>\n      <nve-tree-node>node 3-3-3</nve-tree-node>\n    </nve-tree-node>\n  </nve-tree-node>\n</nve-tree>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/tree/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | tree nodes |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| behaviorExpand (behavior-expand) | `boolean` | Determines whether the tree nodes should handle auto-expanding behavior. |\n| behaviorSelect (behavior-select) | `boolean` | Determines whether the tree nodes should handle auto-select behavior. |\n| border | `boolean` | Determines if the node depth border renders. |\n| nodes |  | Returns the tree nodes in document order. |\n| selectable | `'single' \\| 'multi'` | Determines whether all nodes can be in a selected state. Nodes can be in a single or multi select state. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| close | `CustomEvent` | Dispatched from a child nve-tree-node when closed. |\n| open | `CustomEvent` | Dispatched from a child nve-tree-node when opened. |\n| select | `CustomEvent` | Dispatched from a child nve-tree-node when its selection state changes. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --max-width | `string` | [MDN](https://mdn.dev/CSS/max-width) |\n| --node-border | `string` | Border style for tree node depth indicator |"
           }
         }
       ],
@@ -53228,7 +52703,7 @@
             "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. |"
+            "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| 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| step | `number` | Smallest gridline interval in content-space units. |\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. |"
           }
         }
       ],
@@ -54270,7 +53745,7 @@
             "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. |"
+            "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| autoFit | `boolean` | Fits measurable direct default-slot content once after initial layout. |\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| dragThreshold (drag-threshold) | `number` | CSS-pixel pointer movement required before a pointer pan begins. |\n| fitInset (fit-inset) | `number` | Default uniform CSS-pixel inset reserved around bounds when fitting content. |\n| maxScale (max-scale) | `number` | Inclusive upper scale limit. |\n| minScale (min-scale) | `number` | Inclusive lower scale limit. |\n| scale | `number` | Content-to-viewport CSS-pixel scale. |\n| x | `number` | Horizontal content-space coordinate at the viewport origin. |\n| y | `number` | Vertical content-space coordinate at the viewport origin. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\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| panstart | `CustomEvent` | Dispatched when pointer movement crosses the pan threshold. Cancel to disable built-in pointer panning for the sequence. |\n| type | `CustomEvent` |  |\n| viewportchange | `CustomEvent` | Dispatched once after a render that commits one or more viewport transform changes. |\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-down | `CommandEvent` | With behavior-pan enabled, pans down by one discrete step. |\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| --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### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| animateTo | `animateTo(target: Partial<ViewportTransform>, options?: ViewportAnimationOptions): void` | Animates the viewport to the requested partial transform. |\n| fitContents | `fitContents(options?: ViewportRevealOptions): void` | Fits the union of direct default-slot element boxes within the viewport. |\n| getTransform | `getTransform(): ViewportTransform` | Returns the current content-space origin and CSS-pixel scale. |\n| getVisibleRect | `getVisibleRect(): ViewportRect` | Returns the visible content-space rectangle. |\n| reveal | `reveal(region: { x: number; y: number; width?: number; height?: number }, options?: ViewportRevealOptions): void` | Centers or fits a content-space region within the viewport. |\n| toContentCoords | `toContentCoords(viewportX: number, viewportY: number): ViewportPoint` | Converts a viewport CSS-pixel point to content space. |\n| toViewportCoords | `toViewportCoords(contentX: number, contentY: number): ViewportPoint` | Converts a content-space point to viewport CSS pixels. |\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": [
             {
@@ -54625,26 +54100,6 @@
                 "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",
@@ -54653,15 +54108,6 @@
                 "name": "Control",
                 "module": "/src/forms/control/control.js"
               }
-            },
-            {
-              "kind": "method",
-              "name": "showPicker",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
             }
           ],
           "attributes": [
@@ -54842,7 +54288,7 @@
             "since": "0.3.0",
             "status": "stable",
             "behavior": "form",
-            "markdown": "## nve-week\n\nA week picker is a control that enables users to choose a week value.\n\n### Example\n\n```html\n<nve-week>\n  <label>label</label>\n  <input type=\"week\" />\n  <nve-control-message>message</nve-control-message>\n</nve-week>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/week/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| container | `'flat' \\| undefined` | Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. Use when embedding within another container such as a toolbar. |\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| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/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) |"
+            "markdown": "## nve-week\n\nA week picker is a control that enables users to choose a week value.\n\n### Example\n\n```html\n<nve-week>\n  <label>label</label>\n  <input type=\"week\" />\n  <nve-control-message>message</nve-control-message>\n</nve-week>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/week/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| container | `'flat' \\| undefined` | Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. Use when embedding within another container such as a toolbar. |\n| fitContent (fit-content) | `boolean` | Sets the input to match native default content block |\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| i18n |  | Enables internal string values to update for internationalization. |\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| prominence | `'muted'` | Set the visual prominence of the control |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | Set current visual state for control. This overrides any validation states active. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| reset | `CustomEvent` |  |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| reset | `reset(): unknown` | Resets control value to initial attribute value and clears any active validation rules. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --control-height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --control-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
           },
           "slots": [
             {