@nvidia-elements/core 2.0.4 → 2.1.1

package/dist/data.html.json

@@ -8,12 +8,12 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/"
         },
         {
-          "name": "markdown",
-          "url": "## nve-accordion-header\n\nProvides the clickable heading region of an accordion that toggles the visibility of associated content.\n\n### Example\n\n```html\n<nve-accordion-group behavior-expand>\n  <nve-accordion>\n    <nve-accordion-header>\n      <h2 nve-text=\"heading xs medium\">Workspace Settings</h2>\n    </nve-accordion-header>\n    <nve-accordion-content\n      >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n    >\n  </nve-accordion>\n</nve-accordion-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/accordion/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default content slot |\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| slot | `string` |  |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/accordion/"
         }
       ]
     },
@@ -23,12 +23,12 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/"
         },
         {
-          "name": "markdown",
-          "url": "## nve-accordion-content\n\nContains the collapsible body content that reveals or hides when the parent accordion expands or collapses.\n\n### Example\n\n```html\n<nve-accordion-group behavior-expand>\n  <nve-accordion>\n    <nve-accordion-header>\n      <h2 nve-text=\"heading xs medium\">Workspace Settings</h2>\n    </nve-accordion-header>\n    <nve-accordion-content\n      >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n    >\n  </nve-accordion>\n</nve-accordion-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/accordion/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | This is a default/unnamed slot for accordion content |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/accordion/"
         }
       ]
     },
@@ -68,12 +68,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/"
         },
         {
-          "name": "markdown",
-          "url": "## nve-accordion\n\nAn accordion is a vertical stack of interactive headings used to toggle the display of further information.\n\n### Example\n\n```html\n<nve-accordion-group behavior-expand>\n  <nve-accordion>\n    <nve-accordion-header>\n      <h2 nve-text=\"heading xs medium\">Workspace Settings</h2>\n    </nve-accordion-header>\n    <nve-accordion-content\n      >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n    >\n  </nve-accordion>\n</nve-accordion-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/accordion/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | This is a default/unnamed slot for accordion content |\n| icon-button | `string` | icon elements to display for expand/collapse |\n| header | `string` | header element (Use `accordion-header` or custom content) |\n| content | `string` | content element (Use `accordion-content` 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' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. - `inset` Element container optimizes for embedding or inset placement inside another containing element. |\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` |  |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --transition | `string` | [MDN](https://mdn.dev/CSS/transition) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/accordion/"
         }
       ]
     },
@@ -103,12 +103,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/"
         },
         {
-          "name": "markdown",
-          "url": "## nve-accordion-group\n\nOrganizes many accordions into a cohesive group, enabling coordinated expand/collapse behavior such as single-item expansion.\n\n### Example\n\n```html\n<nve-accordion-group behavior-expand>\n  <nve-accordion>\n    <nve-accordion-header>\n      <h2 nve-text=\"heading xs medium\">Workspace Settings</h2>\n    </nve-accordion-header>\n    <nve-accordion-content\n      >Adjust workspace preferences and project configurations to customize your experience.</nve-accordion-content\n    >\n  </nve-accordion>\n</nve-accordion-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/accordion/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | This is a default slot for accordions within the group |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| behaviorExpand (behavior-expand) | `boolean` | Determines whether the accordion should opt-in to stateful expansion behavior (defaults to stateless) |\n| behaviorExpandSingle (behavior-expand-single) | `boolean` | Determines whether the accordion should opt-in to stateful expansion of a single accordion at a time |\n| container | `'flat' \\| 'inset' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. - `inset` Element container optimizes for embedding or inset placement inside another containing element. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/accordion/"
         }
       ]
     },
@@ -168,12 +168,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/alert/"
         },
         {
-          "name": "markdown",
-          "url": "## 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' \\| \"default\"` | 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' \\| \"default\"` | Controls the visual prominence to establish hierarchy and guide user attention. - `emphasis` Increases visual weight to draw attention and highlight important elements. |\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' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `full` Element container optimizes for filling its container bounds. |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/alert/"
         }
       ]
     },
@@ -217,12 +217,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/alert/"
         },
         {
-          "name": "markdown",
-          "url": "## 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' \\| \"default\"` | 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. - `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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/alert/"
         }
       ]
     },
@@ -232,7 +232,7 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/alert/"
         }
       ]
@@ -283,12 +283,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/alert/"
         },
         {
-          "name": "markdown",
-          "url": "## 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` | default slot for content |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| size | `'sm' \\| 'md' \\| 'lg' \\| 'xs' \\| \"default\"` | 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| 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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/avatar/"
         }
       ]
     },
@@ -363,12 +363,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img"
         },
         {
-          "name": "markdown",
-          "url": "## 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` | default slot for content |\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'` | 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. - `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' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. |\n| prominence | `'emphasis' \\| \"default\"` | Controls the visual prominence to establish hierarchy and guide user attention. - `emphasis` Increases visual weight to draw attention and highlight important elements. |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/badge/"
         }
       ]
     },
@@ -378,12 +378,12 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/navigation_role"
         },
         {
-          "name": "markdown",
-          "url": "## 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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/breadcrumb/"
         }
       ]
     },
@@ -432,12 +432,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/group_role"
         },
         {
-          "name": "markdown",
-          "url": "## 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' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. |\n| orientation | `'horizontal' \\| 'vertical' \\| \"default\"` | 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' \\| \"default\"` | 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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/button-group/"
         }
       ]
     },
@@ -555,12 +555,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/button/"
         },
         {
-          "name": "markdown",
-          "url": "## 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' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. - `inline` Element container reduces to fit within inline content such as a block of text. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| \"default\"` | 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 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| form | `string \\| HTMLFormElement \\| null` | Like input form, sets a button to submit a form outside its parent form. Returns a reference to the form element if available. 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 | `HTMLElement \\| null` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popovertarget | `string` | The id reference of the element that receives the popover. https://mdn.dev/HTML/Reference/Elements/button#popovertarget |\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) | `HTMLElement \\| null` | 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) | `HTMLElement \\| null` | 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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/button/"
         }
       ]
     },
@@ -580,12 +580,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://github.com/w3c/aria-practices/issues"
         },
         {
-          "name": "markdown",
-          "url": "## 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' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. - `full` Element container optimizes for filling its container bounds. |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/card/"
         }
       ]
     },
@@ -595,12 +595,12 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://github.com/w3c/aria-practices/issues"
         },
         {
-          "name": "markdown",
-          "url": "## 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` | default slot |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| slot | `string` |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/card/"
         }
       ]
     },
