@nvidia-elements/core 0.2.2 → 0.2.4

package/dist/data.html.json

@@ -13,7 +13,7 @@
         },
         {
           "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\" slot=\"prefix\">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) |"
+          "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) |"
         }
       ]
     },
@@ -28,7 +28,7 @@
         },
         {
           "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\" slot=\"prefix\">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) |"
+          "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) |"
         }
       ]
     },
@@ -73,7 +73,7 @@
         },
         {
           "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\" slot=\"prefix\">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) |"
+          "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) |"
         }
       ]
     },
@@ -108,7 +108,7 @@
         },
         {
           "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\" slot=\"prefix\">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) |"
+          "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) |"
         }
       ]
     },
@@ -374,7 +374,7 @@
     },
     {
       "name": "nve-breadcrumb",
-      "description": "Breadcrumb is a component that can help users establish their location while navigating a website with complex URLs and navigation paths.\n---\n\n\n### **Slots:**\n - _default_ - default slot for `nve-button` and anchor elements\n\n### **CSS Properties:**\n - **--gap** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap) _(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- **--font-weight** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight) _(default: undefined)_\n- **--color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n- **--border-radius** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius) _(default: undefined)_\n- **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n- **--icon-width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n- **--icon-height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/height) _(default: undefined)_\n- **--text-decoration** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration) _(default: undefined)_\n- **--breadcrumb-height** - deprecated _(default: undefined)_\n- **--item-text-size** - deprecated _(default: undefined)_\n- **--item-color** - deprecated _(default: undefined)_\n- **--item-active-color** - deprecated _(default: undefined)_\n- **--item-active-font-weight** - deprecated _(default: undefined)_",
+      "description": "Breadcrumb is a component that can help users establish their location while navigating a website with complex URLs and navigation paths.\n---\n\n\n### **Slots:**\n - _default_ - default slot for `nve-button` and anchor elements\n\n### **CSS Properties:**\n - **--gap** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap) _(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- **--font-weight** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight) _(default: undefined)_\n- **--color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n- **--border-radius** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius) _(default: undefined)_\n- **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n- **--icon-width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n- **--icon-height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/height) _(default: undefined)_\n- **--text-decoration** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration) _(default: undefined)_",
       "attributes": [],
       "references": [
         {
@@ -383,7 +383,7 @@
         },
         {
           "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) |\n| --breadcrumb-height | `string` | deprecated |\n| --item-text-size | `string` | deprecated |\n| --item-color | `string` | deprecated |\n| --item-active-color | `string` | deprecated |\n| --item-active-font-weight | `string` | deprecated |"
+          "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) |"
         }
       ]
     },
@@ -479,7 +479,11 @@
           "description": "Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n- `true` The associated content expands and becomes visible to the user.\n\n- `false` The associated content collapses and hides from the user.",
           "values": []
         },
-        { "name": "readonly", "description": "", "values": [] },
+        {
+          "name": "readonly",
+          "description": "Like input readonly, sets a button semantically as visual treatment only.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly",
+          "values": []
+        },
         {
           "name": "form",
           "description": "Like input form, sets a button to submit a form outside its parent form.\nReturns a reference to the form element if available.\nhttps://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form",
@@ -497,7 +501,7 @@
         },
         {
           "name": "type",
-          "description": "Defines the button behavior when associated within an <form> element.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type",
+          "description": "Defines the button behavior when associated within a form element.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type",
           "values": [
             { "name": "button" },
             { "name": "submit" },
@@ -519,14 +523,9 @@
           "description": "Indicates the element that represents the user's current location or position within a set. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n- `page` Marks the current page within a set of navigation links.\n\n- `step` Marks the current step within a multi-step process or workflow.",
           "values": [{ "name": "page" }, { "name": "step" }]
         },
-        {
-          "name": "popoverTargetElement",
-          "description": "Establishing a relationship between a popover and its invoker button.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement",
-          "values": [{ "name": "HTMLElement" }]
-        },
         {
           "name": "popovertarget",
-          "description": "The idref of the element that receives the popover.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
+          "description": "The id reference of the element that receives the popover.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
           "values": []
         },
         {
@@ -539,29 +538,19 @@
           ]
         },
         {
-          "name": "commandForElement",
+          "name": "commandfor",
           "description": "The element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
           "values": [{ "name": "HTMLElement" }]
         },
-        {
-          "name": "commandfor",
-          "description": "The idref of the element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
-          "values": []
-        },
         {
           "name": "command",
           "description": "The command to execute on the element.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
           "values": []
         },
         {
-          "name": "interestForElement",
+          "name": "interestfor",
           "description": "The element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
           "values": [{ "name": "HTMLElement" }]
-        },
-        {
-          "name": "interestfor",
-          "description": "The idref of the element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
-          "values": []
         }
       ],
       "references": [
@@ -571,7 +560,7 @@
         },
         {
           "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 | `HTMLFormElement \\| null \\| string` | 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's value as part of the form data, when that button submits the form. 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 an <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` | Establishing a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popovertarget | `string` | The idref 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 | `HTMLElement \\| null` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| commandfor | `string \\| null` | The idref of 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 | `HTMLElement \\| null` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n| interestfor | `string \\| null` | The idref of 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) |"
+          "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) |"
         }
       ]
     },
@@ -980,7 +969,11 @@
           "description": "Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n- `true` The associated content expands and becomes visible to the user.\n\n- `false` The associated content collapses and hides from the user.",
           "values": []
         },
