@pine-ds/core 4.10.0 → 4.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (511) hide show
  1. package/components/aria-references.js +1 -0
  2. package/components/attributes.js +1 -1
  3. package/components/index2.js +1 -1
  4. package/components/pds-alert.js +1 -1
  5. package/components/pds-avatar.js +1 -1
  6. package/components/pds-box2.js +1 -1
  7. package/components/pds-button2.js +1 -1
  8. package/components/pds-checkbox2.js +1 -1
  9. package/components/pds-chip2.js +1 -1
  10. package/components/pds-combobox.js +2 -2
  11. package/components/pds-copytext.js +1 -1
  12. package/components/pds-datepicker.js +1 -1
  13. package/components/pds-drawer-content.js +1 -1
  14. package/components/pds-drawer-footer.js +1 -1
  15. package/components/pds-drawer-header.js +1 -1
  16. package/components/pds-drawer.js +1 -1
  17. package/components/pds-dropdown-menu-item.js +1 -1
  18. package/components/pds-dropdown-menu-separator.js +1 -1
  19. package/components/pds-dropdown-menu.js +1 -1
  20. package/components/pds-filter.js +1 -1
  21. package/components/pds-image.js +1 -1
  22. package/components/pds-input2.js +1 -1
  23. package/components/pds-link2.js +1 -1
  24. package/components/pds-loader2.js +1 -1
  25. package/components/pds-modal-footer.js +1 -1
  26. package/components/pds-modal-header.js +1 -1
  27. package/components/pds-modal2.js +1 -1
  28. package/components/pds-multiselect.js +1 -1
  29. package/components/pds-popover.js +1 -1
  30. package/components/pds-progress.js +1 -1
  31. package/components/pds-radio-group.js +1 -1
  32. package/components/pds-radio.js +1 -1
  33. package/components/pds-select.js +1 -1
  34. package/components/pds-sortable-item.js +1 -1
  35. package/components/pds-sortable.js +2 -2
  36. package/components/pds-switch.js +1 -1
  37. package/components/pds-table-body.js +1 -1
  38. package/components/pds-table-cell2.js +1 -1
  39. package/components/pds-table-head-cell2.js +1 -1
  40. package/components/pds-table-head.js +1 -1
  41. package/components/pds-table-row.js +1 -1
  42. package/components/pds-table.js +1 -1
  43. package/components/pds-tabs.js +1 -1
  44. package/components/pds-text2.js +1 -1
  45. package/components/pds-textarea.js +1 -1
  46. package/components/pds-toast.js +1 -1
  47. package/components/pds-tooltip.js +1 -1
  48. package/components/sortable-label.js +1 -0
  49. package/components/truncation-tooltip.js +1 -1
  50. package/dist/cjs/aria-references-CUmqibnO.js +54 -0
  51. package/dist/cjs/{attributes-CW49XqaL.js → attributes-Cgbkw6gO.js} +3 -0
  52. package/dist/cjs/loader.cjs.js +1 -1
  53. package/dist/cjs/pds-alert.cjs.entry.js +2 -2
  54. package/dist/cjs/pds-avatar.cjs.entry.js +3 -2
  55. package/dist/cjs/pds-box.cjs.entry.js +4 -3
  56. package/dist/cjs/pds-button.cjs.entry.js +25 -45
  57. package/dist/cjs/pds-checkbox.cjs.entry.js +4 -4
  58. package/dist/cjs/pds-chip.cjs.entry.js +3 -3
  59. package/dist/cjs/pds-combobox.cjs.entry.js +246 -106
  60. package/dist/cjs/pds-copytext.cjs.entry.js +3 -3
  61. package/dist/cjs/pds-datepicker.cjs.entry.js +295 -82
  62. package/dist/cjs/pds-drawer-content.cjs.entry.js +1 -1
  63. package/dist/cjs/pds-drawer-footer.cjs.entry.js +1 -1
  64. package/dist/cjs/pds-drawer-header.cjs.entry.js +1 -1
  65. package/dist/cjs/pds-drawer.cjs.entry.js +5 -7
  66. package/dist/cjs/pds-dropdown-menu-item.cjs.entry.js +85 -49
  67. package/dist/cjs/pds-dropdown-menu-separator.cjs.entry.js +2 -2
  68. package/dist/cjs/pds-dropdown-menu.cjs.entry.js +83 -10
  69. package/dist/cjs/pds-filter.cjs.entry.js +24 -2
  70. package/dist/cjs/pds-image.cjs.entry.js +148 -6
  71. package/dist/cjs/pds-input.cjs.entry.js +4 -4
  72. package/dist/cjs/pds-link.cjs.entry.js +4 -5
  73. package/dist/cjs/pds-loader.cjs.entry.js +4 -3
  74. package/dist/cjs/pds-modal-footer.cjs.entry.js +1 -1
  75. package/dist/cjs/pds-modal-header.cjs.entry.js +1 -1
  76. package/dist/cjs/pds-modal.cjs.entry.js +9 -12
  77. package/dist/cjs/pds-multiselect.cjs.entry.js +64 -18
  78. package/dist/cjs/pds-popover.cjs.entry.js +8 -6
  79. package/dist/cjs/pds-progress.cjs.entry.js +3 -3
  80. package/dist/cjs/pds-radio-group.cjs.entry.js +4 -4
  81. package/dist/cjs/pds-radio.cjs.entry.js +6 -6
  82. package/dist/cjs/pds-row.cjs.entry.js +1 -1
  83. package/dist/cjs/pds-select.cjs.entry.js +2 -2
  84. package/dist/cjs/pds-sortable-item.cjs.entry.js +28 -5
  85. package/dist/cjs/pds-sortable.cjs.entry.js +356 -4
  86. package/dist/cjs/pds-switch.cjs.entry.js +92 -15
  87. package/dist/cjs/pds-tab.cjs.entry.js +1 -1
  88. package/dist/cjs/pds-table-body.cjs.entry.js +1 -1
  89. package/dist/cjs/pds-table-cell.cjs.entry.js +24 -5
  90. package/dist/cjs/pds-table-head-cell.cjs.entry.js +59 -11
  91. package/dist/cjs/pds-table-head.cjs.entry.js +1 -1
  92. package/dist/cjs/pds-table-row.cjs.entry.js +1 -1
  93. package/dist/cjs/pds-table.cjs.entry.js +260 -5
  94. package/dist/cjs/pds-tabpanel.cjs.entry.js +1 -1
  95. package/dist/cjs/pds-tabs.cjs.entry.js +3 -3
  96. package/dist/cjs/pds-text.cjs.entry.js +5 -3
  97. package/dist/cjs/pds-textarea.cjs.entry.js +8 -7
  98. package/dist/cjs/pds-toast.cjs.entry.js +8 -4
  99. package/dist/cjs/pds-tooltip.cjs.entry.js +1 -1
  100. package/dist/cjs/pine-core.cjs.js +1 -1
  101. package/dist/cjs/sortable-label-DOcJrHvA.js +37 -0
  102. package/dist/cjs/{truncation-tooltip-Bikp7n9I.js → truncation-tooltip-CM5HgRHh.js} +69 -0
  103. package/dist/collection/components/pds-alert/pds-alert.css +0 -3
  104. package/dist/collection/components/pds-alert/pds-alert.js +3 -2
  105. package/dist/collection/components/pds-avatar/pds-avatar.js +7 -6
  106. package/dist/collection/components/pds-avatar/stories/pds-avatar.stories.js +1 -1
  107. package/dist/collection/components/pds-box/pds-box.css +1273 -1189
  108. package/dist/collection/components/pds-box/pds-box.js +180 -156
  109. package/dist/collection/components/pds-box/stories/pds-box.stories.js +79 -37
  110. package/dist/collection/components/pds-button/pds-button.js +26 -4
  111. package/dist/collection/components/pds-button/stories/pds-button.stories.js +25 -11
  112. package/dist/collection/components/pds-checkbox/pds-checkbox.js +10 -10
  113. package/dist/collection/components/pds-chip/pds-chip.js +3 -3
  114. package/dist/collection/components/pds-combobox/pds-combobox.css +162 -53
  115. package/dist/collection/components/pds-combobox/pds-combobox.js +261 -121
  116. package/dist/collection/components/pds-combobox/stories/pds-combobox.stories.js +35 -4
  117. package/dist/collection/components/pds-copytext/pds-copytext.js +2 -2
  118. package/dist/collection/components/pds-datepicker/date-utils.js +42 -0
  119. package/dist/collection/components/pds-datepicker/pds-datepicker.js +164 -65
  120. package/dist/collection/components/pds-datepicker/presets.js +42 -7
  121. package/dist/collection/components/pds-datepicker/stories/pds-datepicker.stories.js +11 -0
  122. package/dist/collection/components/pds-datepicker/value.js +76 -18
  123. package/dist/collection/components/pds-drawer/pds-drawer-content/pds-drawer-content.js +2 -5
  124. package/dist/collection/components/pds-drawer/pds-drawer-footer/pds-drawer-footer.js +2 -1
  125. package/dist/collection/components/pds-drawer/pds-drawer-header/pds-drawer-header.js +2 -1
  126. package/dist/collection/components/pds-drawer/pds-drawer.js +8 -10
  127. package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.css +17 -8
  128. package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.js +95 -62
  129. package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu-separator/pds-dropdown-menu-separator.js +3 -3
  130. package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu.css +2 -0
  131. package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu.js +84 -9
  132. package/dist/collection/components/pds-dropdown-menu/stories/pds-dropdown-menu.stories.js +24 -1
  133. package/dist/collection/components/pds-filters/pds-filter/pds-filter.css +2 -1
  134. package/dist/collection/components/pds-filters/pds-filter/pds-filter.js +24 -7
  135. package/dist/collection/components/pds-image/image-interface.js +1 -0
  136. package/dist/collection/components/pds-image/pds-image.css +11 -0
  137. package/dist/collection/components/pds-image/pds-image.js +249 -8
  138. package/dist/collection/components/pds-image/stories/pds-image.stories.js +117 -1
  139. package/dist/collection/components/pds-input/pds-input.js +14 -9
  140. package/dist/collection/components/pds-link/pds-link.js +10 -14
  141. package/dist/collection/components/pds-link/stories/pds-link.stories.js +6 -2
  142. package/dist/collection/components/pds-loader/pds-loader.js +5 -4
  143. package/dist/collection/components/pds-modal/pds-modal-footer/pds-modal-footer.js +2 -1
  144. package/dist/collection/components/pds-modal/pds-modal-header/pds-modal-header.js +2 -1
  145. package/dist/collection/components/pds-modal/pds-modal.js +11 -13
  146. package/dist/collection/components/pds-modal/stories/pds-modal.stories.js +7 -7
  147. package/dist/collection/components/pds-multiselect/pds-multiselect.css +2 -2
  148. package/dist/collection/components/pds-multiselect/pds-multiselect.js +63 -18
  149. package/dist/collection/components/pds-popover/pds-popover.css +1 -1
  150. package/dist/collection/components/pds-popover/pds-popover.js +9 -7
  151. package/dist/collection/components/pds-progress/pds-progress.js +4 -4
  152. package/dist/collection/components/pds-radio/pds-radio.css +5 -1
  153. package/dist/collection/components/pds-radio/pds-radio.js +9 -9
  154. package/dist/collection/components/pds-radio/stories/pds-radio.stories.js +9 -9
  155. package/dist/collection/components/pds-radio-group/pds-radio-group.js +7 -7
  156. package/dist/collection/components/pds-radio-group/stories/pds-radio-group.stories.js +3 -3
  157. package/dist/collection/components/pds-row/stories/pds-row.stories.js +15 -14
  158. package/dist/collection/components/pds-select/pds-select.js +7 -4
  159. package/dist/collection/components/pds-sortable/pds-sortable-item/pds-sortable-item.css +38 -0
  160. package/dist/collection/components/pds-sortable/pds-sortable-item/pds-sortable-item.js +47 -5
  161. package/dist/collection/components/pds-sortable/pds-sortable.js +481 -5
  162. package/dist/collection/components/pds-sortable/sortable-label.js +33 -0
  163. package/dist/collection/components/pds-sortable/stories/pds-sortable.stories.js +27 -0
  164. package/dist/collection/components/pds-switch/pds-switch.js +114 -17
  165. package/dist/collection/components/pds-switch/stories/pds-switch.stories.js +79 -0
  166. package/dist/collection/components/pds-table/pds-table-body/pds-table-body.js +4 -1
  167. package/dist/collection/components/pds-table/pds-table-cell/pds-table-cell.js +47 -4
  168. package/dist/collection/components/pds-table/pds-table-head/pds-table-head.js +6 -2
  169. package/dist/collection/components/pds-table/pds-table-head-cell/pds-table-head-cell.css +11 -0
  170. package/dist/collection/components/pds-table/pds-table-head-cell/pds-table-head-cell.js +98 -10
  171. package/dist/collection/components/pds-table/pds-table-row/pds-table-row.js +5 -1
  172. package/dist/collection/components/pds-table/pds-table.css +8 -0
  173. package/dist/collection/components/pds-table/pds-table.js +295 -7
  174. package/dist/collection/components/pds-table/stories/pds-table.stories.js +131 -6
  175. package/dist/collection/components/pds-tabs/pds-tabs.js +3 -3
  176. package/dist/collection/components/pds-tabs/stories/pds-tabs.stories.js +1 -1
  177. package/dist/collection/components/pds-text/pds-text.js +5 -3
  178. package/dist/collection/components/pds-textarea/pds-textarea.js +16 -14
  179. package/dist/collection/components/pds-textarea/stories/pds-textarea.stories.js +2 -13
  180. package/dist/collection/components/pds-toast/pds-toast.css +4 -3
  181. package/dist/collection/components/pds-toast/pds-toast.js +9 -5
  182. package/dist/collection/components/pds-toast/stories/pds-toast.stories.js +2 -2
  183. package/dist/collection/components/pds-tooltip/pds-tooltip.css +2 -1
  184. package/dist/collection/components/pds-tooltip/stories/pds-tooltip.stories.js +17 -17
  185. package/dist/collection/utils/aria-references.js +9 -3
  186. package/dist/collection/utils/truncation-tooltip.js +67 -0
  187. package/dist/docs.json +1150 -371
  188. package/dist/esm/aria-references-CNn1lObg.js +50 -0
  189. package/dist/esm/{attributes-DkeVeN0g.js → attributes-CD8knu3a.js} +3 -0
  190. package/dist/esm/{index-DvN3tyZp.js → index-B0DXTeeV.js} +1 -1
  191. package/dist/esm/loader.js +1 -1
  192. package/dist/esm/pds-accordion.entry.js +1 -1
  193. package/dist/esm/pds-alert.entry.js +2 -2
  194. package/dist/esm/pds-avatar.entry.js +4 -3
  195. package/dist/esm/pds-box.entry.js +4 -3
  196. package/dist/esm/pds-button.entry.js +24 -44
  197. package/dist/esm/pds-checkbox.entry.js +5 -5
  198. package/dist/esm/pds-chip.entry.js +4 -4
  199. package/dist/esm/pds-combobox.entry.js +246 -106
  200. package/dist/esm/pds-copytext.entry.js +4 -4
  201. package/dist/esm/pds-datepicker.entry.js +296 -83
  202. package/dist/esm/pds-drawer-content.entry.js +1 -1
  203. package/dist/esm/pds-drawer-footer.entry.js +1 -1
  204. package/dist/esm/pds-drawer-header.entry.js +1 -1
  205. package/dist/esm/pds-drawer.entry.js +5 -7
  206. package/dist/esm/pds-dropdown-menu-item.entry.js +85 -49
  207. package/dist/esm/pds-dropdown-menu-separator.entry.js +2 -2
  208. package/dist/esm/pds-dropdown-menu.entry.js +84 -11
  209. package/dist/esm/pds-filter.entry.js +25 -3
  210. package/dist/esm/pds-image.entry.js +149 -7
  211. package/dist/esm/pds-input.entry.js +5 -5
  212. package/dist/esm/pds-link.entry.js +5 -6
  213. package/dist/esm/pds-loader.entry.js +4 -3
  214. package/dist/esm/pds-modal-footer.entry.js +1 -1
  215. package/dist/esm/pds-modal-header.entry.js +1 -1
  216. package/dist/esm/pds-modal.entry.js +9 -12
  217. package/dist/esm/pds-multiselect.entry.js +65 -19
  218. package/dist/esm/pds-popover.entry.js +8 -6
  219. package/dist/esm/pds-progress.entry.js +3 -3
  220. package/dist/esm/pds-radio-group.entry.js +5 -5
  221. package/dist/esm/pds-radio.entry.js +7 -7
  222. package/dist/esm/pds-row.entry.js +1 -1
  223. package/dist/esm/pds-select.entry.js +3 -3
  224. package/dist/esm/pds-sortable-item.entry.js +29 -6
  225. package/dist/esm/pds-sortable.entry.js +357 -5
  226. package/dist/esm/pds-switch.entry.js +94 -17
  227. package/dist/esm/pds-tab.entry.js +1 -1
  228. package/dist/esm/pds-table-body.entry.js +1 -1
  229. package/dist/esm/pds-table-cell.entry.js +24 -5
  230. package/dist/esm/pds-table-head-cell.entry.js +60 -12
  231. package/dist/esm/pds-table-head.entry.js +1 -1
  232. package/dist/esm/pds-table-row.entry.js +1 -1
  233. package/dist/esm/pds-table.entry.js +261 -6
  234. package/dist/esm/pds-tabpanel.entry.js +1 -1
  235. package/dist/esm/pds-tabs.entry.js +3 -3
  236. package/dist/esm/pds-text.entry.js +5 -3
  237. package/dist/esm/pds-textarea.entry.js +9 -8
  238. package/dist/esm/pds-toast.entry.js +8 -4
  239. package/dist/esm/pds-tooltip.entry.js +1 -1
  240. package/dist/esm/pine-core.js +1 -1
  241. package/dist/esm/sortable-label-PItnzVVR.js +35 -0
  242. package/dist/esm/{truncation-tooltip-DBcPipr9.js → truncation-tooltip-CkIWm6Z-.js} +68 -1
  243. package/dist/esm-es5/aria-references-CNn1lObg.js +1 -0
  244. package/dist/esm-es5/{attributes-DkeVeN0g.js → attributes-CD8knu3a.js} +1 -1
  245. package/dist/esm-es5/{index-DvN3tyZp.js → index-B0DXTeeV.js} +1 -1
  246. package/dist/esm-es5/loader.js +1 -1
  247. package/dist/esm-es5/pds-accordion.entry.js +1 -1
  248. package/dist/esm-es5/pds-alert.entry.js +1 -1
  249. package/dist/esm-es5/pds-avatar.entry.js +1 -1
  250. package/dist/esm-es5/pds-box.entry.js +1 -1
  251. package/dist/esm-es5/pds-button.entry.js +1 -1
  252. package/dist/esm-es5/pds-checkbox.entry.js +1 -1
  253. package/dist/esm-es5/pds-chip.entry.js +1 -1
  254. package/dist/esm-es5/pds-combobox.entry.js +1 -1
  255. package/dist/esm-es5/pds-copytext.entry.js +1 -1
  256. package/dist/esm-es5/pds-datepicker.entry.js +1 -1
  257. package/dist/esm-es5/pds-drawer-content.entry.js +1 -1
  258. package/dist/esm-es5/pds-drawer-footer.entry.js +1 -1
  259. package/dist/esm-es5/pds-drawer-header.entry.js +1 -1
  260. package/dist/esm-es5/pds-drawer.entry.js +1 -1
  261. package/dist/esm-es5/pds-dropdown-menu-item.entry.js +1 -1
  262. package/dist/esm-es5/pds-dropdown-menu-separator.entry.js +1 -1
  263. package/dist/esm-es5/pds-dropdown-menu.entry.js +1 -1
  264. package/dist/esm-es5/pds-filter.entry.js +1 -1
  265. package/dist/esm-es5/pds-image.entry.js +1 -1
  266. package/dist/esm-es5/pds-input.entry.js +1 -1
  267. package/dist/esm-es5/pds-link.entry.js +1 -1
  268. package/dist/esm-es5/pds-loader.entry.js +1 -1
  269. package/dist/esm-es5/pds-modal-footer.entry.js +1 -1
  270. package/dist/esm-es5/pds-modal-header.entry.js +1 -1
  271. package/dist/esm-es5/pds-modal.entry.js +1 -1
  272. package/dist/esm-es5/pds-multiselect.entry.js +1 -1
  273. package/dist/esm-es5/pds-popover.entry.js +1 -1
  274. package/dist/esm-es5/pds-progress.entry.js +1 -1
  275. package/dist/esm-es5/pds-radio-group.entry.js +1 -1
  276. package/dist/esm-es5/pds-radio.entry.js +1 -1
  277. package/dist/esm-es5/pds-row.entry.js +1 -1
  278. package/dist/esm-es5/pds-select.entry.js +1 -1
  279. package/dist/esm-es5/pds-sortable-item.entry.js +1 -1
  280. package/dist/esm-es5/pds-sortable.entry.js +2 -2
  281. package/dist/esm-es5/pds-switch.entry.js +1 -1
  282. package/dist/esm-es5/pds-tab.entry.js +1 -1
  283. package/dist/esm-es5/pds-table-body.entry.js +1 -1
  284. package/dist/esm-es5/pds-table-cell.entry.js +1 -1
  285. package/dist/esm-es5/pds-table-head-cell.entry.js +1 -1
  286. package/dist/esm-es5/pds-table-head.entry.js +1 -1
  287. package/dist/esm-es5/pds-table-row.entry.js +1 -1
  288. package/dist/esm-es5/pds-table.entry.js +1 -1
  289. package/dist/esm-es5/pds-tabpanel.entry.js +1 -1
  290. package/dist/esm-es5/pds-tabs.entry.js +1 -1
  291. package/dist/esm-es5/pds-text.entry.js +1 -1
  292. package/dist/esm-es5/pds-textarea.entry.js +1 -1
  293. package/dist/esm-es5/pds-toast.entry.js +1 -1
  294. package/dist/esm-es5/pds-tooltip.entry.js +1 -1
  295. package/dist/esm-es5/pine-core.js +1 -1
  296. package/dist/esm-es5/sortable-label-PItnzVVR.js +1 -0
  297. package/dist/esm-es5/truncation-tooltip-CkIWm6Z-.js +1 -0
  298. package/dist/pine-core/{p-f834cb07.system.entry.js → p-00891b8d.system.entry.js} +1 -1
  299. package/dist/pine-core/{p-3f8bd3fb.system.entry.js → p-053ff8eb.system.entry.js} +1 -1
  300. package/dist/pine-core/p-08b9e3ad.entry.js +1 -0
  301. package/dist/pine-core/{p-4d98bc0c.system.entry.js → p-0a7570dd.system.entry.js} +1 -1
  302. package/dist/pine-core/{p-d018dc60.system.entry.js → p-0ac4262e.system.entry.js} +1 -1
  303. package/dist/pine-core/{p-89d38a82.system.entry.js → p-0e1b8bd1.system.entry.js} +1 -1
  304. package/dist/pine-core/{p-e1d1b5d8.entry.js → p-12fdc65f.entry.js} +1 -1
  305. package/dist/pine-core/{p-d48fe5a0.system.entry.js → p-16fceef6.system.entry.js} +1 -1
  306. package/dist/pine-core/p-1765a41b.system.entry.js +1 -0
  307. package/dist/pine-core/{p-a594c41f.entry.js → p-18524c25.entry.js} +1 -1
  308. package/dist/pine-core/p-1a013a5c.system.entry.js +1 -0
  309. package/dist/pine-core/{p-2b9622c1.system.entry.js → p-1ab52531.system.entry.js} +1 -1
  310. package/dist/pine-core/p-1c584a20.entry.js +1 -0
  311. package/dist/pine-core/p-1edef412.entry.js +1 -0
  312. package/dist/pine-core/{p-5946203c.entry.js → p-1f998e3e.entry.js} +1 -1
  313. package/dist/pine-core/{p-39e57657.entry.js → p-1fb1ca3d.entry.js} +1 -1
  314. package/dist/pine-core/p-2b6becc2.entry.js +1 -0
  315. package/dist/pine-core/p-2cc7c682.entry.js +1 -0
  316. package/dist/pine-core/{p-639acef8.system.entry.js → p-2ddcd845.system.entry.js} +1 -1
  317. package/dist/pine-core/{p-6a1aa8d3.entry.js → p-2f15e85f.entry.js} +1 -1
  318. package/dist/pine-core/{p-67f795d5.system.entry.js → p-33da254f.system.entry.js} +1 -1
  319. package/dist/pine-core/{p-c6a9e62c.system.entry.js → p-3fc9ef80.system.entry.js} +1 -1
  320. package/dist/pine-core/p-4125a4a6.system.entry.js +1 -0
  321. package/dist/pine-core/p-47df9e9f.system.entry.js +3 -0
  322. package/dist/pine-core/p-51680c9c.system.entry.js +1 -0
  323. package/dist/pine-core/p-55535481.system.entry.js +1 -0
  324. package/dist/pine-core/p-55a4659a.system.entry.js +1 -0
  325. package/dist/pine-core/{p-c5e1eb3c.system.entry.js → p-57af5c29.system.entry.js} +1 -1
  326. package/dist/pine-core/p-57edd301.system.entry.js +1 -0
  327. package/dist/pine-core/{p-bfa34194.entry.js → p-5d582798.entry.js} +1 -1
  328. package/dist/pine-core/p-5db87fda.system.entry.js +1 -0
  329. package/dist/pine-core/{p-19cf1d91.system.entry.js → p-5eb0c78c.system.entry.js} +1 -1
  330. package/dist/pine-core/{p-42f70f93.system.entry.js → p-6017afb5.system.entry.js} +1 -1
  331. package/dist/pine-core/{p-63f85859.system.entry.js → p-60e65fe0.system.entry.js} +1 -1
  332. package/dist/pine-core/{p-973c3ac0.entry.js → p-627a94da.entry.js} +1 -1
  333. package/dist/pine-core/{p-a9d96e22.entry.js → p-68328afc.entry.js} +1 -1
  334. package/dist/pine-core/{p-bd7dc317.system.entry.js → p-72668673.system.entry.js} +1 -1
  335. package/dist/pine-core/p-72ff5ad2.system.entry.js +1 -0
  336. package/dist/pine-core/p-736ea7dd.entry.js +7 -0
  337. package/dist/pine-core/p-765f4207.entry.js +1 -0
  338. package/dist/pine-core/{p-2a18852f.entry.js → p-77530cf2.entry.js} +1 -1
  339. package/dist/pine-core/p-77a22399.entry.js +1 -0
  340. package/dist/pine-core/p-783127bf.entry.js +1 -0
  341. package/dist/pine-core/{p-d9719e37.entry.js → p-82f7eed1.entry.js} +1 -1
  342. package/dist/pine-core/{p-124a0a24.entry.js → p-84d4ae26.entry.js} +1 -1
  343. package/dist/pine-core/p-8deeda07.entry.js +1 -0
  344. package/dist/pine-core/{p-849ec281.system.entry.js → p-8e17a6d8.system.entry.js} +1 -1
  345. package/dist/pine-core/p-8e7e7bba.entry.js +1 -0
  346. package/dist/pine-core/{p-e82f758f.system.entry.js → p-907c69e9.system.entry.js} +1 -1
  347. package/dist/pine-core/{p-1415c988.system.entry.js → p-90f83a5b.system.entry.js} +1 -1
  348. package/dist/pine-core/p-97145eee.system.entry.js +1 -0
  349. package/dist/pine-core/{p-a09c9c5e.system.entry.js → p-9d983e09.system.entry.js} +1 -1
  350. package/dist/pine-core/{p-1e3ef425.entry.js → p-9e005996.entry.js} +1 -1
  351. package/dist/pine-core/{p-DvN3tyZp.js → p-B0DXTeeV.js} +1 -1
  352. package/dist/pine-core/{p-CNXspDYs.system.js → p-BlJQebvG.system.js} +1 -1
  353. package/dist/pine-core/p-C35-349-.system.js +1 -0
  354. package/dist/pine-core/{p-vFsJv75D.system.js → p-CIe1DGXa.system.js} +1 -1
  355. package/dist/pine-core/p-CNn1lObg.js +1 -0
  356. package/dist/pine-core/p-CQJ44c6o.system.js +1 -0
  357. package/dist/pine-core/p-Dv9QBmIF.js +1 -0
  358. package/dist/pine-core/p-PItnzVVR.js +1 -0
  359. package/dist/pine-core/p-VPGVqK3P.system.js +1 -0
  360. package/dist/pine-core/p-XK45dzWR.system.js +1 -1
  361. package/dist/pine-core/p-a149af29.entry.js +1 -0
  362. package/dist/pine-core/p-a20d9eca.system.entry.js +1 -0
  363. package/dist/pine-core/{p-f6f4fd42.entry.js → p-a5782d99.entry.js} +1 -1
  364. package/dist/pine-core/p-a5e9c583.entry.js +1 -0
  365. package/dist/pine-core/{p-4d47023c.system.entry.js → p-a9eaf160.system.entry.js} +1 -1
  366. package/dist/pine-core/{p-143b33a6.entry.js → p-b00b07e3.entry.js} +1 -1
  367. package/dist/pine-core/{p-c7a53c4f.entry.js → p-b7b29392.entry.js} +1 -1
  368. package/dist/pine-core/p-b96bdff6.entry.js +1 -0
  369. package/dist/pine-core/{p-f71d71ca.entry.js → p-bbd9ab75.entry.js} +1 -1
  370. package/dist/pine-core/p-bdab6c9f.entry.js +1 -0
  371. package/dist/pine-core/p-biShcgLI.js +1 -0
  372. package/dist/pine-core/{p-548bce53.system.entry.js → p-c12b5cd7.system.entry.js} +1 -1
  373. package/dist/pine-core/p-c1dc7692.entry.js +1 -0
  374. package/dist/pine-core/p-c76d8b9e.system.entry.js +1 -0
  375. package/dist/pine-core/{p-590df41a.entry.js → p-c89ea2d3.entry.js} +1 -1
  376. package/dist/pine-core/{p-d920d759.system.entry.js → p-c9630934.system.entry.js} +1 -1
  377. package/dist/pine-core/{p-6f4ab1ea.system.entry.js → p-cb9227f6.system.entry.js} +1 -1
  378. package/dist/pine-core/p-ceef0eb1.entry.js +1 -0
  379. package/dist/pine-core/p-d1283e8d.entry.js +1 -0
  380. package/dist/pine-core/p-d676926d.system.entry.js +1 -0
  381. package/dist/pine-core/{p-61cfdbb2.entry.js → p-d7d7a4e1.entry.js} +1 -1
  382. package/dist/pine-core/p-d85d50cb.entry.js +1 -0
  383. package/dist/pine-core/p-daa802f1.entry.js +2 -0
  384. package/dist/pine-core/p-ddf4b9b5.system.entry.js +1 -0
  385. package/dist/pine-core/p-de3b319e.system.entry.js +8 -0
  386. package/dist/pine-core/{p-cb9baf78.system.entry.js → p-e00777da.system.entry.js} +1 -1
  387. package/dist/pine-core/p-e2541eeb.entry.js +1 -0
  388. package/dist/pine-core/{p-01f1cdaf.system.entry.js → p-e2a1a49a.system.entry.js} +1 -1
  389. package/dist/pine-core/p-e4ebea88.system.entry.js +1 -0
  390. package/dist/pine-core/{p-947582e1.entry.js → p-e554bd64.entry.js} +1 -1
  391. package/dist/pine-core/{p-dd7ded84.entry.js → p-e6427c87.entry.js} +1 -1
  392. package/dist/pine-core/{p-50ddadbf.entry.js → p-e72e8b8f.entry.js} +1 -1
  393. package/dist/pine-core/p-e92d0f0f.system.entry.js +1 -0
  394. package/dist/pine-core/{p-9b32727a.system.entry.js → p-eab165b9.system.entry.js} +1 -1
  395. package/dist/pine-core/p-eabc4bd8.entry.js +1 -0
  396. package/dist/pine-core/p-ef9f84f2.system.entry.js +1 -0
  397. package/dist/pine-core/{p-c9ae7964.entry.js → p-f026af73.entry.js} +1 -1
  398. package/dist/pine-core/{p-99530cb5.entry.js → p-f0509c8e.entry.js} +1 -1
  399. package/dist/pine-core/p-f1252e72.system.entry.js +1 -0
  400. package/dist/pine-core/p-f3496fd1.entry.js +1 -0
  401. package/dist/pine-core/{p-eecd9ad8.system.entry.js → p-f90f4be7.system.entry.js} +1 -1
  402. package/dist/pine-core/p-f9bdaadd.system.entry.js +1 -0
  403. package/dist/pine-core/{p-128c04e7.entry.js → p-fda791df.entry.js} +1 -1
  404. package/dist/pine-core/p-fea4296d.entry.js +1 -0
  405. package/dist/pine-core/pine-core.esm.js +1 -1
  406. package/dist/types/components/pds-alert/pds-alert.d.ts +2 -1
  407. package/dist/types/components/pds-avatar/pds-avatar.d.ts +5 -4
  408. package/dist/types/components/pds-box/pds-box.d.ts +68 -57
  409. package/dist/types/components/pds-button/pds-button.d.ts +14 -3
  410. package/dist/types/components/pds-checkbox/pds-checkbox.d.ts +15 -8
  411. package/dist/types/components/pds-chip/pds-chip.d.ts +2 -2
  412. package/dist/types/components/pds-combobox/pds-combobox.d.ts +48 -11
  413. package/dist/types/components/pds-copytext/pds-copytext.d.ts +3 -1
  414. package/dist/types/components/pds-datepicker/date-utils.d.ts +19 -0
  415. package/dist/types/components/pds-datepicker/datepicker-interface.d.ts +22 -5
  416. package/dist/types/components/pds-datepicker/pds-datepicker.d.ts +33 -7
  417. package/dist/types/components/pds-datepicker/presets.d.ts +3 -2
  418. package/dist/types/components/pds-datepicker/value.d.ts +14 -2
  419. package/dist/types/components/pds-drawer/pds-drawer-content/pds-drawer-content.d.ts +1 -4
  420. package/dist/types/components/pds-drawer/pds-drawer-footer/pds-drawer-footer.d.ts +1 -0
  421. package/dist/types/components/pds-drawer/pds-drawer-header/pds-drawer-header.d.ts +1 -0
  422. package/dist/types/components/pds-drawer/pds-drawer.d.ts +4 -6
  423. package/dist/types/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.d.ts +20 -16
  424. package/dist/types/components/pds-dropdown-menu/pds-dropdown-menu-separator/pds-dropdown-menu-separator.d.ts +1 -1
  425. package/dist/types/components/pds-dropdown-menu/pds-dropdown-menu.d.ts +7 -0
  426. package/dist/types/components/pds-filters/pds-filter/pds-filter.d.ts +6 -5
  427. package/dist/types/components/pds-image/image-interface.d.ts +12 -0
  428. package/dist/types/components/pds-image/pds-image.d.ts +69 -9
  429. package/dist/types/components/pds-input/pds-input.d.ts +17 -7
  430. package/dist/types/components/pds-link/pds-link.d.ts +8 -8
  431. package/dist/types/components/pds-loader/pds-loader.d.ts +3 -2
  432. package/dist/types/components/pds-modal/pds-modal-footer/pds-modal-footer.d.ts +1 -0
  433. package/dist/types/components/pds-modal/pds-modal-header/pds-modal-header.d.ts +1 -0
  434. package/dist/types/components/pds-modal/pds-modal.d.ts +7 -9
  435. package/dist/types/components/pds-multiselect/pds-multiselect.d.ts +14 -8
  436. package/dist/types/components/pds-popover/pds-popover.d.ts +2 -2
  437. package/dist/types/components/pds-progress/pds-progress.d.ts +2 -2
  438. package/dist/types/components/pds-radio/pds-radio.d.ts +6 -5
  439. package/dist/types/components/pds-radio-group/pds-radio-group.d.ts +5 -4
  440. package/dist/types/components/pds-select/pds-select.d.ts +9 -3
  441. package/dist/types/components/pds-sortable/pds-sortable-item/pds-sortable-item.d.ts +8 -2
  442. package/dist/types/components/pds-sortable/pds-sortable.d.ts +82 -1
  443. package/dist/types/components/pds-sortable/sortable-label.d.ts +7 -0
  444. package/dist/types/components/pds-switch/pds-switch.d.ts +17 -2
  445. package/dist/types/components/pds-table/pds-table-body/pds-table-body.d.ts +3 -0
  446. package/dist/types/components/pds-table/pds-table-cell/pds-table-cell.d.ts +10 -0
  447. package/dist/types/components/pds-table/pds-table-head/pds-table-head.d.ts +5 -1
  448. package/dist/types/components/pds-table/pds-table-head-cell/pds-table-head-cell.d.ts +21 -0
  449. package/dist/types/components/pds-table/pds-table-row/pds-table-row.d.ts +4 -0
  450. package/dist/types/components/pds-table/pds-table.d.ts +76 -2
  451. package/dist/types/components/pds-tabs/pds-tabs.d.ts +1 -1
  452. package/dist/types/components/pds-textarea/pds-textarea.d.ts +15 -13
  453. package/dist/types/components/pds-toast/pds-toast.d.ts +5 -1
  454. package/dist/types/components.d.ts +505 -335
  455. package/dist/types/utils/aria-references.d.ts +4 -0
  456. package/dist/types/utils/truncation-tooltip.d.ts +39 -0
  457. package/dist/types/utils/types.d.ts +3 -0
  458. package/dist/vscode.html-data.json +350 -137
  459. package/hydrate/index.js +2054 -427
  460. package/hydrate/index.mjs +2054 -427
  461. package/package.json +3 -3
  462. package/readme.md +26 -55
  463. package/dist/esm-es5/truncation-tooltip-DBcPipr9.js +0 -1
  464. package/dist/pine-core/p-07323107.entry.js +0 -1
  465. package/dist/pine-core/p-08b8e941.entry.js +0 -1
  466. package/dist/pine-core/p-0b7b3fc2.system.entry.js +0 -3
  467. package/dist/pine-core/p-0d5f0ab5.system.entry.js +0 -1
  468. package/dist/pine-core/p-14dedf01.system.entry.js +0 -1
  469. package/dist/pine-core/p-1ca8d183.entry.js +0 -1
  470. package/dist/pine-core/p-1f62bb71.entry.js +0 -7
  471. package/dist/pine-core/p-2dd30d12.entry.js +0 -1
  472. package/dist/pine-core/p-35s7h-dk.js +0 -1
  473. package/dist/pine-core/p-3610cb3b.entry.js +0 -1
  474. package/dist/pine-core/p-39276663.entry.js +0 -1
  475. package/dist/pine-core/p-3a1dc752.system.entry.js +0 -1
  476. package/dist/pine-core/p-42d43c3f.system.entry.js +0 -1
  477. package/dist/pine-core/p-4a90b9c8.system.entry.js +0 -1
  478. package/dist/pine-core/p-4cfe922b.entry.js +0 -1
  479. package/dist/pine-core/p-5f181694.system.entry.js +0 -1
  480. package/dist/pine-core/p-60a30975.system.entry.js +0 -1
  481. package/dist/pine-core/p-62aa6a78.system.entry.js +0 -1
  482. package/dist/pine-core/p-64bcb378.entry.js +0 -1
  483. package/dist/pine-core/p-724baba3.system.entry.js +0 -1
  484. package/dist/pine-core/p-72659a0e.system.entry.js +0 -1
  485. package/dist/pine-core/p-8436cbfb.entry.js +0 -1
  486. package/dist/pine-core/p-8ade17ce.entry.js +0 -1
  487. package/dist/pine-core/p-8e7f75e6.entry.js +0 -1
  488. package/dist/pine-core/p-8fb520df.entry.js +0 -1
  489. package/dist/pine-core/p-92115e88.entry.js +0 -1
  490. package/dist/pine-core/p-94c9b7d1.system.entry.js +0 -1
  491. package/dist/pine-core/p-97356d4b.entry.js +0 -1
  492. package/dist/pine-core/p-97653e60.entry.js +0 -1
  493. package/dist/pine-core/p-97b73359.entry.js +0 -1
  494. package/dist/pine-core/p-BZVUD2on.js +0 -1
  495. package/dist/pine-core/p-Dj-z_ugg.system.js +0 -1
  496. package/dist/pine-core/p-ad5208a4.system.entry.js +0 -1
  497. package/dist/pine-core/p-afc2f165.entry.js +0 -1
  498. package/dist/pine-core/p-bcc378ba.system.entry.js +0 -8
  499. package/dist/pine-core/p-c8a0b562.system.entry.js +0 -1
  500. package/dist/pine-core/p-d47b2a6a.system.entry.js +0 -1
  501. package/dist/pine-core/p-d6f338e0.entry.js +0 -1
  502. package/dist/pine-core/p-da8b864a.entry.js +0 -2
  503. package/dist/pine-core/p-db7fb5a3.entry.js +0 -1
  504. package/dist/pine-core/p-de455073.system.entry.js +0 -1
  505. package/dist/pine-core/p-e3de6a1d.entry.js +0 -1
  506. package/dist/pine-core/p-e84fa9ed.entry.js +0 -1
  507. package/dist/pine-core/p-eb4f0daa.system.entry.js +0 -1
  508. package/dist/pine-core/p-eb56af4a.system.entry.js +0 -1
  509. package/dist/pine-core/p-ef0eba9b.system.entry.js +0 -1
  510. package/dist/pine-core/p-f11cce27.system.entry.js +0 -1
  511. package/dist/pine-core/p-f354dbac.entry.js +0 -1