@@ -610,12 +610,12 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://github.com/w3c/aria-practices/issues"
         },
         {
-          "name": "markdown",
-          "url": "## nve-card-content\n\nContains the primary body content of a card, providing a structured region for the main information or media.\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 content |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/card/"
         }
       ]
     },
@@ -625,12 +625,12 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://github.com/w3c/aria-practices/issues"
         },
         {
-          "name": "markdown",
-          "url": "## 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### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| slot | `string` |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/card/"
         }
       ]
     },
@@ -684,12 +684,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/alert/"
         },
         {
-          "name": "markdown",
-          "url": "## 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` | default slot for 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'` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual 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'` |  |\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 |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/chat-message/"
         }
       ]
     },
@@ -716,12 +716,8 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/"
-        },
-        {
-          "name": "markdown",
-          "url": "## 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'` | Controls the visual prominence to establish hierarchy and guide user attention. - `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. |\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) |"
         }
       ]
     },
@@ -773,12 +769,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/"
         },
         {
-          "name": "markdown",
-          "url": "## 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| nveControl | `string` |  |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | 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. - `success` Represents positive outcomes, confirmations, or constructive actions. |\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 updating internal string values for internationalization. |\n| prominence | `'muted'` | Controls the visual prominence to establish hierarchy and guide user attention. - `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. |\n| reset |  | Resets control value to initial attribute value and clears any active validation rules. |\n| showPicker |  |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/checkbox/"
         }
       ]
     },
@@ -835,12 +831,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color"
         },
         {
-          "name": "markdown",
-          "url": "## 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' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | 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. - `success` Represents positive outcomes, confirmations, or constructive actions. |\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 updating internal string values for internationalization. |\n| prominence | `'muted'` | Controls the visual prominence to establish hierarchy and guide user attention. - `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. |\n| nveControl | `string` |  |\n| reset |  | Resets control value to initial attribute value and clears any active validation rules. |\n| showPicker |  |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/color/"
         }
       ]
     },
@@ -907,12 +903,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/"
         },
         {
-          "name": "markdown",
-          "url": "## 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'` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. |\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'` | 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. - `success` Represents positive outcomes, confirmations, or constructive actions. |\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 updating internal string values for internationalization. |\n| prominence | `'muted'` | Controls the visual prominence to establish hierarchy and guide user attention. - `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. |\n| nveControl | `string` |  |\n| showPicker |  |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/combobox/"
         }
       ]
     },
@@ -1040,12 +1036,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/button/"
         },
         {
-          "name": "markdown",
-          "url": "## 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` | default |\n| icon | `string` | slot for custom icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| i18n |  | Enables updating internal string values 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 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| container | `'flat' \\| 'inline' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. - `inline` Element container reduces to fit within inline content such as a block of text. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| \"default\"` | 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 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| form | `string \\| HTMLFormElement \\| null` | Like input form, sets a button to submit a form outside its parent form. Returns a reference to the form element if available. 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 | `HTMLElement \\| null` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popovertarget | `string` | The id reference of the element that receives the popover. https://mdn.dev/HTML/Reference/Elements/button#popovertarget |\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) | `HTMLElement \\| null` | 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) | `HTMLElement \\| null` | 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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/copy-button/"
         }
       ]
     },
@@ -1102,12 +1098,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date"
         },
         {
-          "name": "markdown",
-          "url": "## 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' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | 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. - `success` Represents positive outcomes, confirmations, or constructive actions. |\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 updating internal string values for internationalization. |\n| prominence | `'muted'` | Controls the visual prominence to establish hierarchy and guide user attention. - `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. |\n| nveControl | `string` |  |\n| reset |  | Resets control value to initial attribute value and clears any active validation rules. |\n| showPicker |  |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/date/"
         }
       ]
     },
@@ -1164,12 +1160,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local"
         },
         {
-          "name": "markdown",
-          "url": "## 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' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | 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. - `success` Represents positive outcomes, confirmations, or constructive actions. |\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 updating internal string values for internationalization. |\n| prominence | `'muted'` | Controls the visual prominence to establish hierarchy and guide user attention. - `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. |\n| nveControl | `string` |  |\n| reset |  | Resets control value to initial attribute value and clears any active validation rules. |\n| showPicker |  |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/datetime/"
         }
       ]
     },
@@ -1179,12 +1175,12 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/"
         },
         {
-          "name": "markdown",
-          "url": "## 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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/dialog/"
         }
       ]
     },
@@ -1194,12 +1190,12 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/"
         },
         {
-          "name": "markdown",
-          "url": "## nve-dialog-header\n\nDisplays the title and contextual information at the top of a dialog to orient users to the dialog's purpose.\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 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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/dialog/"
         }
       ]
     },
@@ -1260,12 +1256,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/"
         },
         {
-          "name": "markdown",
-          "url": "## 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. [MDN Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)\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` | default content slot |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| position | `'center' \\| 'top' \\| 'bottom' \\| 'left' \\| 'right'` | Determines the position of an element along both inline and block axis. [MDN](https://mdn.dev/CSS/CSS_grid_layout/Box_alignment_in_grid_layout#the_two_axes_of_a_grid_layout) - `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' \\| \"default\"` | 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 | `string \\| HTMLElement` | Provides the element that the popover should position relative to. Anchor can accept a idref string within the same render root or a HTMLElement DOM reference. |\n| i18n |  | Enables updating internal string values for internationalization. |\n| typeNativePopoverController |  |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/dialog/"
         }
       ]
     },
@@ -1281,12 +1277,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/separator_role"
         },
         {
-          "name": "markdown",
-          "url": "## 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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/divider/"
         }
       ]
     },
@@ -1323,12 +1319,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img"
         },
         {
-          "name": "markdown",
-          "url": "## 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'` | 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. - `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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/dot/"
         }
       ]
     },
@@ -1338,12 +1334,8 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/"
-        },
-        {
-          "name": "markdown",
-          "url": "## 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) |"
         }
       ]
     },
@@ -1353,12 +1345,12 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/"
         },
         {
-          "name": "markdown",
-          "url": "## 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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/drawer/"
         }
       ]
     },
@@ -1368,12 +1360,12 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/"
         },
         {
-          "name": "markdown",
-          "url": "## nve-drawer-header\n\nDisplays the title and optional close control at the top of a drawer to identify its purpose.\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 header |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-bottom | `string` | [MDN](https://mdn.dev/CSS/border-bottom) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/drawer/"
         }
       ]
     },
