@nvidia-elements/core 0.2.3 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (270) hide show
  1. package/CHANGELOG.md +64 -1
  2. package/NOTICE.md +4 -4
  3. package/dist/_virtual/{_@oxc-project_runtime@0.130.0 → _@oxc-project_runtime@0.132.0}/helpers/decorate.js +1 -1
  4. package/dist/accordion/accordion-header.js +1 -1
  5. package/dist/accordion/accordion-header.js.map +1 -1
  6. package/dist/accordion/accordion.d.ts +4 -7
  7. package/dist/accordion/accordion.examples.js.map +1 -1
  8. package/dist/accordion/accordion.examples.json +1 -12
  9. package/dist/accordion/accordion.js +1 -1
  10. package/dist/accordion/accordion.js.map +1 -1
  11. package/dist/accordion/accordion2.js +9 -12
  12. package/dist/accordion/accordion2.js.map +1 -1
  13. package/dist/alert/alert-group.d.ts +1 -1
  14. package/dist/alert/alert-group2.js +2 -2
  15. package/dist/alert/alert.d.ts +1 -1
  16. package/dist/alert/alert.js +1 -1
  17. package/dist/alert/alert.js.map +1 -1
  18. package/dist/alert/alert2.js +2 -2
  19. package/dist/avatar/avatar-group.d.ts +1 -1
  20. package/dist/avatar/avatar-group2.js +1 -1
  21. package/dist/avatar/avatar.d.ts +1 -1
  22. package/dist/avatar/avatar2.js +2 -2
  23. package/dist/badge/badge.d.ts +3 -3
  24. package/dist/badge/badge.js +1 -1
  25. package/dist/badge/badge.js.map +1 -1
  26. package/dist/badge/badge2.js +4 -5
  27. package/dist/badge/badge2.js.map +1 -1
  28. package/dist/breadcrumb/breadcrumb.d.ts +1 -6
  29. package/dist/breadcrumb/breadcrumb.js +1 -1
  30. package/dist/breadcrumb/breadcrumb.js.map +1 -1
  31. package/dist/breadcrumb/breadcrumb2.js +2 -2
  32. package/dist/breadcrumb/breadcrumb2.js.map +1 -1
  33. package/dist/bundle.d.ts +14 -0
  34. package/dist/bundles/index.d.ts +831 -95
  35. package/dist/bundles/index.js +4 -4
  36. package/dist/button/button.d.ts +3 -3
  37. package/dist/button/button.js +1 -1
  38. package/dist/button/button.js.map +1 -1
  39. package/dist/button/button2.js +2 -2
  40. package/dist/button/button2.js.map +1 -1
  41. package/dist/button-group/button-group.d.ts +1 -1
  42. package/dist/button-group/button-group2.js +2 -2
  43. package/dist/card/card-header.js +1 -1
  44. package/dist/card/card-header.js.map +1 -1
  45. package/dist/card/card.d.ts +4 -7
  46. package/dist/card/card2.js +6 -6
  47. package/dist/card/card2.js.map +1 -1
  48. package/dist/chat-message/chat-message.d.ts +1 -1
  49. package/dist/chat-message/chat-message2.js +2 -2
  50. package/dist/checkbox/checkbox-group2.js +2 -2
  51. package/dist/checkbox/checkbox2.js +2 -2
  52. package/dist/color/color.d.ts +1 -1
  53. package/dist/color/color2.js +2 -2
  54. package/dist/combobox/combobox.d.ts +2 -8
  55. package/dist/combobox/combobox.examples.js.map +1 -1
  56. package/dist/combobox/combobox2.js +3 -6
  57. package/dist/combobox/combobox2.js.map +1 -1
  58. package/dist/copy-button/copy-button.d.ts +1 -1
  59. package/dist/copy-button/copy-button2.js +3 -3
  60. package/dist/copy-button/copy-button2.js.map +1 -1
  61. package/dist/custom-elements-jsx.d.ts +32 -37
  62. package/dist/custom-elements-vue.d.ts +32 -37
  63. package/dist/custom-elements.json +275 -394
  64. package/dist/data.html.json +75 -28
  65. package/dist/data.snippets.json +28 -28
  66. package/dist/date/date.d.ts +1 -1
  67. package/dist/date/date2.js +2 -2
  68. package/dist/datetime/datetime.d.ts +1 -1
  69. package/dist/datetime/datetime2.js +2 -2
  70. package/dist/dialog/dialog-footer.d.ts +1 -1
  71. package/dist/dialog/dialog-footer2.js +2 -2
  72. package/dist/dialog/dialog-header.d.ts +1 -1
  73. package/dist/dialog/dialog-header2.js +2 -2
  74. package/dist/dialog/dialog.d.ts +1 -1
  75. package/dist/dialog/dialog.examples.js.map +1 -1
  76. package/dist/dialog/dialog2.js +2 -2
  77. package/dist/divider/divider.d.ts +1 -1
  78. package/dist/divider/divider2.js +2 -2
  79. package/dist/dot/dot.d.ts +1 -1
  80. package/dist/dot/dot2.js +2 -2
  81. package/dist/drawer/drawer-content.d.ts +1 -1
  82. package/dist/drawer/drawer-content2.js +2 -2
  83. package/dist/drawer/drawer-footer.d.ts +1 -1
  84. package/dist/drawer/drawer-footer2.js +2 -2
  85. package/dist/drawer/drawer-header.d.ts +1 -1
  86. package/dist/drawer/drawer-header2.js +2 -2
  87. package/dist/drawer/drawer.d.ts +1 -1
  88. package/dist/drawer/drawer2.js +2 -2
  89. package/dist/dropdown/dropdown-footer.d.ts +1 -1
  90. package/dist/dropdown/dropdown-footer2.js +2 -2
  91. package/dist/dropdown/dropdown-header.d.ts +1 -1
  92. package/dist/dropdown/dropdown-header2.js +2 -2
  93. package/dist/dropdown/dropdown.d.ts +1 -1
  94. package/dist/dropdown/dropdown2.js +2 -2
  95. package/dist/dropdown-group/dropdown-group.d.ts +1 -1
  96. package/dist/dropdown-group/dropdown-group.js +2 -2
  97. package/dist/dropzone/dropzone.d.ts +1 -1
  98. package/dist/dropzone/dropzone2.js +2 -2
  99. package/dist/file/file2.js +1 -1
  100. package/dist/format-datetime/format-datetime.d.ts +1 -1
  101. package/dist/format-datetime/format-datetime2.js +2 -2
  102. package/dist/format-number/format-number.d.ts +1 -1
  103. package/dist/format-number/format-number2.js +2 -2
  104. package/dist/format-relative-time/format-relative-time.d.ts +1 -1
  105. package/dist/format-relative-time/format-relative-time2.js +2 -2
  106. package/dist/forms/control/control2.js +2 -2
  107. package/dist/forms/control-group/control-group.d.ts +1 -1
  108. package/dist/forms/control-group/control-group.js +1 -1
  109. package/dist/forms/control-group/control-group.js.map +1 -1
  110. package/dist/forms/control-group/control-group2.js +2 -2
  111. package/dist/forms/control-message/control-message.d.ts +1 -1
  112. package/dist/forms/control-message/control-message2.js +2 -2
  113. package/dist/grid/cell/cell.d.ts +1 -1
  114. package/dist/grid/cell/cell2.js +1 -1
  115. package/dist/grid/column/column.d.ts +1 -1
  116. package/dist/grid/column/column2.js +2 -2
  117. package/dist/grid/footer/footer.d.ts +1 -1
  118. package/dist/grid/footer/footer2.js +2 -2
  119. package/dist/grid/grid.d.ts +3 -2
  120. package/dist/grid/grid.examples.js.map +1 -1
  121. package/dist/grid/grid2.js +35 -27
  122. package/dist/grid/grid2.js.map +1 -1
  123. package/dist/grid/header/header.d.ts +1 -1
  124. package/dist/grid/header/header2.js +2 -2
  125. package/dist/grid/placeholder/placeholder.d.ts +1 -1
  126. package/dist/grid/placeholder/placeholder2.js +1 -1
  127. package/dist/grid/row/row.d.ts +1 -1
  128. package/dist/grid/row/row2.js +2 -2
  129. package/dist/icon/icon.d.ts +1 -1
  130. package/dist/icon/icon2.js +17 -9
  131. package/dist/icon/icon2.js.map +1 -1
  132. package/dist/icon/icons.d.ts +0 -2
  133. package/dist/icon/icons.js.map +1 -1
  134. package/dist/icon-button/icon-button.d.ts +1 -1
  135. package/dist/icon-button/icon-button.js +1 -1
  136. package/dist/icon-button/icon-button.js.map +1 -1
  137. package/dist/icon-button/icon-button2.js +2 -2
  138. package/dist/index.js +1 -1
  139. package/dist/input/input-group.examples.js.map +1 -1
  140. package/dist/input/input-group.examples.json +11 -0
  141. package/dist/input/input-group.js +1 -1
  142. package/dist/input/input-group.js.map +1 -1
  143. package/dist/input/input-group2.js +1 -1
  144. package/dist/input/input2.js +2 -2
  145. package/dist/internal/controllers/state-scroll.controller.d.ts +1 -0
  146. package/dist/internal/controllers/state-scroll.controller.js +25 -8
  147. package/dist/internal/controllers/state-scroll.controller.js.map +1 -1
  148. package/dist/internal/controllers/type-command.controller.d.ts +0 -4
  149. package/dist/internal/controllers/type-command.controller.js +6 -9
  150. package/dist/internal/controllers/type-command.controller.js.map +1 -1
  151. package/dist/internal/controllers/type-native-popover.controller.js +28 -21
  152. package/dist/internal/controllers/type-native-popover.controller.js.map +1 -1
  153. package/dist/internal/services/global.service.js +1 -1
  154. package/dist/internal/types/index.d.ts +0 -10
  155. package/dist/internal/types/index.js +0 -3
  156. package/dist/internal/types/index.js.map +1 -1
  157. package/dist/logo/logo.d.ts +1 -1
  158. package/dist/logo/logo2.js +2 -2
  159. package/dist/menu/menu-item.d.ts +1 -1
  160. package/dist/menu/menu-item2.js +2 -2
  161. package/dist/menu/menu.d.ts +1 -1
  162. package/dist/menu/menu.examples.js.map +1 -1
  163. package/dist/menu/menu.examples.json +1 -1
  164. package/dist/menu/menu2.js +2 -2
  165. package/dist/month/month.d.ts +1 -1
  166. package/dist/month/month2.js +2 -2
  167. package/dist/notification/notification-group.d.ts +1 -1
  168. package/dist/notification/notification-group2.js +2 -2
  169. package/dist/notification/notification.d.ts +2 -1
  170. package/dist/notification/notification.examples.js.map +1 -1
  171. package/dist/notification/notification.examples.json +0 -11
  172. package/dist/notification/notification2.js +18 -10
  173. package/dist/notification/notification2.js.map +1 -1
  174. package/dist/page/page-panel/page-panel-content.d.ts +1 -1
  175. package/dist/page/page-panel/page-panel-content2.js +1 -1
  176. package/dist/page/page-panel/page-panel-footer.d.ts +1 -1
  177. package/dist/page/page-panel/page-panel-footer2.js +2 -2
  178. package/dist/page/page-panel/page-panel-header.d.ts +1 -1
  179. package/dist/page/page-panel/page-panel-header2.js +2 -2
  180. package/dist/page/page-panel/page-panel.d.ts +2 -17
  181. package/dist/page/page-panel/page-panel.global.js +1 -1
  182. package/dist/page/page-panel/page-panel.global.js.map +1 -1
  183. package/dist/page/page-panel/page-panel2.js +16 -39
  184. package/dist/page/page-panel/page-panel2.js.map +1 -1
  185. package/dist/page/page.d.ts +1 -1
  186. package/dist/page/page.examples.js.map +1 -1
  187. package/dist/page/page.examples.json +0 -32
  188. package/dist/page/page2.js +2 -2
  189. package/dist/page-header/page-header.d.ts +1 -1
  190. package/dist/page-header/page-header2.js +1 -1
  191. package/dist/page-loader/page-loader.d.ts +1 -1
  192. package/dist/page-loader/page-loader2.js +2 -2
  193. package/dist/pagination/pagination.d.ts +1 -1
  194. package/dist/pagination/pagination2.js +2 -2
  195. package/dist/panel/panel.d.ts +8 -5
  196. package/dist/panel/panel.examples.js.map +1 -1
  197. package/dist/panel/panel2.js +5 -5
  198. package/dist/panel/panel2.js.map +1 -1
  199. package/dist/password/password.d.ts +1 -1
  200. package/dist/password/password2.js +2 -2
  201. package/dist/preferences-input/preferences-input.d.ts +1 -1
  202. package/dist/preferences-input/preferences-input2.js +2 -2
  203. package/dist/progress-bar/progress-bar.d.ts +1 -1
  204. package/dist/progress-bar/progress-bar2.js +2 -2
  205. package/dist/progress-ring/progress-ring.d.ts +1 -3
  206. package/dist/progress-ring/progress-ring2.js +9 -14
  207. package/dist/progress-ring/progress-ring2.js.map +1 -1
  208. package/dist/progressive-filter-chip/progressive-filter-chip.d.ts +1 -1
  209. package/dist/progressive-filter-chip/progressive-filter-chip2.js +2 -2
  210. package/dist/pulse/pulse.d.ts +1 -1
  211. package/dist/pulse/pulse2.js +2 -2
  212. package/dist/radio/radio-group2.js +2 -2
  213. package/dist/radio/radio2.js +2 -2
  214. package/dist/range/range.d.ts +1 -1
  215. package/dist/range/range2.js +2 -2
  216. package/dist/resize-handle/resize-handle.d.ts +1 -1
  217. package/dist/resize-handle/resize-handle2.js +2 -2
  218. package/dist/search/search.d.ts +1 -1
  219. package/dist/search/search2.js +2 -2
  220. package/dist/select/select.d.ts +2 -2
  221. package/dist/select/select2.js +2 -2
  222. package/dist/skeleton/skeleton.d.ts +1 -1
  223. package/dist/skeleton/skeleton2.js +2 -2
  224. package/dist/sort-button/sort-button.d.ts +1 -1
  225. package/dist/sort-button/sort-button2.js +2 -2
  226. package/dist/sparkline/sparkline.d.ts +1 -1
  227. package/dist/sparkline/sparkline2.js +2 -2
  228. package/dist/star-rating/star-rating.d.ts +1 -1
  229. package/dist/star-rating/star-rating2.js +2 -2
  230. package/dist/steps/steps.d.ts +2 -2
  231. package/dist/steps/steps2.js +3 -3
  232. package/dist/switch/switch-group2.js +2 -2
  233. package/dist/switch/switch2.js +2 -2
  234. package/dist/tabs/tabs-group.d.ts +1 -1
  235. package/dist/tabs/tabs-group2.js +2 -2
  236. package/dist/tabs/tabs-item.js +1 -1
  237. package/dist/tabs/tabs-item.js.map +1 -1
  238. package/dist/tabs/tabs.d.ts +2 -6
  239. package/dist/tabs/tabs.global.js +1 -1
  240. package/dist/tabs/tabs.global.js.map +1 -1
  241. package/dist/tabs/tabs.js +1 -1
  242. package/dist/tabs/tabs.js.map +1 -1
  243. package/dist/tabs/tabs2.js +3 -3
  244. package/dist/tabs/tabs2.js.map +1 -1
  245. package/dist/tag/tag.d.ts +1 -1
  246. package/dist/tag/tag2.js +2 -2
  247. package/dist/textarea/textarea2.js +1 -1
  248. package/dist/time/time.d.ts +1 -1
  249. package/dist/time/time2.js +2 -2
  250. package/dist/toast/toast.d.ts +3 -4
  251. package/dist/toast/toast2.js +3 -3
  252. package/dist/toast/toast2.js.map +1 -1
  253. package/dist/toggletip/toggletip-footer.d.ts +1 -1
  254. package/dist/toggletip/toggletip-footer2.js +2 -2
  255. package/dist/toggletip/toggletip-header.d.ts +1 -1
  256. package/dist/toggletip/toggletip-header2.js +2 -2
  257. package/dist/toggletip/toggletip.d.ts +1 -1
  258. package/dist/toggletip/toggletip.examples.js.map +1 -1
  259. package/dist/toggletip/toggletip2.js +2 -2
  260. package/dist/toolbar/toolbar.d.ts +1 -1
  261. package/dist/toolbar/toolbar2.js +2 -2
  262. package/dist/tooltip/tooltip.d.ts +1 -1
  263. package/dist/tooltip/tooltip2.js +2 -2
  264. package/dist/tree/tree-node.d.ts +1 -1
  265. package/dist/tree/tree-node2.js +2 -2
  266. package/dist/tree/tree.d.ts +1 -1
  267. package/dist/tree/tree2.js +2 -2
  268. package/dist/week/week.d.ts +1 -1
  269. package/dist/week/week2.js +2 -2
  270. package/package.json +15 -15