-        { "name": "readonly", "description": "", "values": [] },
+        {
+          "name": "readonly",
+          "description": "Like input readonly, sets a button semantically as visual treatment only.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly",
+          "values": []
+        },
         {
           "name": "form",
           "description": "Like input form, sets a button to submit a form outside its parent form.\nReturns a reference to the form element if available.\nhttps://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form",
@@ -993,7 +986,7 @@
         },
         {
           "name": "type",
-          "description": "Defines the button behavior when associated within an <form> element.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type",
+          "description": "Defines the button behavior when associated within a form element.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type",
           "values": [
             { "name": "button" },
             { "name": "submit" },
@@ -1015,14 +1008,9 @@
           "description": "Indicates the element that represents the user's current location or position within a set. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n- `page` Marks the current page within a set of navigation links.\n\n- `step` Marks the current step within a multi-step process or workflow.",
           "values": [{ "name": "page" }, { "name": "step" }]
         },
-        {
-          "name": "popoverTargetElement",
-          "description": "Establishing a relationship between a popover and its invoker button.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement",
-          "values": [{ "name": "HTMLElement" }]
-        },
         {
           "name": "popovertarget",
-          "description": "The idref of the element that receives the popover.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
+          "description": "The id reference of the element that receives the popover.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
           "values": []
         },
         {
@@ -1035,29 +1023,19 @@
           ]
         },
         {
-          "name": "commandForElement",
+          "name": "commandfor",
           "description": "The element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
           "values": [{ "name": "HTMLElement" }]
         },
-        {
-          "name": "commandfor",
-          "description": "The idref of the element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
-          "values": []
-        },
         {
           "name": "command",
           "description": "The command to execute on the element.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
           "values": []
         },
         {
-          "name": "interestForElement",
+          "name": "interestfor",
           "description": "The element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
           "values": [{ "name": "HTMLElement" }]
-        },
-        {
-          "name": "interestfor",
-          "description": "The idref of the element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
-          "values": []
         }
       ],
       "references": [
@@ -1067,7 +1045,7 @@
         },
         {
           "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 | `HTMLFormElement \\| null \\| string` | 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's value as part of the form data, when that button submits the form. https://mdn.dev/HTML/Element/button#attr-name |\n| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within an <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` | Establishing a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popovertarget | `string` | The idref 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 | `HTMLElement \\| null` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| commandfor | `string \\| null` | The idref of 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 | `HTMLElement \\| null` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n| interestfor | `string \\| null` | The idref of 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) |"
+          "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) |"
         }
       ]
     },
@@ -1569,7 +1547,7 @@
     },
     {
       "name": "nve-dropzone",
-      "description": "A dropzone form control that enables users to drag and drop files onto it.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the value has changed (files located in event.target)\n\n### **Slots:**\n - _default_ - use only when custom messaging requires it\n- **icon** - default slot for icon\n- **content** - default slot for content\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--border-color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-color) _(default: undefined)_\n- **--border-radius** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius) _(default: undefined)_\n- **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--min-height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height) _(default: undefined)_\n- **--color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n\n### **CSS Parts:**\n - **icon** - The upload icon element",
+      "description": "A dropzone form control that enables users to drag and drop files onto it.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the value has changed (files located in event.target)\n\n### **Methods:**\n - **reportValidity()** - Reports whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity\n- **checkValidity()** - Checks whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity\n- **setCustomValidity()** - Sets a custom validation message.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity\n- **reset()** - Resets the control value to its initial value.\n\n### **Slots:**\n - _default_ - use only when custom messaging requires it\n- **icon** - default slot for icon\n- **content** - default slot for content\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--border-color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-color) _(default: undefined)_\n- **--border-radius** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius) _(default: undefined)_\n- **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--min-height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height) _(default: undefined)_\n- **--color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n\n### **CSS Parts:**\n - **icon** - The upload icon element",
       "attributes": [
         { "name": "accept", "values": [] },
         { "name": "max-file-size", "values": [] },
@@ -1577,6 +1555,66 @@
           "name": "i18n",
           "description": "Enables updating internal string values for internationalization.",
           "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "Prevents the user from changing the control value.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)\n- `true` The element has a disabled state and does not accept interaction.\n\n- `false` The element has an enabled state and accepts interaction.",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Requires a value before the parent form can submit.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required",
+          "values": []
+        },
+        {
+          "name": "pattern",
+          "description": "Defines the pattern that text values must match.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern",
+          "values": []
+        },
+        {
+          "name": "min",
+          "description": "Defines the minimum numeric value.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/min",
+          "values": []
+        },
+        {
+          "name": "max",
+          "description": "Defines the maximum numeric value.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/max",
+          "values": []
+        },
+        {
+          "name": "step",
+          "description": "Defines the value granularity for numeric inputs.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step",
+          "values": []
+        },
+        {
+          "name": "minlength",
+          "description": "Defines the minimum text length.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/minlength",
+          "values": []
+        },
+        {
+          "name": "maxlength",
+          "description": "Defines the maximum text length.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/maxlength",
+          "values": []
+        },
+        {
+          "name": "name",
+          "description": "The name of the element, submitted as a pair with the element value as part of the form data. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name)",
+          "values": []
+        },
+        {
+          "name": "novalidate",
+          "description": "Disables constraint validation for this control.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/novalidate",
+          "values": []
+        },
+        {
+          "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": "T" }]
         }
       ],
       "references": [
@@ -1586,7 +1624,7 @@
         },
         {
           "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\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) |"
+          "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) |"
         }
       ]
     },
@@ -2548,7 +2586,11 @@
           "description": "Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n- `true` The associated content expands and becomes visible to the user.\n\n- `false` The associated content collapses and hides from the user.",
           "values": []
         },
