@nvidia-elements/core 0.1.1 → 0.1.3

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 (357) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/dist/_virtual/{_@oxc-project_runtime@0.128.0 → _@oxc-project_runtime@0.130.0}/helpers/decorate.js +1 -1
  3. package/dist/accordion/accordion2.js +5 -5
  4. package/dist/accordion/accordion2.js.map +1 -1
  5. package/dist/accordion/define.js.map +1 -1
  6. package/dist/alert/alert-group2.js +2 -2
  7. package/dist/alert/alert-group2.js.map +1 -1
  8. package/dist/alert/alert2.js +2 -2
  9. package/dist/alert/alert2.js.map +1 -1
  10. package/dist/alert/define.js.map +1 -1
  11. package/dist/avatar/avatar-group2.js +1 -1
  12. package/dist/avatar/avatar-group2.js.map +1 -1
  13. package/dist/avatar/avatar2.js +2 -2
  14. package/dist/avatar/avatar2.js.map +1 -1
  15. package/dist/avatar/define.js.map +1 -1
  16. package/dist/badge/badge2.js +2 -2
  17. package/dist/badge/badge2.js.map +1 -1
  18. package/dist/badge/define.js.map +1 -1
  19. package/dist/breadcrumb/breadcrumb2.js +2 -2
  20. package/dist/breadcrumb/breadcrumb2.js.map +1 -1
  21. package/dist/breadcrumb/define.js.map +1 -1
  22. package/dist/bundles/index.d.ts +6 -1
  23. package/dist/bundles/index.js +4 -4
  24. package/dist/button/button.js +1 -1
  25. package/dist/button/button.js.map +1 -1
  26. package/dist/button/button2.js +2 -2
  27. package/dist/button/button2.js.map +1 -1
  28. package/dist/button/define.js.map +1 -1
  29. package/dist/button-group/button-group2.js +2 -2
  30. package/dist/button-group/button-group2.js.map +1 -1
  31. package/dist/button-group/define.js.map +1 -1
  32. package/dist/card/card2.js +5 -5
  33. package/dist/card/card2.js.map +1 -1
  34. package/dist/card/define.js.map +1 -1
  35. package/dist/chat-message/chat-message2.js +2 -2
  36. package/dist/chat-message/chat-message2.js.map +1 -1
  37. package/dist/chat-message/define.js.map +1 -1
  38. package/dist/checkbox/checkbox-group2.js +2 -2
  39. package/dist/checkbox/checkbox-group2.js.map +1 -1
  40. package/dist/checkbox/checkbox2.js +2 -2
  41. package/dist/checkbox/checkbox2.js.map +1 -1
  42. package/dist/checkbox/define.js.map +1 -1
  43. package/dist/color/color2.js +2 -2
  44. package/dist/color/color2.js.map +1 -1
  45. package/dist/color/define.js.map +1 -1
  46. package/dist/combobox/combobox2.js +2 -2
  47. package/dist/combobox/combobox2.js.map +1 -1
  48. package/dist/combobox/define.js.map +1 -1
  49. package/dist/copy-button/copy-button2.js +2 -2
  50. package/dist/copy-button/copy-button2.js.map +1 -1
  51. package/dist/copy-button/define.js.map +1 -1
  52. package/dist/custom-elements-jsx.d.ts +24 -33
  53. package/dist/custom-elements-vue.d.ts +24 -33
  54. package/dist/custom-elements.json +255 -118
  55. package/dist/data.html.json +16 -48
  56. package/dist/data.snippets.json +18 -18
  57. package/dist/date/date2.js +2 -2
  58. package/dist/date/date2.js.map +1 -1
  59. package/dist/date/define.js.map +1 -1
  60. package/dist/datetime/datetime2.js +2 -2
  61. package/dist/datetime/datetime2.js.map +1 -1
  62. package/dist/datetime/define.js.map +1 -1
  63. package/dist/dialog/define.js.map +1 -1
  64. package/dist/dialog/dialog-footer2.js +2 -2
  65. package/dist/dialog/dialog-footer2.js.map +1 -1
  66. package/dist/dialog/dialog-header2.js +2 -2
  67. package/dist/dialog/dialog-header2.js.map +1 -1
  68. package/dist/dialog/dialog2.js +2 -2
  69. package/dist/dialog/dialog2.js.map +1 -1
  70. package/dist/divider/define.js.map +1 -1
  71. package/dist/divider/divider2.js +2 -2
  72. package/dist/divider/divider2.js.map +1 -1
  73. package/dist/dot/define.js.map +1 -1
  74. package/dist/dot/dot2.js +2 -2
  75. package/dist/dot/dot2.js.map +1 -1
  76. package/dist/drawer/define.js.map +1 -1
  77. package/dist/drawer/drawer-content2.js +2 -2
  78. package/dist/drawer/drawer-content2.js.map +1 -1
  79. package/dist/drawer/drawer-footer2.js +2 -2
  80. package/dist/drawer/drawer-footer2.js.map +1 -1
  81. package/dist/drawer/drawer-header2.js +2 -2
  82. package/dist/drawer/drawer-header2.js.map +1 -1
  83. package/dist/drawer/drawer2.js +2 -2
  84. package/dist/drawer/drawer2.js.map +1 -1
  85. package/dist/dropdown/define.js.map +1 -1
  86. package/dist/dropdown/dropdown-footer2.js +2 -2
  87. package/dist/dropdown/dropdown-footer2.js.map +1 -1
  88. package/dist/dropdown/dropdown-header2.js +2 -2
  89. package/dist/dropdown/dropdown-header2.js.map +1 -1
  90. package/dist/dropdown/dropdown2.js +2 -2
  91. package/dist/dropdown/dropdown2.js.map +1 -1
  92. package/dist/dropdown-group/define.js.map +1 -1
  93. package/dist/dropdown-group/dropdown-group.js +2 -2
  94. package/dist/dropdown-group/dropdown-group.js.map +1 -1
  95. package/dist/dropzone/define.js.map +1 -1
  96. package/dist/dropzone/dropzone.util.js.map +1 -1
  97. package/dist/dropzone/dropzone2.js +2 -2
  98. package/dist/dropzone/dropzone2.js.map +1 -1
  99. package/dist/file/define.js.map +1 -1
  100. package/dist/file/file2.js +1 -1
  101. package/dist/file/file2.js.map +1 -1
  102. package/dist/format-datetime/define.js.map +1 -1
  103. package/dist/format-datetime/format-datetime2.js +2 -2
  104. package/dist/format-datetime/format-datetime2.js.map +1 -1
  105. package/dist/format-number/define.js.map +1 -1
  106. package/dist/format-number/format-number2.js +2 -2
  107. package/dist/format-number/format-number2.js.map +1 -1
  108. package/dist/format-relative-time/define.js.map +1 -1
  109. package/dist/format-relative-time/format-relative-time2.js +2 -2
  110. package/dist/format-relative-time/format-relative-time2.js.map +1 -1
  111. package/dist/forms/control/control2.js +2 -2
  112. package/dist/forms/control/control2.js.map +1 -1
  113. package/dist/forms/control-group/control-group2.js +2 -2
  114. package/dist/forms/control-group/control-group2.js.map +1 -1
  115. package/dist/forms/control-message/control-message2.js +2 -2
  116. package/dist/forms/control-message/control-message2.js.map +1 -1
  117. package/dist/forms/define.js.map +1 -1
  118. package/dist/forms/utils/layout.js.map +1 -1
  119. package/dist/forms/utils/states.js.map +1 -1
  120. package/dist/grid/cell/cell2.js +1 -1
  121. package/dist/grid/cell/cell2.js.map +1 -1
  122. package/dist/grid/column/column2.js +2 -2
  123. package/dist/grid/column/column2.js.map +1 -1
  124. package/dist/grid/define.js.map +1 -1
  125. package/dist/grid/footer/footer2.js +2 -2
  126. package/dist/grid/footer/footer2.js.map +1 -1
  127. package/dist/grid/grid2.js +2 -2
  128. package/dist/grid/grid2.js.map +1 -1
  129. package/dist/grid/header/header2.js +2 -2
  130. package/dist/grid/header/header2.js.map +1 -1
  131. package/dist/grid/placeholder/placeholder2.js +1 -1
  132. package/dist/grid/placeholder/placeholder2.js.map +1 -1
  133. package/dist/grid/row/row2.js +2 -2
  134. package/dist/grid/row/row2.js.map +1 -1
  135. package/dist/icon/define.js.map +1 -1
  136. package/dist/icon/icon2.js +3 -3
  137. package/dist/icon/icon2.js.map +1 -1
  138. package/dist/icon/icons.js.map +1 -1
  139. package/dist/icon/server.js.map +1 -1
  140. package/dist/icon-button/define.js.map +1 -1
  141. package/dist/icon-button/icon-button2.js +2 -2
  142. package/dist/icon-button/icon-button2.js.map +1 -1
  143. package/dist/index.js +1 -1
  144. package/dist/input/define.js.map +1 -1
  145. package/dist/input/input-group2.js +1 -1
  146. package/dist/input/input-group2.js.map +1 -1
  147. package/dist/input/input2.js +2 -2
  148. package/dist/input/input2.js.map +1 -1
  149. package/dist/internal/base/button.d.ts +6 -1
  150. package/dist/internal/base/button.js +10 -3
  151. package/dist/internal/base/button.js.map +1 -1
  152. package/dist/internal/controllers/audit.controller.js.map +1 -1
  153. package/dist/internal/controllers/i18n.controller.js.map +1 -1
  154. package/dist/internal/controllers/keynav-grid.controller.js.map +1 -1
  155. package/dist/internal/controllers/keynav-list.controller.js.map +1 -1
  156. package/dist/internal/controllers/state-active.controller.js.map +1 -1
  157. package/dist/internal/controllers/state-current.controller.d.ts +1 -1
  158. package/dist/internal/controllers/state-current.controller.js +1 -1
  159. package/dist/internal/controllers/state-current.controller.js.map +1 -1
  160. package/dist/internal/controllers/state-disabled.controller.d.ts +1 -1
  161. package/dist/internal/controllers/state-disabled.controller.js +1 -1
  162. package/dist/internal/controllers/state-disabled.controller.js.map +1 -1
  163. package/dist/internal/controllers/state-expanded.controller.d.ts +1 -1
  164. package/dist/internal/controllers/state-expanded.controller.js +1 -1
  165. package/dist/internal/controllers/state-expanded.controller.js.map +1 -1
  166. package/dist/internal/controllers/state-highlighted.controller.js.map +1 -1
  167. package/dist/internal/controllers/state-pressed.controller.d.ts +1 -1
  168. package/dist/internal/controllers/state-pressed.controller.js +1 -1
  169. package/dist/internal/controllers/state-pressed.controller.js.map +1 -1
  170. package/dist/internal/controllers/state-scroll.controller.js.map +1 -1
  171. package/dist/internal/controllers/state-selected.controller.d.ts +1 -1
  172. package/dist/internal/controllers/state-selected.controller.js +1 -1
  173. package/dist/internal/controllers/state-selected.controller.js.map +1 -1
  174. package/dist/internal/controllers/type-anchor.controller.d.ts +1 -1
  175. package/dist/internal/controllers/type-anchor.controller.js +1 -1
  176. package/dist/internal/controllers/type-anchor.controller.js.map +1 -1
  177. package/dist/internal/controllers/type-button.controller.d.ts +1 -1
  178. package/dist/internal/controllers/type-button.controller.js +1 -1
  179. package/dist/internal/controllers/type-button.controller.js.map +1 -1
  180. package/dist/internal/controllers/type-closable.controller.js.map +1 -1
  181. package/dist/internal/controllers/type-command.controller.d.ts +1 -1
  182. package/dist/internal/controllers/type-command.controller.js +1 -1
  183. package/dist/internal/controllers/type-command.controller.js.map +1 -1
  184. package/dist/internal/controllers/type-expandable.controller.js.map +1 -1
  185. package/dist/internal/controllers/type-interest.controller.d.ts +1 -1
  186. package/dist/internal/controllers/type-interest.controller.js.map +1 -1
  187. package/dist/internal/controllers/type-native-popover-trigger.controller.js.map +1 -1
  188. package/dist/internal/controllers/type-native-popover.controller.js.map +1 -1
  189. package/dist/internal/controllers/type-native-popover.utils.js.map +1 -1
  190. package/dist/internal/controllers/type-selectable.controller.js.map +1 -1
  191. package/dist/internal/controllers/type-ssr.controller.js.map +1 -1
  192. package/dist/internal/controllers/type-submit.controller.d.ts +1 -1
  193. package/dist/internal/controllers/type-submit.controller.js +1 -1
  194. package/dist/internal/controllers/type-submit.controller.js.map +1 -1
  195. package/dist/internal/controllers/type-touch.controller.js.map +1 -1
  196. package/dist/internal/decorators/host-attr.js.map +1 -1
  197. package/dist/internal/decorators/scoped-registry.js.map +1 -1
  198. package/dist/internal/services/global.service.js +1 -1
  199. package/dist/internal/services/global.service.js.map +1 -1
  200. package/dist/internal/services/global.utils.js +6 -8
  201. package/dist/internal/services/global.utils.js.map +1 -1
  202. package/dist/internal/services/i18n.service.js.map +1 -1
  203. package/dist/internal/services/log.service.js.map +1 -1
  204. package/dist/internal/services/transition.service.js.map +1 -1
  205. package/dist/internal/styles/index.js.map +1 -1
  206. package/dist/internal/styles/popover2.js.map +1 -1
  207. package/dist/internal/types/index.d.ts +4 -0
  208. package/dist/internal/types/index.js.map +1 -1
  209. package/dist/internal/utils/a11y.js.map +1 -1
  210. package/dist/internal/utils/audit-logs.d.ts +0 -1
  211. package/dist/internal/utils/audit-logs.js +1 -4
  212. package/dist/internal/utils/audit-logs.js.map +1 -1
  213. package/dist/internal/utils/audit.js.map +1 -1
  214. package/dist/internal/utils/dom.js.map +1 -1
  215. package/dist/internal/utils/events.js.map +1 -1
  216. package/dist/internal/utils/focus.js.map +1 -1
  217. package/dist/internal/utils/keynav.js.map +1 -1
  218. package/dist/internal/utils/objects.js.map +1 -1
  219. package/dist/internal/utils/strings.js.map +1 -1
  220. package/dist/internal/utils/supports.js.map +1 -1
  221. package/dist/logo/define.js.map +1 -1
  222. package/dist/logo/logo2.js +2 -2
  223. package/dist/logo/logo2.js.map +1 -1
  224. package/dist/menu/define.js.map +1 -1
  225. package/dist/menu/menu-item2.js +2 -2
  226. package/dist/menu/menu-item2.js.map +1 -1
  227. package/dist/menu/menu2.js +2 -2
  228. package/dist/menu/menu2.js.map +1 -1
  229. package/dist/month/define.js.map +1 -1
  230. package/dist/month/month2.js +2 -2
  231. package/dist/month/month2.js.map +1 -1
  232. package/dist/notification/define.js.map +1 -1
  233. package/dist/notification/notification-group2.js +2 -2
  234. package/dist/notification/notification-group2.js.map +1 -1
  235. package/dist/notification/notification2.js +2 -2
  236. package/dist/notification/notification2.js.map +1 -1
  237. package/dist/page/define.js.map +1 -1
  238. package/dist/page/page-panel/page-panel-content2.js +1 -1
  239. package/dist/page/page-panel/page-panel-content2.js.map +1 -1
  240. package/dist/page/page-panel/page-panel-footer2.js +2 -2
  241. package/dist/page/page-panel/page-panel-footer2.js.map +1 -1
  242. package/dist/page/page-panel/page-panel-header2.js +2 -2
  243. package/dist/page/page-panel/page-panel-header2.js.map +1 -1
  244. package/dist/page/page-panel/page-panel2.js +2 -2
  245. package/dist/page/page-panel/page-panel2.js.map +1 -1
  246. package/dist/page/page2.js +2 -2
  247. package/dist/page/page2.js.map +1 -1
  248. package/dist/page-header/define.js.map +1 -1
  249. package/dist/page-header/page-header2.js +1 -1
  250. package/dist/page-header/page-header2.js.map +1 -1
  251. package/dist/page-loader/define.js.map +1 -1
  252. package/dist/page-loader/page-loader2.js +2 -2
  253. package/dist/page-loader/page-loader2.js.map +1 -1
  254. package/dist/pagination/define.js.map +1 -1
  255. package/dist/pagination/pagination2.js +2 -2
  256. package/dist/pagination/pagination2.js.map +1 -1
  257. package/dist/panel/define.js.map +1 -1
  258. package/dist/panel/panel2.js +5 -5
  259. package/dist/panel/panel2.js.map +1 -1
  260. package/dist/password/define.js.map +1 -1
  261. package/dist/password/password2.js +2 -2
  262. package/dist/password/password2.js.map +1 -1
  263. package/dist/polyfills/custom-state-set.js.map +1 -1
  264. package/dist/polyfills/index.js.map +1 -1
  265. package/dist/preferences-input/define.js.map +1 -1
  266. package/dist/preferences-input/preferences-input2.js +2 -2
  267. package/dist/preferences-input/preferences-input2.js.map +1 -1
  268. package/dist/progress-bar/define.js.map +1 -1
  269. package/dist/progress-bar/progress-bar2.js +2 -2
  270. package/dist/progress-bar/progress-bar2.js.map +1 -1
  271. package/dist/progress-ring/define.js.map +1 -1
  272. package/dist/progress-ring/progress-ring2.js +2 -2
  273. package/dist/progress-ring/progress-ring2.js.map +1 -1
  274. package/dist/progressive-filter-chip/define.js.map +1 -1
  275. package/dist/progressive-filter-chip/progressive-filter-chip2.js +2 -2
  276. package/dist/progressive-filter-chip/progressive-filter-chip2.js.map +1 -1
  277. package/dist/pulse/define.js.map +1 -1
  278. package/dist/pulse/pulse2.js +2 -2
  279. package/dist/pulse/pulse2.js.map +1 -1
  280. package/dist/radio/define.js.map +1 -1
  281. package/dist/radio/radio-group2.js +2 -2
  282. package/dist/radio/radio-group2.js.map +1 -1
  283. package/dist/radio/radio2.js +2 -2
  284. package/dist/radio/radio2.js.map +1 -1
  285. package/dist/range/define.js.map +1 -1
  286. package/dist/range/range2.js +2 -2
  287. package/dist/range/range2.js.map +1 -1
  288. package/dist/resize-handle/define.js.map +1 -1
  289. package/dist/resize-handle/resize-handle2.js +2 -2
  290. package/dist/resize-handle/resize-handle2.js.map +1 -1
  291. package/dist/search/define.js.map +1 -1
  292. package/dist/search/search2.js +2 -2
  293. package/dist/search/search2.js.map +1 -1
  294. package/dist/select/define.js.map +1 -1
  295. package/dist/select/select2.js +2 -2
  296. package/dist/select/select2.js.map +1 -1
  297. package/dist/skeleton/define.js.map +1 -1
  298. package/dist/skeleton/skeleton2.js +2 -2
  299. package/dist/skeleton/skeleton2.js.map +1 -1
  300. package/dist/sort-button/define.js.map +1 -1
  301. package/dist/sort-button/sort-button2.js +2 -2
  302. package/dist/sort-button/sort-button2.js.map +1 -1
  303. package/dist/sparkline/define.js.map +1 -1
  304. package/dist/sparkline/sparkline.utils.js.map +1 -1
  305. package/dist/sparkline/sparkline2.js +2 -2
  306. package/dist/sparkline/sparkline2.js.map +1 -1
  307. package/dist/star-rating/define.js.map +1 -1
  308. package/dist/star-rating/star-rating2.js +2 -2
  309. package/dist/star-rating/star-rating2.js.map +1 -1
  310. package/dist/steps/define.js.map +1 -1
  311. package/dist/steps/steps2.js +3 -3
  312. package/dist/steps/steps2.js.map +1 -1
  313. package/dist/switch/define.js.map +1 -1
  314. package/dist/switch/switch-group2.js +2 -2
  315. package/dist/switch/switch-group2.js.map +1 -1
  316. package/dist/switch/switch2.js +2 -2
  317. package/dist/switch/switch2.js.map +1 -1
  318. package/dist/tabs/define.js.map +1 -1
  319. package/dist/tabs/tabs-group2.js +2 -2
  320. package/dist/tabs/tabs-group2.js.map +1 -1
  321. package/dist/tabs/tabs2.js +3 -3
  322. package/dist/tabs/tabs2.js.map +1 -1
  323. package/dist/tag/define.js.map +1 -1
  324. package/dist/tag/tag2.js +2 -2
  325. package/dist/tag/tag2.js.map +1 -1
  326. package/dist/textarea/define.js.map +1 -1
  327. package/dist/textarea/textarea2.js +1 -1
  328. package/dist/textarea/textarea2.js.map +1 -1
  329. package/dist/time/define.js.map +1 -1
  330. package/dist/time/time2.js +2 -2
  331. package/dist/time/time2.js.map +1 -1
  332. package/dist/toast/define.js.map +1 -1
  333. package/dist/toast/toast2.js +2 -2
  334. package/dist/toast/toast2.js.map +1 -1
  335. package/dist/toggletip/define.js.map +1 -1
  336. package/dist/toggletip/toggletip-footer2.js +2 -2
  337. package/dist/toggletip/toggletip-footer2.js.map +1 -1
  338. package/dist/toggletip/toggletip-header2.js +2 -2
  339. package/dist/toggletip/toggletip-header2.js.map +1 -1
  340. package/dist/toggletip/toggletip2.js +2 -2
  341. package/dist/toggletip/toggletip2.js.map +1 -1
  342. package/dist/toolbar/define.js.map +1 -1
  343. package/dist/toolbar/toolbar2.js +2 -2
  344. package/dist/toolbar/toolbar2.js.map +1 -1
  345. package/dist/tooltip/define.js.map +1 -1
  346. package/dist/tooltip/tooltip2.js +2 -2
  347. package/dist/tooltip/tooltip2.js.map +1 -1
  348. package/dist/tree/define.js.map +1 -1
  349. package/dist/tree/tree-node2.js +2 -2
  350. package/dist/tree/tree-node2.js.map +1 -1
  351. package/dist/tree/tree2.js +2 -2
  352. package/dist/tree/tree2.js.map +1 -1
  353. package/dist/tree/utils.js.map +1 -1
  354. package/dist/week/define.js.map +1 -1
  355. package/dist/week/week2.js +2 -2
  356. package/dist/week/week2.js.map +1 -1
  357. package/package.json +7 -7