@@ -34,7 +34,7 @@
34
34
  "name": "pds-alert",
35
35
  "description": {
36
36
  "kind": "markdown",
37
- "value": "Alerts display inline messages with distinct variants for information, success, warnings, errors, and other states. They can be dismissible and include an actions slot for related buttons.\n\n**Examples:**\n[Variants](https://pine-design-system.netlify.app/?path=/docs/components-alert--docs#variants), [Default](https://pine-design-system.netlify.app/?path=/docs/components-alert--docs#default), [Small](https://pine-design-system.netlify.app/?path=/docs/components-alert--docs#small), [Actions](https://pine-design-system.netlify.app/?path=/docs/components-alert--docs#actions), [Small with actions](https://pine-design-system.netlify.app/?path=/docs/components-alert--docs#small-with-actions), [Dismissible](https://pine-design-system.netlify.app/?path=/docs/components-alert--docs#dismissible), [Small dismissible](https://pine-design-system.netlify.app/?path=/docs/components-alert--docs#small-dismissible)\n\n**Slots:**\n- `actions` - Slot for alert actions.\n\n**CSS Parts:**\n- `dismiss` - No description\n\n**Events:**\n- `pdsAlertDismissClick` - Event emitted when the dismiss button is clicked."
37
+ "value": "Alerts display inline messages with distinct variants for information, success, warnings, errors, and other states. They can be dismissible and include an actions slot for related buttons.\n\n**Examples:**\n[Variants](https://pine-design-system.netlify.app/?path=/docs/components-alert--docs#variants), [Default](https://pine-design-system.netlify.app/?path=/docs/components-alert--docs#default), [Small](https://pine-design-system.netlify.app/?path=/docs/components-alert--docs#small), [Actions](https://pine-design-system.netlify.app/?path=/docs/components-alert--docs#actions), [Small with actions](https://pine-design-system.netlify.app/?path=/docs/components-alert--docs#small-with-actions), [Dismissible](https://pine-design-system.netlify.app/?path=/docs/components-alert--docs#dismissible), [Small dismissible](https://pine-design-system.netlify.app/?path=/docs/components-alert--docs#small-dismissible)\n\n**Slots:**\n- `(default)` - The alert's description text.\n- `actions` - Slot for alert actions.\n\n**CSS Parts:**\n- `dismiss` - Exposes the dismiss button for styling. Appears only when `dismissible` is set.\n\n**Events:**\n- `pdsAlertDismissClick` - Event emitted when the dismiss button is clicked."
38
38
  },