@@ -1429,12 +1421,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/"
         },
         {
-          "name": "markdown",
-          "url": "## nve-drawer\n\nDrawer are to display content that is out of context of the rest of the page (notifications, navigation, settings). Or use [Panel](./docs/elements/panel/) inline as its content couples with or closely relates to the content on the page (details, extra actions/options). [MDN Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)\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` | default content slot |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| position | `'left' \\| 'right' \\| 'bottom' \\| 'top'` | Determines the position of an element along both inline and block axis. [MDN](https://mdn.dev/CSS/CSS_grid_layout/Box_alignment_in_grid_layout#the_two_axes_of_a_grid_layout) |\n| size | `'sm' \\| 'md' \\| 'lg' \\| \"default\"` | 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 | `string \\| HTMLElement` | Provides the element that the popover should position relative to. Anchor can accept a idref string within the same render root or a HTMLElement DOM reference. |\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 updating internal string values for internationalization. |\n| typeNativePopoverController |  |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/drawer/"
         }
       ]
     },
@@ -1444,8 +1436,12 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/menubar/"
+        },
+        {
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/dropdown-group/"
         }
       ]
     },
@@ -1455,12 +1451,12 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/menubar/"
         },
         {
-          "name": "markdown",
-          "url": "## 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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/dropdown/"
         }
       ]
     },
@@ -1470,12 +1466,12 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/menubar/"
         },
         {
-          "name": "markdown",
-          "url": "## nve-dropdown-header\n\nDisplays a title or contextual label at the top of a dropdown menu to categorize its contents.\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 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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/dropdown/"
         }
       ]
     },
@@ -1536,12 +1532,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/menubar/"
         },
         {
-          "name": "markdown",
-          "url": "## nve-dropdown\n\nGeneric dropdown element for rendering a variety of different content such as interactive navigation or form controls. [MDN Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)\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 | `string \\| HTMLElement` | Provides the element that the popover should position relative to. Anchor can accept a idref string within the same render root or a HTMLElement DOM reference. |\n| position | `'center' \\| 'top' \\| 'bottom' \\| 'left' \\| 'right'` | Determines the position of an element along both inline and block axis. [MDN](https://mdn.dev/CSS/CSS_grid_layout/Box_alignment_in_grid_layout#the_two_axes_of_a_grid_layout) - `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| popoverArrow | `HTMLElement` |  |\n| typeNativePopoverController |  |  |\n| i18n |  | Enables updating 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 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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/dropdown/"
         }
       ]
     },
@@ -1619,12 +1615,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file"
         },
         {
-          "name": "markdown",
-          "url": "## 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` | use only when custom messaging requires it |\n| icon | `string` | default slot for icon |\n| content | `string` | default slot for content |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| accept | `string` |  |\n| maxFileSize (max-file-size) | `number` |  |\n| i18n |  | Enables updating internal string values for internationalization. |\n| formResetCallback |  |  |\n| value | `array` | 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| 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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/dropzone/"
         }
       ]
     },
@@ -1676,12 +1672,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file"
         },
         {
-          "name": "markdown",
-          "url": "## 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'` | 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. - `success` Represents positive outcomes, confirmations, or constructive actions. |\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 updating internal string values for internationalization. |\n| prominence | `'muted'` | Controls the visual prominence to establish hierarchy and guide user attention. - `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. |\n| nveControl | `string` |  |\n| reset |  | Resets control value to initial attribute value and clears any active validation rules. |\n| showPicker |  |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/file/"
         }
       ]
     },
@@ -1805,8 +1801,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time"
+        },
+        {
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/format-datetime/"
         }
       ]
     },
@@ -1928,8 +1928,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/data"
+        },
+        {
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/format-number/"
         }
       ]
     },
@@ -1983,8 +1987,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time"
+        },
+        {
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/format-relative-time/"
         }
       ]
     },
@@ -2011,12 +2019,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals"
         },
         {
-          "name": "markdown",
-          "url": "## 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'` | Controls the visual prominence to establish hierarchy and guide user attention. - `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/control/"
         }
       ]
     },
@@ -2055,12 +2063,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals"
         },
         {
-          "name": "markdown",
-          "url": "## 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` | default slot for content |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled' \\| \"default\"` | 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. - `success` Represents positive outcomes, confirmations, or constructive actions. |\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| slot | `string` |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/control/"
         }
       ]
     },
@@ -2112,12 +2120,79 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals"
         },
         {
-          "name": "markdown",
-          "url": "## 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'` | 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. - `success` Represents positive outcomes, confirmations, or constructive actions. |\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 updating internal string values for internationalization. |\n| prominence | `'muted'` | Controls the visual prominence to establish hierarchy and guide user attention. - `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. |\n| nveControl | `string` |  |\n| reset |  | Resets control value to initial attribute value and clears any active validation rules. |\n| showPicker |  |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/control/"
+        }
+      ]
+    },
+    {
+      "name": "nve-gauge",
+      "description": "Use a gauge to show system resource usage.\n---\n\n\n### **Slots:**\n - _default_ - Content to display in the gauge center.\n\n### **CSS Properties:**\n - **--track-width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n- **--accent-color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/accent-color) _(default: undefined)_\n- **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--needle-background** -  _(default: undefined)_\n- **--track-background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--thumb-background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n- **--width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n- **--height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/height) _(default: undefined)_\n- **--font-size** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size) _(default: undefined)_\n- **--gap** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap) _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "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://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value)",
+          "values": []
+        },
+        {
+          "name": "max",
+          "description": "The `max` value of the gauge that the `value` is proportionally scaled to.",
+          "values": []
+        },
+        {
+          "name": "status",
+          "description": "Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.\n- `accent` Highlights important actions or draws attention to primary interactive elements.\n\n- `warning` Indicates cautionary actions that require careful consideration before proceeding.\n\n- `success` Represents positive outcomes, confirmations, or constructive actions.\n\n- `danger` Signals destructive or irreversible actions that need extra attention and confirmation.",
+          "values": [
+            { "name": "accent" },
+            { "name": "warning" },
+            { "name": "success" },
+            { "name": "danger" },
+            { "name": "neutral" },
+            { "name": "default" }
+          ]
+        },
+        {
+          "name": "shape",
+          "description": "Determines the gauge shape. Set `half` for a compact semi-circular arc.",
+          "values": [{ "name": "half" }, { "name": "default" }]
+        },
+        {
+          "name": "thumb",
+          "description": "Controls the value indicator. Set `dot` for only the end dot or `needle` for a pointer.",
+          "values": [
+            { "name": "fill" },
+            { "name": "dot" },
+            { "name": "needle" }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Controls the visual scale of an element to match its importance and available space.\n- `sm` Compact size for dense layouts or secondary elements with less visual prominence.\n\n- `md` Standard size that works well in most contexts and provides balanced visibility.\n\n- `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts.",
+          "values": [
+            { "name": "sm" },
+            { "name": "md" },
+            { "name": "lg" },
+            { "name": "default" }
+          ]
+        },
+        {
+          "name": "i18n",
+          "description": "Enables updating internal string values for internationalization.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "WAI-ARIA Reference",
+          "url": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role"
+        },
+        {
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/gauge/"
         }
       ]
     },
@@ -2127,12 +2202,12 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/grid/"
         },
         {
-          "name": "markdown",
-          "url": "## 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` | default slot for content |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/data-grid/"
         }
       ]
     },