@@ -4455,7 +4455,7 @@
4455
4455
  },
4456
4456
  {
4457
4457
  "kind": "field",
4458
- "name": "readonly",
4458
+ "name": "readOnly",
4459
4459
  "type": {
4460
4460
  "text": "boolean",
4461
4461
  "_sourceAliases": [],
@@ -4470,6 +4470,7 @@
4470
4470
  }
4471
4471
  ]
4472
4472
  },
4473
+ "default": "false",
4473
4474
  "description": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n- `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it.\n\n- `false` The element allows editing and the user can change its value through interaction.",
4474
4475
  "attribute": "readonly",
4475
4476
  "reflects": true,
@@ -4479,6 +4480,26 @@
4479
4480
  },
4480
4481
  "descriptionText": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)"
4481
4482
  },
4483
+ {
4484
+ "kind": "field",
4485
+ "name": "readonly",
4486
+ "type": {
4487
+ "text": "boolean",
4488
+ "_sourceAliases": [],
4489
+ "values": [
4490
+ {
4491
+ "value": "boolean",
4492
+ "description": ""
4493
+ }
4494
+ ]
4495
+ },
4496
+ "deprecated": "Use `readOnly`. The `readonly` attribute remains supported.",
4497
+ "inheritedFrom": {
4498
+ "name": "BaseButton",
4499
+ "module": "/src/internal/base/button.js"
4500
+ },
4501
+ "description": ""
4502
+ },
4482
4503
  {
4483
4504
  "kind": "field",
4484
4505
  "name": "form",
@@ -5020,22 +5041,18 @@
5020
5041
  "_sourceAliases": [],
5021
5042
  "values": [
5022
5043
  {
5023
- "value": "true",
5024
- "description": "The element has a readonly state: the user cannot change its value, but can still focus and copy it."
5025
- },
5026
- {
5027
- "value": "false",
5028
- "description": "The element allows editing and the user can change its value through interaction."
5044
+ "value": "boolean",
5045
+ "description": ""
5029
5046
  }
5030
5047
  ]
5031
5048
  },
5032
- "description": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n- `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it.\n\n- `false` The element allows editing and the user can change its value through interaction.",
5033
- "fieldName": "readonly",
5049
+ "default": "false",
5050
+ "description": "",
5051
+ "fieldName": "readOnly",
5034
5052
  "inheritedFrom": {
5035
5053
  "name": "BaseButton",
5036
5054
  "module": "/src/internal/base/button.js"
5037
- },
5038
- "descriptionText": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)"
5055
+ }
5039
5056
  },