-        { "name": "readonly", "description": "", "values": [] },
+        {
+          "name": "readonly",
+          "description": "Like input readonly, sets a button semantically as visual treatment only.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly",
+          "values": []
+        },
         {
           "name": "form",
           "description": "Like input form, sets a button to submit a form outside its parent form.\nReturns a reference to the form element if available.\nhttps://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form",
@@ -2566,7 +2608,7 @@
         },
         {
           "name": "type",
-          "description": "Defines the button behavior when associated within an <form> element.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type",
+          "description": "Defines the button behavior when associated within a form element.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type",
           "values": [
             { "name": "button" },
             { "name": "submit" },
@@ -2588,14 +2630,9 @@
           "description": "Indicates the element that represents the user's current location or position within a set. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n- `page` Marks the current page within a set of navigation links.\n\n- `step` Marks the current step within a multi-step process or workflow.",
           "values": [{ "name": "page" }, { "name": "step" }]
         },
-        {
-          "name": "popoverTargetElement",
-          "description": "Establishing a relationship between a popover and its invoker button.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement",
-          "values": [{ "name": "HTMLElement" }]
-        },
         {
           "name": "popovertarget",
-          "description": "The idref of the element that receives the popover.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
+          "description": "The id reference of the element that receives the popover.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
           "values": []
         },
         {
@@ -2608,29 +2645,19 @@
           ]
         },
         {
-          "name": "commandForElement",
+          "name": "commandfor",
           "description": "The element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
           "values": [{ "name": "HTMLElement" }]
         },
-        {
-          "name": "commandfor",
-          "description": "The idref of the element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
-          "values": []
-        },
         {
           "name": "command",
           "description": "The command to execute on the element.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
           "values": []
         },
         {
-          "name": "interestForElement",
+          "name": "interestfor",
           "description": "The element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
           "values": [{ "name": "HTMLElement" }]
-        },
-        {
-          "name": "interestfor",
-          "description": "The idref of the element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
-          "values": []
         }
       ],
       "references": [
@@ -2640,7 +2667,7 @@
         },
         {
           "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 | `HTMLFormElement \\| null \\| string` | 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's value as part of the form data, when that button submits the form. 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 an <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` | Establishing a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popovertarget | `string` | The idref 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 | `HTMLElement \\| null` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| commandfor | `string \\| null` | The idref of 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 | `HTMLElement \\| null` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n| interestfor | `string \\| null` | The idref of 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) |"
+          "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) |"
         }
       ]
     },
@@ -3152,7 +3179,11 @@
           "description": "Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n- `true` The associated content expands and becomes visible to the user.\n\n- `false` The associated content collapses and hides from the user.",
           "values": []
         },
-        { "name": "readonly", "description": "", "values": [] },
+        {
+          "name": "readonly",
+          "description": "Like input readonly, sets a button semantically as visual treatment only.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly",
+          "values": []
+        },
         {
           "name": "form",
           "description": "Like input form, sets a button to submit a form outside its parent form.\nReturns a reference to the form element if available.\nhttps://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form",
@@ -3170,7 +3201,7 @@
         },
         {
           "name": "type",
-          "description": "Defines the button behavior when associated within an <form> element.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type",
+          "description": "Defines the button behavior when associated within a form element.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type",
           "values": [
             { "name": "button" },
             { "name": "submit" },
@@ -3192,14 +3223,9 @@
           "description": "Indicates the element that represents the user's current location or position within a set. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n- `page` Marks the current page within a set of navigation links.\n\n- `step` Marks the current step within a multi-step process or workflow.",
           "values": [{ "name": "page" }, { "name": "step" }]
         },
-        {
-          "name": "popoverTargetElement",
-          "description": "Establishing a relationship between a popover and its invoker button.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement",
-          "values": [{ "name": "HTMLElement" }]
-        },
         {
           "name": "popovertarget",
-          "description": "The idref of the element that receives the popover.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
+          "description": "The id reference of the element that receives the popover.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
           "values": []
         },
         {
@@ -3212,29 +3238,19 @@
           ]
         },
         {
-          "name": "commandForElement",
+          "name": "commandfor",
           "description": "The element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
           "values": [{ "name": "HTMLElement" }]
         },
-        {
-          "name": "commandfor",
-          "description": "The idref of the element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
-          "values": []
-        },
         {
           "name": "command",
           "description": "The command to execute on the element.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
           "values": []
         },
         {
-          "name": "interestForElement",
+          "name": "interestfor",
           "description": "The element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
           "values": [{ "name": "HTMLElement" }]
-        },
-        {
-          "name": "interestfor",
-          "description": "The idref of the element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
-          "values": []
         }
       ],
       "references": [
@@ -3244,7 +3260,7 @@
         },
         {
           "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 | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within an <form> element. https://mdn.dev/HTML/Element/button#attr-type |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| expanded | `boolean` | Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://mdn.dev/ARIA/Attributes/aria-expanded) - `true` The associated content expands and becomes visible to the user. - `false` The associated content collapses and hides from the user. |\n| readOnly (readonly) | `boolean` | Indicates whether the 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 | `HTMLFormElement \\| null \\| string` | 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's value as part of the form data, when that button submits the form. 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` | Establishing a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popovertarget | `string` | The idref 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 | `HTMLElement \\| null` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| commandfor | `string \\| null` | The idref of 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 | `HTMLElement \\| null` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n| interestfor | `string \\| null` | The idref of 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) |"
+          "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) |"
         }
       ]
     },