@@ -2167,12 +2242,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/grid/"
         },
         {
-          "name": "markdown",
-          "url": "## 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` | default slot for content |\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' \\| ''` | Determines the position of an element along both inline and block axis. [MDN](https://mdn.dev/CSS/CSS_grid_layout/Box_alignment_in_grid_layout#the_two_axes_of_a_grid_layout) |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/data-grid/"
         }
       ]
     },
@@ -2182,12 +2257,8 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/grid/"
-        },
-        {
-          "name": "markdown",
-          "url": "## 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` | default slot for content |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| slot | `string` |  |\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) |"
         }
       ]
     },
@@ -2212,12 +2283,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/grid/"
         },
         {
-          "name": "markdown",
-          "url": "## nve-grid\n\nA versatile table/datagrid component with built-in keyboard navigation for displaying and interacting with structured data. Use it for anything from simple read-only tables to fully interactive, spreadsheet experiences.\n\n### Example\n\n```html\n<nve-grid>\n  <nve-grid-header>\n    <nve-grid-column>column 0</nve-grid-column><nve-grid-column>column 1</nve-grid-column\n    ><nve-grid-column>column 2</nve-grid-column><nve-grid-column>column 3</nve-grid-column\n    ><nve-grid-column>column 4</nve-grid-column>\n  </nve-grid-header>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 0-0</nve-grid-cell><nve-grid-cell>cell 0-1</nve-grid-cell><nve-grid-cell>cell 0-2</nve-grid-cell\n    ><nve-grid-cell>cell 0-3</nve-grid-cell><nve-grid-cell>cell 0-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 1-0</nve-grid-cell><nve-grid-cell>cell 1-1</nve-grid-cell><nve-grid-cell>cell 1-2</nve-grid-cell\n    ><nve-grid-cell>cell 1-3</nve-grid-cell><nve-grid-cell>cell 1-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 2-0</nve-grid-cell><nve-grid-cell>cell 2-1</nve-grid-cell><nve-grid-cell>cell 2-2</nve-grid-cell\n    ><nve-grid-cell>cell 2-3</nve-grid-cell><nve-grid-cell>cell 2-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 3-0</nve-grid-cell><nve-grid-cell>cell 3-1</nve-grid-cell><nve-grid-cell>cell 3-2</nve-grid-cell\n    ><nve-grid-cell>cell 3-3</nve-grid-cell><nve-grid-cell>cell 3-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 4-0</nve-grid-cell><nve-grid-cell>cell 4-1</nve-grid-cell><nve-grid-cell>cell 4-2</nve-grid-cell\n    ><nve-grid-cell>cell 4-3</nve-grid-cell><nve-grid-cell>cell 4-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 5-0</nve-grid-cell><nve-grid-cell>cell 5-1</nve-grid-cell><nve-grid-cell>cell 5-2</nve-grid-cell\n    ><nve-grid-cell>cell 5-3</nve-grid-cell><nve-grid-cell>cell 5-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 6-0</nve-grid-cell><nve-grid-cell>cell 6-1</nve-grid-cell><nve-grid-cell>cell 6-2</nve-grid-cell\n    ><nve-grid-cell>cell 6-3</nve-grid-cell><nve-grid-cell>cell 6-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 7-0</nve-grid-cell><nve-grid-cell>cell 7-1</nve-grid-cell><nve-grid-cell>cell 7-2</nve-grid-cell\n    ><nve-grid-cell>cell 7-3</nve-grid-cell><nve-grid-cell>cell 7-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 8-0</nve-grid-cell><nve-grid-cell>cell 8-1</nve-grid-cell><nve-grid-cell>cell 8-2</nve-grid-cell\n    ><nve-grid-cell>cell 8-3</nve-grid-cell><nve-grid-cell>cell 8-4</nve-grid-cell>\n  </nve-grid-row>\n\n  <nve-grid-row>\n    <nve-grid-cell>cell 9-0</nve-grid-cell><nve-grid-cell>cell 9-1</nve-grid-cell><nve-grid-cell>cell 9-2</nve-grid-cell\n    ><nve-grid-cell>cell 9-3</nve-grid-cell><nve-grid-cell>cell 9-4</nve-grid-cell>\n  </nve-grid-row>\n</nve-grid>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/grid/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for content |\n| footer | `string` | slot for grid-footer or toolbar |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| container | `'flat' \\| 'full' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. - `full` Element container optimizes for filling its container bounds. |\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 |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/data-grid/"
         }
       ]
     },
@@ -2227,12 +2298,12 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/grid/"
         },
         {
-          "name": "markdown",
-          "url": "## nve-grid-header\n\nContains the column headers of a grid, managing column widths and providing structural context for the data rows below.\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` | default slot for `nve-grid-column` |\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| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/data-grid/"
         }
       ]
     },
@@ -2242,12 +2313,8 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/grid/"
-        },
-        {
-          "name": "markdown",
-          "url": "## nve-grid-placeholder\n\nPlaceholder displays a message while data loads for the grid or shows empty states for datasets.\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` | default slot for content |\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) |"
         }
       ]
     },
@@ -2263,12 +2330,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/grid/"
         },
         {
-          "name": "markdown",
-          "url": "## nve-grid-row\n\nRepresents a horizontal row of data cells within a grid, supporting selection and interactive states.\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` | default slot for `nve-grid-cell` |\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\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/data-grid/"
         }
       ]
     },