5040
5057
  {
5041
5058
  "name": "form",
@@ -5409,7 +5426,7 @@
5409
5426
  "since": "0.1.3",
5410
5427
  "status": "stable",
5411
5428
  "behavior": "button",
5412
- "markdown": "## nve-button\n\nA button is a widget that enables users to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.\n\n### Example\n\n```html\n<nve-button>standard</nve-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/button/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | slot for button text content or icon, icon placement depends on whether `icon` appears before or after text content. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| container | `'flat' \\| 'inline' \\| \"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 | `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) |"
5429
+ "markdown": "## nve-button\n\nA button is a widget that enables users to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.\n\n### Example\n\n```html\n<nve-button>standard</nve-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/button/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | slot for button text content or icon, icon placement depends on whether `icon` appears before or after text content. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| container | `'flat' \\| 'inline' \\| \"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) |"
5413
5430
  }
5414
5431
  }
5415
5432
  ],
@@ -9347,7 +9364,7 @@
9347
9364
  },
9348
9365
  {
9349
9366
  "kind": "field",
9350
- "name": "readonly",
9367
+ "name": "readOnly",
9351
9368
  "type": {
9352
9369
  "text": "boolean",
9353
9370
  "_sourceAliases": [],
@@ -9362,6 +9379,7 @@
9362
9379
  }
9363
9380
  ]