@@ -3515,7 +3531,7 @@
     },
     {
       "name": "nve-page-panel",
-      "description": "Child panel for embedded panels within the page component. Typically used for left/right/bottom page slot positions.\n---\n\n\n### **Events:**\n - **open**\n- **close**\n\n### **Slots:**\n - _default_ - default content slot\n- **actions** - slot for action / dismiss buttons\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--border** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border) _(default: undefined)_\n- **--color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n- **--gap** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap) _(default: undefined)_\n- **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/height) _(default: undefined)_\n- **--width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n- **--max-width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width) _(default: undefined)_\n- **--max-height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/max-height) _(default: undefined)_\n- **--animation-duration** - Duration of panel open/close animations [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-duration) _(default: undefined)_\n\n### **CSS Parts:**\n - **icon-button** - The close/collapse icon button element",
+      "description": "Child panel for embedded panels within the page component. Typically used for left/right/bottom page slot positions.\n---\n\n\n### **Events:**\n - **open**\n- **close**\n\n### **Slots:**\n - _default_ - default content slot\n- **actions** - slot for action / dismiss buttons\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--border** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border) _(default: undefined)_\n- **--color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n- **--gap** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap) _(default: undefined)_\n- **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/height) _(default: undefined)_\n- **--width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n- **--max-width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width) _(default: undefined)_\n- **--max-height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/max-height) _(default: undefined)_\n- **--animation-duration** - Duration of panel open/close animations [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-duration) _(default: undefined)_",
       "attributes": [
         {
           "name": "size",
@@ -3567,7 +3583,7 @@
     },
     {
       "name": "nve-pagination",
-      "description": "Pagination is a control that enables users to navigate through pages of content.\n---\n\n\n### **Events:**\n - **step-change**\n- **last-page** - Dispatched when the last page is active\n- **first-page** - Dispatched when the first page is active\n- **input** - Dispatched when the value (page) has changed\n- **change** - Dispatched when the value (page) has changed\n\n### **Slots:**\n - _default_ - default slot for content\n- **suffix-label** - slot for overriding the \"n of total\" label when total is an approximation\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--font-size** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size) _(default: undefined)_\n- **--width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n\n### **CSS Parts:**\n - **icon-button** - Base part applied to all icon button elements\n- **previous-icon-button** - The previous page icon button\n- **next-icon-button** - The next page icon button\n- **start-icon-button** - The first page icon button\n- **end-icon-button** - The last page icon button\n- **select** - The page size select element",
+      "description": "Pagination is a control that enables users to navigate through pages of content.\n---\n\n\n### **Events:**\n - **step-change**\n- **last-page** - Dispatched when the last page is active\n- **first-page** - Dispatched when the first page is active\n- **input** - Dispatched when the value (page) has changed\n- **change** - Dispatched when the value (page) has changed\n\n### **Methods:**\n - **reportValidity()** - Reports whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity\n- **checkValidity()** - Checks whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity\n- **setCustomValidity()** - Sets a custom validation message.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity\n- **reset()** - Resets the control value to its initial value.\n\n### **Slots:**\n - _default_ - default slot for content\n- **suffix-label** - slot for overriding the \"n of total\" label when total is an approximation\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--font-size** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size) _(default: undefined)_\n- **--width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n\n### **CSS Parts:**\n - **icon-button** - Base part applied to all icon button elements\n- **previous-icon-button** - The previous page icon button\n- **next-icon-button** - The next page icon button\n- **start-icon-button** - The first page icon button\n- **end-icon-button** - The last page icon button\n- **select** - The page size select element",
       "attributes": [
         {
           "name": "step",
@@ -3607,6 +3623,61 @@
           "name": "i18n",
           "description": "Enables updating internal string values for internationalization.",
           "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "Prevents the user from changing the control value.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)\n- `true` The element has a disabled state and does not accept interaction.\n\n- `false` The element has an enabled state and accepts interaction.",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Requires a value before the parent form can submit.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required",
+          "values": []
+        },
+        {
+          "name": "pattern",
+          "description": "Defines the pattern that text values must match.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern",
+          "values": []
+        },
+        {
+          "name": "min",
+          "description": "Defines the minimum numeric value.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/min",
+          "values": []
+        },
+        {
+          "name": "max",
+          "description": "Defines the maximum numeric value.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/max",
+          "values": []
+        },
+        {
+          "name": "minlength",
+          "description": "Defines the minimum text length.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/minlength",
+          "values": []
+        },
+        {
+          "name": "maxlength",
+          "description": "Defines the maximum text length.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/maxlength",
+          "values": []
+        },
+        {
+          "name": "name",
+          "description": "The name of the element, submitted as a pair with the element value as part of the form data. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name)",
+          "values": []
+        },
+        {
+          "name": "novalidate",
+          "description": "Disables constraint validation for this control.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/novalidate",
+          "values": []
+        },
+        {
+          "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": "T" }]
         }
       ],
       "references": [
@@ -3616,13 +3687,13 @@
         },
         {
           "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\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) |"
+          "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": "nve-panel-header",
-      "description": "@deprecated use `nve-page-panel` with `nve-page` instead\n\nDisplays the title, subtitle, and optional action controls at the top of a panel.\n---\n\n\n### **Slots:**\n - _default_ - default content slot\n- **title** - Title Text\n- **subtitle** - Subtitle Text\n- **action-icon** - Extra Action Button\n\n### **CSS Properties:**\n - **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--border-bottom** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom) _(default: undefined)_",
+      "description": "@deprecated use `nve-page-panel-header` with `nve-page-panel` instead\n\nDisplays the title, subtitle, and optional action controls at the top of a panel.\n---\n\n\n### **Slots:**\n - _default_ - default content slot\n- **title** - Title Text\n- **subtitle** - Subtitle Text\n- **action-icon** - Extra Action Button\n\n### **CSS Properties:**\n - **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--border-bottom** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom) _(default: undefined)_",
       "attributes": [],
       "references": [
         {
@@ -3641,7 +3712,7 @@
     },
     {
       "name": "nve-panel-content",
-      "description": "Contains the main body content within a panel, providing a structured region for detailed information.\n---\n\n\n### **Slots:**\n - _default_ - This is a default/unnamed slot for panel content\n\n### **CSS Properties:**\n - **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_",
+      "description": "@deprecated use `nve-page-panel-content` with `nve-page-panel` instead\n\nContains the main body content within a panel, providing a structured region for detailed information.\n---\n\n\n### **Slots:**\n - _default_ - This is a default/unnamed slot for panel content\n\n### **CSS Properties:**\n - **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_",
       "attributes": [],
       "references": [
         {
@@ -3660,7 +3731,7 @@
     },
     {
       "name": "nve-panel-footer",
-      "description": "Provides a designated area at the bottom of a panel for actions or supplementary controls.\n---\n\n\n### **Slots:**\n - _default_ - This is a default/unnamed slot for panel footer content\n\n### **CSS Properties:**\n - **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--border-top** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top) _(default: undefined)_\n- **--gap** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap) _(default: undefined)_",
+      "description": "@deprecated use `nve-page-panel-footer` with `nve-page-panel` instead\n\nProvides a designated area at the bottom of a panel for actions or supplementary controls.\n---\n\n\n### **Slots:**\n - _default_ - This is a default/unnamed slot for panel footer content\n\n### **CSS Properties:**\n - **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--border-top** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top) _(default: undefined)_\n- **--gap** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap) _(default: undefined)_",
       "attributes": [],
       "references": [
         {
@@ -3679,7 +3750,7 @@
     },
     {
       "name": "nve-panel",
-      "description": "Panel 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\n\n### **Events:**\n - **open** - Dispatched when the panel opens.\n- **close** - Dispatched when the panel closes.\n\n### **Slots:**\n - _default_ - This is a default/unnamed slot for panel content\n- **header** - header element (Use `panel-header` or custom content)\n- **content** - content element (Use `panel-content` or custom content)\n- **footer** - footer element (Use `panel-footer` or custom content)\n\n### **CSS Properties:**\n - **--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- **--box-shadow** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow) _(default: undefined)_\n- **--panel-button-border-radius** - Border radius of the panel expand/collapse button _(default: undefined)_\n\n### **CSS Parts:**\n - **icon-button** - The expand/collapse icon button element",
+      "description": "@deprecated use `nve-page-panel` with `nve-page` instead\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\n\n### **Events:**\n - **open** - Dispatched when the panel opens.\n- **close** - Dispatched when the panel closes.\n\n### **Slots:**\n - _default_ - This is a default/unnamed slot for panel content\n- **header** - header element (Use `panel-header` or custom content)\n- **content** - content element (Use `panel-content` or custom content)\n- **footer** - footer element (Use `panel-footer` or custom content)\n\n### **CSS Properties:**\n - **--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- **--box-shadow** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow) _(default: undefined)_\n- **--panel-button-border-radius** - Border radius of the panel expand/collapse button _(default: undefined)_\n\n### **CSS Parts:**\n - **icon-button** - The expand/collapse icon button element",
       "attributes": [
         {
           "name": "expanded",
@@ -3786,12 +3857,72 @@
     },
     {
       "name": "nve-preferences-input",
-      "description": "A 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\n\n### **Events:**\n - **input** - Dispatched when the value has changed\n- **change** - Dispatched when the value has changed\n\n### **CSS Properties:**\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\n### **CSS Parts:**\n - **control** - The control wrapper elements that contain the labels and menus\n- **menu** - The menu elements that display color scheme and scale options\n- **menu-item** - The individual menu item elements for each selectable option\n- **icon** - The icon element displayed next to color scheme options\n- **divider** - The divider elements that separate preference sections\n- **switch** - The switch element for the reduced motion toggle",
+      "description": "A 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\n\n### **Events:**\n - **input** - Dispatched when the value has changed\n- **change** - Dispatched when the value has changed\n\n### **Methods:**\n - **reportValidity()** - Reports whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity\n- **checkValidity()** - Checks whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity\n- **setCustomValidity()** - Sets a custom validation message.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity\n- **reset()** - Resets the control value to its initial value.\n\n### **CSS Properties:**\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\n### **CSS Parts:**\n - **control** - The control wrapper elements that contain the labels and menus\n- **menu** - The menu elements that display color scheme and scale options\n- **menu-item** - The individual menu item elements for each selectable option\n- **icon** - The icon element displayed next to color scheme options\n- **divider** - The divider elements that separate preference sections\n- **switch** - The switch element for the reduced motion toggle",
       "attributes": [
         {
           "name": "i18n",
           "description": "Enables updating internal string values for internationalization.",
           "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "Prevents the user from changing the control value.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)\n- `true` The element has a disabled state and does not accept interaction.\n\n- `false` The element has an enabled state and accepts interaction.",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Requires a value before the parent form can submit.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required",
+          "values": []
+        },
+        {
+          "name": "pattern",
+          "description": "Defines the pattern that text values must match.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern",
+          "values": []
+        },
+        {
+          "name": "min",
+          "description": "Defines the minimum numeric value.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/min",
+          "values": []
+        },
+        {
+          "name": "max",
+          "description": "Defines the maximum numeric value.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/max",
+          "values": []
+        },
+        {
+          "name": "step",
+          "description": "Defines the value granularity for numeric inputs.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step",
+          "values": []
+        },
+        {
+          "name": "minlength",
+          "description": "Defines the minimum text length.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/minlength",
+          "values": []
+        },
+        {
+          "name": "maxlength",
+          "description": "Defines the maximum text length.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/maxlength",
+          "values": []
+        },
+        {
+          "name": "name",
+          "description": "The name of the element, submitted as a pair with the element value as part of the form data. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name)",
+          "values": []
+        },
+        {
+          "name": "novalidate",
+          "description": "Disables constraint validation for this control.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/novalidate",
+          "values": []
+        },
+        {
+          "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": "T" }]
         }
       ],
       "references": [
@@ -3801,7 +3932,7 @@
         },
         {
           "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\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) |"
+          "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) |"
         }
       ]
     },
@@ -4113,7 +4244,7 @@
     },
     {
       "name": "nve-resize-handle",
-      "description": "A resize-handle slider is a control that enables users to resize views or panels vertically or horizontally.\n---\n\n\n### **Events:**\n - **toggle** - Dispatched when the resize handle is double clicked.\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--line-width** -  _(default: undefined)_\n- **--target-size** -  _(default: undefined)_\n- **--cursor** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor) _(default: undefined)_",
+      "description": "A resize-handle slider is a control that enables users to resize views or panels vertically or horizontally.\n---\n\n\n### **Events:**\n - **toggle** - Dispatched when the resize handle is double clicked.\n\n### **Methods:**\n - **reportValidity()** - Reports whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity\n- **checkValidity()** - Checks whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity\n- **setCustomValidity()** - Sets a custom validation message.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity\n- **reset()** - Resets the control value to its initial value.\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--line-width** -  _(default: undefined)_\n- **--target-size** -  _(default: undefined)_\n- **--cursor** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor) _(default: undefined)_",
       "attributes": [
         {
           "name": "orientation",
@@ -4143,6 +4274,51 @@
           "name": "i18n",
           "description": "Enables updating internal string values for internationalization.",
           "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "Prevents the user from changing the control value.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)\n- `true` The element has a disabled state and does not accept interaction.\n\n- `false` The element has an enabled state and accepts interaction.",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Requires a value before the parent form can submit.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required",
+          "values": []
+        },
+        {
+          "name": "pattern",
+          "description": "Defines the pattern that text values must match.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern",
+          "values": []
+        },
+        {
+          "name": "minlength",
+          "description": "Defines the minimum text length.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/minlength",
+          "values": []
+        },
+        {
+          "name": "maxlength",
+          "description": "Defines the maximum text length.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/maxlength",
+          "values": []
+        },
+        {
+          "name": "name",
+          "description": "The name of the element, submitted as a pair with the element value as part of the form data. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name)",
+          "values": []
+        },
+        {
+          "name": "novalidate",
+          "description": "Disables constraint validation for this control.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/novalidate",
+          "values": []
+        },
+        {
+          "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": "T" }]
         }
       ],
       "references": [
@@ -4152,7 +4328,7 @@
         },
         {
           "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\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) |"
+          "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) |"
         }
       ]
     },