@@ -13,7 +13,7 @@
13
13
  },
14
14
  {
15
15
  "name": "markdown",
16
- "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) |"
16
+ "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) |"
17
17
  }
18
18
  ]
19
19
  },
@@ -28,7 +28,7 @@
28
28
  },
29
29
  {
30
30
  "name": "markdown",
31
- "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) |"
31
+ "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) |"
32
32
  }
33
33
  ]
34
34
  },
@@ -73,7 +73,7 @@
73
73
  },
74
74
  {
75
75
  "name": "markdown",
76
- "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) |"
76
+ "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) |"
77
77
  }
78
78
  ]
79
79
  },
@@ -108,7 +108,7 @@
108
108
  },
109
109
  {
110
110
  "name": "markdown",
111
- "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) |"
111
+ "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) |"
112
112
  }
113
113
  ]
114
114
  },
@@ -374,7 +374,7 @@
374
374
  },
375
375
  {
376
376
  "name": "nve-breadcrumb",
377
- "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)_",
377
+ "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)_",
378
378
  "attributes": [],
379
379
  "references": [
380
380
  {
@@ -383,7 +383,7 @@
383
383
  },
384
384
  {
385
385
  "name": "markdown",
386
- "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 |"
386
+ "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) |"
387
387
  }
388
388
  ]
389
389
  },