9364
9381
  },
9382
+ "default": "false",
9365
9383
  "description": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n- `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it.\n\n- `false` The element allows editing and the user can change its value through interaction.",
9366
9384
  "attribute": "readonly",
9367
9385
  "reflects": true,
@@ -9371,6 +9389,26 @@
9371
9389
  },
9372
9390
  "descriptionText": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)"
9373
9391
  },
9392
+ {
9393
+ "kind": "field",
9394
+ "name": "readonly",
9395
+ "type": {
9396
+ "text": "boolean",
9397
+ "_sourceAliases": [],
9398
+ "values": [
9399
+ {
9400
+ "value": "boolean",
9401
+ "description": ""
9402
+ }
9403
+ ]
9404
+ },
9405
+ "deprecated": "Use `readOnly`. The `readonly` attribute remains supported.",
9406
+ "inheritedFrom": {
9407
+ "name": "BaseButton",
9408
+ "module": "/src/internal/base/button.js"
9409
+ },
9410
+ "description": ""
9411
+ },
9374
9412
  {
9375
9413
  "kind": "field",
9376
9414
  "name": "form",
@@ -9954,22 +9992,18 @@
9954
9992
  "_sourceAliases": [],
9955
9993
  "values": [
9956
9994
  {
9957
- "value": "true",
9958
- "description": "The element has a readonly state: the user cannot change its value, but can still focus and copy it."
9959
- },
9960
- {
9961
- "value": "false",
9962
- "description": "The element allows editing and the user can change its value through interaction."
9995
+ "value": "boolean",
9996
+ "description": ""
9963
9997
  }
9964
9998
  ]
9965
9999
  },
9966
- "description": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n- `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it.\n\n- `false` The element allows editing and the user can change its value through interaction.",
9967
- "fieldName": "readonly",
10000
+ "default": "false",
10001
+ "description": "",
10002
+ "fieldName": "readOnly",
9968
10003
  "inheritedFrom": {
9969
10004
  "name": "BaseButton",
9970
10005
  "module": "/src/internal/base/button.js"
9971
- },
9972
- "descriptionText": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)"
10006
+ }
9973
10007
  },