@@ -4348,7 +4524,11 @@
           "description": "Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n- `true` The associated content expands and becomes visible to the user.\n\n- `false` The associated content collapses and hides from the user.",
           "values": []
         },
-        { "name": "readonly", "description": "", "values": [] },
+        {
+          "name": "readonly",
+          "description": "Like input readonly, sets a button semantically as visual treatment only.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly",
+          "values": []
+        },
         {
           "name": "form",
           "description": "Like input form, sets a button to submit a form outside its parent form.\nReturns a reference to the form element if available.\nhttps://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form",
@@ -4366,7 +4546,7 @@
         },
         {
           "name": "type",
-          "description": "Defines the button behavior when associated within an <form> element.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type",
+          "description": "Defines the button behavior when associated within a form element.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type",
           "values": [
             { "name": "button" },
             { "name": "submit" },
@@ -4388,14 +4568,9 @@
           "description": "Indicates the element that represents the user's current location or position within a set. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n- `page` Marks the current page within a set of navigation links.\n\n- `step` Marks the current step within a multi-step process or workflow.",
           "values": [{ "name": "page" }, { "name": "step" }]
         },
-        {
-          "name": "popoverTargetElement",
-          "description": "Establishing a relationship between a popover and its invoker button.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement",
-          "values": [{ "name": "HTMLElement" }]
-        },
         {
           "name": "popovertarget",
-          "description": "The idref of the element that receives the popover.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
+          "description": "The id reference of the element that receives the popover.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
           "values": []
         },
         {
@@ -4408,29 +4583,19 @@
           ]
         },
         {
-          "name": "commandForElement",
+          "name": "commandfor",
           "description": "The element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
           "values": [{ "name": "HTMLElement" }]
         },