@@ -2677,12 +2744,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/button/"
         },
         {
-          "name": "markdown",
-          "url": "## 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' \\| 'bell-stroke' \\| 'bold' \\| 'book' \\| 'bookmark' \\| 'bookmark-stroke' \\| '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' \\| 'dot-stroke' \\| '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' \\| 'filter-stroke' \\| 'flag' \\| 'flag-stroke' \\| 'fold' \\| 'folder' \\| 'fork' \\| 'globe' \\| 'globe-alt-stroke' \\| 'group' \\| 'group-boxes' \\| 'hand' \\| 'hash' \\| 'heading' \\| 'home' \\| 'horizontal-rule' \\| 'hourglass' \\| 'hourglass-end' \\| 'hourglass-mid' \\| 'hourglass-start' \\| 'identification' \\| 'image' \\| 'inbox' \\| 'infinity' \\| 'information-circle-stroke' \\| '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' \\| 'pointer-stroke' \\| 'priority-high' \\| 'priority-low' \\| 'priority-medium' \\| 'projector' \\| 'pull-close' \\| 'pull-draft' \\| 'pull-open' \\| 'pulse' \\| 'puzzle-piece' \\| 'question-mark-circle' \\| 'question-mark-circle-stroke' \\| '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' \\| 'thumb-stroke' \\| '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' \\| \"default\"` | 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' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. - `inline` Element container reduces to fit within inline content such as a block of 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 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| form | `string \\| HTMLFormElement \\| null` | Like input form, sets a button to submit a form outside its parent form. Returns a reference to the form element if available. 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 | `HTMLElement \\| null` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popovertarget | `string` | The id reference of the element that receives the popover. https://mdn.dev/HTML/Reference/Elements/button#popovertarget |\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) | `HTMLElement \\| null` | 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) | `HTMLElement \\| null` | 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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/icon-button/"
         }
       ]
     },
@@ -3009,12 +3076,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img"
         },
         {
-          "name": "markdown",
-          "url": "## 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' \\| \"default\"` | 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' \\| \"default\"` | 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| direction | `'up' \\| 'down' \\| 'left' \\| 'right' \\| \"default\"` | 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\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/icon/"
         }
       ]
     },
@@ -3041,16 +3108,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input"
         },
         {
-          "name": "example",
-          "url": "<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>"
-        },
-        {
-          "name": "markdown",
-          "url": "## 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'` | Controls the visual prominence to establish hierarchy and guide user attention. - `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/input-group/"
         }
       ]
     },
@@ -3112,12 +3175,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input"
         },
         {
-          "name": "markdown",
-          "url": "## 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' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. |\n| rounded | `boolean` | Sets the rounded visual style of the input. |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | 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. - `success` Represents positive outcomes, confirmations, or constructive actions. |\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 updating internal string values for internationalization. |\n| prominence | `'muted'` | Controls the visual prominence to establish hierarchy and guide user attention. - `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. |\n| nveControl | `string` |  |\n| reset |  | Resets control value to initial attribute value and clears any active validation rules. |\n| showPicker |  |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/input/"
         }
       ]
     },
@@ -3166,12 +3229,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img"
         },
         {
-          "name": "markdown",
-          "url": "## 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` | default slot for content |\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' \\| \"default\"` | 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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/logo/"
         }
       ]
     },
@@ -3270,12 +3333,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/menubar/"
         },
         {
-          "name": "markdown",
-          "url": "## 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` | default slot for content |\n| suffix | `string` | slot for suffix icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| status | `'danger'` | Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. |\n| type | `string` |  |\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 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| form | `string \\| HTMLFormElement \\| null` | Like input form, sets a button to submit a form outside its parent form. Returns a reference to the form element if available. 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 | `HTMLElement \\| null` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popovertarget | `string` | The id reference of the element that receives the popover. https://mdn.dev/HTML/Reference/Elements/button#popovertarget |\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) | `HTMLElement \\| null` | 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) | `HTMLElement \\| null` | 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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/menu/"
         }
       ]
     },
@@ -3285,12 +3348,12 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/menubar/"
         },
         {
-          "name": "markdown",
-          "url": "## 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### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| items | `MenuItem[]` |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/menu/"
         }
       ]
     },
@@ -3347,12 +3410,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/month"
         },
         {
-          "name": "markdown",
-          "url": "## 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' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | 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. - `success` Represents positive outcomes, confirmations, or constructive actions. |\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 updating internal string values for internationalization. |\n| prominence | `'muted'` | Controls the visual prominence to establish hierarchy and guide user attention. - `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. |\n| nveControl | `string` |  |\n| reset |  | Resets control value to initial attribute value and clears any active validation rules. |\n| showPicker |  |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/month/"
         }
       ]
     },
@@ -3388,12 +3451,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/alertdialog/"
         },
         {
-          "name": "markdown",
-          "url": "## 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 | `string \\| HTMLElement` | Provides the element that the popover should position relative to. Anchor can accept a idref string within the same render root or a HTMLElement DOM reference. |\n| position | `'center' \\| 'top' \\| 'bottom' \\| 'left' \\| 'right'` | Determines the position of an element along both inline and block axis. [MDN](https://mdn.dev/CSS/CSS_grid_layout/Box_alignment_in_grid_layout#the_two_axes_of_a_grid_layout) - `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| typeNativePopoverController |  |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/notification/"
         }
       ]
     },
@@ -3460,12 +3523,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/alertdialog/"
         },
         {
-          "name": "markdown",
-          "url": "## nve-notification\n\nDisplays real time updates without interrupting the user's workflow to communicate an important message or status. [MDN Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)\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` | default content slot |\n| icon | `string` | content slot for the status icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| anchor | `string \\| HTMLElement` | Provides the element that the popover should position relative to. Anchor can accept a idref string within the same render root or a HTMLElement DOM reference. |\n| position | `'center' \\| 'top' \\| 'bottom' \\| 'left' \\| 'right'` | Determines the position of an element along both inline and block axis. [MDN](https://mdn.dev/CSS/CSS_grid_layout/Box_alignment_in_grid_layout#the_two_axes_of_a_grid_layout) - `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' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. |\n| i18n |  | Enables updating internal string values for internationalization. |\n| typeNativePopoverController | `TypeNativePopoverController<Notification>` |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/notification/"
         }
       ]
     },
@@ -3475,12 +3538,12 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/nav"
         },
         {
-          "name": "markdown",
-          "url": "## 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 |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/page-header/"
         }
       ]
     },
@@ -3490,12 +3553,12 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role"
         },
         {
-          "name": "markdown",
-          "url": "## 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` | default slot for content |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/page-loader/"
         }
       ]
     },
@@ -3505,12 +3568,12 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/region_role"
         },
         {
-          "name": "markdown",
-          "url": "## 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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/page/"
         }
       ]
     },
@@ -3520,12 +3583,12 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/region_role"
         },
         {
-          "name": "markdown",
-          "url": "## 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### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| slot | `string` |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/page/"
         }
       ]
     },
@@ -3535,12 +3598,12 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/region_role"
         },
         {
-          "name": "markdown",
-          "url": "## nve-page-panel-header\n\nDisplays the title and contextual controls at the top of a page panel to identify its purpose.\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 header |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| slot | `string` |  |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-bottom | `string` | [MDN](https://mdn.dev/CSS/border-bottom) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/page/"
         }
       ]
     },