@@ -479,7 +479,11 @@
479
479
  "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.",
480
480
  "values": []
481
481
  },
482
- { "name": "readonly", "description": "", "values": [] },
482
+ {
483
+ "name": "readonly",
484
+ "description": "Like input readonly, sets a button semantically as visual treatment only.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly",
485
+ "values": []
486
+ },
483
487
  {
484
488
  "name": "form",
485
489
  "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",
@@ -965,7 +969,11 @@
965
969
  "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.",
966
970
  "values": []
967
971
  },
968
- { "name": "readonly", "description": "", "values": [] },
972
+ {
973
+ "name": "readonly",
974
+ "description": "Like input readonly, sets a button semantically as visual treatment only.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly",
975
+ "values": []
976
+ },
969
977
  {
970
978
  "name": "form",
971
979
  "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",
@@ -1548,7 +1556,11 @@
1548
1556
  "description": "Enables updating internal string values for internationalization.",
1549
1557
  "values": []
1550
1558
  },
1551
- { "name": "readonly", "description": "", "values": [] },
1559
+ {
1560
+ "name": "readonly",
1561
+ "description": "Prevents the user from changing the control value.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly",
1562
+ "values": []
1563
+ },
1552
1564
  {
1553
1565
  "name": "disabled",
1554
1566
  "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.",
@@ -2574,7 +2586,11 @@
2574
2586
  "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.",
2575
2587
  "values": []
2576
2588
  },