-        {
-          "name": "commandfor",
-          "description": "The idref of the element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
-          "values": []
-        },
         {
           "name": "command",
           "description": "The command to execute on the element.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
           "values": []
         },
         {
-          "name": "interestForElement",
+          "name": "interestfor",
           "description": "The element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
           "values": [{ "name": "HTMLElement" }]
-        },
-        {
-          "name": "interestfor",
-          "description": "The idref of the element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
-          "values": []
         }
       ],
       "references": [
@@ -4440,7 +4605,7 @@
         },
         {
           "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 | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within an <form> element. https://mdn.dev/HTML/Element/button#attr-type |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| expanded | `boolean` | Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://mdn.dev/ARIA/Attributes/aria-expanded) - `true` The associated content expands and becomes visible to the user. - `false` The associated content collapses and hides from the user. |\n| readOnly (readonly) | `boolean` | Indicates whether the 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 | `HTMLFormElement \\| null \\| string` | 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's value as part of the form data, when that button submits the form. 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` | Establishing a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popovertarget | `string` | The idref 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 | `HTMLElement \\| null` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| commandfor | `string \\| null` | The idref of 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 | `HTMLElement \\| null` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n| interestfor | `string \\| null` | The idref of 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) |"
+          "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) |"
         }
       ]
     },