@@ -3566,12 +3629,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/region_role"
         },
         {
-          "name": "markdown",
-          "url": "## 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` | default content slot |\n| actions | `string` | slot for action / dismiss buttons |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| size | `'sm' \\| 'md' \\| 'lg' \\| \"default\"` | 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` |  |\n| close | `CustomEvent` |  |\n\n### Invoker Commands\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --open | `CommandEvent` | use to open the panel |\n| --close | `CommandEvent` | use to close the panel |\n| --toggle | `CommandEvent` | use to toggle the panel |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/page/"
         }
       ]
     },
@@ -3587,12 +3650,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/landmarks/"
         },
         {
-          "name": "markdown",
-          "url": "## 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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/page/"
         }
       ]
     },
@@ -3697,12 +3760,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/"
         },
         {
-          "name": "markdown",
-          "url": "## 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| (default) | `string` | default slot for content |\n| suffix-label | `string` | slot for overriding the \"n of total\" label when 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 | `array` | The array of custom step-size. |\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' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. - `inline` Element container reduces to fit within inline content such as a block of text. |\n| i18n |  | Enables updating internal string values for internationalization. |\n| value | `number` | 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| 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` |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/pagination/"
         }
       ]
     },
@@ -3712,16 +3775,12 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/"
         },
         {
-          "name": "example",
-          "url": "<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>"
-        },
-        {
-          "name": "markdown",
-          "url": "## 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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/panel/"
         }
       ]
     },
@@ -3731,16 +3790,12 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/"
         },
         {
-          "name": "example",
-          "url": "<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>"
-        },
-        {
-          "name": "markdown",
-          "url": "## nve-panel-content\n\nContains the main body content within a panel, providing a structured region for detailed information.\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\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/panel/"
         }
       ]
     },
@@ -3750,16 +3805,12 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/"
         },
         {
-          "name": "example",
-          "url": "<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>"
-        },
-        {
-          "name": "markdown",
-          "url": "## 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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/panel/"
         }
       ]
     },
@@ -3795,16 +3846,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/"
         },
         {
-          "name": "example",
-          "url": "<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>"
-        },
-        {
-          "name": "markdown",
-          "url": "## 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 |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/panel/"
         }
       ]
     },
@@ -3861,12 +3908,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/password"
         },
         {
-          "name": "markdown",
-          "url": "## 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' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | 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. - `success` Represents positive outcomes, confirmations, or constructive actions. |\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 updating internal string values for internationalization. |\n| prominence | `'muted'` | Controls the visual prominence to establish hierarchy and guide user attention. - `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. |\n| nveControl | `string` |  |\n| reset |  | Resets control value to initial attribute value and clears any active validation rules. |\n| showPicker |  |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/password/"
         }
       ]
     },
@@ -3942,12 +3989,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/listbox/"
         },
         {
-          "name": "markdown",
-          "url": "## nve-preferences-input\n\nA preferences input is a widget for controlling apperance. Stylesheets register to the preferences input by including a css-property, see Standard for an example.\n\n### Example\n\n```html\n<nve-preferences-input\n  name=\"theme\"\n  value='{ \"color-scheme\": \"dark\", \"scale\": \"compact\", \"reduced-motion\": \"true\" }'\n></nve-preferences-input>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/preferences-input/define.js';\n```\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| i18n |  | Enables updating internal string values for internationalization. |\n| value | `object` | 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| 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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/preferences-input/"
         }
       ]
     },
@@ -3978,12 +4025,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role"
         },
         {
-          "name": "markdown",
-          "url": "## 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 \\| \"default\"` | 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| 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 |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/progress-bar/"
         }
       ]
     },
@@ -4034,12 +4081,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role"
         },
         {
-          "name": "markdown",
-          "url": "## 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 \\| \"default\"` | 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| max | `number` | The `max` value of the progress ring that the `value` is proportionally scaled to. |\n| status | `'accent' \\| 'warning' \\| 'success' \\| 'danger' \\| 'neutral' \\| \"default\"` | 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| size | `'sm' \\| 'md' \\| 'lg' \\| 'xxs' \\| 'xs' \\| 'xl' \\| \"default\"` | 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| --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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/progress-ring/"
         }
       ]
     },
@@ -4060,12 +4107,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/"
         },
         {
-          "name": "markdown",
-          "url": "## 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` | default slot for content |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/progressive-filter-chip/"
         }
       ]
     },
@@ -4097,12 +4144,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/alert/"
         },
         {
-          "name": "markdown",
-          "url": "## 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' \\| \"default\"` | 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' \\| 'danger' \\| \"default\"` | 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. - `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| --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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/pulse/"
         }
       ]
     },
@@ -4129,12 +4176,8 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/radio/"
-        },
-        {
-          "name": "markdown",
-          "url": "## 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'` | Controls the visual prominence to establish hierarchy and guide user attention. - `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. |\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) |"
         }
       ]
     },
@@ -4186,12 +4229,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/radio/"
         },
         {
-          "name": "markdown",
-          "url": "## 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| nveControl | `string` |  |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | 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. - `success` Represents positive outcomes, confirmations, or constructive actions. |\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 updating internal string values for internationalization. |\n| prominence | `'muted'` | Controls the visual prominence to establish hierarchy and guide user attention. - `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. |\n| reset |  | Resets control value to initial attribute value and clears any active validation rules. |\n| showPicker |  |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/radio/"
         }
       ]
     },
@@ -4248,12 +4291,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/slider/"
         },
         {
-          "name": "markdown",
-          "url": "## 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'` | 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. - `success` Represents positive outcomes, confirmations, or constructive actions. |\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 updating internal string values for internationalization. |\n| prominence | `'muted'` | Controls the visual prominence to establish hierarchy and guide user attention. - `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. |\n| nveControl | `string` |  |\n| reset |  | Resets control value to initial attribute value and clears any active validation rules. |\n| showPicker |  |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/range/"
         }
       ]
     },
@@ -4338,12 +4381,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/slider/"
         },
         {
-          "name": "markdown",
-          "url": "## 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' \\| \"default\"` | 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 |  | Enables updating internal string values for internationalization. |\n| value |  | 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| 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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/resize-handle/"
         }
       ]
     },
@@ -4405,12 +4448,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/search"
         },
         {
-          "name": "markdown",
-          "url": "## 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' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. |\n| rounded | `boolean` | Sets the rounded visual style of the input. |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | 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. - `success` Represents positive outcomes, confirmations, or constructive actions. |\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 updating internal string values for internationalization. |\n| prominence | `'muted'` | Controls the visual prominence to establish hierarchy and guide user attention. - `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. |\n| nveControl | `string` |  |\n| reset |  | Resets control value to initial attribute value and clears any active validation rules. |\n| showPicker |  |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/search/"
         }
       ]
     },