9974
10008
  {
9975
10009
  "name": "form",
@@ -10324,7 +10358,7 @@
10324
10358
  "since": "1.1.4",
10325
10359
  "status": "stable",
10326
10360
  "behavior": "button",
10327
- "markdown": "## nve-copy-button\n\nA copy button is a button that easily enables the copy to clipboard pattern.\n\n### Example\n\n```html\n<nve-copy-button value=\"hello\" aria-label=\"copy value\" behavior-copy></nve-copy-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/copy-button/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | 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 | `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) |"
10361
+ "markdown": "## nve-copy-button\n\nA copy button is a button that easily enables the copy to clipboard pattern.\n\n### Example\n\n```html\n<nve-copy-button value=\"hello\" aria-label=\"copy value\" behavior-copy></nve-copy-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/copy-button/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | 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) |"
10328
10362
  }
10329
10363
  }
10330
10364
  ],
@@ -22859,7 +22893,7 @@
22859
22893
  },
22860
22894
  {
22861
22895
  "kind": "field",
22862
- "name": "readonly",
22896
+ "name": "readOnly",
22863
22897
  "type": {
22864
22898
  "text": "boolean",
22865
22899
  "_sourceAliases": [],
@@ -22874,6 +22908,7 @@
22874
22908
  }
22875
22909
  ]
22876
22910
  },
22911
+ "default": "false",
22877
22912
  "description": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n- `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it.\n\n- `false` The element allows editing and the user can change its value through interaction.",
22878
22913
  "attribute": "readonly",
22879
22914
  "reflects": true,
@@ -22883,6 +22918,26 @@
22883
22918
  },
22884
22919
  "descriptionText": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)"
22885
22920
  },
22921
+ {
22922
+ "kind": "field",
22923
+ "name": "readonly",
22924
+ "type": {
22925
+ "text": "boolean",
22926
+ "_sourceAliases": [],
22927
+ "values": [
22928
+ {
22929
+ "value": "boolean",
22930
+ "description": ""
22931
+ }
22932
+ ]
22933
+ },
22934
+ "deprecated": "Use `readOnly`. The `readonly` attribute remains supported.",
22935
+ "inheritedFrom": {
22936
+ "name": "BaseButton",
22937
+ "module": "/src/internal/base/button.js"
22938
+ },
22939
+ "description": ""
22940
+ },
22886
22941
  {
22887
22942
  "kind": "field",
22888
22943
  "name": "form",
@@ -24584,22 +24639,18 @@
24584
24639
  "_sourceAliases": [],
24585
24640
  "values": [
24586
24641
  {
24587
- "value": "true",
24588
- "description": "The element has a readonly state: the user cannot change its value, but can still focus and copy it."
24589
- },
24590
- {
24591
- "value": "false",
24592
- "description": "The element allows editing and the user can change its value through interaction."
24642
+ "value": "boolean",
24643
+ "description": ""
24593
24644
  }
24594
24645
  ]
24595
24646
  },
24596
- "description": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n- `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it.\n\n- `false` The element allows editing and the user can change its value through interaction.",
24597
- "fieldName": "readonly",
24647
+ "default": "false",
24648
+ "description": "",
24649
+ "fieldName": "readOnly",
24598
24650
  "inheritedFrom": {
24599
24651
  "name": "BaseButton",
24600
24652
  "module": "/src/internal/base/button.js"
24601
- },
24602
- "descriptionText": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)"
24653
+ }
24603
24654
  },
24604
24655
  {
24605
24656
  "name": "form",
@@ -24973,7 +25024,7 @@
24973
25024
  "since": "0.2.1",
24974
25025
  "status": "stable",
24975
25026
  "behavior": "button",
24976
- "markdown": "## nve-icon-button\n\nAn icon button is a button that displays only an icon without a visual label.\n\n### Example\n\n```html\n<nve-icon-button icon-name=\"menu\"></nve-icon-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/icon-button/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for custom icons |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| iconName (icon-name) | `'placeholder' \\| 'caret' \\| 'person' \\| 'menu' \\| 'cancel' \\| 'gear' \\| 'chevron' \\| 'logout' \\| 'copy' \\| 'more-actions' \\| 'add' \\| 'arrow' \\| 'delete' \\| 'download' \\| 'search' \\| 'split-vertical' \\| 'sparkles' \\| 'branch' \\| 'refresh' \\| 'double-chevron' \\| 'academic-cap' \\| 'add-asset' \\| 'add-comment' \\| 'add-grid' \\| 'add-user' \\| 'ancestors' \\| 'archive' \\| 'arrow-angle' \\| 'arrow-both' \\| 'arrow-cycle' \\| 'arrow-path-rounded-square' \\| 'arrow-stop' \\| 'at-symbol' \\| 'backspace' \\| 'bar-pill-stack' \\| 'bars-3' \\| 'bars-3-bottom-left' \\| 'bars-3-bottom-right' \\| 'bars-3-center-left' \\| 'bars-4' \\| 'beaker' \\| 'bell' \\| 'bell-slash' \\| '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 | `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) |"
25027
+ "markdown": "## nve-icon-button\n\nAn icon button is a button that displays only an icon without a visual label.\n\n### Example\n\n```html\n<nve-icon-button icon-name=\"menu\"></nve-icon-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/icon-button/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for custom icons |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| iconName (icon-name) | `'placeholder' \\| 'caret' \\| 'person' \\| 'menu' \\| 'cancel' \\| 'gear' \\| 'chevron' \\| 'logout' \\| 'copy' \\| 'more-actions' \\| 'add' \\| 'arrow' \\| 'delete' \\| 'download' \\| 'search' \\| 'split-vertical' \\| 'sparkles' \\| 'branch' \\| 'refresh' \\| 'double-chevron' \\| 'academic-cap' \\| 'add-asset' \\| 'add-comment' \\| 'add-grid' \\| 'add-user' \\| 'ancestors' \\| 'archive' \\| 'arrow-angle' \\| 'arrow-both' \\| 'arrow-cycle' \\| 'arrow-path-rounded-square' \\| 'arrow-stop' \\| 'at-symbol' \\| 'backspace' \\| 'bar-pill-stack' \\| 'bars-3' \\| 'bars-3-bottom-left' \\| 'bars-3-bottom-right' \\| 'bars-3-center-left' \\| 'bars-4' \\| 'beaker' \\| 'bell' \\| 'bell-slash' \\| '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) |"
24977
25028
  }