39
39
  "attributes": [
40
40
  {
@@ -122,7 +122,7 @@
122
122
  "name": "pds-avatar",
123
123
  "description": {
124
124
  "kind": "markdown",
125
- "value": "Avatars display a thumbnail representation of a person or organization, supporting an image, an initials fallback, and an optional badge. They can also function as a dropdown trigger.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#default), [Admin](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#admin), [Badge](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#badge), [Custom Sizes](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#custom-sizes), [Dropdown](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#dropdown), [Image](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#image), [Initials](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#initials), [Initials with Badge](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#initials-with-badge)\n\n**CSS Parts:**\n- `asset-wrapper` - No description\n- `button` - No description\n- `image` - The main image element that represents the avatar component.\n- `initials` - The text element that renders the avatar's initials, for restyling their color.\n- `status` - No description"
125
+ "value": "Avatars display a thumbnail representation of a person or organization, supporting an image, an initials fallback, and an optional badge. They can also function as a dropdown trigger.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#default), [Admin](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#admin), [Badge](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#badge), [Status](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#status), [Sizes](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#sizes), [Dropdown](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#dropdown), [Image](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#image), [Initials](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#initials), [Initials with Badge](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#initials-with-badge)\n\n**CSS Parts:**\n- `asset-wrapper` - Exposes the sized wrapper around the avatar's image, initials or icon, badge and status dot for styling.\n- `button` - Exposes the dropdown trigger button for styling. Appears only when `dropdown` is set.\n- `initials` - The text element that renders the avatar's initials, for restyling their color.\n- `status` - Exposes the status dot for styling, such as a custom color. Appears only when `status` is set."
126
126
  },
127
127
  "attributes": [
128
128
  {
@@ -178,7 +178,7 @@
178
178
  "name": "size",
179
179
  "description": {
180
180
  "kind": "markdown",
181
- "value": "Size of the avatar. Value can be preset or custom.\n\n**Default:** `'lg'`"
181
+ "value": "Sets the size of the avatar: `xs` (24px), `sm` (32px), `md` (40px), `lg` (56px), `xl` (64px),\nor a custom CSS length such as `128px`.\n\n**Default:** `'lg'`"
182
182
  }
183
183
  },
184
184
  {
@@ -656,6 +656,21 @@
656
656
  }
657
657
  ]
658
658
  },
659
+ {
660
+ "name": "container",
661
+ "description": {
662
+ "kind": "markdown",
663
+ "value": "Makes the box a size container by setting `container-type`. `inline-size` stops the box's\ncontent from setting its width, so long unwrapped text truncates instead of widening it, and\nlets children use container query units. `size` does the same for both axes, so the box needs\na height from somewhere else. Either way the box still needs its width from its parent, such as\nthe default `flex-grow`, `flex=\"grow\"` or `fit`; with `flex=\"none\"` or `flex=\"shrink\"`, or the\n`auto` prop, it collapses.\n\n**Type:** `\"inline-size\" | \"size\"`"
664
+ },
665
+ "values": [
666
+ {
667
+ "name": "inline-size"
668
+ },
669
+ {
670
+ "name": "size"
671
+ }
672
+ ]
673
+ },
659
674
  {
660
675
  "name": "direction",
661
676
  "description": {
@@ -696,49 +711,49 @@
696
711
  "name": "fit",
697
712
  "description": {
698
713
  "kind": "markdown",
699
- "value": "If `true`, sets the box `max-width` to `100%`."
714
+ "value": "If `true`, sets the box `width`, `min-width` and `max-width` to `100%`, so it fills its parent's width.\nA box in a `direction=\"column\"` parent needs it when the parent sets `align-items`, and a box that isn't a flex item needs it to fill its container."
700
715
  }
701
716
  },
702
717
  {
703
718
  "name": "fit-lg",
704
719
  "description": {
705
720
  "kind": "markdown",
706
- "value": "If `true`, sets the box `max-width` to `100%` at the LG breakpoint."
721
+ "value": "If `true`, sets the box `width`, `min-width` and `max-width` to `100%` at the LG breakpoint."
707
722
  }
708
723
  },
709
724
  {
710
725
  "name": "fit-md",
711
726
  "description": {
712
727
  "kind": "markdown",
713
- "value": "If `true`, sets the box `max-width` to `100%` at the MD breakpoint."
728
+ "value": "If `true`, sets the box `width`, `min-width` and `max-width` to `100%` at the MD breakpoint."
714
729
  }
715
730
  },
716
731
  {
717
732
  "name": "fit-sm",
718
733
  "description": {
719
734
  "kind": "markdown",
720
- "value": "If `true`, sets the box `max-width` to `100%` at the SM breakpoint."
735
+ "value": "If `true`, sets the box `width`, `min-width` and `max-width` to `100%` at the SM breakpoint."
721
736
  }
722
737
  },
723
738
  {
724
739
  "name": "fit-xl",
725
740
  "description": {
726
741
  "kind": "markdown",
727
- "value": "If `true`, sets the box `max-width` to `100%` at the XL breakpoint."
742
+ "value": "If `true`, sets the box `width`, `min-width` and `max-width` to `100%` at the XL breakpoint."
728
743
  }
729
744
  },
730
745
  {
731
746
  "name": "fit-xs",
732
747
  "description": {
733
748
  "kind": "markdown",
734
- "value": "If `true`, sets the box `max-width` to `100%` at the XS breakpoint."
749
+ "value": "If `true`, sets the box `width`, `min-width` and `max-width` to `100%` at the XS breakpoint."
735
750
  }
736
751
  },
737
752
  {
738
753
  "name": "flex",
739
754
  "description": {
740
755
  "kind": "markdown",
741
- "value": "Defines how a box will grow or shrink to fit the space available in its container.\nCan be a predefined value ('none', 'grow', 'shrink') or a custom flex value (e.g., '1', '0 1 auto')."
756
+ "value": "Defines how a box will grow or shrink to fit the space available in its container.\nCan be a predefined value or a custom flex value (e.g., '1', '0 1 auto'). The predefined values are\n`none` (`flex: 0 0 auto`), `grow` (`flex: 1 1 auto`) and `shrink` (`flex: 0 1 auto`).\nWithout it, a box grows to share its row with its siblings (`flex-grow: 1; flex-basis: 0`)."
742
757
  }
743
758
  },
744
759
  {
@@ -1429,7 +1444,7 @@
1429
1444
  "name": "margin-block-end",
1430
1445
  "description": {
1431
1446
  "kind": "markdown",
1432
- "value": "Defines the box's outer bottom spacing.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
1447
+ "value": "Defines the box's outer bottom spacing. Accepts a spacing token or `auto`.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
1433
1448
  },
1434
1449
  "values": [
1435
1450
  {
@@ -1486,6 +1501,9 @@
1486
1501
  {
1487
1502
  "name": "800"
1488
1503
  },
1504
+ {
1505
+ "name": "auto"
1506
+ },
1489
1507
  {
1490
1508
  "name": "lg"
1491
1509
  },
@@ -1516,7 +1534,7 @@
1516
1534
  "name": "margin-block-end-lg",
1517
1535
  "description": {
1518
1536
  "kind": "markdown",
1519
- "value": "Defines the box's outer bottom spacing at the LG breakpoint.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
1537
+ "value": "Defines the box's outer bottom spacing at the LG breakpoint. Accepts a spacing token or `auto`.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
1520
1538
  },
1521
1539
  "values": [
1522
1540
  {
@@ -1573,6 +1591,9 @@
1573
1591
  {
1574
1592
  "name": "800"
1575
1593
  },
1594
+ {
1595
+ "name": "auto"
1596
+ },
1576
1597
  {
1577
1598
  "name": "lg"
1578
1599
  },
@@ -1603,7 +1624,7 @@
1603
1624
  "name": "margin-block-end-md",
1604
1625
  "description": {
1605
1626
  "kind": "markdown",
1606
- "value": "Defines the box's outer bottom spacing at the MD breakpoint.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
1627
+ "value": "Defines the box's outer bottom spacing at the MD breakpoint. Accepts a spacing token or `auto`.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
1607
1628
  },
1608
1629
  "values": [
1609
1630
  {
@@ -1660,6 +1681,9 @@
1660
1681
  {
1661
1682
  "name": "800"
1662
1683
  },
1684
+ {
1685
+ "name": "auto"
1686
+ },
1663
1687
  {
1664
1688
  "name": "lg"
1665
1689
  },
@@ -1690,7 +1714,7 @@
1690
1714
  "name": "margin-block-end-sm",
1691
1715
  "description": {
1692
1716
  "kind": "markdown",
1693
- "value": "Defines the box's outer bottom spacing at the SM breakpoint.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
1717
+ "value": "Defines the box's outer bottom spacing at the SM breakpoint. Accepts a spacing token or `auto`.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
1694
1718
  },
1695
1719
  "values": [
1696
1720
  {
@@ -1747,6 +1771,9 @@
1747
1771
  {
1748
1772
  "name": "800"
1749
1773
  },
1774
+ {
1775
+ "name": "auto"
1776
+ },
1750
1777
  {
1751
1778
  "name": "lg"
1752
1779
  },
@@ -1777,7 +1804,7 @@
1777
1804
  "name": "margin-block-end-xl",
1778
1805
  "description": {
1779
1806
  "kind": "markdown",
1780
- "value": "Defines the box's outer bottom spacing at the XL breakpoint.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
1807
+ "value": "Defines the box's outer bottom spacing at the XL breakpoint. Accepts a spacing token or `auto`.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
1781
1808
  },
1782
1809
  "values": [
1783
1810
  {
@@ -1834,6 +1861,9 @@
1834
1861
  {
1835
1862
  "name": "800"
1836
1863
  },
1864
+ {
1865
+ "name": "auto"
1866
+ },
1837
1867
  {
1838
1868
  "name": "lg"
1839
1869
  },
@@ -1864,7 +1894,7 @@
1864
1894
  "name": "margin-block-end-xs",
1865
1895
  "description": {
1866
1896
  "kind": "markdown",
1867
- "value": "Defines the box's outer bottom spacing at the XS breakpoint.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
1897
+ "value": "Defines the box's outer bottom spacing at the XS breakpoint. Accepts a spacing token or `auto`.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
1868
1898
  },
1869
1899
  "values": [
1870
1900
  {
@@ -1921,6 +1951,9 @@
1921
1951
  {
1922
1952
  "name": "800"
1923
1953
  },
1954
+ {
1955
+ "name": "auto"
1956
+ },
1924
1957
  {
1925
1958
  "name": "lg"
1926
1959
  },
@@ -1951,7 +1984,7 @@
1951
1984
  "name": "margin-block-start",
1952
1985
  "description": {
1953
1986
  "kind": "markdown",
1954
- "value": "Defines the box's outer top spacing.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
1987
+ "value": "Defines the box's outer top spacing. Accepts a spacing token or `auto`.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
1955
1988
  },
1956
1989
  "values": [
1957
1990
  {
@@ -2008,6 +2041,9 @@
2008
2041
  {
2009
2042
  "name": "800"
2010
2043
  },
2044
+ {
2045
+ "name": "auto"
2046
+ },
2011
2047
  {
2012
2048
  "name": "lg"
2013
2049
  },
@@ -2038,7 +2074,7 @@
2038
2074
  "name": "margin-block-start-lg",
2039
2075
  "description": {
2040
2076
  "kind": "markdown",
2041
- "value": "Defines the box's outer top spacing at the LG breakpoint.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
2077
+ "value": "Defines the box's outer top spacing at the LG breakpoint. Accepts a spacing token or `auto`.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
2042
2078
  },
2043
2079
  "values": [
2044
2080
  {
@@ -2095,6 +2131,9 @@
2095
2131
  {
2096
2132
  "name": "800"
2097
2133
  },
2134
+ {
2135
+ "name": "auto"
2136
+ },
2098
2137
  {
2099
2138
  "name": "lg"
2100
2139
  },
@@ -2125,7 +2164,7 @@
2125
2164
  "name": "margin-block-start-md",
2126
2165
  "description": {
2127
2166
  "kind": "markdown",
2128
- "value": "Defines the box's outer top spacing at the MD breakpoint.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
2167
+ "value": "Defines the box's outer top spacing at the MD breakpoint. Accepts a spacing token or `auto`.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
2129
2168
  },
2130
2169
  "values": [
2131
2170
  {
@@ -2182,6 +2221,9 @@
2182
2221
  {
2183
2222
  "name": "800"
2184
2223
  },
2224
+ {
2225
+ "name": "auto"
2226
+ },
2185
2227
  {
2186
2228
  "name": "lg"
2187
2229
  },
@@ -2212,7 +2254,7 @@
2212
2254
  "name": "margin-block-start-sm",
2213
2255
  "description": {
2214
2256
  "kind": "markdown",
2215
- "value": "Defines the box's outer top spacing at the SM breakpoint.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
2257
+ "value": "Defines the box's outer top spacing at the SM breakpoint. Accepts a spacing token or `auto`.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
2216
2258
  },
2217
2259
  "values": [
2218
2260
  {
@@ -2269,6 +2311,9 @@
2269
2311
  {
2270
2312
  "name": "800"
2271
2313
  },
2314
+ {
2315
+ "name": "auto"
2316
+ },
2272
2317
  {
2273
2318
  "name": "lg"
2274
2319
  },
@@ -2299,7 +2344,7 @@
2299
2344
  "name": "margin-block-start-xl",
2300
2345
  "description": {
2301
2346
  "kind": "markdown",
2302
- "value": "Defines the box's outer top spacing at the XL breakpoint.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
2347
+ "value": "Defines the box's outer top spacing at the XL breakpoint. Accepts a spacing token or `auto`.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
2303
2348
  },
2304
2349
  "values": [
2305
2350
  {
@@ -2356,6 +2401,9 @@
2356
2401
  {
2357
2402
  "name": "800"
2358
2403
  },
2404
+ {
2405
+ "name": "auto"
2406
+ },
2359
2407
  {
2360
2408
  "name": "lg"
2361
2409
  },
@@ -2386,7 +2434,7 @@
2386
2434
  "name": "margin-block-start-xs",
2387
2435
  "description": {
2388
2436
  "kind": "markdown",
2389
- "value": "Defines the box's outer top spacing at the XS breakpoint.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
2437
+ "value": "Defines the box's outer top spacing at the XS breakpoint. Accepts a spacing token or `auto`.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
2390
2438
  },
2391
2439
  "values": [
2392
2440
  {
@@ -2443,6 +2491,9 @@
2443
2491
  {
2444
2492
  "name": "800"
2445
2493
  },
2494
+ {
2495
+ "name": "auto"
2496
+ },
2446
2497
  {
2447
2498
  "name": "lg"
2448
2499
  },
@@ -2473,7 +2524,7 @@
2473
2524
  "name": "margin-inline-end",
2474
2525
  "description": {
2475
2526
  "kind": "markdown",
2476
- "value": "Defines the box's outer right spacing.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
2527
+ "value": "Defines the box's outer right spacing. Accepts a spacing token or `auto`.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
2477
2528
  },
2478
2529
  "values": [
2479
2530
  {
@@ -2530,6 +2581,9 @@
2530
2581
  {
2531
2582
  "name": "800"
2532
2583
  },
2584
+ {
2585
+ "name": "auto"
2586
+ },
2533
2587
  {
2534
2588
  "name": "lg"
2535
2589
  },
@@ -2560,7 +2614,7 @@
2560
2614
  "name": "margin-inline-end-lg",
2561
2615
  "description": {
2562
2616
  "kind": "markdown",
2563
- "value": "Defines the box's outer right spacing at the LG breakpoint.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
2617
+ "value": "Defines the box's outer right spacing at the LG breakpoint. Accepts a spacing token or `auto`.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
2564
2618
  },
2565
2619
  "values": [
2566
2620
  {
@@ -2617,6 +2671,9 @@
2617
2671
  {
2618
2672
  "name": "800"
2619
2673
  },
2674
+ {
2675
+ "name": "auto"
2676
+ },
2620
2677
  {
2621
2678
  "name": "lg"
2622
2679
  },
@@ -2647,7 +2704,7 @@
2647
2704
  "name": "margin-inline-end-md",
2648
2705
  "description": {
2649
2706
  "kind": "markdown",
2650
- "value": "Defines the box's outer right spacing at the MD breakpoint.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
2707
+ "value": "Defines the box's outer right spacing at the MD breakpoint. Accepts a spacing token or `auto`.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
2651
2708
  },
2652
2709
  "values": [
2653
2710
  {
@@ -2704,6 +2761,9 @@
2704
2761
  {
2705
2762
  "name": "800"
2706
2763
  },
2764
+ {
2765
+ "name": "auto"
2766
+ },
2707
2767
  {
2708
2768
  "name": "lg"
2709
2769
  },
@@ -2734,7 +2794,7 @@
2734
2794
  "name": "margin-inline-end-sm",
2735
2795
  "description": {
2736
2796
  "kind": "markdown",
2737
- "value": "Defines the box's outer right spacing at the SM breakpoint.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
2797
+ "value": "Defines the box's outer right spacing at the SM breakpoint. Accepts a spacing token or `auto`.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
2738
2798
  },
2739
2799
  "values": [
2740
2800
  {
@@ -2791,6 +2851,9 @@
2791
2851
  {
2792
2852
  "name": "800"
2793
2853
  },
2854
+ {
2855
+ "name": "auto"
2856
+ },
2794
2857
  {
2795
2858
  "name": "lg"
2796
2859
  },
@@ -2821,7 +2884,7 @@
2821
2884
  "name": "margin-inline-end-xl",
2822
2885
  "description": {
2823
2886
  "kind": "markdown",
2824
- "value": "Defines the box's outer right spacing at the XL breakpoint.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
2887
+ "value": "Defines the box's outer right spacing at the XL breakpoint. Accepts a spacing token or `auto`.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
2825
2888
  },
2826
2889
  "values": [
2827
2890
  {
@@ -2878,6 +2941,9 @@
2878
2941
  {
2879
2942
  "name": "800"
2880
2943
  },
2944
+ {
2945
+ "name": "auto"
2946
+ },
2881
2947
  {
2882
2948
  "name": "lg"
2883
2949
  },
@@ -2908,7 +2974,7 @@
2908
2974
  "name": "margin-inline-end-xs",
2909
2975
  "description": {
2910
2976
  "kind": "markdown",
2911
- "value": "Defines the box's outer right spacing at the XS breakpoint.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
2977
+ "value": "Defines the box's outer right spacing at the XS breakpoint. Accepts a spacing token or `auto`.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
2912
2978
  },
2913
2979
  "values": [
2914
2980
  {
@@ -2965,6 +3031,9 @@
2965
3031
  {
2966
3032
  "name": "800"
2967
3033
  },
3034
+ {
3035
+ "name": "auto"
3036
+ },
2968
3037
  {
2969
3038
  "name": "lg"
2970
3039
  },
@@ -2995,7 +3064,7 @@
2995
3064
  "name": "margin-inline-start",
2996
3065
  "description": {
2997
3066
  "kind": "markdown",
2998
- "value": "Defines the box's outer left spacing.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
3067
+ "value": "Defines the box's outer left spacing. Accepts a spacing token or `auto`.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
2999
3068
  },
3000
3069
  "values": [
3001
3070
  {
@@ -3052,6 +3121,9 @@
3052
3121
  {
3053
3122
  "name": "800"
3054
3123
  },
3124
+ {
3125
+ "name": "auto"
3126
+ },
3055
3127
  {
3056
3128
  "name": "lg"
3057
3129
  },
@@ -3082,7 +3154,7 @@
3082
3154
  "name": "margin-inline-start-lg",
3083
3155
  "description": {
3084
3156
  "kind": "markdown",
3085
- "value": "Defines the box's outer left spacing at the LG breakpoint.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
3157
+ "value": "Defines the box's outer left spacing at the LG breakpoint. Accepts a spacing token or `auto`.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
3086
3158
  },
3087
3159
  "values": [
3088
3160
  {
@@ -3139,6 +3211,9 @@
3139
3211
  {
3140
3212
  "name": "800"
3141
3213
  },
3214
+ {
3215
+ "name": "auto"
3216
+ },
3142
3217
  {
3143
3218
  "name": "lg"
3144
3219
  },
@@ -3169,7 +3244,7 @@
3169
3244
  "name": "margin-inline-start-md",
3170
3245
  "description": {
3171
3246
  "kind": "markdown",
3172
- "value": "Defines the box's outer left spacing at the MD breakpoint.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
3247
+ "value": "Defines the box's outer left spacing at the MD breakpoint. Accepts a spacing token or `auto`.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
3173
3248
  },
3174
3249
  "values": [
3175
3250
  {
@@ -3226,6 +3301,9 @@
3226
3301
  {
3227
3302
  "name": "800"
3228
3303
  },
3304
+ {
3305
+ "name": "auto"
3306
+ },
3229
3307
  {
3230
3308
  "name": "lg"
3231
3309
  },
@@ -3256,7 +3334,7 @@
3256
3334
  "name": "margin-inline-start-sm",
3257
3335
  "description": {
3258
3336
  "kind": "markdown",
3259
- "value": "Defines the box's outer left spacing at the SM breakpoint.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
3337
+ "value": "Defines the box's outer left spacing at the SM breakpoint. Accepts a spacing token or `auto`.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
3260
3338
  },
3261
3339
  "values": [
3262
3340
  {
@@ -3313,6 +3391,9 @@
3313
3391
  {
3314
3392
  "name": "800"
3315
3393
  },
3394
+ {
3395
+ "name": "auto"
3396
+ },
3316
3397
  {
3317
3398
  "name": "lg"
3318
3399
  },
@@ -3343,7 +3424,7 @@
3343
3424
  "name": "margin-inline-start-xl",
3344
3425
  "description": {
3345
3426
  "kind": "markdown",
3346
- "value": "Defines the box's outer left spacing at the XL breakpoint.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
3427
+ "value": "Defines the box's outer left spacing at the XL breakpoint. Accepts a spacing token or `auto`.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
3347
3428
  },
3348
3429
  "values": [
3349
3430
  {
@@ -3400,6 +3481,9 @@
3400
3481
  {
3401
3482
  "name": "800"
3402
3483
  },
3484
+ {
3485
+ "name": "auto"
3486
+ },
3403
3487
  {
3404
3488
  "name": "lg"
3405
3489
  },
@@ -3430,7 +3514,7 @@
3430
3514
  "name": "margin-inline-start-xs",
3431
3515
  "description": {
3432
3516
  "kind": "markdown",
3433
- "value": "Defines the box's outer left spacing at the XS breakpoint.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
3517
+ "value": "Defines the box's outer left spacing at the XS breakpoint. Accepts a spacing token or `auto`.\n\n**Type:** `\"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\" | \"auto\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"`"
3434
3518
  },
3435
3519
  "values": [
3436
3520
  {
@@ -3487,6 +3571,9 @@
3487
3571
  {
3488
3572
  "name": "800"
3489
3573
  },
3574
+ {
3575
+ "name": "auto"
3576
+ },
3490
3577
  {
3491
3578
  "name": "lg"
3492
3579
  },
@@ -6800,7 +6887,7 @@
6800
6887
  "name": "pds-button",
6801
6888
  "description": {
6802
6889
  "kind": "markdown",
6803
- "value": "A button is an interactive element that can be clicked to perform various actions such as triggering an event, submitting data, or navigating to a different location.\n\n**Examples:**\n[Primary](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#primary), [Secondary](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#secondary), [Tertiary](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#tertiary), [Accent](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#accent), [Destructive](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#destructive), [Disclosure](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#disclosure), [Filter](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#filter), [Full Width](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#full-width), [Loading](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#loading), [Icon Only](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#icon-only), [Sizes](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#sizes), [Compact / custom-surface icon buttons](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#compact-/-custom-surface-icon-buttons), [Button Link](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#button-link), [Type](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#type)\n\n**Slots:**\n- `(default)` - Button text.\n- `end` - Content to display after the button text.\n- `start` - Content to display before the button text.\n\n**CSS Parts:**\n- `button` - Exposes the underlying button (or anchor) element for styling, including custom size, shape, or surface on icon-only placements (e.g. a compact square or inverse icon button).\n- `button-content` - Exposes the button content for styling.\n- `button-text` - Exposes the button text for styling.\n- `caret` - Exposes the caret icon component for styling. Appears only on the disclosure variant.\n- `icon` - Exposes the icon component for styling.\n- `loader-svg` - Exposes the loader SVG element for color customization. Appears only when loading.\n\n**Events:**\n- `pdsClick` - No description"
6890
+ "value": "A button is an interactive element that can be clicked to perform various actions such as triggering an event, submitting data, or navigating to a different location.\n\n**Examples:**\n[Primary](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#primary), [Secondary](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#secondary), [Tertiary](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#tertiary), [Accent](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#accent), [Destructive](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#destructive), [Disclosure](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#disclosure), [Filter](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#filter), [Unstyled](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#unstyled), [Full Width](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#full-width), [Loading](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#loading), [Icons](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#icons), [Icon Only](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#icon-only), [Sizes](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#sizes), [Compact / custom-surface icon buttons](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#compact-/-custom-surface-icon-buttons), [Button Link](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#button-link), [Type](https://pine-design-system.netlify.app/?path=/docs/components-button--docs#type)\n\n**Slots:**\n- `(default)` - Button text.\n- `end` - Content to display after the button text.\n- `start` - Content to display before the button text.\n\n**CSS Parts:**\n- `button` - Exposes the underlying button (or anchor) element for styling, including custom size, shape, or surface on icon-only placements (e.g. a compact square or inverse icon button).\n- `button-content` - Exposes the button content for styling.\n- `button-text` - Exposes the button text for styling.\n- `caret` - Exposes the caret icon component for styling. Appears only on the disclosure variant.\n- `icon` - Exposes the icon component for styling.\n- `loader-svg` - Exposes the loader SVG element for color customization. Appears only when loading.\n\n**Events:**\n- `pdsClick` - Emitted when the button is clicked, including from the keyboard, carrying the native click event.\nNot emitted while the button is `disabled` or `loading`. In a form, a `submit` or `reset` button's `submit` or `reset` event fires\nbefore this one. A form that fails validation fires no `submit` event."
6804
6891
  },
6805
6892
  "attributes": [
6806
6893
  {
@@ -6835,7 +6922,7 @@
6835
6922
  "name": "href",
6836
6923
  "description": {
6837
6924
  "kind": "markdown",
6838
- "value": "If provided, renders the component as an anchor (`<a>`) element instead of a button.\nWhen using href, button-specific props (type, name, value, loading) will be ignored."
6925
+ "value": "If provided, renders the component as an anchor (`<a>`) element instead of a button.\nWhen using href, `type`, `name` and `value` are ignored, `loading` blocks navigation, and `disabled` removes the link's `href`."
6839
6926
  }
6840
6927
  },
6841
6928
  {
@@ -6863,7 +6950,7 @@
6863
6950
  "name": "name",
6864
6951
  "description": {
6865
6952
  "kind": "markdown",
6866
- "value": "Provides the button with a submittable name."
6953
+ "value": "Sets the `name` attribute of the inner button. Not included in submitted form data,\nbecause the form is submitted through a hidden button that carries only the `type`."
6867
6954
  }
6868
6955
  },
6869
6956
  {
@@ -6927,7 +7014,7 @@
6927
7014
  "name": "value",
6928
7015
  "description": {
6929
7016
  "kind": "markdown",
6930
- "value": "Provides button with a submittable value"
7017
+ "value": "Sets the `value` attribute of the inner button. Not included in submitted form data,\nbecause the form is submitted through a hidden button that carries only the `type`."
6931
7018
  }
6932
7019
  },
6933
7020
  {
@@ -6975,7 +7062,7 @@
6975
7062
  "name": "pds-checkbox",
6976
7063
  "description": {
6977
7064
  "kind": "markdown",
6978
- "value": "Checkboxes provide users with selectable options like toggling a single setting or selecting multiple options from a list.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#default), [Checked](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#checked), [Indeterminate](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#indeterminate), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#disabled), [Message](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#message), [Invalid](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#invalid), [Label slot](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#label-slot), [Pill](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#pill)\n\n**Slots:**\n- `label` - Content displayed as the checkbox label in place of the `label` text. Clicking it toggles the checkbox.\n\n**Events:**\n- `pdsCheckboxChange` - Event emitted that contains the `value` and `checked`.\n- `pdsCheckboxInput` - No description"
7065
+ "value": "Checkboxes provide users with selectable options like toggling a single setting or selecting multiple options from a list.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#default), [Checked](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#checked), [Indeterminate](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#indeterminate), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#disabled), [Message](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#message), [Invalid](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#invalid), [Label slot](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#label-slot), [Pill](https://pine-design-system.netlify.app/?path=/docs/components-checkbox--docs#pill)\n\n**Slots:**\n- `label` - Content displayed as the checkbox label in place of the `label` text. Clicking it toggles the checkbox.\n\n**Events:**\n- `pdsCheckboxChange` - Emitted when the user toggles the checkbox, by a click or `Space`, carrying the `value` and the new `checked` state.\n\nThis event will not emit when programmatically setting the `checked` property.\n- `pdsCheckboxInput` - Emitted when the user toggles the checkbox, just before `pdsCheckboxChange`, carrying the `value` and `checked`.\n`checked` is still the state from before the toggle, so read the new state from `pdsCheckboxChange`.\n\nThis event will not emit when programmatically setting the `checked` property."
6979
7066
  },
6980
7067
  "attributes": [
6981
7068
  {
@@ -7003,14 +7090,14 @@
7003
7090
  "name": "error-message",
7004
7091
  "description": {
7005
7092
  "kind": "markdown",
7006
- "value": "Displays message text describing an invalid state."
7093
+ "value": "Displays an error message below the checkbox. It becomes the checkbox's accessible description only while `invalid` is set."
7007
7094
  }
7008
7095
  },
7009
7096
  {
7010
7097
  "name": "helper-message",
7011
7098
  "description": {
7012
7099
  "kind": "markdown",
7013
- "value": "String used for helper message below checkbox."
7100
+ "value": "Displays a message or hint below the checkbox."
7014
7101
  }
7015
7102
  },
7016
7103
  {
@@ -7024,21 +7111,21 @@
7024
7111
  "name": "indeterminate",
7025
7112
  "description": {
7026
7113
  "kind": "markdown",
7027
- "value": "If `true`, the checkbox will visually appear as indeterminate.\nOnly JavaScript can set the objects `indeterminate` property. See [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes).\nHas no visual style when `variant` is `pill`."
7114
+ "value": "Shows the checkbox as indeterminate, for a checkbox whose group is only partly selected. It's exposed to screen readers as mixed.\nChanging `checked` clears it. Has no visual style when `variant` is `pill`."
7028
7115
  }
7029
7116
  },
7030
7117
  {
7031
7118
  "name": "invalid",
7032
7119
  "description": {
7033
7120
  "kind": "markdown",
7034
- "value": "It determines whether or not the checkbox is invalid."
7121
+ "value": "Determines whether or not the checkbox is invalid."
7035
7122
  }
7036
7123
  },
7037
7124
  {
7038
7125
  "name": "label",
7039
7126
  "description": {
7040
7127
  "kind": "markdown",
7041
- "value": "String used for label text next to checkbox."
7128
+ "value": "Text to be displayed as the checkbox label."
7042
7129
  }
7043
7130
  },
7044
7131
  {
@@ -7089,7 +7176,7 @@
7089
7176
  "name": "pds-chip",
7090
7177
  "description": {
7091
7178
  "kind": "markdown",
7092
- "value": "Chips are used to inform users about the status of an object or to associate properties with a parent. Commonly used in tabular data to indicate status.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#default), [Sentiment](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#sentiment), [Dot](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#dot), [Icon](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#icon), [Dropdown](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#dropdown), [Tag](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#tag), [Sizes](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#sizes), [Truncating a long label](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#truncating-a-long-label)\n\n**Slots:**\n- `(default)` - The chip's label text.\n\n**CSS Parts:**\n- `button` - No description\n- `dot` - Exposes the dot for styling, such as a custom color. Appears only when `dot` is set.\n- `icon` - Exposes the icon component for styling, such as a custom color. Appears only when `icon` is set.\n\n**Events:**\n- `pdsTagCloseClick` - Event emitted when the close button is clicked on a tag variant chip."
7179
+ "value": "Chips are used to inform users about the status of an object or to associate properties with a parent. Commonly used in tabular data to indicate status.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#default), [Sentiment](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#sentiment), [Dot](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#dot), [Icon](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#icon), [Dropdown](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#dropdown), [Tag](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#tag), [Sizes](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#sizes), [Truncating a long label](https://pine-design-system.netlify.app/?path=/docs/components-chip--docs#truncating-a-long-label)\n\n**Slots:**\n- `(default)` - The chip's label text.\n\n**CSS Parts:**\n- `button` - Exposes the trigger button for styling. Appears only on the dropdown variant.\n- `dot` - Exposes the dot for styling, such as a custom color. Appears only when `dot` is set.\n- `icon` - Exposes the icon component for styling, such as a custom color. Appears only when `icon` is set.\n\n**Events:**\n- `pdsTagCloseClick` - Event emitted when the close button is clicked on a tag variant chip."
7093
7180
  },
7094
7181
  "attributes": [
7095
7182
  {
@@ -7145,7 +7232,7 @@
7145
7232
  "name": "remove-http-method",
7146
7233
  "description": {
7147
7234
  "kind": "markdown",
7148
- "value": "HTTP method to use for the remove action.\nAdds data-method and data-turbo-method attributes for Rails/Turbo compatibility.\nOnly applies when removeUrl is provided.\n\n**Type:** `\"delete\" | \"get\" | \"patch\" | \"post\" | \"put\"`"
7235
+ "value": "HTTP method to use for the remove action.\nMaps to the `data-method` and `data-turbo-method` attributes on the remove link, for frameworks that read link methods from them.\nOnly applies when removeUrl is provided.\n\n**Type:** `\"delete\" | \"get\" | \"patch\" | \"post\" | \"put\"`"
7149
7236
  },
7150
7237
  "values": [
7151
7238
  {
@@ -7277,7 +7364,7 @@
7277
7364
  "name": "pds-combobox",
7278
7365
  "description": {
7279
7366
  "kind": "markdown",
7280
- "value": "A combobox is a text input with a dropdown list of options, allowing users to filter and select from a list. It is useful for searchable selects and autocomplete scenarios.\n\n**Slots:**\n- `empty` - Custom empty state message when no options match\n- `loading` - Custom loading indicator\n- `option` - Option elements for the combobox dropdown\n- `trigger-content` - Custom content for the button trigger when customTriggerContent is true\n\n**CSS Parts:**\n- `button-trigger` - No description\n- `chip-trigger` - No description\n- `combobox` - No description\n- `input` - No description\n\n**Events:**\n- `pdsComboboxChange` - Emitted when the value changes.\n- `pdsComboboxLoadOptions` - Emitted to request more options (pagination).\n- `pdsComboboxSearch` - Emitted on search input (for consumer-managed async)."
7367
+ "value": "A combobox is a text input with a dropdown list of options, allowing users to filter and select from a list. It is useful for searchable selects and autocomplete scenarios.\n\n**Slots:**\n- `empty` - Custom empty state message when no options match\n- `loading` - Custom loading indicator\n- `option` - Option elements for the combobox dropdown\n- `trigger-content` - Custom content for the button trigger when customTriggerContent is true\n\n**CSS Parts:**\n- `button-trigger` - Exposes the button trigger for styling. Appears only when `trigger` is `button`.\n- `chip-trigger` - Exposes the chip trigger for styling. Appears only when `trigger` is `chip`.\n- `combobox` - Exposes the outer container around the label, trigger and messages for styling.\n- `input` - Exposes the native `input` element for styling. Appears only when `trigger` is `input`, the default.\n\n**Events:**\n- `pdsComboboxChange` - Emitted when the value changes.\n- `pdsComboboxLoadOptions` - Emitted to request more options (pagination).\n- `pdsComboboxSearch` - Emitted on search input (for consumer-managed async)."
7281
7368
  },
7282
7369
  "attributes": [
7283
7370
  {
@@ -7441,7 +7528,7 @@
7441
7528
  "name": "dropdown-width",
7442
7529
  "description": {
7443
7530
  "kind": "markdown",
7444
- "value": "Width of the dropdown. Any valid CSS width value.\n\n**Default:** `'236px'`"
7531
+ "value": "Width of the dropdown, including its padding. Any valid CSS width value.\nWithout it, the dropdown is 252px wide, 244px with grouped options and 236px with a panel search."
7445
7532
  }
7446
7533
  },
7447
7534
  {
@@ -7462,14 +7549,14 @@
7462
7549
  "name": "flyout-max-width",
7463
7550
  "description": {
7464
7551
  "kind": "markdown",
7465
- "value": "Maximum width of a group's flyout when `group-display` is `flyout`. Any valid CSS width value.\n\n**Default:** `'380px'`"
7552
+ "value": "Maximum width of a group's flyout when `group-display` is `flyout`. Any valid CSS width\nvalue, including its padding.\n\n**Default:** `'388px'`"
7466
7553
  }
7467
7554
  },
7468
7555
  {
7469
7556
  "name": "flyout-min-width",
7470
7557
  "description": {
7471
7558
  "kind": "markdown",
7472
- "value": "Minimum width of a group's flyout when `group-display` is `flyout`. Any valid CSS width value.\nThe flyout is as wide as its options, between this and `flyout-max-width`.\n\n**Default:** `'280px'`"
7559
+ "value": "Minimum width of a group's flyout when `group-display` is `flyout`. Any valid CSS width\nvalue, including its padding. The flyout is as wide as its options, between this and\n`flyout-max-width`.\n\n**Default:** `'288px'`"
7473
7560
  }
7474
7561
  },
7475
7562
  {
@@ -7661,7 +7748,7 @@
7661
7748
  "name": "value",
7662
7749
  "description": {
7663
7750
  "kind": "markdown",
7664
- "value": "The value of the combobox input.\n\n**Default:** `''`"
7751
+ "value": "The `value` of the selected option.\n\n**Default:** `''`"
7665
7752
  }
7666
7753
  }
7667
7754
  ],
@@ -7726,7 +7813,7 @@
7726
7813
  "name": "pds-copytext",
7727
7814
  "description": {
7728
7815
  "kind": "markdown",
7729
- "value": "Copy Text displays a value alongside a copy button, letting users copy codes, IDs, or short strings to their clipboard in a single click. It supports truncation with a hover tooltip for long values.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-copy-text--docs#default), [Borderless](https://pine-design-system.netlify.app/?path=/docs/components-copy-text--docs#borderless), [Full width](https://pine-design-system.netlify.app/?path=/docs/components-copy-text--docs#full-width), [Truncate](https://pine-design-system.netlify.app/?path=/docs/components-copy-text--docs#truncate)\n\n**Events:**\n- `pdsCopyTextClick` - Event fired when copyText button is clicked."
7816
+ "value": "Copy Text displays a value alongside a copy button, letting users copy codes, IDs, or short strings to their clipboard in a single click. It supports truncation with a hover tooltip for long values.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-copy-text--docs#default), [Borderless](https://pine-design-system.netlify.app/?path=/docs/components-copy-text--docs#borderless), [Full width](https://pine-design-system.netlify.app/?path=/docs/components-copy-text--docs#full-width), [Truncate](https://pine-design-system.netlify.app/?path=/docs/components-copy-text--docs#truncate), [Copy result](https://pine-design-system.netlify.app/?path=/docs/components-copy-text--docs#copy-result)\n\n**Events:**\n- `pdsCopyTextClick` - Emitted after a click, once the copy to the clipboard succeeds or fails.\n`detail` is `Copied to clipboard` on success, or `Error writing text to clipboard: ` followed by the error on failure.\nNot emitted when `navigator.clipboard` is undefined, as it is outside a secure context."
7730
7817
  },
7731
7818
  "attributes": [
7732
7819
  {
@@ -7776,7 +7863,7 @@
7776
7863
  "name": "pds-datepicker",
7777
7864
  "description": {
7778
7865
  "kind": "markdown",
7779
- "value": "Datepicker captures a single date, or in range mode a start and an end date. For a single date, people can type it as `YYYY-MM-DD` or pick it from a calendar that opens from the button in the field. The value is always a `YYYY-MM-DD` string (`YYYY-MM-DD/YYYY-MM-DD` for a range), so it never shifts by a day with the viewer's time zone.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-datepicker--docs#default), [Min and max](https://pine-design-system.netlify.app/?path=/docs/components-datepicker--docs#min-and-max), [Locale and first day of the week](https://pine-design-system.netlify.app/?path=/docs/components-datepicker--docs#locale-and-first-day-of-the-week), [Format](https://pine-design-system.netlify.app/?path=/docs/components-datepicker--docs#format), [Range](https://pine-design-system.netlify.app/?path=/docs/components-datepicker--docs#range), [Range with presets](https://pine-design-system.netlify.app/?path=/docs/components-datepicker--docs#range-with-presets), [Range that applies on pick](https://pine-design-system.netlify.app/?path=/docs/components-datepicker--docs#range-that-applies-on-pick), [Range with times](https://pine-design-system.netlify.app/?path=/docs/components-datepicker--docs#range-with-times), [Month and year dropdowns](https://pine-design-system.netlify.app/?path=/docs/components-datepicker--docs#month-and-year-dropdowns), [Initially empty, with Clear](https://pine-design-system.netlify.app/?path=/docs/components-datepicker--docs#initially-empty,-with-clear), [Placement](https://pine-design-system.netlify.app/?path=/docs/components-datepicker--docs#placement), [Invalid](https://pine-design-system.netlify.app/?path=/docs/components-datepicker--docs#invalid), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-datepicker--docs#disabled)\n\n**CSS Parts:**\n- `calendar` - The open calendar. It's portaled out of the datepicker, so style it with `.pds-datepicker-calendar-portal::part(calendar)`.\n- `presets` - The list of preset ranges in the calendar, styled with `.pds-datepicker-calendar-portal::part(presets)`.\n\n**Events:**\n- `pdsBlur` - Emitted when the datepicker loses focus: when focus leaves the field and the calendar.\n- `pdsDatepickerChange` - Emitted when the value changes.\n\nThis event will not emit when programmatically setting the `value` property.\n- `pdsFocus` - Emitted when the datepicker gains focus: when focus moves into the field or the calendar from outside."
7866
+ "value": "Datepicker captures a date, or with `range` a start and end date, as an ISO `YYYY-MM-DD` value that never shifts by a day with the viewer's time zone. People type it or pick it from a calendar that opens from the button in the field. A range is `YYYY-MM-DD/YYYY-MM-DD`, and with `time-picker` each date carries a time, as `YYYY-MM-DDTHH:mm`. With `month-day`, for a date that comes round every year such as a birthday, it's a month and day with no year, `--MM-DD`.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-datepicker--docs#default), [Min and max](https://pine-design-system.netlify.app/?path=/docs/components-datepicker--docs#min-and-max), [Locale and first day of the week](https://pine-design-system.netlify.app/?path=/docs/components-datepicker--docs#locale-and-first-day-of-the-week), [Format](https://pine-design-system.netlify.app/?path=/docs/components-datepicker--docs#format), [Range](https://pine-design-system.netlify.app/?path=/docs/components-datepicker--docs#range), [Range with presets](https://pine-design-system.netlify.app/?path=/docs/components-datepicker--docs#range-with-presets), [Range that applies on pick](https://pine-design-system.netlify.app/?path=/docs/components-datepicker--docs#range-that-applies-on-pick), [Range with times](https://pine-design-system.netlify.app/?path=/docs/components-datepicker--docs#range-with-times), [Month and year dropdowns](https://pine-design-system.netlify.app/?path=/docs/components-datepicker--docs#month-and-year-dropdowns), [Month and day, without a year](https://pine-design-system.netlify.app/?path=/docs/components-datepicker--docs#month-and-day,-without-a-year), [Initially empty, with Clear](https://pine-design-system.netlify.app/?path=/docs/components-datepicker--docs#initially-empty,-with-clear), [Placement](https://pine-design-system.netlify.app/?path=/docs/components-datepicker--docs#placement), [Invalid](https://pine-design-system.netlify.app/?path=/docs/components-datepicker--docs#invalid), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-datepicker--docs#disabled)\n\n**CSS Parts:**\n- `calendar` - The open calendar. It's portaled out of the datepicker, so style it with `.pds-datepicker-calendar-portal::part(calendar)`.\n- `presets` - The list of preset ranges in the calendar, styled with `.pds-datepicker-calendar-portal::part(presets)`.\n\n**Events:**\n- `pdsBlur` - Emitted when the datepicker loses focus: when focus leaves the field and the calendar.\n- `pdsDatepickerChange` - Emitted when the value changes.\n\nThis event will not emit when programmatically setting the `value` property.\n- `pdsFocus` - Emitted when the datepicker gains focus: when focus moves into the field or the calendar from outside."
7780
7867
  },
7781
7868
  "attributes": [
7782
7869
  {
@@ -7860,7 +7947,7 @@
7860
7947
  "name": "format",
7861
7948
  "description": {
7862
7949
  "kind": "markdown",
7863
- "value": "How the field shows dates and reads typed ones, as tokens: `YYYY`, `MMMM` or `MMM` (month name,\nin the locale), `MM` or `M` (month), `DD` or `D` (day), and with the time picker `HH` or `H`\n(24-hour), `hh` or `h` (12-hour), `mm` and `A` (AM/PM, in the locale), as `MM/DD/YYYY`,\n`MMM D, YYYY` or `D.M.YYYY h:mm A`. Put literal text in brackets, as `[Due] D/M/YYYY`. The value\nand the change event stay ISO (`YYYY-MM-DD`), whatever the format. Typed ISO dates are always\naccepted too.\n\n**Default:** `'YYYY-MM-DD'`"
7950
+ "value": "How the field shows dates and reads typed ones, as tokens: `YYYY`, `MMMM` or `MMM` (month name,\nin the locale), `MM` or `M` (month), `DD` or `D` (day), and with the time picker `HH` or `H`\n(24-hour), `hh` or `h` (12-hour), `mm` and `A` (AM/PM, in the locale), as `MM/DD/YYYY`,\n`MMM D, YYYY` or `D.M.YYYY h:mm A`. Put literal text in brackets, as `[Due] D/M/YYYY`. The value\nand the change event stay ISO (`YYYY-MM-DD`; `--MM-DD` with `month-day`), whatever the format.\nTyped ISO dates are always accepted too. With `month-day`, a format without `YYYY` is taken as a\nmonth-and-day format and used as given, rather than reordered for the locale; leave it unset to\nfollow the locale instead.\n\n**Default:** `'YYYY-MM-DD'`"
7864
7951
  }
7865
7952
  },
7866
7953
  {
@@ -7961,6 +8048,13 @@
7961
8048
  "value": "Accessible label for the minute in the time picker.\n\n**Default:** `'Minute'`"
7962
8049
  }
7963
8050
  },
8051
+ {
8052
+ "name": "month-day",
8053
+ "description": {
8054
+ "kind": "markdown",
8055
+ "value": "Picks a month and day with no year, for a date that comes round every year, such as a birthday.\nThe value is `--MM-DD` (ISO 8601 without a year), the field shows the date as the locale writes\na month and day, and the calendar shows each month without a year or weekdays, with February\nalways having its 29th. Turns off `range`, `time-picker`, `show-dropdowns`, `min` and `max`, and\nhas no effect with `auto-apply`, `presets`, `first-day-of-week`, `min-date-message` or\n`max-date-message`, which all depend on them.\n\n**Default:** `false`"
8056
+ }
8057
+ },
7964
8058
  {
7965
8059
  "name": "month-label",
7966
8060
  "description": {
@@ -7993,7 +8087,7 @@
7993
8087
  "name": "placeholder",
7994
8088
  "description": {
7995
8089
  "kind": "markdown",
7996
- "value": "Specifies a short hint that describes the expected value of the field. Defaults to the format\nthe field takes, such as `YYYY-MM-DD`."
8090
+ "value": "Specifies a short hint that describes the expected value of the field. Defaults to the format\nthe field takes, such as `YYYY-MM-DD`; with `month-day`, to an example date instead, such as\n`December 31`."
7997
8091
  }
7998
8092
  },
7999
8093
  {
@@ -8045,7 +8139,7 @@
8045
8139
  "name": "presets",
8046
8140
  "description": {
8047
8141
  "kind": "markdown",
8048
- "value": "Ranges listed beside the calendar in range mode. A comma-separated list of built-in keys\n(`today`, `yesterday`, `last-7-days`, `last-30-days`, `last-90-days`, `this-month`,\n`last-month`, `this-quarter`, `last-quarter`, `this-year`, `last-year`, `year-to-date`,\n`last-12-months`), or an array of `{ key, label?, start?, end? }` to relabel built-ins or add\nyour own.\n\n**Type:** `DatepickerPreset[] | string`"
8142
+ "value": "Ranges listed beside the calendar in range mode. A comma-separated list of built-in keys\n(`today`, `yesterday`, `last-7-days`, `last-30-days`, `last-90-days`, `this-month`,\n`last-month`, `this-quarter`, `last-quarter`, `this-year`, `last-year`, `year-to-date`,\n`last-12-months`), or an array of `{ key, label?, startOffset?, endOffset?, start?, end? }` to\nrelabel built-ins or add your own: `startOffset` and `endOffset` follow today, `start` and `end`\nare fixed days.\n\n**Type:** `DatepickerPreset[] | string`"
8049
8143
  }
8050
8144
  },
8051
8145
  {
@@ -8122,7 +8216,7 @@
8122
8216
  "name": "value",
8123
8217
  "description": {
8124
8218
  "kind": "markdown",
8125
- "value": "The selected date as `YYYY-MM-DD`, or in range mode the range as `YYYY-MM-DD/YYYY-MM-DD`; with\nthe time picker, each date as `YYYY-MM-DDTHH:mm`. An empty string when nothing is selected.\n\n**Default:** `''`"
8219
+ "value": "The selected date as `YYYY-MM-DD`, or in range mode the range as `YYYY-MM-DD/YYYY-MM-DD`; with\nthe time picker, each date as `YYYY-MM-DDTHH:mm`; with `month-day`, the month and day with no\nyear, as `--MM-DD` (a full date is read too, as that month and day, and rewritten to it). An\nempty string when nothing is selected.\n\n**Default:** `''`"
8126
8220
  }
8127
8221
  },
8128
8222
  {
@@ -8210,7 +8304,7 @@
8210
8304
  "name": "pds-drawer",
8211
8305
  "description": {
8212
8306
  "kind": "markdown",
8213
- "value": "A side panel. By default it's non-modal: unlike `pds-modal`, the page stays interactive while a drawer is open — no dimming, no blur, no scroll lock, no click blocking. Add `modal` for a drawer the page should wait on (see [Modal](#modal)).\n\n**Events:**\n- `pdsDrawerClose` - Emitted when the drawer is closed\n- `pdsDrawerOpen` - Emitted when the drawer is opened"
8307
+ "value": "Drawers are side panels that open beside the page, which stays interactive by default. Add `modal` for a drawer the page should wait on (see [Modal](#modal)).\n\n**Events:**\n- `pdsDrawerClose` - Emitted when the drawer is closed\n- `pdsDrawerOpen` - Emitted when the drawer is opened"
8214
8308
  },
8215
8309
  "attributes": [
8216
8310
  {
@@ -8239,7 +8333,7 @@
8239
8333
  "name": "light-dismiss",
8240
8334
  "description": {
8241
8335
  "kind": "markdown",
8242
- "value": "Whether the drawer can be dismissed with a pointerdown outside it (in a\n`modal` drawer, a click on its backdrop).\nReplaces `pds-modal`'s `backdropDismiss`.\nThis also gates Escape, matching how `backdropDismiss` gates Escape on\n`pds-modal` today: setting this to `false` means the close button is the\nonly way out.\n\nA trigger outside the drawer should only ever set `open` to `true` and\nleave closing to the drawer itself. A toggle-style trigger (`open =\n!open`) fights light dismiss: clicking it while open closes the drawer\non `pointerdown`, then the trigger's own click handler re-opens it.\n\n**Default:** `true`"
8336
+ "value": "Whether the drawer can be dismissed with a pointerdown outside it (in a\n`modal` drawer, a click on its backdrop).\nSetting it to `false` also turns off Escape, so the close button is the\nonly way out.\n\nA trigger outside the drawer should only ever set `open` to `true` and\nleave closing to the drawer itself. A toggle-style trigger (`open =\n!open`) fights light dismiss: clicking it while open closes the drawer\non `pointerdown`, then the trigger's own click handler re-opens it.\n\n**Default:** `true`"
8243
8337
  }
8244
8338
  },
8245
8339
  {
@@ -8267,7 +8361,7 @@
8267
8361
  "name": "side",
8268
8362
  "description": {
8269
8363
  "kind": "markdown",
8270
- "value": "Which edge of the viewport the drawer is docked to. Logical, so this is\nfree under RTL — `end` is the inline-end edge regardless of direction.\n\n**Type:** `\"end\" | \"start\"`\n\n**Default:** `'end'`"
8364
+ "value": "Which edge of the viewport the drawer is docked to. Logical: `end` is the\ninline-end edge, so an `end` drawer docks on the left in right-to-left layouts.\n\n**Type:** `\"end\" | \"start\"`\n\n**Default:** `'end'`"
8271
8365
  },
8272
8366
  "values": [
8273
8367
  {
@@ -8305,7 +8399,7 @@
8305
8399
  "name": "pds-drawer-content",
8306
8400
  "description": {
8307
8401
  "kind": "markdown",
8308
- "value": "Fills the drawer panel's height by default — unlike `pds-modal-content`,\nwhich caps itself against the viewport for a centered, possibly-shorter\nmodal, a drawer panel is already edge-to-edge, so its content can simply\nflex to fill whatever space the header and footer leave."
8402
+ "value": "Fills the space between the drawer header and footer."
8309
8403
  },
8310
8404
  "attributes": [],
8311
8405
  "references": [
@@ -8319,7 +8413,7 @@
8319
8413
  "name": "pds-drawer-footer",
8320
8414
  "description": {
8321
8415
  "kind": "markdown",
8322
- "value": ""
8416
+ "value": "Holds the drawer's actions in a padded row aligned to the end, with a divider above."
8323
8417
  },
8324
8418
  "attributes": [],
8325
8419
  "references": [
@@ -8333,7 +8427,7 @@
8333
8427
  "name": "pds-drawer-header",
8334
8428
  "description": {
8335
8429
  "kind": "markdown",
8336
- "value": ""
8430
+ "value": "Holds the drawer's title and close control in a padded row, spaced apart, with a divider below."
8337
8431
  },
8338
8432
  "attributes": [],
8339
8433
  "references": [
@@ -8347,7 +8441,7 @@
8347
8441
  "name": "pds-dropdown-menu",
8348
8442
  "description": {
8349
8443
  "kind": "markdown",
8350
- "value": "Dropdown Menus reveal a list of actions from a button trigger, implementing the WAI-ARIA Menu Button pattern. Use them to conserve space when options do not need to be visible at all times.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#default), [With Separator](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#with-separator), [With Icons](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#with-icons), [With Header](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#with-header), [With Links](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#with-links), [With External Links](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#with-external-links), [With Informational Items](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#with-informational-items), [Mixing Menu Items with Raw Elements](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#mixing-menu-items-with-raw-elements), [With Disabled Items](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#with-disabled-items), [With Custom Placement](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#with-custom-placement), [Scrollable Menu](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#scrollable-menu)\n\n**Slots:**\n- `header` - Non-interactive content displayed above the menu items inside the dropdown panel. It renders outside the menu role, so assistive tech reads it as plain content rather than as a menu item.\n\n**CSS Parts:**\n- `menu-panel` - Exposes the dropdown menu container for styling."
8444
+ "value": "Dropdown Menus reveal a list of actions from a button trigger, based on the WAI-ARIA Menu Button pattern. Use them to conserve space when options do not need to be visible at all times.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#default), [Handling Selection](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#handling-selection), [With Separator](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#with-separator), [With Icons](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#with-icons), [With Header](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#with-header), [With Links](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#with-links), [With External Links](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#with-external-links), [With Informational Items](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#with-informational-items), [Mixing Menu Items with Raw Elements](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#mixing-menu-items-with-raw-elements), [With Disabled Items](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#with-disabled-items), [With Custom Placement](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#with-custom-placement), [Scrollable Menu](https://pine-design-system.netlify.app/?path=/docs/components-dropdown-menu--docs#scrollable-menu)\n\n**Slots:**\n- `(default)` - The menu items: `pds-dropdown-menu-item` and `pds-dropdown-menu-separator` elements, or raw `<a>` and `<button>` elements.\n- `header` - Non-interactive content displayed above the menu items inside the dropdown panel. It renders outside the menu role, so assistive tech reads it as plain content rather than as a menu item.\n- `trigger` - The trigger element for the dropdown menu. It receives `aria-expanded` and `aria-haspopup`, so slot the focusable control itself, such as a `pds-button`, not a wrapper around it.\n\n**CSS Parts:**\n- `menu-panel` - Exposes the dropdown menu container for styling."
8351
8445
  },
8352
8446
  "attributes": [
8353
8447
  {
@@ -8414,7 +8508,7 @@
8414
8508
  "name": "pds-dropdown-menu-item",
8415
8509
  "description": {
8416
8510
  "kind": "markdown",
8417
- "value": "\n\n**CSS Parts:**\n- `button` - Exposes the item's inner element for styling. Appears on button and informational items, not on links.\n\n**Events:**\n- `pdsClick` - Emitted when the dropdown-item is clicked."
8511
+ "value": "An item inside a `pds-dropdown-menu`. Renders a button by default, or a link when `href` is set. An `informational` item renders text that can't be activated, even when `href` is set.\n\n**Slots:**\n- `(default)` - The item's label.\n- `start` - Content to display before the item's label, such as a `pds-icon`. A `pds-icon` without an `aria-label` or `aria-labelledby` is decorative; a named one is announced before the label, so leave decorative icons unnamed.\n\n**CSS Parts:**\n- `button` - Exposes the item's inner element for styling. Appears on button and informational items, not on links.\n\n**Events:**\n- `pdsClick` - Emitted when the dropdown menu item is clicked."
8418
8512
  },
8419
8513
  "attributes": [
8420
8514
  {
@@ -8428,14 +8522,14 @@
8428
8522
  "name": "destructive",
8429
8523
  "description": {
8430
8524
  "kind": "markdown",
8431
- "value": "It determines whether or not the dropdown-item is destructive.\n\n**Default:** `false`"
8525
+ "value": "Determines whether or not the dropdown menu item is destructive.\n\n**Default:** `false`"
8432
8526
  }
8433
8527
  },
8434
8528
  {
8435
8529
  "name": "disabled",
8436
8530
  "description": {
8437
8531
  "kind": "markdown",
8438
- "value": "It determines whether or not the dropdown-item is disabled.\n\n**Default:** `false`"
8532
+ "value": "Determines whether or not the dropdown menu item is disabled.\n\n**Default:** `false`"
8439
8533
  }
8440
8534
  },
8441
8535
  {
@@ -8449,35 +8543,35 @@
8449
8543
  "name": "external",
8450
8544
  "description": {
8451
8545
  "kind": "markdown",
8452
- "value": "Determines whether the link should open in a new tab and display an external icon.\nThis is a simpler alternative to using `target=\"_blank\"` for the common case.\nIgnored when `informational` is set.\n\n**Default:** `false`"
8546
+ "value": "Shows the external-link (launch) icon. Opens in a new tab unless `target` says otherwise.\nOnly applies when href is set. Ignored when `informational` is set.\n\n**Default:** `false`"
8453
8547
  }
8454
8548
  },
8455
8549
  {
8456
8550
  "name": "external-label",
8457
8551
  "description": {
8458
8552
  "kind": "markdown",
8459
- "value": "Accessible label for the external-link icon, passed to the inner\n`pds-link`. Pass a translated string to localize it; defaults to English.\nPass an empty string to make the icon decorative."
8553
+ "value": "Accessible label for the icon that `external` shows, passed to the inner\n`pds-link` and appended to the item's name. It isn't announced when\n`target` is anything other than `_blank`. Pass a translated string to\nlocalize it; defaults to English. Pass an empty string to make the icon\ndecorative."
8460
8554
  }
8461
8555
  },
8462
8556
  {
8463
8557
  "name": "href",
8464
8558
  "description": {
8465
8559
  "kind": "markdown",
8466
- "value": "If provided, renders the dropdown-item as an anchor (`<a>`) element instead of a button.\nIgnored when `informational` is set."
8560
+ "value": "If provided, renders the dropdown menu item as an anchor (`<a>`) element instead of a button.\nIgnored when `informational` is set."
8467
8561
  }
8468
8562
  },
8469
8563
  {
8470
8564
  "name": "informational",
8471
8565
  "description": {
8472
8566
  "kind": "markdown",
8473
- "value": "It determines whether or not the dropdown-item is informational: text that the arrow keys\nreach but that can't be activated. Takes precedence over `href` and `destructive`.\nScreen readers announce it as dimmed or unavailable, the same way as a disabled item.\n\n**Default:** `false`"
8567
+ "value": "Determines whether or not the dropdown menu item is informational: text that the arrow keys\nreach but that can't be activated. Takes precedence over `href` and `destructive`.\nScreen readers announce it as dimmed or unavailable, the same way as a disabled item.\n\n**Default:** `false`"
8474
8568
  }
8475
8569
  },
8476
8570
  {
8477
8571
  "name": "target",
8478
8572
  "description": {
8479
8573
  "kind": "markdown",
8480
- "value": "Specifies where to open the linked document when href is provided.\nTakes precedence over the `external` prop if both are set.\nOnly applies when href is set. Ignored when `informational` is set.\n\n**Type:** `\"_blank\" | \"_parent\" | \"_self\" | \"_top\"`"
8574
+ "value": "Specifies where to open the linked document when href is provided.\nOverrides the new-tab default of `external`; the icon still shows.\nOnly applies when href is set. Ignored when `informational` is set.\n\n**Type:** `\"_blank\" | \"_parent\" | \"_self\" | \"_top\"`"
8481
8575
  },
8482
8576
  "values": [
8483
8577
  {
@@ -8506,7 +8600,7 @@
8506
8600
  "name": "pds-dropdown-menu-separator",
8507
8601
  "description": {
8508
8602
  "kind": "markdown",
8509
- "value": ""
8603
+ "value": "A divider line between groups of items in a `pds-dropdown-menu`."
8510
8604
  },
8511
8605
  "attributes": [
8512
8606
  {
@@ -8520,7 +8614,7 @@
8520
8614
  "name": "disabled",
8521
8615
  "description": {
8522
8616
  "kind": "markdown",
8523
- "value": "It determines whether or not the dropdown-item is disabled.\n\n**Default:** `false`"
8617
+ "value": "Has no effect. A separator can't be focused or activated.\n\n**Default:** `false`"
8524
8618
  }
8525
8619
  }
8526
8620
  ],
@@ -8535,7 +8629,7 @@
8535
8629
  "name": "pds-filter",
8536
8630
  "description": {
8537
8631
  "kind": "markdown",
8538
- "value": "Individual filter component with cross-browser popover positioning.\n\nUses a hybrid approach for optimal cross-browser compatibility:\n- Modern browsers: CSS anchor positioning + JavaScript flip classes\n- Fallback browsers: JavaScript positioning with viewport boundary detection\n\n**Slots:**\n- `(default)` - Popover content that will be displayed when the filter is open.\n\n**CSS Parts:**\n- `button` - Exposes the trigger button element for styling.\n- `button-content` - Exposes the button content container for styling.\n- `button-text` - Exposes the button text for styling.\n- `icon` - Exposes the icon component for styling.\n- `popover` - Exposes the popover container for styling.\n\n**Events:**\n- `pdsFilterClear` - Event emitted when the clear variant is clicked.\n- `pdsFilterClose` - Event emitted when the filter popover is closed.\n- `pdsFilterOpen` - Event emitted when the filter popover is opened."
8632
+ "value": "A single filter in `pds-filters`: a trigger button that opens a popover holding the filter controls.\nThe `clear` variant has no popover and emits `pdsFilterClear` instead.\n\n**Slots:**\n- `(default)` - Popover content that will be displayed when the filter is open.\n\n**CSS Parts:**\n- `button` - Exposes the trigger button element for styling.\n- `button-content` - Exposes the button content container for styling.\n- `button-text` - Exposes the button text for styling.\n- `icon` - Exposes the icon component for styling.\n- `popover` - Exposes the popover container for styling.\n\n**Events:**\n- `pdsFilterClear` - Event emitted when the clear variant is clicked.\n- `pdsFilterClose` - Event emitted when the filter popover is closed.\n- `pdsFilterOpen` - Event emitted when the filter popover is opened."
8539
8633
  },
8540
8634
  "attributes": [
8541
8635
  {
@@ -8556,7 +8650,7 @@
8556
8650
  "name": "text",
8557
8651
  "description": {
8558
8652
  "kind": "markdown",
8559
- "value": "The text content displayed in the trigger button."
8653
+ "value": "The text content displayed in the trigger button.\nWhen text overflows, a tooltip showing the full text will appear on hover/focus."
8560
8654
  }
8561
8655
  },
8562
8656
  {
@@ -8592,7 +8686,7 @@
8592
8686
  "name": "pds-filters",
8593
8687
  "description": {
8594
8688
  "kind": "markdown",
8595
- "value": "Filters provide a flexible system for building filter interfaces from a row of popover triggers. A parent pds-filters container manages layout while individual pds-filter children hold the popover content for each facet.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-filters--docs#default), [Selected](https://pine-design-system.netlify.app/?path=/docs/components-filters--docs#selected), [More](https://pine-design-system.netlify.app/?path=/docs/components-filters--docs#more), [Clear](https://pine-design-system.netlify.app/?path=/docs/components-filters--docs#clear)\n\n**Slots:**\n- `(default)` - Container for pds-filter components."
8689
+ "value": "Filters are a row of popover triggers for narrowing a set of data. The `pds-filters` container lays out the row, and each `pds-filter` child holds the controls for one filter.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-filters--docs#default), [Selected](https://pine-design-system.netlify.app/?path=/docs/components-filters--docs#selected), [More](https://pine-design-system.netlify.app/?path=/docs/components-filters--docs#more), [Clear](https://pine-design-system.netlify.app/?path=/docs/components-filters--docs#clear)\n\n**Slots:**\n- `(default)` - Container for pds-filter components."
8596
8690
  },
8597
8691
  "attributes": [
8598
8692
  {
@@ -8614,14 +8708,14 @@
8614
8708
  "name": "pds-image",
8615
8709
  "description": {
8616
8710
  "kind": "markdown",
8617
- "value": "An image can be used to convey supplemental information to the user or as decoration.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-image--docs#default), [Sizes and Srcset](https://pine-design-system.netlify.app/?path=/docs/components-image--docs#sizes-and-srcset)"
8711
+ "value": "An image can be used to convey supplemental information to the user or as decoration.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-image--docs#default), [Sizes and Srcset](https://pine-design-system.netlify.app/?path=/docs/components-image--docs#sizes-and-srcset), [Aspect Ratio](https://pine-design-system.netlify.app/?path=/docs/components-image--docs#aspect-ratio), [Fit](https://pine-design-system.netlify.app/?path=/docs/components-image--docs#fit), [Load and error events](https://pine-design-system.netlify.app/?path=/docs/components-image--docs#load-and-error-events)\n\n**Events:**\n- `pdsImageError` - Emitted when the image fails to load, such as for a broken or empty `src`. An image\nwith no `src` or `srcset` at all emits neither event, since it has nothing to load.\nEmitted again after `src` or `srcset` changes and the new image fails. Bubbles and is\ncomposed, so a listener on an ancestor gets every `pds-image`'s events — check\n`event.target` when more than one is in scope.\n- `pdsImageLoad` - Emitted when the image loads. Also emitted on first render for an image that\nfinished loading before the component could listen, such as a server-rendered\nimage. Emitted again after `src` or `srcset` changes and the new image loads, or\nwhen the browser picks a different `srcset` candidate, such as on a resize. Bubbles\nand is composed, so a listener on an ancestor gets every `pds-image`'s events —\ncheck `event.target` when more than one is in scope."
8618
8712
  },
8619
8713
  "attributes": [
8620
8714
  {
8621
8715
  "name": "alt",
8622
8716
  "description": {
8623
8717
  "kind": "markdown",
8624
- "value": "The image's alt tag. If none is provided,\nit will default to an empty string, which is desired for\ndecorative images.\n\n**Default:** `''`"
8718
+ "value": "The image's alt text. Defaults to an empty string, which marks the image\nas decorative and hides it from screen readers, so set it on any image\nthat carries information.\n\n**Default:** `''`"
8625
8719
  }
8626
8720
  },
8627
8721
  {
@@ -8631,11 +8725,35 @@
8631
8725
  "value": "A unique identifier used for the underlying component `id` attribute."
8632
8726
  }
8633
8727
  },
8728
+ {
8729
+ "name": "fit",
8730
+ "description": {
8731
+ "kind": "markdown",
8732
+ "value": "Determines how the image fills the shape set by `ratio`.\nHas no effect if `ratio` is not set.\n\n**Type:** `\"contain\" | \"cover\" | \"fill\" | \"none\" | \"scale-down\"`\n\n**Default:** `'cover'`"
8733
+ },
8734
+ "values": [
8735
+ {
8736
+ "name": "contain"
8737
+ },
8738
+ {
8739
+ "name": "cover"
8740
+ },
8741
+ {
8742
+ "name": "fill"
8743
+ },
8744
+ {
8745
+ "name": "none"
8746
+ },
8747
+ {
8748
+ "name": "scale-down"
8749
+ }
8750
+ ]
8751
+ },
8634
8752
  {
8635
8753
  "name": "height",
8636
8754
  "description": {
8637
8755
  "kind": "markdown",
8638
- "value": "The height of the image in pixels. Setting this will\ndevote space in the layout to prevent layout\nshifts when the image is loaded.\n\n**Type:** `number`"
8756
+ "value": "The height of the image in pixels. `height: auto` lets the loaded image's own\nproportions decide its rendered height, so unlike `width` this does not reserve\nspace before the image loads.\n\n**Type:** `number`"
8639
8757
  }
8640
8758
  },
8641
8759
  {
@@ -8653,6 +8771,30 @@
8653
8771
  }
8654
8772
  ]
8655
8773
  },
8774
+ {
8775
+ "name": "ratio",
8776
+ "description": {
8777
+ "kind": "markdown",
8778
+ "value": "The aspect ratio the image is sized to, cropping whatever overflows the shape. A preset\n(`square` 1/1, `landscape` 4/3, `wide` 16/9, `portrait` 3/4, `tall` 9/16) or any custom\nCSS ratio, such as `21 / 9`. Use this, not `height` and `width`, to crop: those only\nreserve space, and only `width` reliably does even that.\n\n**Type:** `\"landscape\" | \"portrait\" | \"square\" | \"tall\" | \"wide\" | string & Record<never, never>`"
8779
+ },
8780
+ "values": [
8781
+ {
8782
+ "name": "landscape"
8783
+ },
8784
+ {
8785
+ "name": "portrait"
8786
+ },
8787
+ {
8788
+ "name": "square"
8789
+ },
8790
+ {
8791
+ "name": "tall"
8792
+ },
8793
+ {
8794
+ "name": "wide"
8795
+ }
8796
+ ]
8797
+ },
8656
8798
  {
8657
8799
  "name": "sizes",
8658
8800
  "description": {
@@ -8678,7 +8820,7 @@
8678
8820
  "name": "width",
8679
8821
  "description": {
8680
8822
  "kind": "markdown",
8681
- "value": "The width of the image in pixels. Setting this will\ndevote space in the layout to prevent layout\nshifts when the image is loaded.\n\n**Type:** `number`"
8823
+ "value": "The width of the image in pixels. This reserves the image's width before it\nloads, but not its height: to reserve the height too, set\n`--dimension-aspect-ratio` to the image's own proportions.\n\n**Type:** `number`"
8682
8824
  }
8683
8825
  }
8684
8826
  ],
@@ -8693,7 +8835,7 @@
8693
8835
  "name": "pds-input",
8694
8836
  "description": {
8695
8837
  "kind": "markdown",
8696
- "value": "Input captures a single line of text from the user, paired with a label and optional helper or error message. Use it for names, emails, IDs, and other short freeform values.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#default), [Input Types](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#input-types), [Required](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#required), [Placeholder](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#placeholder), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#disabled), [Readonly](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#readonly), [Highlight](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#highlight), [Full Width](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#full-width), [Helper Message](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#helper-message), [Invalid](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#invalid), [Prefix and Suffix](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#prefix-and-suffix), [Action Slot](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#action-slot), [Prepend and Append](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#prepend-and-append), [Usage Guidelines](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#usage-guidelines)\n\n**Slots:**\n- `action` - Content to be displayed in the label area, typically for help icons or links\n- `append` - Content to be displayed after the input field\n- `prefix` - Content that is displayed visually within the input field before the input field\n- `prepend` - Content to be displayed before the input field\n- `suffix` - Content that is displayed visually within the input field after the input field\n\n**CSS Parts:**\n- `action` - No description\n- `append` - No description\n- `prefix` - No description\n- `prepend` - No description\n- `suffix` - No description\n\n**Events:**\n- `pdsBlur` - Emitted when the input loses focus.\n- `pdsChange` - Emitted when the value has changed.\n\nThis event will not emit when programmatically setting the `value` property.\n- `pdsFocus` - Emitted when the input has focus.\n- `pdsInput` - Emitted when a keyboard input occurs.\n- `pdsKeyDown` - Emitted when a key is pressed down in the input."
8838
+ "value": "Input captures a single line of text from the user, paired with a label and optional helper or error message. Use it for names, emails, IDs, and other short freeform values.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#default), [Required](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#required), [Placeholder](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#placeholder), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#disabled), [Readonly](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#readonly), [Highlight](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#highlight), [Full Width](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#full-width), [Helper Message](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#helper-message), [Invalid](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#invalid), [Prefix and Suffix](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#prefix-and-suffix), [Action Slot](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#action-slot), [Prepend and Append](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#prepend-and-append)\n\n**Slots:**\n- `action` - Content to be displayed in the label area, typically for help icons or links\n- `append` - Content to be displayed after the input field\n- `prefix` - Content that is displayed visually within the input field before the input field\n- `prepend` - Content to be displayed before the input field\n- `suffix` - Content that is displayed visually within the input field after the input field\n\n**CSS Parts:**\n- `action` - Exposes the wrapper around the `action` slot for styling. Appears only when the `action` slot has content.\n- `append` - Exposes the wrapper around the `append` slot for styling. Appears only when the `append` slot has content.\n- `prefix` - Exposes the wrapper around the `prefix` slot for styling. Appears only when the `prefix` slot has content.\n- `prepend` - Exposes the wrapper around the `prepend` slot for styling. Appears only when the `prepend` slot has content.\n- `suffix` - Exposes the wrapper around the `suffix` slot for styling. Appears only when the `suffix` slot has content.\n\n**Events:**\n- `pdsBlur` - Emitted when the input loses focus.\n- `pdsChange` - Emitted when the user changes the value and then presses `Enter` or leaves the field.\n`detail` has `value`, as a string, and `event`, the native event behind it, usually `change`.\n\nThis event will not emit when programmatically setting the `value` property, unless the field has focus at the time;\nthen it emits when the field loses focus.\n- `pdsFocus` - Emitted when the input has focus.\n- `pdsInput` - Emitted after each `input` event, such as typing or pasting. With `debounce`, it waits until that many milliseconds have passed since the last one.\n`detail` has `value`, the current value as a string, and `event`, the native `input` event.\n\nThis event will not emit when programmatically setting the `value` property.\n- `pdsKeyDown` - Emitted when a key is pressed down in the input."
8697
8839
  },
8698
8840
  "attributes": [
8699
8841
  {
@@ -8714,7 +8856,7 @@
8714
8856
  "name": "debounce",
8715
8857
  "description": {
8716
8858
  "kind": "markdown",
8717
- "value": "Sets the number of milliseconds to wait before updating the value.\n\n**Type:** `number`"
8859
+ "value": "Sets the number of milliseconds to wait after each input event before emitting `pdsInput`.\n\n**Type:** `number`"
8718
8860
  }
8719
8861
  },
8720
8862
  {
@@ -8728,7 +8870,7 @@
8728
8870
  "name": "error-message",
8729
8871
  "description": {
8730
8872
  "kind": "markdown",
8731
- "value": "Specifies the error message and provides an error-themed treatment to the field."
8873
+ "value": "Displays an error message below the input and gives the field error styling. It becomes the input's accessible description only while `invalid` is set."
8732
8874
  }
8733
8875
  },
8734
8876
  {
@@ -8763,7 +8905,7 @@
8763
8905
  "name": "invalid",
8764
8906
  "description": {
8765
8907
  "kind": "markdown",
8766
- "value": "Determines whether or not the input field is invalid or throws an error."
8908
+ "value": "Determines whether or not the input is invalid."
8767
8909
  }
8768
8910
  },
8769
8911
  {
@@ -8847,7 +8989,7 @@
8847
8989
  "name": "type",
8848
8990
  "description": {
8849
8991
  "kind": "markdown",
8850
- "value": "Determines the type of control that will be displayed\n`'email'`, `'number'`, `'password'`, `'tel'`, `'text'`, `'url'`\n\n**Default:** `'text'`"
8992
+ "value": "Determines the type of control that will be displayed\n`'email'`, `'number'`, `'password'`, `'search'`, `'tel'`, `'text'`, `'url'`\n\n**Default:** `'text'`"
8851
8993
  }
8852
8994
  },
8853
8995
  {
@@ -8869,7 +9011,7 @@
8869
9011
  "name": "pds-link",
8870
9012
  "description": {
8871
9013
  "kind": "markdown",
8872
- "value": "A hyperlink is used as a navigational element to direct users to another location on the website or application.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#default), [Colors](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#colors), [Plain](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#plain), [External](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#external), [Target](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#target), [Font Size](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#font-size), [Custom Slot Text](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#custom-slot-text), [No Custom Slot Text](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#no-custom-slot-text), [Whole-row link](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#whole-row-link)\n\n**Slots:**\n- `(default)` - Text content placed between the opening and closing tags. If no text is provided, the **href** will be used as a fallback.\n\n**CSS Parts:**\n- `link` - Link element styles."
9014
+ "value": "A hyperlink is used as a navigational element to direct users to another location on the website or application.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#default), [Colors](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#colors), [Plain](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#plain), [Active](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#active), [External](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#external), [External in the same tab](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#external-in-the-same-tab), [Target](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#target), [Download](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#download), [Font Size](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#font-size), [Custom Slot Text](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#custom-slot-text), [No Custom Slot Text](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#no-custom-slot-text), [Whole-row link](https://pine-design-system.netlify.app/?path=/docs/components-link--docs#whole-row-link)\n\n**Slots:**\n- `(default)` - Text content placed between the opening and closing tags. If the slot is empty (whitespace counts as content), the **href** will be used as a fallback.\n\n**CSS Parts:**\n- `link` - Link element styles."
8873
9015
  },
8874
9016
  "attributes": [
8875
9017
  {
@@ -8904,14 +9046,14 @@
8904
9046
  "name": "external",
8905
9047
  "description": {
8906
9048
  "kind": "markdown",
8907
- "value": "Determines whether the link should open in a new tab.\n\n**Default:** `false`\n\n⚠️ **Deprecated:** Consider using the `target` prop for more control. This prop will be maintained for backward compatibility."
9049
+ "value": "Shows the external-link (launch) icon. Opens in a new tab unless `target` says otherwise.\n\n**Default:** `false`"
8908
9050
  }
8909
9051
  },
8910
9052
  {
8911
9053
  "name": "external-label",
8912
9054
  "description": {
8913
9055
  "kind": "markdown",
8914
- "value": "Accessible label for the icon that `external` shows, appended to the\nlink's name. It isn't announced when `target` keeps the link in the same\ntab. Pass a translated string to localize it; defaults to English. Pass an\nempty string to make the icon decorative."
9056
+ "value": "Accessible label for the icon that `external` shows, appended to the\nlink's name. It isn't announced when `target` is anything other than\n`_blank`. Pass a translated string to localize it; defaults to English. Pass an\nempty string to make the icon decorative."
8915
9057
  }
8916
9058
  },
8917
9059
  {
@@ -8936,14 +9078,14 @@
8936
9078
  "name": "href",
8937
9079
  "description": {
8938
9080
  "kind": "markdown",
8939
- "value": "The hyperlink's destination URL. If no text is provided in the custom slot, the href will be used."
9081
+ "value": "The hyperlink's destination URL. If the default slot is empty (whitespace counts as content), the href will be used as the link text."
8940
9082
  }
8941
9083
  },
8942
9084
  {
8943
9085
  "name": "target",
8944
9086
  "description": {
8945
9087
  "kind": "markdown",
8946
- "value": "Specifies where to open the linked document.\n\n**Type:** `\"_blank\" | \"_parent\" | \"_self\" | \"_top\"`"
9088
+ "value": "Specifies where to open the linked document. Overrides the new-tab\ndefault of `external`; the icon still shows.\n\n**Type:** `\"_blank\" | \"_parent\" | \"_self\" | \"_top\"`"
8947
9089
  },
8948
9090
  "values": [
8949
9091
  {
@@ -9068,7 +9210,7 @@
9068
9210
  "name": "pds-loader",
9069
9211
  "description": {
9070
9212
  "kind": "markdown",
9071
- "value": "Loaders signal that an operation is in progress via an animated spinner or typing indicator. Use them during time-consuming tasks to reassure users that the system is working.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-loader--docs#default), [Visible Label](https://pine-design-system.netlify.app/?path=/docs/components-loader--docs#visible-label), [Loader Size](https://pine-design-system.netlify.app/?path=/docs/components-loader--docs#loader-size), [Typing](https://pine-design-system.netlify.app/?path=/docs/components-loader--docs#typing)\n\n**Slots:**\n- `label` - Default slot for Loader label text.\n\n**CSS Parts:**\n- `loader-svg` - Exposes the spinner SVG element for color customization."
9213
+ "value": "Loaders signal that an operation is in progress via an animated spinner or typing indicator. Use them during time-consuming tasks to reassure users that the system is working.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-loader--docs#default), [Visible Label](https://pine-design-system.netlify.app/?path=/docs/components-loader--docs#visible-label), [Loader Size](https://pine-design-system.netlify.app/?path=/docs/components-loader--docs#loader-size), [Typing](https://pine-design-system.netlify.app/?path=/docs/components-loader--docs#typing)\n\n**Slots:**\n- `label` - Label text. Defaults to \"Loading...\". Text outside this slot isn't shown or read.\n\n**CSS Parts:**\n- `loader-svg` - Exposes the spinner SVG element for color customization."
9072
9214
  },
9073
9215
  "attributes": [
9074
9216
  {
@@ -9089,7 +9231,7 @@
9089
9231
  "name": "size",
9090
9232
  "description": {
9091
9233
  "kind": "markdown",
9092
- "value": "Sets the size of the spinner loader. Value can be preset or custom.\n\n**Default:** `'md'`"
9234
+ "value": "Sets the size of the spinner loader: `xs` (24px), `sm` (32px), `md` (48px), `lg` (64px), `xl` (80px),\nor a custom CSS length such as `128px`. The `typing` variant ignores it.\n\n**Default:** `'md'`"
9093
9235
  }
9094
9236
  },
9095
9237
  {
@@ -9119,7 +9261,7 @@
9119
9261
  "name": "pds-modal",
9120
9262
  "description": {
9121
9263
  "kind": "markdown",
9122
- "value": "Modals display content in a dialog that temporarily blocks interaction with the underlying page. Use them for confirmations, focused forms, or detailed information that demands attention without navigating away.\n\n**Examples:**\n[Variants](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#variants), [Default](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#default), [Sizes](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#sizes), [Destructive Actions](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#destructive-actions), [Scrollable Content](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#scrollable-content), [Nested Modals](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#nested-modals), [Overlays Above the Modal](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#overlays-above-the-modal)\n\n**CSS Parts:**\n- `modal` - No description\n\n**Events:**\n- `pdsModalClose` - Emitted when the modal is closed\n- `pdsModalOpen` - Emitted when the modal is opened"
9264
+ "value": "By default, modals show content in a dialog that blocks interaction with the page until it closes. Use them for confirmations, focused forms, or details that need attention without leaving the page.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#default), [Opening and Closing](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#opening-and-closing), [Sizes](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#sizes), [Destructive Actions](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#destructive-actions), [Scrollable Content](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#scrollable-content), [Nested Modals](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#nested-modals), [Overlays Above the Modal](https://pine-design-system.netlify.app/?path=/docs/components-modal--docs#overlays-above-the-modal)\n\n**CSS Parts:**\n- `modal` - The panel inside the dialog that holds the modal's content. `pds-modal` has no shadow root, so `::part(modal)` doesn't match it; select it with `pds-modal [part=\"modal\"]` instead.\n\n**Events:**\n- `pdsModalClose` - Emitted when the modal is closed\n- `pdsModalOpen` - Emitted when the modal is opened"
9123
9265
  },
9124
9266
  "attributes": [
9125
9267
  {
@@ -9140,7 +9282,7 @@
9140
9282
  "name": "disable-initial-focus",
9141
9283
  "description": {
9142
9284
  "kind": "markdown",
9143
- "value": "Whether to skip moving focus into the modal when it opens — both our own\n`setInitialFocus()` and the browser's native \"dialog focusing steps\",\nwhich move focus into the dialog as soon as `show()`/`showModal()` is\ncalled regardless of application code. Focus return on close is\nunaffected either way. For a modal opened by something other than a\ndirect user click — a redirect, a deep link, a background event —\nstealing focus on open can interrupt whatever the user was already\ndoing. Default `false` preserves today's behavior for every existing\nconsumer.\n\n**Default:** `false`"
9285
+ "value": "Whether to skip moving focus into the modal when it opens. Set it for a\nmodal that can open from a background event while the user is mid-task\nelsewhere on the page, where moving focus would interrupt them. Pair it\nwith `disableTopLayer`: in the top layer the rest of the page is inert, so\nfocus can't stay there. On close, focus moves back only if nothing outside\nthe modal has taken it.\n\n**Default:** `false`"
9144
9286
  }
9145
9287
  },
9146
9288
  {
@@ -9233,7 +9375,7 @@
9233
9375
  "name": "pds-modal-footer",
9234
9376
  "description": {
9235
9377
  "kind": "markdown",
9236
- "value": ""
9378
+ "value": "Holds the modal's actions. It adds no padding or layout, so wrap its content in a `pds-box` with `padding=\"md\"`."
9237
9379
  },
9238
9380
  "attributes": [],
9239
9381
  "references": [
@@ -9247,7 +9389,7 @@
9247
9389
  "name": "pds-modal-header",
9248
9390
  "description": {
9249
9391
  "kind": "markdown",
9250
- "value": ""
9392
+ "value": "Holds the modal's title and close control. It adds no padding or layout, so wrap its content in a `pds-box` with `padding=\"md\"`."
9251
9393
  },
9252
9394
  "attributes": [],
9253
9395
  "references": [
@@ -9261,7 +9403,7 @@
9261
9403
  "name": "pds-multiselect",
9262
9404
  "description": {
9263
9405
  "kind": "markdown",
9264
- "value": "Multiselects let users pick several options from a searchable dropdown list. The trigger displays the selected count while the panel surfaces a filterable list of choices.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#default), [With Preselected Values](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#with-preselected-values), [Hidden Selected Items](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#hidden-selected-items), [Max Selections](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#max-selections), [Custom Widths](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#custom-widths), [Async with URL](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#async-with-url), [Refreshing Options](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#refreshing-options), [Consumer-Managed Async](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#consumer-managed-async), [With Error State](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#with-error-state), [With Create Option](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#with-create-option)\n\n**Slots:**\n- `(default)` - Static option elements for the multiselect\n- `empty` - Custom empty state message when no options match\n- `footer` - Links or buttons displayed below the options inside the dropdown panel\n- `loading` - Custom loading indicator\n- `trigger` - Custom trigger element that replaces the built-in trigger. It opens the dropdown panel and receives `aria-expanded` and `aria-haspopup`; it supplies its own accessible name. Slot the focusable control itself, not a wrapper around it.\n\n**CSS Parts:**\n- `pill-toggle` - The chevron button inside the inline pill trigger\n- `trigger` - The trigger surface that opens the dropdown panel\n\n**Events:**\n- `pdsMultiselectChange` - Emitted when selection changes.\n- `pdsMultiselectCreate` - Emitted when a new option is created.\n- `pdsMultiselectDismiss` - Emitted when the dropdown is dismissed via Escape key or click outside.\n\nThis event fires only when the user explicitly dismisses the panel without making a selection:\n- ✅ Fires: Pressing Escape key while dropdown is open\n- ✅ Fires: Clicking outside the component while dropdown is open\n- ❌ Does NOT fire: When panel closes due to selection (including when `closePanelOnSelect` is true)\n- ❌ Does NOT fire: When panel closes programmatically via `closeDropdown()`\n\nEquivalent to Sage's `onEscapeHook`. Use this to restore parent UI state or run cleanup when the user cancels their interaction.\n- `pdsMultiselectLoadOptions` - Emitted to request more options (pagination).\n- `pdsMultiselectOptionAction` - Emitted when an option's action runs, from a click on its icon or Right Arrow on the highlighted option.\nThe panel closes and focus returns to the trigger first, so a modal opened from the handler restores focus to the trigger.\n- `pdsMultiselectSearch` - Emitted on search input (for consumer-managed async)."
9406
+ "value": "Multiselects let users pick several options from a searchable dropdown list. The trigger displays the selected count while the panel surfaces a filterable list of choices.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#default), [With Preselected Values](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#with-preselected-values), [Hidden Selected Items](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#hidden-selected-items), [Max Selections](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#max-selections), [Custom Widths](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#custom-widths), [Async with URL](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#async-with-url), [Refreshing Options](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#refreshing-options), [Consumer-Managed Async](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#consumer-managed-async), [With Error State](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#with-error-state), [With Create Option](https://pine-design-system.netlify.app/?path=/docs/components-multiselect--docs#with-create-option)\n\n**Slots:**\n- `(default)` - Static option elements for the multiselect\n- `empty` - Custom empty state message when no options match\n- `footer` - Links or buttons displayed below the options inside the dropdown panel\n- `loading` - Custom loading indicator\n- `trigger` - Custom trigger element that replaces the built-in trigger. It opens the dropdown panel and receives `aria-expanded` and `aria-haspopup`; it supplies its own accessible name. Slot the focusable control itself, not a wrapper around it.\n\n**CSS Parts:**\n- `pill-toggle` - The chevron button inside the inline pill trigger\n- `trigger` - The trigger surface that opens the dropdown panel\n\n**Events:**\n- `pdsMultiselectChange` - Emitted when selection changes.\n- `pdsMultiselectCreate` - Emitted when a new option is created.\n- `pdsMultiselectDismiss` - Emitted when the dropdown is dismissed with the Escape key, or by focus moving outside the\ncomponent, such as with a click elsewhere on the page.\n\nIt doesn't fire when the panel closes any other way: from a selection (including with\n`closePanelOnSelect`) or an option action, a click on the trigger, Tab, or the multiselect\nbecoming disabled. Safari doesn't focus a clicked button, so there a click on the trigger while\nthe panel is open fires this event, and the panel opens again.\nUse it to restore parent UI state or run cleanup when the user cancels.\n- `pdsMultiselectLoadOptions` - Emitted to request more options (pagination).\n- `pdsMultiselectOptionAction` - Emitted when an option's action runs, from a click on its icon or Right Arrow on the highlighted option.\nThe panel closes and focus returns to the trigger first, so a modal opened from the handler restores focus to the trigger.\n- `pdsMultiselectSearch` - Emitted on search input (for consumer-managed async)."
9265
9407
  },
9266
9408
  "attributes": [
9267
9409
  {
@@ -9636,7 +9778,7 @@
9636
9778
  "name": "pds-popover",
9637
9779
  "description": {
9638
9780
  "kind": "markdown",
9639
- "value": "Popovers display contextual information when users click an element or activate it with the keyboard, and can also open when users hover over it. They typically contain more information than tooltips and can include interactive elements.\n\n**Examples:**\n[Trigger Slot](https://pine-design-system.netlify.app/?path=/docs/components-popover--docs#trigger-slot), [Behavior Types](https://pine-design-system.netlify.app/?path=/docs/components-popover--docs#behavior-types), [Target Actions](https://pine-design-system.netlify.app/?path=/docs/components-popover--docs#target-actions), [Open on hover](https://pine-design-system.netlify.app/?path=/docs/components-popover--docs#open-on-hover), [Width/Sizing](https://pine-design-system.netlify.app/?path=/docs/components-popover--docs#width/sizing), [Padding](https://pine-design-system.netlify.app/?path=/docs/components-popover--docs#padding)\n\n**Slots:**\n- `(default)` - The content to display inside the popover\n- `trigger` - The trigger element for the popover\n\n**Events:**\n- `pdsPopoverClose` - Emitted when the popover is closed\n- `pdsPopoverOpen` - Emitted when the popover is opened"
9781
+ "value": "Popovers show contextual content, including interactive elements, from a trigger. Use a tooltip for short, non-interactive text.\n\n**Examples:**\n[Trigger Slot](https://pine-design-system.netlify.app/?path=/docs/components-popover--docs#trigger-slot), [Behavior Types](https://pine-design-system.netlify.app/?path=/docs/components-popover--docs#behavior-types), [Target Actions](https://pine-design-system.netlify.app/?path=/docs/components-popover--docs#target-actions), [Open on hover](https://pine-design-system.netlify.app/?path=/docs/components-popover--docs#open-on-hover), [Width/Sizing](https://pine-design-system.netlify.app/?path=/docs/components-popover--docs#width/sizing), [Padding](https://pine-design-system.netlify.app/?path=/docs/components-popover--docs#padding)\n\n**Slots:**\n- `(default)` - The content to display inside the popover\n- `trigger` - The trigger element for the popover\n\n**Events:**\n- `pdsPopoverClose` - Emitted when the popover is closed\n- `pdsPopoverOpen` - Emitted when the popover is opened"
9640
9782
  },
9641
9783
  "attributes": [
9642
9784
  {
@@ -9650,7 +9792,7 @@
9650
9792
  "name": "max-width",
9651
9793
  "description": {
9652
9794
  "kind": "markdown",
9653
- "value": "Sets the maximum width of the popover content\n\n**Type:** `number`\n\n**Default:** `352`"
9795
+ "value": "Sets the maximum width of the popover, in pixels, including its padding.\n\n**Type:** `number`\n\n**Default:** `400`"
9654
9796
  }
9655
9797
  },
9656
9798
  {
@@ -9814,7 +9956,7 @@
9814
9956
  "name": "percent",
9815
9957
  "description": {
9816
9958
  "kind": "markdown",
9817
- "value": "Sets the progress fill pecentage and visually displayed when `show-percentage=true`.\n\n**Type:** `number`\n\n**Default:** `0`"
9959
+ "value": "Sets the progress fill percentage (0–100). Shown as text when `show-percent` is set.\n\n**Type:** `number`\n\n**Default:** `0`"
9818
9960
  }
9819
9961
  },
9820
9962
  {
@@ -9836,7 +9978,7 @@
9836
9978
  "name": "pds-property",
9837
9979
  "description": {
9838
9980
  "kind": "markdown",
9839
- "value": "Properties pair an icon with a short label to present key-value pairs, status indicators, or tagged information in a compact horizontal layout. An icon is always shown; unspecified icons default to a star.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-property--docs#default), [With Custom Icon](https://pine-design-system.netlify.app/?path=/docs/components-property--docs#with-custom-icon), [Various Icons](https://pine-design-system.netlify.app/?path=/docs/components-property--docs#various-icons)\n\n**Slots:**\n- `(default)` - The property text content."
9981
+ "value": "Properties pair an icon with a short text value to present metadata, status indicators, or tagged information in a compact horizontal layout. An icon is always shown; unspecified icons default to a star.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-property--docs#default), [With Custom Icon](https://pine-design-system.netlify.app/?path=/docs/components-property--docs#with-custom-icon), [Various Icons](https://pine-design-system.netlify.app/?path=/docs/components-property--docs#various-icons)\n\n**Slots:**\n- `(default)` - The property text content."
9840
9982
  },
9841
9983
  "attributes": [
9842
9984
  {
@@ -9865,14 +10007,14 @@
9865
10007
  "name": "pds-radio",
9866
10008
  "description": {
9867
10009
  "kind": "markdown",
9868
- "value": "Radio components allow users to select one option from a group of two or more choices.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#default), [Checked](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#checked), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#disabled), [Message](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#message), [Invalid](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#invalid), [With Border](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#with-border), [Pill](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#pill), [Group](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#group), [With Image](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#with-image)\n\n**Slots:**\n- `image` - Custom image content to display instead of the default radio input. Ignored when `variant` is `pill`.\n\n**CSS Parts:**\n- `image-container` - The container for the image\n\n**Events:**\n- `pdsRadioChange` - Emits a boolean indicating whether the radio is currently checked or unchecked."
10010
+ "value": "Radio components allow users to select one option from a group of two or more choices.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#default), [Checked](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#checked), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#disabled), [Message](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#message), [Invalid](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#invalid), [With Border](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#with-border), [Pill](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#pill), [Group](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#group), [With Image](https://pine-design-system.netlify.app/?path=/docs/components-radio-group-radio--docs#with-image)\n\n**Slots:**\n- `image` - Custom image content to display instead of the default radio input. Ignored when `variant` is `pill`.\n\n**CSS Parts:**\n- `image-container` - The container for the image\n\n**Events:**\n- `pdsRadioChange` - Emitted with `true` when the user checks the radio, by a click or an arrow key. The radio is `event.target`, so read its `value` there.\nNot emitted when picking another radio unchecks this one. Not emitted inside `pds-radio-group` either; listen for `pdsRadioGroupChange` there."
9869
10011
  },
9870
10012
  "attributes": [
9871
10013
  {
9872
10014
  "name": "checked",
9873
10015
  "description": {
9874
10016
  "kind": "markdown",
9875
- "value": "Determines whether or not the radio is checked.\n\n**Default:** `false`"
10017
+ "value": "Determines whether or not the radio is checked. It keeps the value you set and doesn't change when the user picks a radio.\n\n**Default:** `false`"
9876
10018
  }
9877
10019
  },
9878
10020
  {
@@ -9893,7 +10035,7 @@
9893
10035
  "name": "error-message",
9894
10036
  "description": {
9895
10037
  "kind": "markdown",
9896
- "value": "Displays error message text describing an invalid state."
10038
+ "value": "Displays an error message below the radio. It becomes the radio's accessible description only while `invalid` is set."
9897
10039
  }
9898
10040
  },
9899
10041
  {
@@ -9907,7 +10049,7 @@
9907
10049
  "name": "helper-message",
9908
10050
  "description": {
9909
10051
  "kind": "markdown",
9910
- "value": "Displays helper message text below radio."
10052
+ "value": "Displays a message or hint below the radio."
9911
10053
  }
9912
10054
  },
9913
10055
  {
@@ -9928,7 +10070,7 @@
9928
10070
  "name": "label",
9929
10071
  "description": {
9930
10072
  "kind": "markdown",
9931
- "value": "String used for label text next to radio."
10073
+ "value": "Text to be displayed as the radio label."
9932
10074
  }
9933
10075
  },
9934
10076
  {
@@ -9979,7 +10121,7 @@
9979
10121
  "name": "pds-radio-group",
9980
10122
  "description": {
9981
10123
  "kind": "markdown",
9982
- "value": "Radio Groups wrap a set of related radio inputs, displaying a single error message and helper message for the whole group. Use them whenever users must pick exactly one option from a set.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#default), [With Label](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#with-label), [With Helper Messages on Child Radios](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#with-helper-messages-on-child-radios), [Invalid](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#invalid), [With Helper Message](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#with-helper-message), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#disabled), [Horizontal Layout](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#horizontal-layout), [Pill](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#pill), [With Images](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#with-images)\n\n**Slots:**\n- `(default)` - Child pds-radio components\n\n**Events:**\n- `pdsRadioGroupChange` - Emits when a radio in the group is selected, providing the selected value and component ID."
10124
+ "value": "Radio Groups wrap a set of related radio inputs, displaying a single error message and helper message for the whole group. Use them whenever users must pick exactly one option from a set.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#default), [With Label](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#with-label), [With Helper Messages on Child Radios](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#with-helper-messages-on-child-radios), [Invalid](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#invalid), [With Helper Message](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#with-helper-message), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#disabled), [Horizontal Layout](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#horizontal-layout), [Pill](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#pill), [With Images](https://pine-design-system.netlify.app/?path=/docs/components-radio-group--docs#with-images)\n\n**Slots:**\n- `(default)` - Child pds-radio components\n\n**Events:**\n- `pdsRadioGroupChange` - Emitted when the user checks a radio in the group, by a click or an arrow key. `detail` has that radio's `value`\nand `componentId`, and `checked`, which is always `true`."
9983
10125
  },
9984
10126
  "attributes": [
9985
10127
  {
@@ -10015,7 +10157,7 @@
10015
10157
  "name": "error-message",
10016
10158
  "description": {
10017
10159
  "kind": "markdown",
10018
- "value": "Displays error message text describing an invalid state for the entire group."
10160
+ "value": "Displays an error message below the radio group. It's part of the group's accessible description, with or without `invalid`."
10019
10161
  }
10020
10162
  },
10021
10163
  {
@@ -10029,14 +10171,14 @@
10029
10171
  "name": "group-label",
10030
10172
  "description": {
10031
10173
  "kind": "markdown",
10032
- "value": "String used for group label/heading."
10174
+ "value": "Text to be displayed as the radio group label. It also names the group, unless you set `aria-label` or `aria-labelledby` on it."
10033
10175
  }
10034
10176
  },
10035
10177
  {
10036
10178
  "name": "helper-message",
10037
10179
  "description": {
10038
10180
  "kind": "markdown",
10039
- "value": "Displays helper message text below the radio group."
10181
+ "value": "Displays a message or hint below the radio group."
10040
10182
  }
10041
10183
  },
10042
10184
  {
@@ -10424,7 +10566,7 @@
10424
10566
  "name": "pds-select",
10425
10567
  "description": {
10426
10568
  "kind": "markdown",
10427
- "value": "Selects present a single-choice dropdown, letting users pick one value from a predefined set of options.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#default), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#disabled), [Highlight](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#highlight), [With Message](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#with-message), [Invalid](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#invalid), [Autocomplete](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#autocomplete), [Multiple](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#multiple), [With Optgroup](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#with-optgroup), [Action Slot](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#action-slot)\n\n**Slots:**\n- `action` - Content to be displayed in the label area, typically for help icons or links\n\n**CSS Parts:**\n- `action` - No description\n- `select` - No description\n\n**Events:**\n- `pdsBlur` - Emitted when the select loses focus.\n- `pdsFocus` - Emitted when the select gains focus.\n- `pdsKeyDown` - Emitted when a key is pressed down in the select.\n- `pdsSelectChange` - Emitted when the select value changes."
10569
+ "value": "Selects present a single-choice dropdown, letting users pick one value from a predefined set of options.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#default), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#disabled), [Highlight](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#highlight), [With Message](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#with-message), [Invalid](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#invalid), [Autocomplete](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#autocomplete), [Multiple](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#multiple), [With Optgroup](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#with-optgroup), [Action Slot](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#action-slot)\n\n**Slots:**\n- `(default)` - The `option` and `optgroup` elements to choose from. Other elements are ignored.\n- `action` - Content to be displayed in the label area, typically for help icons or links\n\n**CSS Parts:**\n- `action` - Exposes the wrapper around the `action` slot for styling. Appears only when the `action` slot has content.\n- `select` - Exposes the native `select` element for styling.\n\n**Events:**\n- `pdsBlur` - Emitted when the select loses focus.\n- `pdsFocus` - Emitted when the select gains focus.\n- `pdsKeyDown` - Emitted when a key is pressed down in the select.\n- `pdsSelectChange` - Emitted when the user changes the selection. `detail` is the native `change` event, so read the new value\nfrom the select's `value`: a string, or an array with `multiple`.\n\nThis event will not emit when programmatically setting the `value` property."
10428
10570
  },
10429
10571
  "attributes": [
10430
10572
  {
@@ -10452,14 +10594,14 @@
10452
10594
  "name": "error-message",
10453
10595
  "description": {
10454
10596
  "kind": "markdown",
10455
- "value": "Displays error message text describing an invalid state."
10597
+ "value": "Displays an error message below the select and marks the select as invalid, with or without `invalid`."
10456
10598
  }
10457
10599
  },
10458
10600
  {
10459
10601
  "name": "helper-message",
10460
10602
  "description": {
10461
10603
  "kind": "markdown",
10462
- "value": "Displays helper message text below select."
10604
+ "value": "Displays a message or hint below the select."
10463
10605
  }
10464
10606
  },
10465
10607
  {
@@ -10530,7 +10672,7 @@
10530
10672
  "name": "pds-sortable",
10531
10673
  "description": {
10532
10674
  "kind": "markdown",
10533
- "value": "Sortable is for creating containers of items that can be sorted via drag and drop functionality.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-sortable--docs#default), [Bordered](https://pine-design-system.netlify.app/?path=/docs/components-sortable--docs#bordered), [Dividers](https://pine-design-system.netlify.app/?path=/docs/components-sortable--docs#dividers), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-sortable--docs#disabled), [Handle](https://pine-design-system.netlify.app/?path=/docs/components-sortable--docs#handle), [Handle vs. Row `handle-type`](https://pine-design-system.netlify.app/?path=/docs/components-sortable--docs#handle-vs.-row-`handle-type`), [Actions](https://pine-design-system.netlify.app/?path=/docs/components-sortable--docs#actions), [Demo](https://pine-design-system.netlify.app/?path=/docs/components-sortable--docs#demo)\n\n**Events:**\n- `pdsSortableItemMoved` - Event emitted when a sortable item is moved."
10675
+ "value": "Sortable is for creating containers of items that can be sorted by dragging or from the keyboard.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-sortable--docs#default), [Bordered](https://pine-design-system.netlify.app/?path=/docs/components-sortable--docs#bordered), [Dividers](https://pine-design-system.netlify.app/?path=/docs/components-sortable--docs#dividers), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-sortable--docs#disabled), [Handle](https://pine-design-system.netlify.app/?path=/docs/components-sortable--docs#handle), [Handle vs. Row `handle-type`](https://pine-design-system.netlify.app/?path=/docs/components-sortable--docs#handle-vs.-row-`handle-type`), [Actions](https://pine-design-system.netlify.app/?path=/docs/components-sortable--docs#actions), [Localized](https://pine-design-system.netlify.app/?path=/docs/components-sortable--docs#localized), [Demo](https://pine-design-system.netlify.app/?path=/docs/components-sortable--docs#demo)\n\n**Events:**\n- `pdsSortableItemMoved` - Event emitted when a sortable item is moved, by dragging or from the keyboard. A keyboard move\ncarries the same fields as a drag (`item`, `from`, `to`, `oldIndex`, `newIndex`,\n`oldDraggableIndex`, `newDraggableIndex`), with the event that ended the move as\n`originalEvent` -- a `KeyboardEvent` for Space or Enter, but a `FocusEvent`, `PointerEvent` or\n`MouseEvent` when the drop instead comes from focus leaving the row, a drag taking over, or a\nscreen reader's browse-mode click."
10534
10676
  },
10535
10677
  "attributes": [
10536
10678
  {
@@ -10561,6 +10703,13 @@
10561
10703
  "value": "Determines whether `sortable` items should be divided with border.\n\n**Default:** `false`"
10562
10704
  }
10563
10705
  },
10706
+ {
10707
+ "name": "handle-label",
10708
+ "description": {
10709
+ "kind": "markdown",
10710
+ "value": "Accessible label for each item's reorder handle, the button the keyboard reorders with. Pass a translated string to localize it; `{item}` is interpolated.\n\n**Default:** `'Reorder {item}'`"
10711
+ }
10712
+ },
10564
10713
  {
10565
10714
  "name": "handle-type",
10566
10715
  "description": {
@@ -10575,6 +10724,34 @@
10575
10724
  "name": "row"
10576
10725
  }
10577
10726
  ]
10727
+ },
10728
+ {
10729
+ "name": "item-dropped-label",
10730
+ "description": {
10731
+ "kind": "markdown",
10732
+ "value": "Screen-reader announcement when a picked-up item is dropped. Pass a translated string to localize it; `{item}`, `{position}` and `{total}` are interpolated.\n\n**Default:** `'{item}, dropped at position {position} of {total}'`"
10733
+ }
10734
+ },
10735
+ {
10736
+ "name": "item-moved-label",
10737
+ "description": {
10738
+ "kind": "markdown",
10739
+ "value": "Screen-reader announcement when a picked-up item is moved. Pass a translated string to localize it; `{item}`, `{position}` and `{total}` are interpolated.\n\n**Default:** `'{item}, moved to position {position} of {total}'`"
10740
+ }
10741
+ },
10742
+ {
10743
+ "name": "item-picked-up-label",
10744
+ "description": {
10745
+ "kind": "markdown",
10746
+ "value": "Screen-reader announcement when an item is picked up from the keyboard. Pass a translated string to localize it; `{item}`, `{position}` and `{total}` are interpolated.\n\n**Default:** `'{item}, picked up. Position {position} of {total}. Press the arrow keys to move, Space or Enter to drop, Escape to cancel.'`"
10747
+ }
10748
+ },
10749
+ {
10750
+ "name": "reorder-canceled-label",
10751
+ "description": {
10752
+ "kind": "markdown",
10753
+ "value": "Screen-reader announcement when a keyboard reorder is canceled and the item goes back. Pass a translated string to localize it; `{item}`, `{position}` and `{total}` are interpolated.\n\n**Default:** `'Reorder canceled. {item} returned to position {position} of {total}'`"
10754
+ }
10578
10755
  }
10579
10756
  ],
10580
10757
  "references": [
@@ -10588,7 +10765,7 @@
10588
10765
  "name": "pds-sortable-item",
10589
10766
  "description": {
10590
10767
  "kind": "markdown",
10591
- "value": "\n\n**Slots:**\n- `sortable-item-actions` - Content is placed within the `pds-sortable-item__actions` element as children. This slot is only rendered if `actions` is set to `true`."
10768
+ "value": "\n\n**Slots:**\n- `sortable-item-actions` - Content is placed within the `pds-sortable-item__actions` element as children. This slot is only rendered when `enable-actions` is set."
10592
10769
  },
10593
10770
  "attributes": [
10594
10771
  {
@@ -10605,11 +10782,18 @@
10605
10782
  "value": "Determines whether `sortable-item-actions` slot should be enabled.\n\n**Default:** `false`"
10606
10783
  }
10607
10784
  },
10785
+ {
10786
+ "name": "item-label",
10787
+ "description": {
10788
+ "kind": "markdown",
10789
+ "value": "Name of the item in its reorder handle's label and in the reorder announcements. Pass a translated string to localize it; defaults to the item's text content."
10790
+ }
10791
+ },
10608
10792
  {
10609
10793
  "name": "show-handle",
10610
10794
  "description": {
10611
10795
  "kind": "markdown",
10612
- "value": "Determines whether `sortable-item` should have a handle.\n\n**Default:** `false`"
10796
+ "value": "Determines whether the reorder handle is shown. The handle itself renders whenever the list\nis reorderable, regardless of this prop; without it, the handle is visually hidden but still\nreachable from the keyboard.\n\n**Default:** `false`"
10613
10797
  }
10614
10798
  }
10615
10799
  ],
@@ -10624,7 +10808,7 @@
10624
10808
  "name": "pds-switch",
10625
10809
  "description": {
10626
10810
  "kind": "markdown",
10627
- "value": "Switches toggle a single setting between on and off, rendered as a sliding thumb inside a track. They work as form-associated inputs whose checked state submits with the surrounding form.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-switch--docs#default), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-switch--docs#disabled), [Helper Message](https://pine-design-system.netlify.app/?path=/docs/components-switch--docs#helper-message), [Invalid](https://pine-design-system.netlify.app/?path=/docs/components-switch--docs#invalid), [Label slot](https://pine-design-system.netlify.app/?path=/docs/components-switch--docs#label-slot)\n\n**Slots:**\n- `label` - Content displayed as the switch label in place of the `label` text. Clicking it toggles the switch.\n\n**Events:**\n- `pdsSwitchChange` - Emits an event on input change."
10811
+ "value": "Switches toggle a single setting between on and off, rendered as a sliding thumb inside a track. They work as form-associated inputs whose checked state submits with the surrounding form.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-switch--docs#default), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-switch--docs#disabled), [Disabled with a reason](https://pine-design-system.netlify.app/?path=/docs/components-switch--docs#disabled-with-a-reason), [Helper Message](https://pine-design-system.netlify.app/?path=/docs/components-switch--docs#helper-message), [Invalid](https://pine-design-system.netlify.app/?path=/docs/components-switch--docs#invalid), [Label slot](https://pine-design-system.netlify.app/?path=/docs/components-switch--docs#label-slot), [Described by text outside it](https://pine-design-system.netlify.app/?path=/docs/components-switch--docs#described-by-text-outside-it)\n\n**Slots:**\n- `label` - Content displayed as the switch label in place of the `label` text. Clicking it toggles the switch.\n\n**Events:**\n- `pdsSwitchChange` - Emits an event on input change."
10628
10812
  },
10629
10813
  "attributes": [
10630
10814
  {
@@ -10687,7 +10871,7 @@
10687
10871
  "name": "name",
10688
10872
  "description": {
10689
10873
  "kind": "markdown",
10690
- "value": "Identifies form data and unifies a group of radio inputs for toggling a single property/value."
10874
+ "value": "Specifies the name. Submitted with the form name/value pair when checked, or with `unchecked-value` while unchecked."
10691
10875
  }
10692
10876
  },
10693
10877
  {
@@ -10697,6 +10881,13 @@
10697
10881
  "value": "Determines the 'required' state of the input.\n\n**Default:** `false`"
10698
10882
  }
10699
10883
  },
10884
+ {
10885
+ "name": "unchecked-value",
10886
+ "description": {
10887
+ "kind": "markdown",
10888
+ "value": "Provides a string submitted in form data under `name` while the switch is unchecked.\nWhen unset, an unchecked switch submits nothing, like a native checkbox."
10889
+ }
10890
+ },
10700
10891
  {
10701
10892
  "name": "value",
10702
10893
  "description": {
@@ -10716,7 +10907,7 @@
10716
10907
  "name": "pds-tab",
10717
10908
  "description": {
10718
10909
  "kind": "markdown",
10719
- "value": ""
10910
+ "value": "A tab inside `pds-tabs`. In panel mode, its `name` matches the `pds-tabpanel` it shows. In navigation mode (`nav` set on `pds-tabs`), it renders a link to its `href` instead."
10720
10911
  },
10721
10912
  "attributes": [
10722
10913
  {
@@ -10802,7 +10993,7 @@
10802
10993
  "name": "pds-table",
10803
10994
  "description": {
10804
10995
  "kind": "markdown",
10805
- "value": "Tables display tabular data using semantic subcomponents for head, head-cell, body, row, and cell roles. Use pds-table-head, pds-table-head-cell, pds-table-body, pds-table-row, and pds-table-cell to compose rows and columns accessibly.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#default), [Compact](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#compact), [Head Background and Row Dividers](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#head-background-and-row-dividers), [Selectable](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#selectable), [Selectable without Select All](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#selectable-without-select-all), [Responsive](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#responsive), [Fixed Column](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#fixed-column), [Fixed w/ Checkbox](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#fixed-w/-checkbox), [Cell Truncation](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#cell-truncation), [Cell Alignment](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#cell-alignment), [Sorting](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#sorting), [Event payload](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#event-payload), [Preventing built-in sorting](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#preventing-built-in-sorting), [Default Sort](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#default-sort)\n\n**CSS Parts:**\n- `responsive-container` - No description\n- `responsive-table` - No description\n- `responsive-wrapper` - No description\n- `scroll-shadow-left` - No description\n- `scroll-shadow-right` - No description\n- `table` - No description\n- `table-inner` - No description\n\n**Events:**\n- `pdsTableSelectAll` - Event that is emitted when the select all checkbox is clicked, carrying the selected value."
10996
+ "value": "Tables display tabular data using semantic subcomponents for head, head-cell, body, row, and cell roles. Use pds-table-head, pds-table-head-cell, pds-table-body, pds-table-row, and pds-table-cell to compose rows and columns accessibly.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#default), [Compact](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#compact), [Head Background and Row Dividers](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#head-background-and-row-dividers), [Selectable](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#selectable), [Selectable without Select All](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#selectable-without-select-all), [Responsive](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#responsive), [Fixed Column](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#fixed-column), [Fixed w/ Checkbox](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#fixed-w/-checkbox), [Cell Truncation](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#cell-truncation), [Column Widths](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#column-widths), [Cell Alignment](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#cell-alignment), [Sorting](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#sorting), [Event payload](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#event-payload), [Preventing built-in sorting](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#preventing-built-in-sorting), [Default Sort](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#default-sort)\n\n**CSS Parts:**\n- `responsive-container` - Exposes the horizontal scroll container for styling. Appears only when `responsive` is set.\n- `responsive-table` - Set on the `pds-table` element itself when `responsive` is set, so `::part(responsive-table)` matches it only from a shadow root that contains it. Style `pds-table` directly instead.\n- `responsive-wrapper` - Exposes the wrapper inside the scroll container for styling. Appears only when `responsive` is set.\n- `scroll-shadow-left` - Exposes the scroll shadow at the inline-start edge for styling. Appears only when `responsive` is set.\n- `scroll-shadow-right` - Exposes the scroll shadow at the inline-end edge for styling. Appears only when `responsive` is set.\n- `table` - Set on the `pds-table` element itself, so `::part(table)` matches it only from a shadow root that contains it. Style `pds-table` directly instead.\n- `table-inner` - Exposes the inner table element around the slotted head and body for styling. Appears only when `responsive` is set.\n\n**Events:**\n- `pdsTableSelectAll` - Event that is emitted by `pds-table-head` when the select all checkbox is clicked, carrying the selected value.\nIt bubbles through the table; the table doesn't emit it itself."
10806
10997
  },
10807
10998
  "attributes": [
10808
10999
  {
@@ -10852,7 +11043,7 @@
10852
11043
  "name": "fixed-column",
10853
11044
  "description": {
10854
11045
  "kind": "markdown",
10855
- "value": "Determines if the should display a fixed first column."
11046
+ "value": "Determines if the table displays a fixed first column."
10856
11047
  }
10857
11048
  },
10858
11049
  {
@@ -10875,6 +11066,21 @@
10875
11066
  "kind": "markdown",
10876
11067
  "value": "Determines if the table displays checkboxes for selectable rows."
10877
11068
  }
11069
+ },
11070
+ {
11071
+ "name": "table-layout",
11072
+ "description": {
11073
+ "kind": "markdown",
11074
+ "value": "Sets how the table sizes its columns. With `auto`, each column is sized from its content,\nso columns can change width when the rows change (for example after a sort). With `fixed`,\ncolumns take the `width` set on their `pds-table-head-cell` and ignore their content;\ncolumns without a `width` share the remaining space. Under `responsive`, that remaining\nshare keeps a 120px floor on narrow viewports where the other columns' widths already fill\nit, growing the table instead (scrollable) -- without `responsive` there's no floor, since\nthere would be nothing to scroll the overflow it would create. Content longer than its\ncolumn overflows, so add `truncate` to cells whose content may not fit.\n\n**Type:** `\"auto\" | \"fixed\"`\n\n**Default:** `'auto'`"
11075
+ },
11076
+ "values": [
11077
+ {
11078
+ "name": "auto"
11079
+ },
11080
+ {
11081
+ "name": "fixed"
11082
+ }
11083
+ ]
10878
11084
  }
10879
11085
  ],
10880
11086
  "references": [
@@ -10888,7 +11094,7 @@
10888
11094
  "name": "pds-table-body",
10889
11095
  "description": {
10890
11096
  "kind": "markdown",
10891
- "value": "\n\n**CSS Parts:**\n- `body` - No description"
11097
+ "value": "\n\n**CSS Parts:**\n- `body` - Set on the `pds-table-body` element itself, so `::part(body)` matches it only from a shadow root that contains it. Style `pds-table-body` directly instead."
10892
11098
  },
10893
11099
  "attributes": [],
10894
11100
  "references": [
@@ -10902,7 +11108,7 @@
10902
11108
  "name": "pds-table-cell",
10903
11109
  "description": {
10904
11110
  "kind": "markdown",
10905
- "value": "\n\n**CSS Parts:**\n- `cell` - No description"
11111
+ "value": "\n\n**CSS Parts:**\n- `cell` - Set on the `pds-table-cell` element itself, so `::part(cell)` matches it only from a shadow root that contains it. Style `pds-table-cell` directly instead. In a `selectable` table, each row's selection cell sits in the row's shadow root: it has the `checkbox-cell` part when first rendered and `cell` after any re-render, so target both with `pds-table-row::part(checkbox-cell), pds-table-row::part(cell)`."
10906
11112
  },
10907
11113
  "attributes": [
10908
11114
  {
@@ -10945,7 +11151,7 @@
10945
11151
  "name": "pds-table-head",
10946
11152
  "description": {
10947
11153
  "kind": "markdown",
10948
- "value": "\n\n**CSS Parts:**\n- `head` - No description\n- `select-all-checkbox` - No description\n\n**Events:**\n- `pdsTableSelectAll` - Event that is emitted when the select all checkbox is clicked, carrying the selected value."
11154
+ "value": "\n\n**CSS Parts:**\n- `head` - Set on the `pds-table-head` element itself, so `::part(head)` matches it only from a shadow root that contains it. Style `pds-table-head` directly instead.\n- `select-all-checkbox` - Exposes the select-all checkbox for styling. Appears only when the table is `selectable` and `disableSelectAll` isn't set.\n\n**Events:**\n- `pdsTableSelectAll` - Event that is emitted when the select all checkbox is clicked, carrying the selected value."
10949
11155
  },
10950
11156
  "attributes": [
10951
11157
  {
@@ -10973,7 +11179,7 @@
10973
11179
  "name": "is-selected",
10974
11180
  "description": {
10975
11181
  "kind": "markdown",
10976
- "value": "Determines if the table row is currently selected."
11182
+ "value": "Determines if the select all checkbox is checked."
10977
11183
  }
10978
11184
  }
10979
11185
  ],
@@ -10988,7 +11194,7 @@
10988
11194
  "name": "pds-table-head-cell",
10989
11195
  "description": {
10990
11196
  "kind": "markdown",
10991
- "value": "\n\n**CSS Parts:**\n- `head-cell` - No description\n- `sort-icon` - No description\n\n**Events:**\n- `pdsTableSort` - Event emitted to signal that a table column header has been sorted, providing information about the sorted column's name and sorting direction."
11197
+ "value": "\n\n**CSS Parts:**\n- `head-cell` - Set on the `pds-table-head-cell` element itself, so `::part(head-cell)` matches it only from a shadow root that contains it. Style `pds-table-head-cell` directly instead. In a `selectable` table, the select-all cell sits in `pds-table-head`'s shadow root: it has the `checkbox-cell` part when first rendered and `head-cell` after any re-render, so target both with `pds-table-head::part(checkbox-cell), pds-table-head::part(head-cell)`.\n- `sort-icon` - Exposes the sort direction icon for styling. Appears only on a `sortable` column while it's the active sort.\n\n**Events:**\n- `pdsTableSort` - Event emitted to signal that a table column header has been sorted, providing information about the sorted column's name and sorting direction."
10992
11198
  },
10993
11199
  "attributes": [
10994
11200
  {
@@ -11018,6 +11224,13 @@
11018
11224
  "kind": "markdown",
11019
11225
  "value": "Determines whether the table column is sortable when set to `true`."
11020
11226
  }
11227
+ },
11228
+ {
11229
+ "name": "width",
11230
+ "description": {
11231
+ "kind": "markdown",
11232
+ "value": "Sets the width of the column. Accepts any CSS length (e.g. '148px', '12rem', '20%').\nWhen the table's `tableLayout` is `fixed`, the column keeps this width whatever its content.\nOtherwise the column is at least this wide and can grow to fit its content."
11233
+ }
11021
11234
  }
11022
11235
  ],
11023
11236
  "references": [
@@ -11031,7 +11244,7 @@
11031
11244
  "name": "pds-table-row",
11032
11245
  "description": {
11033
11246
  "kind": "markdown",
11034
- "value": "\n\n**CSS Parts:**\n- `row` - No description\n- `row-checkbox` - No description\n\n**Events:**\n- `pdsTableRowSelected` - Event that is emitted when the checkbox is clicked, carrying the selected value."
11247
+ "value": "\n\n**CSS Parts:**\n- `row` - Set on the `pds-table-row` element itself, so `::part(row)` matches it only from a shadow root that contains it. Style `pds-table-row` directly instead.\n- `row-checkbox` - Exposes the row's selection checkbox for styling. Appears only when the table is `selectable`.\n\n**Events:**\n- `pdsTableRowSelected` - Event that is emitted when the checkbox is clicked, carrying the selected value."
11035
11248
  },
11036
11249
  "attributes": [
11037
11250
  {
@@ -11060,7 +11273,7 @@
11060
11273
  "name": "pds-tabpanel",
11061
11274
  "description": {
11062
11275
  "kind": "markdown",
11063
- "value": ""
11276
+ "value": "The content for one tab inside `pds-tabs` in panel mode, shown when the `pds-tab` with the same `name` is active."
11064
11277
  },
11065
11278
  "attributes": [
11066
11279
  {
@@ -11082,7 +11295,7 @@
11082
11295
  "name": "pds-tabs",
11083
11296
  "description": {
11084
11297
  "kind": "markdown",
11085
- "value": "Tabs organize related content into separate panels that users switch between using a horizontal button bar, keeping only one panel visible at a time.\n\n**Examples:**\n[Variant](https://pine-design-system.netlify.app/?path=/docs/components-tabs--docs#variant), [Primary](https://pine-design-system.netlify.app/?path=/docs/components-tabs--docs#primary), [Pill](https://pine-design-system.netlify.app/?path=/docs/components-tabs--docs#pill), [Availability](https://pine-design-system.netlify.app/?path=/docs/components-tabs--docs#availability), [Filter](https://pine-design-system.netlify.app/?path=/docs/components-tabs--docs#filter), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-tabs--docs#disabled), [Divider](https://pine-design-system.netlify.app/?path=/docs/components-tabs--docs#divider), [Stretch](https://pine-design-system.netlify.app/?path=/docs/components-tabs--docs#stretch)\n\n**Slots:**\n- `tabpanels` - Content is placed directly after the `div[role=\"tablist\"]` element as siblings\n- `tabs` - Content is placed within the `div[role=\"tablist\"]` element as children\n\n**CSS Parts:**\n- `tab-list` - Exposes the container element that holds all the tab buttons for styling."
11298
+ "value": "Tabs organize related content into separate panels that users switch between using a horizontal button bar, keeping only one panel visible at a time.\n\n**Examples:**\n[Variants](https://pine-design-system.netlify.app/?path=/docs/components-tabs--docs#variants), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-tabs--docs#disabled), [Divider](https://pine-design-system.netlify.app/?path=/docs/components-tabs--docs#divider), [Stretch](https://pine-design-system.netlify.app/?path=/docs/components-tabs--docs#stretch)\n\n**Slots:**\n- `tabpanels` - Content is placed directly after the `div[role=\"tablist\"]` element as siblings\n- `tabs` - Content is placed within the `div[role=\"tablist\"]` element as children\n\n**CSS Parts:**\n- `tab-list` - Exposes the container element that holds all the tab buttons for styling."
11086
11299
  },
11087
11300
  "attributes": [
11088
11301
  {
@@ -11117,7 +11330,7 @@
11117
11330
  "name": "stretch",
11118
11331
  "description": {
11119
11332
  "kind": "markdown",
11120
- "value": "Stretches the component so the active tab panel fills the remaining height.\nRequires the component to have a constrained height (e.g. a flex parent).\n\n**Default:** `false`"
11333
+ "value": "Stretches the component to fill its container's height. The active tab panel keeps the height of its content.\nRequires the component to have a constrained height (e.g. a flex parent).\n\n**Default:** `false`"
11121
11334
  }
11122
11335
  },
11123
11336
  {
@@ -11382,7 +11595,7 @@
11382
11595
  "name": "pds-textarea",
11383
11596
  "description": {
11384
11597
  "kind": "markdown",
11385
- "value": "Textarea captures multi-line text from the user, paired with a label and optional helper or error message. Use it for freeform content like comments, descriptions, or messages.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#default), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#disabled), [Error Message](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#error-message), [Helper Message](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#helper-message), [Placeholder](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#placeholder), [Readonly](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#readonly), [Highlight](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#highlight), [Required](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#required), [Rows](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#rows), [Max Length](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#max-length), [Action Slot](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#action-slot)\n\n**Slots:**\n- `action` - Content to be displayed in the label area, typically for help icons or links\n\n**CSS Parts:**\n- `action` - No description\n\n**Events:**\n- `pdsBlur` - Emitted when the input loses focus.\n- `pdsFocus` - Emitted when the input has focus.\n- `pdsInput` - Emitted when a keyboard input occurs.\n\nFor elements that accept text input (`type=text`, `type=tel`, etc.), the interface\nis [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent); for others,\nthe interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If\nthe input is cleared on edit, the type is `null`.\n- `pdsKeyDown` - Emitted when a key is pressed down in the textarea.\n- `pdsTextareaChange` - Event emitted whenever the value of the textarea changes.\n\nThis event will not emit when programmatically setting the `value` property."
11598
+ "value": "Textarea captures multi-line text from the user, paired with a label and optional helper or error message. Use it for freeform content like comments, descriptions, or messages.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#default), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#disabled), [Error Message](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#error-message), [Helper Message](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#helper-message), [Placeholder](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#placeholder), [Readonly](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#readonly), [Highlight](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#highlight), [Required](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#required), [Rows](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#rows), [Max Length](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#max-length), [Action Slot](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#action-slot)\n\n**Slots:**\n- `action` - Content to be displayed in the label area, typically for help icons or links\n\n**CSS Parts:**\n- `action` - Exposes the wrapper around the `action` slot for styling. Appears only when the `action` slot has content.\n\n**Events:**\n- `pdsBlur` - Emitted when the textarea loses focus.\n- `pdsFocus` - Emitted when the textarea has focus.\n- `pdsInput` - Emitted after each `input` event, such as typing or pasting. With `debounce`, it waits until that many milliseconds have passed since the last one.\n`detail` has `value`, the current text, and `event`, the native `input` event.\n\nThis event will not emit when programmatically setting the `value` property.\n- `pdsKeyDown` - Emitted when a key is pressed down in the textarea.\n- `pdsTextareaChange` - Emitted when the user changes the value and then leaves the textarea. `Enter` adds a new line, so it doesn't emit this event.\n`detail` has `value`, the text, and `event`, the native event behind it, usually `change`.\n\nThis event will not emit when programmatically setting the `value` property, unless the field has focus at the time;\nthen it emits when the field loses focus."
11386
11599
  },
11387
11600
  "attributes": [
11388
11601
  {
@@ -11410,7 +11623,7 @@
11410
11623
  "name": "debounce",
11411
11624
  "description": {
11412
11625
  "kind": "markdown",
11413
- "value": "The amount of time, in milliseconds, to wait to trigger the event after each keystroke.\n\n**Type:** `number`"
11626
+ "value": "Sets the number of milliseconds to wait after each input event before emitting `pdsInput`.\n\n**Type:** `number`"
11414
11627
  }
11415
11628
  },
11416
11629
  {
@@ -11424,7 +11637,7 @@
11424
11637
  "name": "error-message",
11425
11638
  "description": {
11426
11639
  "kind": "markdown",
11427
- "value": "Displays an error message below the textarea field."
11640
+ "value": "Displays an error message below the textarea while `invalid` is set."
11428
11641
  }
11429
11642
  },
11430
11643
  {
@@ -11452,7 +11665,7 @@
11452
11665
  "name": "invalid",
11453
11666
  "description": {
11454
11667
  "kind": "markdown",
11455
- "value": "Determines whether or not the textarea is invalid or throws an error.\n\n**Default:** `false`"
11668
+ "value": "Determines whether or not the textarea is invalid. When `required` is set, the textarea sets it\nitself each time `pdsTextareaChange` fires, replacing a value you set.\n\n**Default:** `false`"
11456
11669
  }
11457
11670
  },
11458
11671
  {
@@ -11473,7 +11686,7 @@
11473
11686
  "name": "name",
11474
11687
  "description": {
11475
11688
  "kind": "markdown",
11476
- "value": "Specifies the name. Submitted with the form name/value pair. This value will mirror the componentId.\n\n**Default:** `this.componentId`"
11689
+ "value": "Specifies the name. Submitted with the form name/value pair.\n\n**Default:** `this.componentId`"
11477
11690
  }
11478
11691
  },
11479
11692
  {
@@ -11523,7 +11736,7 @@
11523
11736
  "name": "pds-toast",
11524
11737
  "description": {
11525
11738
  "kind": "markdown",
11526
- "value": "Toasts briefly surface feedback messages as non-blocking notifications that auto-dismiss after a short delay. They're used to confirm actions or report status without interrupting the user's flow.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-toast--docs#default), [Danger](https://pine-design-system.netlify.app/?path=/docs/components-toast--docs#danger), [Loading](https://pine-design-system.netlify.app/?path=/docs/components-toast--docs#loading), [With Icon](https://pine-design-system.netlify.app/?path=/docs/components-toast--docs#with-icon), [With Link](https://pine-design-system.netlify.app/?path=/docs/components-toast--docs#with-link), [Complex Content](https://pine-design-system.netlify.app/?path=/docs/components-toast--docs#complex-content), [Non-dismissing Toast](https://pine-design-system.netlify.app/?path=/docs/components-toast--docs#non-dismissing-toast)\n\n**CSS Parts:**\n- `dismiss` - No description\n\n**Events:**\n- `pdsToastDismissed` - Event emitted when the toast is dismissed, either manually or automatically."
11739
+ "value": "Toasts briefly surface feedback messages as non-blocking notifications that auto-dismiss after a short delay. They're used to confirm actions or report status without interrupting the user's flow.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-toast--docs#default), [Danger](https://pine-design-system.netlify.app/?path=/docs/components-toast--docs#danger), [Loading](https://pine-design-system.netlify.app/?path=/docs/components-toast--docs#loading), [With Icon](https://pine-design-system.netlify.app/?path=/docs/components-toast--docs#with-icon), [With Link](https://pine-design-system.netlify.app/?path=/docs/components-toast--docs#with-link), [Complex Content](https://pine-design-system.netlify.app/?path=/docs/components-toast--docs#complex-content), [Non-dismissing Toast](https://pine-design-system.netlify.app/?path=/docs/components-toast--docs#non-dismissing-toast)\n\n**CSS Parts:**\n- `dismiss` - Exposes the dismiss button for styling. Appears unless `dismissible` is `false`.\n\n**Events:**\n- `pdsToastDismissed` - Event emitted when the toast is dismissed, either manually or automatically."
11527
11740
  },
11528
11741
  "attributes": [
11529
11742
  {