@@ -4471,12 +4514,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select"
         },
         {
-          "name": "markdown",
-          "url": "## 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' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. - `inline` Element container reduces to fit within inline content such as a block of text. |\n| i18n |  | Enables updating internal string values for internationalization. |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | 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. - `success` Represents positive outcomes, confirmations, or constructive actions. |\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'` | Controls the visual prominence to establish hierarchy and guide user attention. - `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. |\n| nveControl | `string` |  |\n| reset |  | Resets control value to initial attribute value and clears any active validation rules. |\n| showPicker |  |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/select/"
         }
       ]
     },
@@ -4502,12 +4545,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-live"
         },
         {
-          "name": "markdown",
-          "url": "## 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` | default content slot |\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` | Whether the skeleton hides its content |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/skeleton/"
         }
       ]
     },
@@ -4615,12 +4658,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/spinbutton/"
         },
         {
-          "name": "markdown",
-          "url": "## 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 |  | Enables updating internal string values for internationalization. |\n| type | `string` |  |\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 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| form | `string \\| HTMLFormElement \\| null` | Like input form, sets a button to submit a form outside its parent form. Returns a reference to the form element if available. 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 | `HTMLElement \\| null` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popovertarget | `string` | The id reference of the element that receives the popover. https://mdn.dev/HTML/Reference/Elements/button#popovertarget |\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) | `HTMLElement \\| null` | 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) | `HTMLElement \\| null` | 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 sort button click, returns the current sort value and the next sort value. |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/sort-button/"
         }
       ]
     },
@@ -4725,12 +4768,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img"
         },
         {
-          "name": "markdown",
-          "url": "## 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' \\| \"default\"` | 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. - `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' \\| \"default\"` | Controls the visual scale of an element to match its importance and available space. - `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 \\| \"default\"` | Lower bound for the y-axis domain. When undefined, derives the bound from data. |\n| max | `number \\| \"default\"` | 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. |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/sparkline/"
         }
       ]
     },
@@ -4782,12 +4825,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range"
         },
         {
-          "name": "markdown",
-          "url": "## 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'` | 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. - `success` Represents positive outcomes, confirmations, or constructive actions. |\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 updating internal string values for internationalization. |\n| prominence | `'muted'` | Controls the visual prominence to establish hierarchy and guide user attention. - `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. |\n| nveControl | `string` |  |\n| reset |  | Resets control value to initial attribute value and clears any active validation rules. |\n| showPicker |  |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/star-rating/"
         }
       ]
     },
@@ -4897,12 +4940,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/tabs/"
         },
         {
-          "name": "markdown",
-          "url": "## 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' \\| \"default\"` | 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. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. - `success` Represents positive outcomes, confirmations, or constructive actions. |\n| container | `'condensed' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. - `inline` Element container reduces to fit within inline content such as a block of text. - `inset` Element container optimizes for embedding or inset placement inside another containing element. - `full` Element container optimizes for filling its container bounds. |\n| type | `string` |  |\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 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| form | `string \\| HTMLFormElement \\| null` | Like input form, sets a button to submit a form outside its parent form. Returns a reference to the form element if available. 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 | `HTMLElement \\| null` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popovertarget | `string` | The id reference of the element that receives the popover. https://mdn.dev/HTML/Reference/Elements/button#popovertarget |\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) | `HTMLElement \\| null` | 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) | `HTMLElement \\| null` | 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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/steps/"
         }
       ]
     },
@@ -4928,12 +4971,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/tabs/"
         },
         {
-          "name": "markdown",
-          "url": "## 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' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. - `inline` Element container reduces to fit within inline content such as a block of text. - `inset` Element container optimizes for embedding or inset placement inside another containing element. - `full` Element container optimizes for filling its container bounds. |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/steps/"
         }
       ]
     },
@@ -4960,12 +5003,8 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/switch/"
-        },
-        {
-          "name": "markdown",
-          "url": "## 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'` | Controls the visual prominence to establish hierarchy and guide user attention. - `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. |\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) |"
         }
       ]
     },
@@ -5017,12 +5056,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/switch/"
         },
         {
-          "name": "markdown",
-          "url": "## 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| nveControl | `string` |  |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | 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. - `success` Represents positive outcomes, confirmations, or constructive actions. |\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 updating internal string values for internationalization. |\n| prominence | `'muted'` | Controls the visual prominence to establish hierarchy and guide user attention. - `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. |\n| reset |  | Resets control value to initial attribute value and clears any active validation rules. |\n| showPicker |  |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/switch/"
         }
       ]
     },
@@ -5038,12 +5077,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/tabs/"
         },
         {
-          "name": "markdown",
-          "url": "## nve-tabs-group\n\nCoordinates tabs with matching panel content using Invoker Commands and slot-matched panels.\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 a single nve-tabs element. Do not use behavior-select on nve-tabs when using this group. |\n| {value} | `string` | Named panel content where the slot name matches a nve-tabs-item value. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| alignment | `'top' \\| 'start' \\| 'end'` | Determines the alignment of the popover relative to the provided anchor element. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| select | `CustomEvent` | Dispatched when the selected tab value changes after an invoker `--toggle` updates selection |\n\n### Invoker Commands\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --toggle | `CommandEvent` | Select the matching tab and reveal the panel whose slot matches the invoker value. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/tabs/"
         }
       ]
     },
@@ -5137,12 +5176,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/tabs/"
         },
         {
-          "name": "markdown",
-          "url": "## 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 selected command=\"--toggle\" commandfor=\"tab-group-default\" value=\"overview\">Overview</nve-tabs-item>\n    <nve-tabs-item 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 content |\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 | `string` |  |\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 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| form | `string \\| HTMLFormElement \\| null` | Like input form, sets a button to submit a form outside its parent form. Returns a reference to the form element if available. 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 | `HTMLElement \\| null` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popovertarget | `string` | The id reference of the element that receives the popover. https://mdn.dev/HTML/Reference/Elements/button#popovertarget |\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) | `HTMLElement \\| null` | 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) | `HTMLElement \\| null` | 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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/tabs/"
         }
       ]
     },
@@ -5168,12 +5207,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/tabs/"
         },
         {
-          "name": "markdown",
-          "url": "## 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 selected command=\"--toggle\" commandfor=\"tab-group-default\" value=\"overview\">Overview</nve-tabs-item>\n    <nve-tabs-item 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` |  |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/tabs/"
         }
       ]
     },