2577
- { "name": "readonly", "description": "", "values": [] },
2589
+ {
2590
+ "name": "readonly",
2591
+ "description": "Like input readonly, sets a button semantically as visual treatment only.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly",
2592
+ "values": []
2593
+ },
2578
2594
  {
2579
2595
  "name": "form",
2580
2596
  "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",
@@ -3163,7 +3179,11 @@
3163
3179
  "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.",
3164
3180
  "values": []
3165
3181
  },
3166
- { "name": "readonly", "description": "", "values": [] },
3182
+ {
3183
+ "name": "readonly",
3184
+ "description": "Like input readonly, sets a button semantically as visual treatment only.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly",
3185
+ "values": []
3186
+ },
3167
3187
  {
3168
3188
  "name": "form",
3169
3189
  "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",
@@ -3511,7 +3531,7 @@
3511
3531
  },
3512
3532
  {
3513
3533
  "name": "nve-page-panel",
3514
- "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",
3534
+ "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)_",
3515
3535
  "attributes": [
3516
3536
  {
3517
3537
  "name": "size",
@@ -3604,7 +3624,11 @@
3604
3624
  "description": "Enables updating internal string values for internationalization.",
3605
3625
  "values": []
3606
3626
  },
3607
- { "name": "readonly", "description": "", "values": [] },
3627
+ {
3628
+ "name": "readonly",
3629
+ "description": "Prevents the user from changing the control value.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly",
3630
+ "values": []
3631
+ },
3608
3632
  {
3609
3633
  "name": "disabled",
3610
3634
  "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.",
@@ -3669,7 +3693,7 @@
3669
3693
  },
3670
3694
  {
3671
3695
  "name": "nve-panel-header",
3672
- "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)_",
3696
+ "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)_",
3673
3697
  "attributes": [],
3674
3698
  "references": [
3675
3699
  {
@@ -3688,7 +3712,7 @@
3688
3712
  },
3689
3713
  {
3690
3714
  "name": "nve-panel-content",
3691
- "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)_",
3715
+ "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)_",
3692
3716
  "attributes": [],
3693
3717
  "references": [
3694
3718
  {
@@ -3707,7 +3731,7 @@
3707
3731
  },
3708
3732
  {
3709
3733
  "name": "nve-panel-footer",
3710
- "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)_",
3734
+ "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)_",
3711
3735
  "attributes": [],
3712
3736
  "references": [
3713
3737
  {
@@ -3726,7 +3750,7 @@
3726
3750
  },
3727
3751
  {
3728
3752
  "name": "nve-panel",
3729
- "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",
3753
+ "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",
3730
3754
  "attributes": [
3731
3755
  {
3732
3756
  "name": "expanded",
@@ -3840,7 +3864,11 @@
3840
3864
  "description": "Enables updating internal string values for internationalization.",
3841
3865
  "values": []
3842
3866
  },
3843
- { "name": "readonly", "description": "", "values": [] },
3867
+ {
3868
+ "name": "readonly",
3869
+ "description": "Prevents the user from changing the control value.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly",
3870
+ "values": []
3871
+ },
3844
3872
  {
3845
3873
  "name": "disabled",
3846
3874
  "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.",
@@ -4247,7 +4275,11 @@
4247
4275
  "description": "Enables updating internal string values for internationalization.",
4248
4276
  "values": []
4249
4277
  },
4250
- { "name": "readonly", "description": "", "values": [] },
4278
+ {
4279
+ "name": "readonly",
4280
+ "description": "Prevents the user from changing the control value.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly",
4281
+ "values": []
4282
+ },
4251
4283
  {
4252
4284
  "name": "disabled",
4253
4285
  "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.",
@@ -4492,7 +4524,11 @@
4492
4524
  "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.",
4493
4525
  "values": []
4494
4526
  },
4495
- { "name": "readonly", "description": "", "values": [] },
4527
+ {
4528
+ "name": "readonly",
4529
+ "description": "Like input readonly, sets a button semantically as visual treatment only.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly",
4530
+ "values": []
4531
+ },
4496
4532
  {
4497
4533
  "name": "form",
4498
4534
  "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",
@@ -4775,7 +4811,11 @@
4775
4811
  "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.",
4776
4812
  "values": []
4777
4813
  },
4778
- { "name": "readonly", "description": "", "values": [] },
4814
+ {
4815
+ "name": "readonly",
4816
+ "description": "Like input readonly, sets a button semantically as visual treatment only.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly",
4817
+ "values": []
4818
+ },
4779
4819
  {
4780
4820
  "name": "form",
4781
4821
  "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",
@@ -4994,7 +5034,7 @@
4994
5034
  },
4995
5035
  {
4996
5036
  "name": "nve-tabs-item",
4997
- "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)_",
5037
+ "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)_",
4998
5038
  "attributes": [
4999
5039
  {
5000
5040
  "name": "selected",
@@ -5011,7 +5051,11 @@
5011
5051
  "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.",
5012
5052
  "values": []
5013
5053
  },
5014
- { "name": "readonly", "description": "", "values": [] },
5054
+ {
5055
+ "name": "readonly",
5056
+ "description": "Like input readonly, sets a button semantically as visual treatment only.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly",
5057
+ "values": []
5058
+ },
5015
5059
  {
5016
5060
  "name": "form",
5017
5061
  "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",
@@ -5083,7 +5127,7 @@
5083
5127
  },
5084
5128
  {
5085
5129
  "name": "markdown",
5086
- "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| --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) |"
5130
+ "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) |"
5087
5131
  }
5088
5132
  ]
5089
5133
  },
@@ -5175,7 +5219,11 @@
5175
5219
  "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.",
5176
5220
  "values": []
5177
5221
  },
5178
- { "name": "readonly", "description": "", "values": [] },
5222
+ {
5223
+ "name": "readonly",
5224
+ "description": "Like input readonly, sets a button semantically as visual treatment only.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly",
5225
+ "values": []
5226
+ },
5179
5227
  {
5180
5228
  "name": "form",
5181
5229
  "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",
@@ -5426,8 +5474,7 @@
5426
5474
  { "name": "accent" },
5427
5475
  { "name": "warning" },
5428
5476
  { "name": "success" },
5429
- { "name": "danger" },
5430
- { "name": "muted" }
5477
+ { "name": "danger" }
5431
5478
  ]
5432
5479
  },
5433
5480
  {
@@ -5443,7 +5490,7 @@
5443
5490
  },
5444
5491
  {
5445
5492
  "name": "markdown",
5446
- "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) |"
5493
+ "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) |"
5447
5494
  }
5448
5495
  ]
5449
5496
  },
@@ -195,7 +195,7 @@
195
195
  ],
196
196
  "type": "pattern",
197
197
  "description": "Basic Card with header and footer",
198
- "body": "<nve-card>\n <nve-card-header>\n <div slot=\"title\">${1:Title}</div>\n <div slot=\"subtitle\">${2:Sub Title}</div>\n </nve-card-header>\n <nve-card-content>\n ${3:\n <p>card content</p>\n }\n </nve-card-content>\n <nve-card-footer>\n <nve-button style=\"margin-left: auto\">Action</nve-button>\n </nve-card-footer>\n</nve-card>\n"
198
+ "body": "<nve-card>\n <nve-card-header>\n <div>\n <h2>${1:Title}</h2>\n <p>${2:Sub Title}</p>\n </div>\n </nve-card-header>\n <nve-card-content>\n ${3:\n <p>card content</p>\n }\n </nve-card-content>\n <nve-card-footer>\n <nve-button style=\"margin-left: auto\">Action</nve-button>\n </nve-card-footer>\n</nve-card>\n"
199
199
  },
200
200
  "Media Card": {
201
201
  "srcFile": "card.snippets.html",
@@ -251,33 +251,6 @@
251
251
  "description": "Simple vertical button group with three icon buttons.",
252
252
  "body": "<nve-button-group orientation=\"vertical\">\n <nve-icon-button icon-name=\"${1:copy}\"></nve-icon-button>\n <nve-icon-button icon-name=\"${2:add-comment}\"></nve-icon-button>\n <nve-icon-button icon-name=\"${3:download}\"></nve-icon-button>\n</nve-button-group>\n"
253
253
  },
254
- "Accordion": {
255
- "srcFile": "accordion.snippets.html",
256
- "prefix": [
257
- "accordion"
258
- ],
259
- "type": "pattern",
260
- "description": "Basic accordion with title and content slot.",
261
- "body": "<nve-accordion behavior-expand container=\"${1:flat}\">\n <nve-accordion-header>\n <div slot=\"title\">${2:Title}</div>\n </nve-accordion-header>\n\n <nve-accordion-content> ${3:Content} </nve-accordion-content>\n</nve-accordion>\n$0\n"
262
- },
263
- "Accordion with Actions": {
264
- "srcFile": "accordion.snippets.html",
265
- "prefix": [
266
- "accordion-actions"
267
- ],
268
- "type": "pattern",
269
- "description": "Accordion with action buttons in header.",
270
- "body": "<nve-accordion behavior-expand container=\"${1:flat}\">\n <nve-accordion-header>\n <div slot=\"title\">${2:Title}</div>\n\n <nve-icon-button container=\"flat\" icon-name=\"${3:add}\" size=\"sm\" slot=\"actions\"></nve-icon-button>\n <nve-icon-button container=\"flat\" icon-name=\"${4:delete}\" size=\"sm\" slot=\"actions\"></nve-icon-button>\n </nve-accordion-header>\n\n <nve-accordion-content> ${5:Content} </nve-accordion-content>\n</nve-accordion>\n$0\n"
271
- },
272
- "Accorion Group": {
273
- "srcFile": "accordion.snippets.html",
274
- "prefix": [
275
- "accordion-group"
276
- ],
277
- "type": "pattern",
278
- "description": "Accordion group with two accordion children.",
279
- "body": "<nve-accordion-group behavior-expand-single container=\"${1:flat}\">\n <nve-accordion>\n <nve-accordion-header>\n <div slot=\"title\">${2:Title}</div>\n </nve-accordion-header>\n\n <nve-accordion-content> ${3:Content} </nve-accordion-content>\n </nve-accordion>\n\n <nve-accordion>\n <nve-accordion-header>\n <div slot=\"title\">${4:Title}</div>\n </nve-accordion-header>\n\n <nve-accordion-content> ${5:Content} </nve-accordion-content>\n </nve-accordion>\n\n <nve-accordion>\n <nve-accordion-header>\n <div slot=\"title\">${6:Title}</div>\n </nve-accordion-header>\n\n <nve-accordion-content> ${7:Content} </nve-accordion-content>\n </nve-accordion>\n</nve-accordion-group>\n$0\n"
280
- },
281
254
  "Alert Group": {
282
255
  "srcFile": "alert.snippets.html",
283
256
  "prefix": [
@@ -304,5 +277,32 @@
304
277
  "type": "pattern",
305
278
  "description": "Alert text and preformatted code output.",
306
279
  "body": "<nve-alert-group status=\"danger\">\n <nve-alert>\n Session Paused:\n <div slot=\"content\" nve-layout=\"column gap:sm align:stretch\">\n <p nve-text=\"body sm\">Failed to verify drives. <a href=\"#\" nve-text=\"link\">Check Status</a></p>\n <nve-divider style=\"--color: var(--nve-sys-text-muted-color)\"></nve-divider>\n <pre nve-text=\"code sm\" style=\"background: transparent !important; margin: 0;\">10:06:01 AM [verify] update /virtual:/verify/\n10:06:11 AM [build] update /virtual:/build/\n10:06:22 AM [error] update /virtual:/error/ - failed to connect to remote\n </pre>\n </div>\n </nve-alert>\n</nve-alert-group>\n$0\n"
280
+ },
281
+ "Accordion": {
282
+ "srcFile": "accordion.snippets.html",
283
+ "prefix": [
284
+ "accordion"
285
+ ],
286
+ "type": "pattern",
287
+ "description": "Basic accordion with title and content slot.",
288
+ "body": "<nve-accordion behavior-expand container=\"${1:flat}\">\n <nve-accordion-header>\n <div>${2:Title}</div>\n </nve-accordion-header>\n\n <nve-accordion-content> ${3:Content} </nve-accordion-content>\n</nve-accordion>\n$0\n"
289
+ },
290
+ "Accordion with Actions": {
291
+ "srcFile": "accordion.snippets.html",
292
+ "prefix": [
293
+ "accordion-actions"
294
+ ],
295
+ "type": "pattern",
296
+ "description": "Accordion with action buttons in header.",
297
+ "body": "<nve-accordion behavior-expand container=\"${1:flat}\">\n <nve-accordion-header>\n <div>${2:Title}</div>\n\n <nve-icon-button container=\"flat\" icon-name=\"${3:add}\" size=\"sm\" slot=\"suffix\"></nve-icon-button>\n <nve-icon-button container=\"flat\" icon-name=\"${4:delete}\" size=\"sm\" slot=\"suffix\"></nve-icon-button>\n </nve-accordion-header>\n\n <nve-accordion-content> ${5:Content} </nve-accordion-content>\n</nve-accordion>\n$0\n"
298
+ },
299
+ "Accorion Group": {
300
+ "srcFile": "accordion.snippets.html",
301
+ "prefix": [
302
+ "accordion-group"
303
+ ],
304
+ "type": "pattern",
305
+ "description": "Accordion group with two accordion children.",
306
+ "body": "<nve-accordion-group behavior-expand-single container=\"${1:flat}\">\n <nve-accordion>\n <nve-accordion-header>\n <div>${2:Title}</div>\n </nve-accordion-header>\n\n <nve-accordion-content> ${3:Content} </nve-accordion-content>\n </nve-accordion>\n\n <nve-accordion>\n <nve-accordion-header>\n <div>${4:Title}</div>\n </nve-accordion-header>\n\n <nve-accordion-content> ${5:Content} </nve-accordion-content>\n </nve-accordion>\n\n <nve-accordion>\n <nve-accordion-header>\n <div>${6:Title}</div>\n </nve-accordion-header>\n\n <nve-accordion-content> ${7:Content} </nve-accordion-content>\n </nve-accordion>\n</nve-accordion-group>\n$0\n"
307
307
  }
308
308
  }
@@ -36,5 +36,5 @@ export declare class Date extends Control implements ContainerElement {
36
36
  static elementDefinitions: {
37
37
  [IconButton.metadata.tag]: typeof IconButton;
38
38
  };
39
- protected get suffixContent(): import('lit-html').TemplateResult<1>;
39
+ protected get suffixContent(): import('lit').TemplateResult<1>;
40
40
  }
@@ -1,6 +1,6 @@
1
1
  import { scopedRegistry as e } from "../internal/decorators/scoped-registry.js";
2
2
  import { useStyles as t } from "../internal/styles/index.js";
3
- import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
3
+ import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
4
4
  import { Control as r } from "../forms/control/control2.js";
5
5
  import { IconButton as i } from "../icon-button/icon-button2.js";
6
6
  import { inputStyles as a } from "../input/input2.js";
@@ -19,7 +19,7 @@ var l = class extends r {
19
19
  static {
20
20
  this.metadata = {
21
21
  tag: "nve-date",
22
- version: "0.2.3"
22
+ version: "2.0.0"
23
23
  };
24
24
  }
25
25
  static {
@@ -36,5 +36,5 @@ export declare class Datetime extends Control implements ContainerElement {
36
36
  static elementDefinitions: {
37
37
  [IconButton.metadata.tag]: typeof IconButton;
38
38
  };
39
- protected get suffixContent(): import('lit-html').TemplateResult<1>;
39
+ protected get suffixContent(): import('lit').TemplateResult<1>;
40
40
  }
@@ -1,6 +1,6 @@
1
1
  import { scopedRegistry as e } from "../internal/decorators/scoped-registry.js";
2
2
  import { useStyles as t } from "../internal/styles/index.js";
3
- import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
3
+ import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
4
4
  import { Control as r } from "../forms/control/control2.js";
5
5
  import { IconButton as i } from "../icon-button/icon-button2.js";
6
6
  import { inputStyles as a } from "../input/input2.js";
@@ -19,7 +19,7 @@ var l = class extends r {
19
19
  static {
20
20
  this.metadata = {
21
21
  tag: "nve-datetime",
22
- version: "0.2.3"
22
+ version: "2.0.0"
23
23
  };
24
24
  }
25
25
  static {
@@ -17,6 +17,6 @@ export declare class DialogFooter extends LitElement {
17
17
  version: string;
18
18
  parents: string[];
19
19
  };
20
- render(): import('lit-html').TemplateResult<1>;
20
+ render(): import('lit').TemplateResult<1>;
21
21
  connectedCallback(): void;
22
22
  }
@@ -1,6 +1,6 @@
1
1
  import { audit as e } from "../internal/controllers/audit.controller.js";
2
2
  import { useStyles as t } from "../internal/styles/index.js";
3
- import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
3
+ import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
4
4
  import r from "./dialog-footer.js";
5
5
  import { LitElement as i, html as a } from "lit";
6
6
  //#region src/dialog/dialog-footer.ts
@@ -11,7 +11,7 @@ var o = class extends i {
11
11
  static {
12
12
  this.metadata = {
13
13
  tag: "nve-dialog-footer",
14
- version: "0.2.3",
14
+ version: "2.0.0",
15
15
  parents: ["nve-dialog"]
16
16
  };
17
17
  }
@@ -16,6 +16,6 @@ export declare class DialogHeader extends LitElement {
16
16
  version: string;
17
17
  parents: string[];
18
18
  };
19
- render(): import('lit-html').TemplateResult<1>;
19
+ render(): import('lit').TemplateResult<1>;
20
20
  connectedCallback(): void;
21
21
  }
@@ -1,6 +1,6 @@
1
1
  import { audit as e } from "../internal/controllers/audit.controller.js";
2
2
  import { useStyles as t } from "../internal/styles/index.js";
3
- import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
3
+ import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
4
4
  import r from "./dialog-header.js";
5
5
  import { LitElement as i, html as a } from "lit";
6
6
  //#region src/dialog/dialog-header.ts
@@ -11,7 +11,7 @@ var o = class extends i {
11
11
  static {
12
12
  this.metadata = {
13
13
  tag: "nve-dialog-header",
14
- version: "0.2.3",
14
+ version: "2.0.0",
15
15
  parents: ["nve-dialog"]
16
16
  };
17
17
  }
@@ -88,6 +88,6 @@ export declare class Dialog extends LitElement {
88
88
  };
89
89
  /** @private */
90
90
  _internals: ElementInternals;
91
- render(): import('lit-html').TemplateResult<1>;
91
+ render(): import('lit').TemplateResult<1>;
92
92
  connectedCallback(): void;
93
93
  }