24978
25029
  }
24979
25030
  ],
@@ -28875,7 +28926,7 @@
28875
28926
  },
28876
28927
  {
28877
28928
  "kind": "field",
28878
- "name": "readonly",
28929
+ "name": "readOnly",
28879
28930
  "type": {
28880
28931
  "text": "boolean",
28881
28932
  "_sourceAliases": [],
@@ -28890,11 +28941,28 @@
28890
28941
  }
28891
28942
  ]
28892
28943
  },
28944
+ "default": "false",
28893
28945
  "description": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n- `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it.\n\n- `false` The element allows editing and the user can change its value through interaction.",
28894
28946
  "attribute": "readonly",
28895
28947
  "reflects": true,
28896
28948
  "descriptionText": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)"
28897
28949
  },
28950
+ {
28951
+ "kind": "field",
28952
+ "name": "readonly",
28953
+ "type": {
28954
+ "text": "boolean",
28955
+ "_sourceAliases": [],
28956
+ "values": [
28957
+ {
28958
+ "value": "boolean",
28959
+ "description": ""
28960
+ }
28961
+ ]
28962
+ },
28963
+ "deprecated": "Use `readOnly`. The `readonly` attribute remains supported.",
28964
+ "description": ""
28965
+ },
28898
28966
  {
28899
28967
  "kind": "field",
28900
28968
  "name": "#form",
@@ -29300,18 +29368,14 @@
29300
29368
  "_sourceAliases": [],
29301
29369
  "values": [
29302
29370
  {
29303
- "value": "true",
29304
- "description": "The element has a readonly state: the user cannot change its value, but can still focus and copy it."
29305
- },
29306
- {
29307
- "value": "false",
29308
- "description": "The element allows editing and the user can change its value through interaction."
29371
+ "value": "boolean",
29372
+ "description": ""
29309
29373
  }
29310
29374
  ]
29311
29375
  },
29312
- "description": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n- `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it.\n\n- `false` The element allows editing and the user can change its value through interaction.",
29313
- "fieldName": "readonly",
29314
- "descriptionText": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)"
29376
+ "default": "false",
29377
+ "description": "",
29378
+ "fieldName": "readOnly"
29315
29379
  },
29316
29380
  {
29317
29381
  "name": "form",
@@ -32988,10 +33052,6 @@
32988
33052
  {
32989
33053
  "kind": "function",
32990
33054
  "name": "getDuplicatePackageGlobalVersionWarning"
32991
- },
32992
- {
32993
- "kind": "function",
32994
- "name": "getEsmHostedWarning"
32995
33055
  }
32996
33056
  ],
32997
33057
  "exports": [
@@ -33066,14 +33126,6 @@
33066
33126
  "name": "getDuplicatePackageGlobalVersionWarning",
33067
33127
  "module": "/src/internal/utils/audit-logs.js"
33068
33128
  }
33069
- },
33070
- {
33071
- "kind": "js",
33072
- "name": "getEsmHostedWarning",
33073
- "declaration": {
33074
- "name": "getEsmHostedWarning",
33075
- "module": "/src/internal/utils/audit-logs.js"
33076
- }
33077
33129
  }
33078
33130
  ]
33079
33131
  },
@@ -35432,7 +35484,7 @@
35432
35484
  },
35433
35485
  {
35434
35486
  "kind": "field",
35435
- "name": "readonly",
35487
+ "name": "readOnly",
35436
35488
  "type": {
35437
35489
  "text": "boolean",
35438
35490
  "_sourceAliases": [],
@@ -35447,6 +35499,7 @@
35447
35499
  }
35448
35500
  ]
35449
35501
  },
35502
+ "default": "false",
35450
35503
  "description": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n- `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it.\n\n- `false` The element allows editing and the user can change its value through interaction.",
35451
35504
  "attribute": "readonly",
35452
35505
  "reflects": true,
@@ -35456,6 +35509,26 @@
35456
35509
  },
35457
35510
  "descriptionText": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)"
35458
35511
  },
35512
+ {
35513
+ "kind": "field",
35514
+ "name": "readonly",
35515
+ "type": {
35516
+ "text": "boolean",
35517
+ "_sourceAliases": [],
35518
+ "values": [
35519
+ {
35520
+ "value": "boolean",
35521
+ "description": ""
35522
+ }
35523
+ ]
35524
+ },
35525
+ "deprecated": "Use `readOnly`. The `readonly` attribute remains supported.",
35526
+ "inheritedFrom": {
35527
+ "name": "BaseButton",
35528
+ "module": "/src/internal/base/button.js"
35529
+ },
35530
+ "description": ""
35531
+ },
35459
35532
  {
35460
35533
  "kind": "field",
35461
35534
  "name": "form",
@@ -35914,22 +35987,18 @@
35914
35987
  "_sourceAliases": [],
35915
35988
  "values": [
35916
35989
  {
35917
- "value": "true",
35918
- "description": "The element has a readonly state: the user cannot change its value, but can still focus and copy it."
35919
- },
35920
- {
35921
- "value": "false",
35922
- "description": "The element allows editing and the user can change its value through interaction."
35990
+ "value": "boolean",
35991
+ "description": ""
35923
35992
  }
35924
35993
  ]
35925
35994
  },
35926
- "description": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n- `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it.\n\n- `false` The element allows editing and the user can change its value through interaction.",
35927
- "fieldName": "readonly",
35995
+ "default": "false",
35996
+ "description": "",
35997
+ "fieldName": "readOnly",
35928
35998
  "inheritedFrom": {
35929
35999
  "name": "BaseButton",
35930
36000
  "module": "/src/internal/base/button.js"
35931
- },
35932
- "descriptionText": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)"
36001
+ }
35933
36002
  },
35934
36003
  {
35935
36004
  "name": "form",
@@ -36303,7 +36372,7 @@
36303
36372
  "since": "0.11.0",
36304
36373
  "status": "stable",
36305
36374
  "behavior": "button",
36306
- "markdown": "## nve-menu-item\n\nRepresents a selectable option within a menu, providing an interactive button for navigation or actions.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/menu/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | 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 | `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) |"
36375
+ "markdown": "## nve-menu-item\n\nRepresents a selectable option within a menu, providing an interactive button for navigation or actions.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/menu/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | 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) |"
36307
36376
  }
36308
36377
  }
36309
36378
  ],
@@ -46977,7 +47046,7 @@
46977
47046
  },
46978
47047
  {
46979
47048
  "kind": "field",
46980
- "name": "readonly",
47049
+ "name": "readOnly",
46981
47050
  "type": {
46982
47051
  "text": "boolean",
46983
47052
  "_sourceAliases": [],
@@ -46992,6 +47061,7 @@
46992
47061
  }
46993
47062
  ]
46994
47063
  },