@@ -4646,7 +4811,11 @@
           "description": "Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n- `true` The associated content expands and becomes visible to the user.\n\n- `false` The associated content collapses and hides from the user.",
           "values": []
         },
-        { "name": "readonly", "description": "", "values": [] },
+        {
+          "name": "readonly",
+          "description": "Like input readonly, sets a button semantically as visual treatment only.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly",
+          "values": []
+        },
         {
           "name": "form",
           "description": "Like input form, sets a button to submit a form outside its parent form.\nReturns a reference to the form element if available.\nhttps://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form",
@@ -4664,7 +4833,7 @@
         },
         {
           "name": "type",
-          "description": "Defines the button behavior when associated within an <form> element.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type",
+          "description": "Defines the button behavior when associated within a form element.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type",
           "values": [
             { "name": "button" },
             { "name": "submit" },
@@ -4681,14 +4850,9 @@
           "description": "Indicates the element that represents the user's current location or position within a set. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n- `page` Marks the current page within a set of navigation links.\n\n- `step` Marks the current step within a multi-step process or workflow.",
           "values": [{ "name": "page" }, { "name": "step" }]
         },
-        {
-          "name": "popoverTargetElement",
-          "description": "Establishing a relationship between a popover and its invoker button.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement",
-          "values": [{ "name": "HTMLElement" }]
-        },
         {
           "name": "popovertarget",
-          "description": "The idref of the element that receives the popover.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
+          "description": "The id reference of the element that receives the popover.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
           "values": []
         },
         {
@@ -4701,29 +4865,19 @@
           ]
         },
         {
-          "name": "commandForElement",
+          "name": "commandfor",
           "description": "The element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
           "values": [{ "name": "HTMLElement" }]
         },
-        {
-          "name": "commandfor",
-          "description": "The idref of the element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
-          "values": []
-        },
         {
           "name": "command",
           "description": "The command to execute on the element.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
           "values": []
         },
         {
-          "name": "interestForElement",
+          "name": "interestfor",
           "description": "The element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
           "values": [{ "name": "HTMLElement" }]
-        },
-        {
-          "name": "interestfor",
-          "description": "The idref of the element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
-          "values": []
         }
       ],
       "references": [
@@ -4733,7 +4887,7 @@
         },
         {
           "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 | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within an <form> element. https://mdn.dev/HTML/Element/button#attr-type |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| expanded | `boolean` | Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://mdn.dev/ARIA/Attributes/aria-expanded) - `true` The associated content expands and becomes visible to the user. - `false` The associated content collapses and hides from the user. |\n| readOnly (readonly) | `boolean` | Indicates whether the 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 | `HTMLFormElement \\| null \\| string` | 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's value as part of the form data, when that button submits the form. 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` | Establishing a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popovertarget | `string` | The idref 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 | `HTMLElement \\| null` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| commandfor | `string \\| null` | The idref of 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 | `HTMLElement \\| null` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n| interestfor | `string \\| null` | The idref of 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) |"
+          "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) |"
         }
       ]
     },
@@ -4880,7 +5034,7 @@
     },
     {
       "name": "nve-tabs-item",
-      "description": "Represents an individual tab within a tablist, providing a selectable button for switching between content views.\n---\n\n\n### **Slots:**\n - _default_ - default slot for content\n\n### **CSS Properties:**\n - **--font-size** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size) _(default: undefined)_\n- **--border-width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width) _(default: undefined)_\n- **--border-height** -  _(default: undefined)_\n- **--border-top** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top) _(default: undefined)_\n- **--border-background** -  _(default: undefined)_\n- **--width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n- **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--font-size** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size) _(default: undefined)_\n- **--font-weight** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight) _(default: undefined)_\n- **--border-radius** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius) _(default: undefined)_\n- **--color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n- **--height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/height) _(default: undefined)_\n- **--cursor** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor) _(default: undefined)_\n- **--text-transform** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform) _(default: undefined)_",
+      "description": "Represents an individual tab within a tablist, providing a selectable button for switching between content views.\n---\n\n\n### **Slots:**\n - _default_ - default slot for content\n\n### **CSS Properties:**\n - **--font-size** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size) _(default: undefined)_\n- **--width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n- **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--font-size** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size) _(default: undefined)_\n- **--font-weight** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight) _(default: undefined)_\n- **--border-radius** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius) _(default: undefined)_\n- **--color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n- **--height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/height) _(default: undefined)_\n- **--cursor** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor) _(default: undefined)_\n- **--text-transform** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform) _(default: undefined)_",
       "attributes": [
         {
           "name": "selected",
@@ -4897,7 +5051,11 @@
           "description": "Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n- `true` The associated content expands and becomes visible to the user.\n\n- `false` The associated content collapses and hides from the user.",
           "values": []
         },
-        { "name": "readonly", "description": "", "values": [] },
+        {
+          "name": "readonly",
+          "description": "Like input readonly, sets a button semantically as visual treatment only.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly",
+          "values": []
+        },
         {
           "name": "form",
           "description": "Like input form, sets a button to submit a form outside its parent form.\nReturns a reference to the form element if available.\nhttps://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form",
@@ -4915,7 +5073,7 @@
         },
         {
           "name": "type",
-          "description": "Defines the button behavior when associated within an <form> element.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type",
+          "description": "Defines the button behavior when associated within a form element.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type",
           "values": [
             { "name": "button" },
             { "name": "submit" },
@@ -4932,14 +5090,9 @@
           "description": "Indicates the element that represents the user's current location or position within a set. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n- `page` Marks the current page within a set of navigation links.\n\n- `step` Marks the current step within a multi-step process or workflow.",
           "values": [{ "name": "page" }, { "name": "step" }]
         },
-        {
-          "name": "popoverTargetElement",
-          "description": "Establishing a relationship between a popover and its invoker button.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement",
-          "values": [{ "name": "HTMLElement" }]
-        },
         {
           "name": "popovertarget",
-          "description": "The idref of the element that receives the popover.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
+          "description": "The id reference of the element that receives the popover.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
           "values": []
         },
         {
@@ -4952,29 +5105,19 @@
           ]
         },
         {
-          "name": "commandForElement",
+          "name": "commandfor",
           "description": "The element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
           "values": [{ "name": "HTMLElement" }]
         },
-        {
-          "name": "commandfor",
-          "description": "The idref of the element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
-          "values": []
-        },
         {
           "name": "command",
           "description": "The command to execute on the element.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
           "values": []
         },
         {
-          "name": "interestForElement",
+          "name": "interestfor",
           "description": "The element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
           "values": [{ "name": "HTMLElement" }]
-        },
-        {
-          "name": "interestfor",
-          "description": "The idref of the element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
-          "values": []
         }
       ],
       "references": [
@@ -4984,7 +5127,7 @@
         },
         {
           "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 | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within an <form> element. https://mdn.dev/HTML/Element/button#attr-type |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| expanded | `boolean` | Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://mdn.dev/ARIA/Attributes/aria-expanded) - `true` The associated content expands and becomes visible to the user. - `false` The associated content collapses and hides from the user. |\n| readOnly (readonly) | `boolean` | Indicates whether the 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 | `HTMLFormElement \\| null \\| string` | 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's value as part of the form data, when that button submits the form. 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` | Establishing a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popovertarget | `string` | The idref 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 | `HTMLElement \\| null` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| commandfor | `string \\| null` | The idref of 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 | `HTMLElement \\| null` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n| interestfor | `string \\| null` | The idref of 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-width | `string` | [MDN](https://mdn.dev/CSS/border-width) |\n| --border-height | `string` |  |\n| --border-top | `string` | [MDN](https://mdn.dev/CSS/border-top) |\n| --border-background | `string` |  |\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) |"
+          "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) |"
         }
       ]
     },