@@ -5310,12 +5349,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/button/"
         },
         {
-          "name": "markdown",
-          "url": "## 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` | default slot for content |\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' \\| \"default\"` | Controls the visual prominence to establish hierarchy and guide user attention. - `emphasis` Increases visual weight to draw attention and highlight important elements. |\n| i18n |  | Enables updating internal string values for internationalization. |\n| type | `string` |  |\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 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| form | `string \\| HTMLFormElement \\| null` | Like input form, sets a button to submit a form outside its parent form. Returns a reference to the form element if available. 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 | `HTMLElement \\| null` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popovertarget | `string` | The id reference of the element that receives the popover. https://mdn.dev/HTML/Reference/Elements/button#popovertarget |\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) | `HTMLElement \\| null` | 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) | `HTMLElement \\| null` | 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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/tag/"
         }
       ]
     },
@@ -5367,12 +5406,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea"
         },
         {
-          "name": "markdown",
-          "url": "## nve-textarea\n\nA textarea is a control that enables users to enter and edit text.\n\n### Example\n\n```html\n<nve-textarea>\n  <label>label</label>\n  <textarea></textarea>\n  <nve-control-message>message</nve-control-message>\n</nve-textarea>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/textarea/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Control input element |\n| label | `string` | Label element |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | 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. - `success` Represents positive outcomes, confirmations, or constructive actions. |\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 updating internal string values for internationalization. |\n| prominence | `'muted'` | Controls the visual prominence to establish hierarchy and guide user attention. - `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. |\n| nveControl | `string` |  |\n| reset |  | Resets control value to initial attribute value and clears any active validation rules. |\n| showPicker |  |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/textarea/"
         }
       ]
     },
@@ -5429,12 +5468,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time"
         },
         {
-          "name": "markdown",
-          "url": "## 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' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | 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. - `success` Represents positive outcomes, confirmations, or constructive actions. |\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 updating internal string values for internationalization. |\n| prominence | `'muted'` | Controls the visual prominence to establish hierarchy and guide user attention. - `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. |\n| nveControl | `string` |  |\n| reset |  | Resets control value to initial attribute value and clears any active validation rules. |\n| showPicker |  |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/time/"
         }
       ]
     },
@@ -5500,12 +5539,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/"
         },
         {
-          "name": "markdown",
-          "url": "## 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. [MDN Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)\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` | default content slot |\n| prefix | `string` | custom status icon slot |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| anchor | `string \\| HTMLElement` | Provides the element that the popover should position relative to. Anchor can accept a idref string within the same render root or a HTMLElement DOM reference. |\n| position | `'center' \\| 'top' \\| 'bottom' \\| 'left' \\| 'right'` | Determines the position of an element along both inline and block axis. [MDN](https://mdn.dev/CSS/CSS_grid_layout/Box_alignment_in_grid_layout#the_two_axes_of_a_grid_layout) - `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'` | Controls the visual prominence to establish hierarchy and guide user attention. - `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. |\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 |  | Enables updating internal string values for internationalization. |\n| typeNativePopoverController |  |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/toast/"
         }
       ]
     },
@@ -5515,12 +5554,12 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/"
         },
         {
-          "name": "markdown",
-          "url": "## 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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/toggletip/"
         }
       ]
     },
@@ -5530,12 +5569,12 @@
       "attributes": [],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/"
         },
         {
-          "name": "markdown",
-          "url": "## 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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/toggletip/"
         }
       ]
     },
@@ -5586,12 +5625,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/"
         },
         {
-          "name": "markdown",
-          "url": "## 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 | `string \\| HTMLElement` | Provides the element that the popover should position relative to. Anchor can accept a idref string within the same render root or a HTMLElement DOM reference. |\n| position | `'center' \\| 'top' \\| 'bottom' \\| 'left' \\| 'right'` | Determines the position of an element along both inline and block axis. [MDN](https://mdn.dev/CSS/CSS_grid_layout/Box_alignment_in_grid_layout#the_two_axes_of_a_grid_layout) - `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| popoverArrow | `HTMLElement` |  |\n| typeNativePopoverController |  |  |\n| i18n |  | Enables updating 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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/toggletip/"
         }
       ]
     },
@@ -5635,12 +5674,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/"
         },
         {
-          "name": "markdown",
-          "url": "## 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` | default slot for content |\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' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. - `inset` Element container optimizes for embedding or inset placement inside another containing element. - `full` Element container optimizes for filling its container bounds. |\n| content | `'scroll' \\| 'wrap' \\| \"default\"` | Determines the primary content overflow behavior. |\n| orientation | `'horizontal' \\| 'vertical' \\| \"default\"` | 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'` | 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. |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/toolbar/"
         }
       ]
     },
@@ -5681,12 +5720,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/"
         },
         {
-          "name": "markdown",
-          "url": "## nve-tooltip\n\nA contextual popup that displays a plaintext description. Tooltips are [triggered](https://w3c.github.io/aria/#tooltip) by hovering, focusing, or tapping an element and cannot have interactive elements within them. [MDN Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)\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` | default content slot |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| anchor | `string \\| HTMLElement` | Provides the element that the popover should position relative to. Anchor can accept a idref string within the same render root or a HTMLElement DOM reference. |\n| position | `'center' \\| 'top' \\| 'bottom' \\| 'left' \\| 'right'` | Determines the position of an element along both inline and block axis. [MDN](https://mdn.dev/CSS/CSS_grid_layout/Box_alignment_in_grid_layout#the_two_axes_of_a_grid_layout) - `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'` | 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| popoverArrow | `HTMLElement` |  |\n| typeNativePopoverController |  |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/tooltip/"
         }
       ]
     },
@@ -5727,12 +5766,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/treeview/"
         },
         {
-          "name": "markdown",
-          "url": "## 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 |  | Enables updating internal string values for internationalization. |\n| indeterminate | `boolean` |  |\n| behaviorExpand | `boolean` |  |\n| behaviorSelect | `boolean` |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/tree/"
         }
       ]
     },
@@ -5763,12 +5802,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://www.w3.org/WAI/ARIA/apg/patterns/treeview/"
         },
         {
-          "name": "markdown",
-          "url": "## 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 |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/tree/"
         }
       ]
     },
@@ -5825,12 +5864,12 @@
       ],
       "references": [
         {
-          "name": "aria",
+          "name": "WAI-ARIA Reference",
           "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/week"
         },
         {
-          "name": "markdown",
-          "url": "## 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' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | 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. - `success` Represents positive outcomes, confirmations, or constructive actions. |\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 updating internal string values for internationalization. |\n| prominence | `'muted'` | Controls the visual prominence to establish hierarchy and guide user attention. - `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. |\n| nveControl | `string` |  |\n| reset |  | Resets control value to initial attribute value and clears any active validation rules. |\n| showPicker |  |  |\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) |"
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/week/"
         }
       ]
     }