47064
+ "default": "false",
46995
47065
  "description": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n- `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it.\n\n- `false` The element allows editing and the user can change its value through interaction.",
46996
47066
  "attribute": "readonly",
46997
47067
  "reflects": true,
@@ -47001,6 +47071,26 @@
47001
47071
  },
47002
47072
  "descriptionText": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)"
47003
47073
  },
47074
+ {
47075
+ "kind": "field",
47076
+ "name": "readonly",
47077
+ "type": {
47078
+ "text": "boolean",
47079
+ "_sourceAliases": [],
47080
+ "values": [
47081
+ {
47082
+ "value": "boolean",
47083
+ "description": ""
47084
+ }
47085
+ ]
47086
+ },
47087
+ "deprecated": "Use `readOnly`. The `readonly` attribute remains supported.",
47088
+ "inheritedFrom": {
47089
+ "name": "BaseButton",
47090
+ "module": "/src/internal/base/button.js"
47091
+ },
47092
+ "description": ""
47093
+ },
47004
47094
  {
47005
47095
  "kind": "field",
47006
47096
  "name": "form",
@@ -47478,22 +47568,18 @@
47478
47568
  "_sourceAliases": [],
47479
47569
  "values": [
47480
47570
  {
47481
- "value": "true",
47482
- "description": "The element has a readonly state: the user cannot change its value, but can still focus and copy it."
47483
- },
47484
- {
47485
- "value": "false",
47486
- "description": "The element allows editing and the user can change its value through interaction."
47571
+ "value": "boolean",
47572
+ "description": ""
47487
47573
  }
47488
47574
  ]
47489
47575
  },
47490
- "description": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n- `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it.\n\n- `false` The element allows editing and the user can change its value through interaction.",
47491
- "fieldName": "readonly",
47576
+ "default": "false",
47577
+ "description": "",
47578
+ "fieldName": "readOnly",
47492
47579
  "inheritedFrom": {
47493
47580
  "name": "BaseButton",
47494
47581
  "module": "/src/internal/base/button.js"
47495
- },
47496
- "descriptionText": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)"
47582
+ }
47497
47583
  },
47498
47584
  {
47499
47585
  "name": "form",
@@ -47867,7 +47953,7 @@
47867
47953
  "since": "0.11.0",
47868
47954
  "status": "stable",
47869
47955
  "behavior": "button",
47870
- "markdown": "## nve-sort-button\n\nA sort button is a control that enables users to sort a list of items in ascending or descending order.\n\n### Example\n\n```html\n<nve-sort-button></nve-sort-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/sort-button/define.js';\n```\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| sort | `'ascending' \\| 'descending' \\| 'none'` | The current sort value, can be ascending, descending, or none. |\n| i18n | | 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 | `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) |"
47956
+ "markdown": "## nve-sort-button\n\nA sort button is a control that enables users to sort a list of items in ascending or descending order.\n\n### Example\n\n```html\n<nve-sort-button></nve-sort-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/sort-button/define.js';\n```\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| sort | `'ascending' \\| 'descending' \\| 'none'` | The current sort value, can be ascending, descending, or none. |\n| i18n | | 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) |"
47871
47957
  }
47872
47958
  }
47873
47959
  ],
@@ -50075,7 +50161,7 @@
50075
50161
  },
50076
50162
  {
50077
50163
  "kind": "field",
50078
- "name": "readonly",
50164
+ "name": "readOnly",
50079
50165
  "type": {
50080
50166
  "text": "boolean",
50081
50167
  "_sourceAliases": [],
@@ -50090,6 +50176,7 @@
50090
50176
  }
50091
50177
  ]
50092
50178
  },
50179
+ "default": "false",
50093
50180
  "description": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n- `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it.\n\n- `false` The element allows editing and the user can change its value through interaction.",
50094
50181
  "attribute": "readonly",
50095
50182
  "reflects": true,
@@ -50099,6 +50186,26 @@
50099
50186
  },
50100
50187
  "descriptionText": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)"
50101
50188
  },
50189
+ {
50190
+ "kind": "field",
50191
+ "name": "readonly",
50192
+ "type": {
50193
+ "text": "boolean",
50194
+ "_sourceAliases": [],
50195
+ "values": [
50196
+ {
50197
+ "value": "boolean",
50198
+ "description": ""
50199
+ }
50200
+ ]
50201
+ },
50202
+ "deprecated": "Use `readOnly`. The `readonly` attribute remains supported.",
50203
+ "inheritedFrom": {
50204
+ "name": "BaseButton",
50205
+ "module": "/src/internal/base/button.js"
50206
+ },
50207
+ "description": ""
50208
+ },
50102
50209
  {
50103
50210
  "kind": "field",
50104
50211
  "name": "form",
@@ -50584,22 +50691,18 @@
50584
50691
  "_sourceAliases": [],
50585
50692
  "values": [
50586
50693
  {
50587
- "value": "true",
50588
- "description": "The element has a readonly state: the user cannot change its value, but can still focus and copy it."
50589
- },
50590
- {
50591
- "value": "false",
50592
- "description": "The element allows editing and the user can change its value through interaction."
50694
+ "value": "boolean",
50695
+ "description": ""
50593
50696
  }
50594
50697
  ]
50595
50698
  },
50596
- "description": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n- `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it.\n\n- `false` The element allows editing and the user can change its value through interaction.",
50597
- "fieldName": "readonly",
50699
+ "default": "false",
50700
+ "description": "",
50701
+ "fieldName": "readOnly",
50598
50702
  "inheritedFrom": {
50599
50703
  "name": "BaseButton",
50600
50704
  "module": "/src/internal/base/button.js"
50601
- },
50602
- "descriptionText": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)"
50705
+ }
50603
50706
  },
50604
50707
  {
50605
50708
  "name": "form",
@@ -50949,7 +51052,7 @@
50949
51052
  "since": "0.30.0",
50950
51053
  "status": "stable",
50951
51054
  "behavior": "button",
50952
- "markdown": "## nve-steps-item\n\nRepresents an individual step within a multi-step workflow, displaying its status and enabling navigation within the parent steps component.\n\n### Example\n\n```html\n<nve-steps behavior-select>\n <nve-steps-item status=\"success\">Step 1</nve-steps-item>\n <nve-steps-item status=\"danger\">Step 2</nve-steps-item>\n <nve-steps-item selected>Step 3</nve-steps-item>\n <nve-steps-item status=\"pending\">Step 4</nve-steps-item>\n <nve-steps-item disabled>Disabled</nve-steps-item>\n</nve-steps>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/steps/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for step text |\n| status-icon | `string` | custom slotted step icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| status | `'accent' \\| 'danger' \\| 'success' \\| 'pending' \\| \"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 | `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) |"
51055
+ "markdown": "## nve-steps-item\n\nRepresents an individual step within a multi-step workflow, displaying its status and enabling navigation within the parent steps component.\n\n### Example\n\n```html\n<nve-steps behavior-select>\n <nve-steps-item status=\"success\">Step 1</nve-steps-item>\n <nve-steps-item status=\"danger\">Step 2</nve-steps-item>\n <nve-steps-item selected>Step 3</nve-steps-item>\n <nve-steps-item status=\"pending\">Step 4</nve-steps-item>\n <nve-steps-item disabled>Disabled</nve-steps-item>\n</nve-steps>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/steps/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for step text |\n| status-icon | `string` | custom slotted step icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| status | `'accent' \\| 'danger' \\| 'success' \\| 'pending' \\| \"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) |"
50953
51056
  }