@@ -5076,7 +5219,11 @@
           "description": "Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n- `true` The associated content expands and becomes visible to the user.\n\n- `false` The associated content collapses and hides from the user.",
           "values": []
         },
-        { "name": "readonly", "description": "", "values": [] },
+        {
+          "name": "readonly",
+          "description": "Like input readonly, sets a button semantically as visual treatment only.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly",
+          "values": []
+        },
         {
           "name": "form",
           "description": "Like input form, sets a button to submit a form outside its parent form.\nReturns a reference to the form element if available.\nhttps://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form",
@@ -5094,7 +5241,7 @@
         },
         {
           "name": "type",
-          "description": "Defines the button behavior when associated within an <form> element.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type",
+          "description": "Defines the button behavior when associated within a form element.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type",
           "values": [
             { "name": "button" },
             { "name": "submit" },
@@ -5116,14 +5263,9 @@
           "description": "Indicates the element that represents the user's current location or position within a set. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n- `page` Marks the current page within a set of navigation links.\n\n- `step` Marks the current step within a multi-step process or workflow.",
           "values": [{ "name": "page" }, { "name": "step" }]
         },
-        {
-          "name": "popoverTargetElement",
-          "description": "Establishing a relationship between a popover and its invoker button.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement",
-          "values": [{ "name": "HTMLElement" }]
-        },
         {
           "name": "popovertarget",
-          "description": "The idref of the element that receives the popover.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
+          "description": "The id reference of the element that receives the popover.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget",
           "values": []
         },
         {
@@ -5136,29 +5278,19 @@
           ]
         },
         {
-          "name": "commandForElement",
+          "name": "commandfor",
           "description": "The element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
           "values": [{ "name": "HTMLElement" }]
         },
-        {
-          "name": "commandfor",
-          "description": "The idref of the element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
-          "values": []
-        },
         {
           "name": "command",
           "description": "The command to execute on the element.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
           "values": []
         },
         {
-          "name": "interestForElement",
+          "name": "interestfor",
           "description": "The element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
           "values": [{ "name": "HTMLElement" }]
-        },
-        {
-          "name": "interestfor",
-          "description": "The idref of the element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
-          "values": []
         }
       ],
       "references": [
@@ -5168,7 +5300,7 @@
         },
         {
           "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 | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within an <form> element. https://mdn.dev/HTML/Element/button#attr-type |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| expanded | `boolean` | Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://mdn.dev/ARIA/Attributes/aria-expanded) - `true` The associated content expands and becomes visible to the user. - `false` The associated content collapses and hides from the user. |\n| readOnly (readonly) | `boolean` | Indicates whether the 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 | `HTMLFormElement \\| null \\| string` | 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's value as part of the form data, when that button submits the form. 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` | Establishing a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popovertarget | `string` | The idref 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 | `HTMLElement \\| null` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| commandfor | `string \\| null` | The idref of 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 | `HTMLElement \\| null` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n| interestfor | `string \\| null` | The idref of 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) |"
+          "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) |"
         }
       ]
     },
@@ -5342,8 +5474,7 @@
             { "name": "accent" },
             { "name": "warning" },
             { "name": "success" },
-            { "name": "danger" },
-            { "name": "muted" }
+            { "name": "danger" }
           ]
         },
         {
@@ -5359,7 +5490,7 @@
         },
         {
           "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' \\| '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| 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) |"
+          "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) |"
         }
       ]
     },