50954
51057
  },
50955
51058
  {
@@ -52640,7 +52743,7 @@
52640
52743
  },
52641
52744
  {
52642
52745
  "kind": "field",
52643
- "name": "readonly",
52746
+ "name": "readOnly",
52644
52747
  "type": {
52645
52748
  "text": "boolean",
52646
52749
  "_sourceAliases": [],
@@ -52655,6 +52758,7 @@
52655
52758
  }
52656
52759
  ]
52657
52760
  },
52761
+ "default": "false",
52658
52762
  "description": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n- `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it.\n\n- `false` The element allows editing and the user can change its value through interaction.",
52659
52763
  "attribute": "readonly",
52660
52764
  "reflects": true,
@@ -52664,6 +52768,26 @@
52664
52768
  },
52665
52769
  "descriptionText": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)"
52666
52770
  },
52771
+ {
52772
+ "kind": "field",
52773
+ "name": "readonly",
52774
+ "type": {
52775
+ "text": "boolean",
52776
+ "_sourceAliases": [],
52777
+ "values": [
52778
+ {
52779
+ "value": "boolean",
52780
+ "description": ""
52781
+ }
52782
+ ]
52783
+ },
52784
+ "deprecated": "Use `readOnly`. The `readonly` attribute remains supported.",
52785
+ "inheritedFrom": {
52786
+ "name": "BaseButton",
52787
+ "module": "/src/internal/base/button.js"
52788
+ },
52789
+ "description": ""
52790
+ },
52667
52791
  {
52668
52792
  "kind": "field",
52669
52793
  "name": "form",
@@ -53105,22 +53229,18 @@
53105
53229
  "_sourceAliases": [],
53106
53230
  "values": [
53107
53231
  {
53108
- "value": "true",
53109
- "description": "The element has a readonly state: the user cannot change its value, but can still focus and copy it."
53110
- },
53111
- {
53112
- "value": "false",
53113
- "description": "The element allows editing and the user can change its value through interaction."
53232
+ "value": "boolean",
53233
+ "description": ""
53114
53234
  }
53115
53235
  ]
53116
53236
  },
53117
- "description": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n- `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it.\n\n- `false` The element allows editing and the user can change its value through interaction.",
53118
- "fieldName": "readonly",
53237
+ "default": "false",
53238
+ "description": "",
53239
+ "fieldName": "readOnly",
53119
53240
  "inheritedFrom": {
53120
53241
  "name": "BaseButton",
53121
53242
  "module": "/src/internal/base/button.js"
53122
- },
53123
- "descriptionText": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)"
53243
+ }
53124
53244
  },
53125
53245
  {
53126
53246
  "name": "form",
@@ -53470,7 +53590,7 @@
53470
53590
  "since": "0.10.0",
53471
53591
  "status": "stable",
53472
53592
  "behavior": "button",
53473
- "markdown": "## nve-tabs-item\n\nRepresents an individual tab within a tablist, providing a selectable button for switching between content views.\n\n### Example\n\n```html\n<nve-tabs-group id=\"tab-group-default\">\n <nve-tabs>\n <nve-tabs-item 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 | `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) |"
53593
+ "markdown": "## nve-tabs-item\n\nRepresents an individual tab within a tablist, providing a selectable button for switching between content views.\n\n### Example\n\n```html\n<nve-tabs-group id=\"tab-group-default\">\n <nve-tabs>\n <nve-tabs-item 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) |"
53474
53594
  }
53475
53595
  },
53476
53596
  {
@@ -54129,7 +54249,7 @@
54129
54249
  },
54130
54250
  {
54131
54251
  "kind": "field",
54132
- "name": "readonly",
54252
+ "name": "readOnly",
54133
54253
  "type": {
54134
54254
  "text": "boolean",
54135
54255
  "_sourceAliases": [],
@@ -54144,6 +54264,7 @@
54144
54264
  }
54145
54265
  ]
54146
54266
  },
54267
+ "default": "false",
54147
54268
  "description": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n- `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it.\n\n- `false` The element allows editing and the user can change its value through interaction.",
54148
54269
  "attribute": "readonly",
54149
54270
  "reflects": true,
@@ -54153,6 +54274,26 @@
54153
54274
  },
54154
54275
  "descriptionText": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)"
54155
54276
  },
54277
+ {
54278
+ "kind": "field",
54279
+ "name": "readonly",
54280
+ "type": {
54281
+ "text": "boolean",
54282
+ "_sourceAliases": [],
54283
+ "values": [
54284
+ {
54285
+ "value": "boolean",
54286
+ "description": ""
54287
+ }
54288
+ ]
54289
+ },
54290
+ "deprecated": "Use `readOnly`. The `readonly` attribute remains supported.",
54291
+ "inheritedFrom": {
54292
+ "name": "BaseButton",
54293
+ "module": "/src/internal/base/button.js"
54294
+ },
54295
+ "description": ""
54296
+ },
54156
54297
  {
54157
54298
  "kind": "field",
54158
54299
  "name": "form",
@@ -54738,22 +54879,18 @@
54738
54879
  "_sourceAliases": [],
54739
54880
  "values": [
54740
54881
  {
54741
- "value": "true",
54742
- "description": "The element has a readonly state: the user cannot change its value, but can still focus and copy it."
54743
- },
54744
- {
54745
- "value": "false",
54746
- "description": "The element allows editing and the user can change its value through interaction."
54882
+ "value": "boolean",
54883
+ "description": ""
54747
54884
  }
54748
54885
  ]
54749
54886
  },
54750
- "description": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n- `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it.\n\n- `false` The element allows editing and the user can change its value through interaction.",
54751
- "fieldName": "readonly",
54887
+ "default": "false",
54888
+ "description": "",
54889
+ "fieldName": "readOnly",
54752
54890
  "inheritedFrom": {
54753
54891
  "name": "BaseButton",
54754
54892
  "module": "/src/internal/base/button.js"
54755
- },
54756
- "descriptionText": "Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)"
54893
+ }
54757
54894
  },
54758
54895
  {
54759
54896
  "name": "form",
@@ -55127,7 +55264,7 @@
55127
55264
  "since": "0.10.0",
55128
55265
  "status": "stable",
55129
55266
  "behavior": "button",
55130
- "markdown": "## nve-tag\n\nA interactive element that represents a category or group of content. Typically used to filter or organize content for one to many relations.\n\n### Example\n\n```html\n<nve-tag>topic-tag</nve-tag>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/tag/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | 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 | `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) |"
55267
+ "markdown": "## nve-tag\n\nA interactive element that represents a category or group of content. Typically used to filter or organize content for one to many relations.\n\n### Example\n\n```html\n<nve-tag>topic-tag</nve-tag>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/tag/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | 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) |"
55131
55268
  }
55132
55269
  }
55133
55270
  ],