@dsn-starter-kit/components-react 3.0.0 → 3.1.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 (386) hide show
  1. package/README.md +32 -4
  2. package/dist/ActionGroup/ActionGroup.d.mts +51 -0
  3. package/dist/ActionGroup/ActionGroup.d.mts.map +1 -0
  4. package/dist/ActionGroup/ActionGroup2.mjs +65 -0
  5. package/dist/ActionGroup/ActionGroup2.mjs.map +1 -0
  6. package/dist/ActionGroup/index.d.mts +2 -0
  7. package/dist/Alert/Alert.d.mts +85 -0
  8. package/dist/Alert/Alert.d.mts.map +1 -0
  9. package/dist/Alert/Alert2.mjs +102 -0
  10. package/dist/Alert/Alert2.mjs.map +1 -0
  11. package/dist/Alert/index.d.mts +2 -0
  12. package/dist/Backdrop/Backdrop.d.mts +28 -0
  13. package/dist/Backdrop/Backdrop.d.mts.map +1 -0
  14. package/dist/Backdrop/Backdrop2.mjs +32 -0
  15. package/dist/Backdrop/Backdrop2.mjs.map +1 -0
  16. package/dist/Backdrop/index.d.mts +2 -0
  17. package/dist/Body/Body.d.mts +29 -0
  18. package/dist/Body/Body.d.mts.map +1 -0
  19. package/dist/Body/Body2.mjs +36 -0
  20. package/dist/Body/Body2.mjs.map +1 -0
  21. package/dist/Body/index.d.mts +2 -0
  22. package/dist/BreadcrumbNavigation/BreadcrumbNavigation.d.mts +45 -0
  23. package/dist/BreadcrumbNavigation/BreadcrumbNavigation.d.mts.map +1 -0
  24. package/dist/BreadcrumbNavigation/BreadcrumbNavigation2.mjs +51 -0
  25. package/dist/BreadcrumbNavigation/BreadcrumbNavigation2.mjs.map +1 -0
  26. package/dist/BreadcrumbNavigation/BreadcrumbNavigationItem.d.mts +41 -0
  27. package/dist/BreadcrumbNavigation/BreadcrumbNavigationItem.d.mts.map +1 -0
  28. package/dist/BreadcrumbNavigation/BreadcrumbNavigationItem.mjs +48 -0
  29. package/dist/BreadcrumbNavigation/BreadcrumbNavigationItem.mjs.map +1 -0
  30. package/dist/BreadcrumbNavigation/index.d.mts +3 -0
  31. package/dist/BreakoutSection/BreakoutSection.d.mts +32 -0
  32. package/dist/BreakoutSection/BreakoutSection.d.mts.map +1 -0
  33. package/dist/BreakoutSection/BreakoutSection2.mjs +36 -0
  34. package/dist/BreakoutSection/BreakoutSection2.mjs.map +1 -0
  35. package/dist/BreakoutSection/index.d.mts +2 -0
  36. package/dist/Button/Button.d.mts +92 -0
  37. package/dist/Button/Button.d.mts.map +1 -0
  38. package/dist/Button/Button2.mjs +76 -0
  39. package/dist/Button/Button2.mjs.map +1 -0
  40. package/dist/Button/index.d.mts +2 -0
  41. package/dist/ButtonLink/ButtonLink.d.mts +94 -0
  42. package/dist/ButtonLink/ButtonLink.d.mts.map +1 -0
  43. package/dist/ButtonLink/ButtonLink2.mjs +70 -0
  44. package/dist/ButtonLink/ButtonLink2.mjs.map +1 -0
  45. package/dist/ButtonLink/index.d.mts +2 -0
  46. package/dist/Card/Card.d.mts +107 -0
  47. package/dist/Card/Card.d.mts.map +1 -0
  48. package/dist/Card/Card2.mjs +125 -0
  49. package/dist/Card/Card2.mjs.map +1 -0
  50. package/dist/Card/index.d.mts +2 -0
  51. package/dist/Checkbox/Checkbox.d.mts +20 -0
  52. package/dist/Checkbox/Checkbox.d.mts.map +1 -0
  53. package/dist/Checkbox/Checkbox2.mjs +43 -0
  54. package/dist/Checkbox/Checkbox2.mjs.map +1 -0
  55. package/dist/Checkbox/index.d.mts +2 -0
  56. package/dist/CheckboxGroup/CheckboxGroup.d.mts +39 -0
  57. package/dist/CheckboxGroup/CheckboxGroup.d.mts.map +1 -0
  58. package/dist/CheckboxGroup/CheckboxGroup2.mjs +46 -0
  59. package/dist/CheckboxGroup/CheckboxGroup2.mjs.map +1 -0
  60. package/dist/CheckboxGroup/index.d.mts +2 -0
  61. package/dist/CheckboxOption/CheckboxOption.d.mts +17 -0
  62. package/dist/CheckboxOption/CheckboxOption.d.mts.map +1 -0
  63. package/dist/CheckboxOption/CheckboxOption2.mjs +29 -0
  64. package/dist/CheckboxOption/CheckboxOption2.mjs.map +1 -0
  65. package/dist/CheckboxOption/index.d.mts +2 -0
  66. package/dist/Container/Container.d.mts +43 -0
  67. package/dist/Container/Container.d.mts.map +1 -0
  68. package/dist/Container/Container2.mjs +42 -0
  69. package/dist/Container/Container2.mjs.map +1 -0
  70. package/dist/Container/index.d.mts +2 -0
  71. package/dist/DateInput/DateInput.d.mts +38 -0
  72. package/dist/DateInput/DateInput.d.mts.map +1 -0
  73. package/dist/DateInput/DateInput2.mjs +69 -0
  74. package/dist/DateInput/DateInput2.mjs.map +1 -0
  75. package/dist/DateInput/index.d.mts +2 -0
  76. package/dist/DateInputGroup/DateInputGroup.d.mts +67 -0
  77. package/dist/DateInputGroup/DateInputGroup.d.mts.map +1 -0
  78. package/dist/DateInputGroup/DateInputGroup2.mjs +120 -0
  79. package/dist/DateInputGroup/DateInputGroup2.mjs.map +1 -0
  80. package/dist/DateInputGroup/index.d.mts +2 -0
  81. package/dist/Details/Details.d.mts +48 -0
  82. package/dist/Details/Details.d.mts.map +1 -0
  83. package/dist/Details/Details2.mjs +61 -0
  84. package/dist/Details/Details2.mjs.map +1 -0
  85. package/dist/Details/index.d.mts +2 -0
  86. package/dist/DotBadge/DotBadge.d.mts +44 -0
  87. package/dist/DotBadge/DotBadge.d.mts.map +1 -0
  88. package/dist/DotBadge/DotBadge2.mjs +42 -0
  89. package/dist/DotBadge/DotBadge2.mjs.map +1 -0
  90. package/dist/DotBadge/index.d.mts +2 -0
  91. package/dist/Drawer/Drawer.d.mts +111 -0
  92. package/dist/Drawer/Drawer.d.mts.map +1 -0
  93. package/dist/Drawer/Drawer2.mjs +156 -0
  94. package/dist/Drawer/Drawer2.mjs.map +1 -0
  95. package/dist/Drawer/index.d.mts +2 -0
  96. package/dist/EmailInput/EmailInput.d.mts +40 -0
  97. package/dist/EmailInput/EmailInput.d.mts.map +1 -0
  98. package/dist/EmailInput/EmailInput.mjs +39 -0
  99. package/dist/EmailInput/EmailInput.mjs.map +1 -0
  100. package/dist/EmailInput/index.d.mts +2 -0
  101. package/dist/File/File.d.mts +124 -0
  102. package/dist/File/File.d.mts.map +1 -0
  103. package/dist/File/File2.mjs +196 -0
  104. package/dist/File/File2.mjs.map +1 -0
  105. package/dist/File/index.d.mts +2 -0
  106. package/dist/FileInput/FileInput.d.mts +38 -0
  107. package/dist/FileInput/FileInput.d.mts.map +1 -0
  108. package/dist/FileInput/FileInput2.mjs +41 -0
  109. package/dist/FileInput/FileInput2.mjs.map +1 -0
  110. package/dist/FileInput/index.d.mts +2 -0
  111. package/dist/FormField/FormField.d.mts +103 -0
  112. package/dist/FormField/FormField.d.mts.map +1 -0
  113. package/dist/FormField/FormField2.mjs +101 -0
  114. package/dist/FormField/FormField2.mjs.map +1 -0
  115. package/dist/FormField/index.d.mts +2 -0
  116. package/dist/FormFieldDescription/FormFieldDescription.d.mts +53 -0
  117. package/dist/FormFieldDescription/FormFieldDescription.d.mts.map +1 -0
  118. package/dist/FormFieldDescription/FormFieldDescription2.mjs +49 -0
  119. package/dist/FormFieldDescription/FormFieldDescription2.mjs.map +1 -0
  120. package/dist/FormFieldDescription/index.d.mts +2 -0
  121. package/dist/FormFieldErrorMessage/FormFieldErrorMessage.d.mts +42 -0
  122. package/dist/FormFieldErrorMessage/FormFieldErrorMessage.d.mts.map +1 -0
  123. package/dist/FormFieldErrorMessage/FormFieldErrorMessage2.mjs +44 -0
  124. package/dist/FormFieldErrorMessage/FormFieldErrorMessage2.mjs.map +1 -0
  125. package/dist/FormFieldErrorMessage/index.d.mts +2 -0
  126. package/dist/FormFieldLabel/FormFieldLabel.d.mts +40 -0
  127. package/dist/FormFieldLabel/FormFieldLabel.d.mts.map +1 -0
  128. package/dist/FormFieldLabel/FormFieldLabel2.mjs +42 -0
  129. package/dist/FormFieldLabel/FormFieldLabel2.mjs.map +1 -0
  130. package/dist/FormFieldLabel/index.d.mts +2 -0
  131. package/dist/FormFieldLegend/FormFieldLegend.d.mts +41 -0
  132. package/dist/FormFieldLegend/FormFieldLegend.d.mts.map +1 -0
  133. package/dist/FormFieldLegend/FormFieldLegend2.mjs +43 -0
  134. package/dist/FormFieldLegend/FormFieldLegend2.mjs.map +1 -0
  135. package/dist/FormFieldLegend/index.d.mts +2 -0
  136. package/dist/FormFieldStatus/FormFieldStatus.d.mts +62 -0
  137. package/dist/FormFieldStatus/FormFieldStatus.d.mts.map +1 -0
  138. package/dist/FormFieldStatus/FormFieldStatus2.mjs +54 -0
  139. package/dist/FormFieldStatus/FormFieldStatus2.mjs.map +1 -0
  140. package/dist/FormFieldStatus/index.d.mts +2 -0
  141. package/dist/FormFieldset/FormFieldset.d.mts +100 -0
  142. package/dist/FormFieldset/FormFieldset.d.mts.map +1 -0
  143. package/dist/FormFieldset/FormFieldset2.mjs +100 -0
  144. package/dist/FormFieldset/FormFieldset2.mjs.map +1 -0
  145. package/dist/FormFieldset/index.d.mts +2 -0
  146. package/dist/Grid/Grid.d.mts +37 -0
  147. package/dist/Grid/Grid.d.mts.map +1 -0
  148. package/dist/Grid/Grid2.mjs +38 -0
  149. package/dist/Grid/Grid2.mjs.map +1 -0
  150. package/dist/Grid/GridItem.d.mts +87 -0
  151. package/dist/Grid/GridItem.d.mts.map +1 -0
  152. package/dist/Grid/GridItem.mjs +48 -0
  153. package/dist/Grid/GridItem.mjs.map +1 -0
  154. package/dist/Grid/index.d.mts +3 -0
  155. package/dist/Heading/Heading.d.mts +40 -0
  156. package/dist/Heading/Heading.d.mts.map +1 -0
  157. package/dist/Heading/Heading2.mjs +33 -0
  158. package/dist/Heading/Heading2.mjs.map +1 -0
  159. package/dist/Heading/index.d.mts +2 -0
  160. package/dist/HeadingGroup/HeadingGroup.d.mts +25 -0
  161. package/dist/HeadingGroup/HeadingGroup.d.mts.map +1 -0
  162. package/dist/HeadingGroup/HeadingGroup2.mjs +24 -0
  163. package/dist/HeadingGroup/HeadingGroup2.mjs.map +1 -0
  164. package/dist/HeadingGroup/index.d.mts +2 -0
  165. package/dist/Hero/Hero.d.mts +47 -0
  166. package/dist/Hero/Hero.d.mts.map +1 -0
  167. package/dist/Hero/Hero2.mjs +50 -0
  168. package/dist/Hero/Hero2.mjs.map +1 -0
  169. package/dist/Hero/index.d.mts +2 -0
  170. package/dist/Icon/Icon.d.mts +47 -0
  171. package/dist/Icon/Icon.d.mts.map +1 -0
  172. package/dist/Icon/Icon2.mjs +47 -0
  173. package/dist/Icon/Icon2.mjs.map +1 -0
  174. package/dist/Icon/icon-registry.generated.d.mts +8 -0
  175. package/dist/Icon/icon-registry.generated.d.mts.map +1 -0
  176. package/dist/Icon/icon-registry.generated.mjs +818 -0
  177. package/dist/Icon/icon-registry.generated.mjs.map +1 -0
  178. package/dist/Icon/index.d.mts +3 -0
  179. package/dist/IconList/IconList.d.mts +68 -0
  180. package/dist/IconList/IconList.d.mts.map +1 -0
  181. package/dist/IconList/IconList2.mjs +65 -0
  182. package/dist/IconList/IconList2.mjs.map +1 -0
  183. package/dist/IconList/index.d.mts +2 -0
  184. package/dist/Image/Image.d.mts +56 -0
  185. package/dist/Image/Image.d.mts.map +1 -0
  186. package/dist/Image/Image2.mjs +67 -0
  187. package/dist/Image/Image2.mjs.map +1 -0
  188. package/dist/Image/index.d.mts +2 -0
  189. package/dist/Link/Link.d.mts +82 -0
  190. package/dist/Link/Link.d.mts.map +1 -0
  191. package/dist/Link/Link2.mjs +73 -0
  192. package/dist/Link/Link2.mjs.map +1 -0
  193. package/dist/Link/index.d.mts +2 -0
  194. package/dist/LinkButton/LinkButton.d.mts +54 -0
  195. package/dist/LinkButton/LinkButton.d.mts.map +1 -0
  196. package/dist/LinkButton/LinkButton2.mjs +48 -0
  197. package/dist/LinkButton/LinkButton2.mjs.map +1 -0
  198. package/dist/LinkButton/index.d.mts +2 -0
  199. package/dist/Logo/Logo.d.mts +35 -0
  200. package/dist/Logo/Logo.d.mts.map +1 -0
  201. package/dist/Logo/Logo2.mjs +66 -0
  202. package/dist/Logo/Logo2.mjs.map +1 -0
  203. package/dist/Logo/index.d.mts +2 -0
  204. package/dist/Menu/Menu.d.mts +58 -0
  205. package/dist/Menu/Menu.d.mts.map +1 -0
  206. package/dist/Menu/Menu2.mjs +47 -0
  207. package/dist/Menu/Menu2.mjs.map +1 -0
  208. package/dist/Menu/index.d.mts +2 -0
  209. package/dist/MenuButton/MenuButton.d.mts +56 -0
  210. package/dist/MenuButton/MenuButton.d.mts.map +1 -0
  211. package/dist/MenuButton/MenuButton2.mjs +57 -0
  212. package/dist/MenuButton/MenuButton2.mjs.map +1 -0
  213. package/dist/MenuButton/index.d.mts +2 -0
  214. package/dist/MenuLink/MenuLink.d.mts +98 -0
  215. package/dist/MenuLink/MenuLink.d.mts.map +1 -0
  216. package/dist/MenuLink/MenuLink2.mjs +98 -0
  217. package/dist/MenuLink/MenuLink2.mjs.map +1 -0
  218. package/dist/MenuLink/index.d.mts +2 -0
  219. package/dist/ModalDialog/ModalDialog.d.mts +97 -0
  220. package/dist/ModalDialog/ModalDialog.d.mts.map +1 -0
  221. package/dist/ModalDialog/ModalDialog2.mjs +134 -0
  222. package/dist/ModalDialog/ModalDialog2.mjs.map +1 -0
  223. package/dist/ModalDialog/index.d.mts +2 -0
  224. package/dist/Note/Note.d.mts +95 -0
  225. package/dist/Note/Note.d.mts.map +1 -0
  226. package/dist/Note/Note2.mjs +116 -0
  227. package/dist/Note/Note2.mjs.map +1 -0
  228. package/dist/Note/index.d.mts +2 -0
  229. package/dist/NumberBadge/NumberBadge.d.mts +44 -0
  230. package/dist/NumberBadge/NumberBadge.d.mts.map +1 -0
  231. package/dist/NumberBadge/NumberBadge2.mjs +50 -0
  232. package/dist/NumberBadge/NumberBadge2.mjs.map +1 -0
  233. package/dist/NumberBadge/index.d.mts +2 -0
  234. package/dist/NumberInput/NumberInput.d.mts +47 -0
  235. package/dist/NumberInput/NumberInput.d.mts.map +1 -0
  236. package/dist/NumberInput/NumberInput.mjs +40 -0
  237. package/dist/NumberInput/NumberInput.mjs.map +1 -0
  238. package/dist/NumberInput/index.d.mts +2 -0
  239. package/dist/OptionLabel/OptionLabel.d.mts +15 -0
  240. package/dist/OptionLabel/OptionLabel.d.mts.map +1 -0
  241. package/dist/OptionLabel/OptionLabel2.mjs +22 -0
  242. package/dist/OptionLabel/OptionLabel2.mjs.map +1 -0
  243. package/dist/OptionLabel/index.d.mts +2 -0
  244. package/dist/OrderedList/OrderedList.d.mts +34 -0
  245. package/dist/OrderedList/OrderedList.d.mts.map +1 -0
  246. package/dist/OrderedList/OrderedList2.mjs +37 -0
  247. package/dist/OrderedList/OrderedList2.mjs.map +1 -0
  248. package/dist/OrderedList/index.d.mts +2 -0
  249. package/dist/PageBody/PageBody.d.mts +35 -0
  250. package/dist/PageBody/PageBody.d.mts.map +1 -0
  251. package/dist/PageBody/PageBody2.mjs +40 -0
  252. package/dist/PageBody/PageBody2.mjs.map +1 -0
  253. package/dist/PageBody/index.d.mts +2 -0
  254. package/dist/PageFooter/PageFooter.d.mts +57 -0
  255. package/dist/PageFooter/PageFooter.d.mts.map +1 -0
  256. package/dist/PageFooter/PageFooter2.mjs +78 -0
  257. package/dist/PageFooter/PageFooter2.mjs.map +1 -0
  258. package/dist/PageFooter/index.d.mts +2 -0
  259. package/dist/PageHeader/PageHeader.d.mts +192 -0
  260. package/dist/PageHeader/PageHeader.d.mts.map +1 -0
  261. package/dist/PageHeader/PageHeader2.mjs +275 -0
  262. package/dist/PageHeader/PageHeader2.mjs.map +1 -0
  263. package/dist/PageHeader/index.d.mts +2 -0
  264. package/dist/PageLayout/PageLayout.d.mts +40 -0
  265. package/dist/PageLayout/PageLayout.d.mts.map +1 -0
  266. package/dist/PageLayout/PageLayout2.mjs +42 -0
  267. package/dist/PageLayout/PageLayout2.mjs.map +1 -0
  268. package/dist/PageLayout/index.d.mts +2 -0
  269. package/dist/Paragraph/Paragraph.d.mts +37 -0
  270. package/dist/Paragraph/Paragraph.d.mts.map +1 -0
  271. package/dist/Paragraph/Paragraph2.mjs +34 -0
  272. package/dist/Paragraph/Paragraph2.mjs.map +1 -0
  273. package/dist/Paragraph/index.d.mts +2 -0
  274. package/dist/PasswordInput/PasswordInput.d.mts +54 -0
  275. package/dist/PasswordInput/PasswordInput.d.mts.map +1 -0
  276. package/dist/PasswordInput/PasswordInput.mjs +43 -0
  277. package/dist/PasswordInput/PasswordInput.mjs.map +1 -0
  278. package/dist/PasswordInput/index.d.mts +2 -0
  279. package/dist/Popover/Popover.d.mts +118 -0
  280. package/dist/Popover/Popover.d.mts.map +1 -0
  281. package/dist/Popover/Popover2.mjs +235 -0
  282. package/dist/Popover/Popover2.mjs.map +1 -0
  283. package/dist/Popover/index.d.mts +2 -0
  284. package/dist/PreHeading/PreHeading.d.mts +10 -0
  285. package/dist/PreHeading/PreHeading.d.mts.map +1 -0
  286. package/dist/PreHeading/PreHeading2.mjs +18 -0
  287. package/dist/PreHeading/PreHeading2.mjs.map +1 -0
  288. package/dist/PreHeading/index.d.mts +2 -0
  289. package/dist/ProgressBar/ProgressBar.d.mts +60 -0
  290. package/dist/ProgressBar/ProgressBar.d.mts.map +1 -0
  291. package/dist/ProgressBar/ProgressBar2.mjs +73 -0
  292. package/dist/ProgressBar/ProgressBar2.mjs.map +1 -0
  293. package/dist/ProgressBar/index.d.mts +2 -0
  294. package/dist/Radio/Radio.d.mts +16 -0
  295. package/dist/Radio/Radio.d.mts.map +1 -0
  296. package/dist/Radio/Radio2.mjs +31 -0
  297. package/dist/Radio/Radio2.mjs.map +1 -0
  298. package/dist/Radio/index.d.mts +2 -0
  299. package/dist/RadioGroup/RadioGroup.d.mts +39 -0
  300. package/dist/RadioGroup/RadioGroup.d.mts.map +1 -0
  301. package/dist/RadioGroup/RadioGroup2.mjs +46 -0
  302. package/dist/RadioGroup/RadioGroup2.mjs.map +1 -0
  303. package/dist/RadioGroup/index.d.mts +2 -0
  304. package/dist/RadioOption/RadioOption.d.mts +17 -0
  305. package/dist/RadioOption/RadioOption.d.mts.map +1 -0
  306. package/dist/RadioOption/RadioOption2.mjs +29 -0
  307. package/dist/RadioOption/RadioOption2.mjs.map +1 -0
  308. package/dist/RadioOption/index.d.mts +2 -0
  309. package/dist/SearchInput/SearchInput.d.mts +41 -0
  310. package/dist/SearchInput/SearchInput.d.mts.map +1 -0
  311. package/dist/SearchInput/SearchInput2.mjs +48 -0
  312. package/dist/SearchInput/SearchInput2.mjs.map +1 -0
  313. package/dist/SearchInput/index.d.mts +2 -0
  314. package/dist/Select/Select.d.mts +53 -0
  315. package/dist/Select/Select.d.mts.map +1 -0
  316. package/dist/Select/Select2.mjs +61 -0
  317. package/dist/Select/Select2.mjs.map +1 -0
  318. package/dist/Select/index.d.mts +2 -0
  319. package/dist/SkipLink/SkipLink.d.mts +37 -0
  320. package/dist/SkipLink/SkipLink.d.mts.map +1 -0
  321. package/dist/SkipLink/SkipLink2.mjs +33 -0
  322. package/dist/SkipLink/SkipLink2.mjs.map +1 -0
  323. package/dist/SkipLink/index.d.mts +2 -0
  324. package/dist/Spinner/Spinner.d.mts +45 -0
  325. package/dist/Spinner/Spinner.d.mts.map +1 -0
  326. package/dist/Spinner/Spinner2.mjs +58 -0
  327. package/dist/Spinner/Spinner2.mjs.map +1 -0
  328. package/dist/Spinner/index.d.mts +2 -0
  329. package/dist/Stack/Stack.d.mts +37 -0
  330. package/dist/Stack/Stack.d.mts.map +1 -0
  331. package/dist/Stack/Stack2.mjs +38 -0
  332. package/dist/Stack/Stack2.mjs.map +1 -0
  333. package/dist/Stack/index.d.mts +2 -0
  334. package/dist/StatusBadge/StatusBadge.d.mts +52 -0
  335. package/dist/StatusBadge/StatusBadge.d.mts.map +1 -0
  336. package/dist/StatusBadge/StatusBadge2.mjs +49 -0
  337. package/dist/StatusBadge/StatusBadge2.mjs.map +1 -0
  338. package/dist/StatusBadge/index.d.mts +2 -0
  339. package/dist/SummaryList/SummaryList.d.mts +51 -0
  340. package/dist/SummaryList/SummaryList.d.mts.map +1 -0
  341. package/dist/SummaryList/SummaryList2.mjs +66 -0
  342. package/dist/SummaryList/SummaryList2.mjs.map +1 -0
  343. package/dist/SummaryList/index.d.mts +2 -0
  344. package/dist/Table/Table.d.mts +63 -0
  345. package/dist/Table/Table.d.mts.map +1 -0
  346. package/dist/Table/Table2.mjs +54 -0
  347. package/dist/Table/Table2.mjs.map +1 -0
  348. package/dist/Table/index.d.mts +2 -0
  349. package/dist/TableOfContents/TableOfContents.d.mts +64 -0
  350. package/dist/TableOfContents/TableOfContents.d.mts.map +1 -0
  351. package/dist/TableOfContents/TableOfContents2.mjs +51 -0
  352. package/dist/TableOfContents/TableOfContents2.mjs.map +1 -0
  353. package/dist/TableOfContents/index.d.mts +2 -0
  354. package/dist/TelephoneInput/TelephoneInput.d.mts +40 -0
  355. package/dist/TelephoneInput/TelephoneInput.d.mts.map +1 -0
  356. package/dist/TelephoneInput/TelephoneInput.mjs +39 -0
  357. package/dist/TelephoneInput/TelephoneInput.mjs.map +1 -0
  358. package/dist/TelephoneInput/index.d.mts +2 -0
  359. package/dist/TextArea/TextArea.d.mts +46 -0
  360. package/dist/TextArea/TextArea.d.mts.map +1 -0
  361. package/dist/TextArea/TextArea2.mjs +43 -0
  362. package/dist/TextArea/TextArea2.mjs.map +1 -0
  363. package/dist/TextArea/index.d.mts +2 -0
  364. package/dist/TextInput/TextInput.d.mts +46 -0
  365. package/dist/TextInput/TextInput.d.mts.map +1 -0
  366. package/dist/TextInput/TextInput2.mjs +43 -0
  367. package/dist/TextInput/TextInput2.mjs.map +1 -0
  368. package/dist/TextInput/index.d.mts +2 -0
  369. package/dist/TimeInput/TimeInput.d.mts +38 -0
  370. package/dist/TimeInput/TimeInput.d.mts.map +1 -0
  371. package/dist/TimeInput/TimeInput2.mjs +69 -0
  372. package/dist/TimeInput/TimeInput2.mjs.map +1 -0
  373. package/dist/TimeInput/index.d.mts +2 -0
  374. package/dist/UnorderedList/UnorderedList.d.mts +28 -0
  375. package/dist/UnorderedList/UnorderedList.d.mts.map +1 -0
  376. package/dist/UnorderedList/UnorderedList2.mjs +31 -0
  377. package/dist/UnorderedList/UnorderedList2.mjs.map +1 -0
  378. package/dist/UnorderedList/index.d.mts +2 -0
  379. package/dist/index.css +3470 -3470
  380. package/dist/index.d.mts +150 -3874
  381. package/dist/index.mjs +76 -5006
  382. package/dist/utils/describeControl.mjs +25 -0
  383. package/dist/utils/describeControl.mjs.map +1 -0
  384. package/package.json +4 -3
  385. package/dist/index.d.mts.map +0 -1
  386. package/dist/index.mjs.map +0 -1
package/dist/SkipLink/SkipLink.d.mts ADDED
@@ -0,0 +1,37 @@
1
+ import React from "react";
2
+ //#region src/SkipLink/SkipLink.d.ts
3
+ interface SkipLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
4
+ /**
5
+ * Het doel-ID waarnaar de gebruiker gesprongen wordt (inclusief `#`).
6
+ * Het element met dit ID moet `tabindex="-1"` hebben als het niet natively focusbaar is.
7
+ * @example "#main-content"
8
+ */
9
+ href: string;
10
+ /**
11
+ * Tekst van de skip-link — zichtbaar voor screenreaders en bij focus.
12
+ * @default "Ga direct naar de hoofdinhoud"
13
+ */
14
+ children?: React.ReactNode;
15
+ /**
16
+ * Extra CSS klassen
17
+ */
18
+ className?: string;
19
+ }
20
+ /**
21
+ * SkipLink — toegankelijkheidskoppeling om herhalende navigatie te omzeilen.
22
+ *
23
+ * Plaatst de link als **eerste focusbaar element** in de DOM, vóór `<header>` en `<nav>`.
24
+ * Voldoet aan WCAG 2.2 succescriterium 2.4.1 (Bypass Blocks, Level A).
25
+ *
26
+ * @example
27
+ * ```tsx
28
+ * // Standaard gebruik — eerste element in <body>
29
+ * <SkipLink href="#main-content">Ga direct naar de hoofdinhoud</SkipLink>
30
+ * <header>...</header>
31
+ * <main id="main-content" tabIndex={-1}>...</main>
32
+ * ```
33
+ */
34
+ declare const SkipLink: React.ForwardRefExoticComponent<SkipLinkProps & React.RefAttributes<HTMLAnchorElement>>;
35
+ //#endregion
36
+ export { SkipLink, SkipLinkProps };
37
+ //# sourceMappingURL=SkipLink.d.mts.map
package/dist/SkipLink/SkipLink.d.mts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SkipLink.d.mts","names":[],"sources":["../../src/SkipLink/SkipLink.tsx"],"mappings":";;UAIiB,sBAAsB,MAAM,qBAAqB;;;;;;EAMhE;;;;;EAMA,WAAW,MAAM;;;;EAKjB;;;;;;;;;;;;;;;;cAiBW,UAAQ,MAAA,0BAAA,gBAAA,MAAA,cAAA"}
package/dist/SkipLink/SkipLink2.mjs ADDED
@@ -0,0 +1,33 @@
1
+ /* empty css */
2
+ import React from "react";
3
+ import { classNames } from "@dsn-starter-kit/core";
4
+ import { jsx } from "react/jsx-runtime";
5
+ //#region src/SkipLink/SkipLink.tsx
6
+ /**
7
+ * SkipLink — toegankelijkheidskoppeling om herhalende navigatie te omzeilen.
8
+ *
9
+ * Plaatst de link als **eerste focusbaar element** in de DOM, vóór `<header>` en `<nav>`.
10
+ * Voldoet aan WCAG 2.2 succescriterium 2.4.1 (Bypass Blocks, Level A).
11
+ *
12
+ * @example
13
+ * ```tsx
14
+ * // Standaard gebruik — eerste element in <body>
15
+ * <SkipLink href="#main-content">Ga direct naar de hoofdinhoud</SkipLink>
16
+ * <header>...</header>
17
+ * <main id="main-content" tabIndex={-1}>...</main>
18
+ * ```
19
+ */
20
+ const SkipLink = React.forwardRef(({ href, children = "Ga direct naar de hoofdinhoud", className, ...props }, ref) => {
21
+ return /* @__PURE__ */ jsx("a", {
22
+ ref,
23
+ href,
24
+ className: classNames("dsn-skip-link", className),
25
+ ...props,
26
+ children
27
+ });
28
+ });
29
+ SkipLink.displayName = "SkipLink";
30
+ //#endregion
31
+ export { SkipLink };
32
+
33
+ //# sourceMappingURL=SkipLink2.mjs.map
package/dist/SkipLink/SkipLink2.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SkipLink2.mjs","names":[],"sources":["../../src/SkipLink/SkipLink.tsx"],"sourcesContent":["import React from 'react';\nimport { classNames } from '@dsn-starter-kit/core';\nimport './SkipLink.css';\n\nexport interface SkipLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n /**\n * Het doel-ID waarnaar de gebruiker gesprongen wordt (inclusief `#`).\n * Het element met dit ID moet `tabindex=\"-1\"` hebben als het niet natively focusbaar is.\n * @example \"#main-content\"\n */\n href: string;\n\n /**\n * Tekst van de skip-link — zichtbaar voor screenreaders en bij focus.\n * @default \"Ga direct naar de hoofdinhoud\"\n */\n children?: React.ReactNode;\n\n /**\n * Extra CSS klassen\n */\n className?: string;\n}\n\n/**\n * SkipLink — toegankelijkheidskoppeling om herhalende navigatie te omzeilen.\n *\n * Plaatst de link als **eerste focusbaar element** in de DOM, vóór `<header>` en `<nav>`.\n * Voldoet aan WCAG 2.2 succescriterium 2.4.1 (Bypass Blocks, Level A).\n *\n * @example\n * ```tsx\n * // Standaard gebruik — eerste element in <body>\n * <SkipLink href=\"#main-content\">Ga direct naar de hoofdinhoud</SkipLink>\n * <header>...</header>\n * <main id=\"main-content\" tabIndex={-1}>...</main>\n * ```\n */\nexport const SkipLink = React.forwardRef<HTMLAnchorElement, SkipLinkProps>(\n (\n { href, children = 'Ga direct naar de hoofdinhoud', className, ...props },\n ref\n ) => {\n return (\n <a\n ref={ref}\n href={href}\n className={classNames('dsn-skip-link', className)}\n {...props}\n >\n {children}\n </a>\n );\n }\n);\n\nSkipLink.displayName = 'SkipLink';\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAsCA,MAAa,WAAW,MAAM,YAE1B,EAAE,MAAM,WAAW,iCAAiC,WAAW,GAAG,SAClE,QACG;CACH,OACE,oBAAC,KAAD;EACO;EACC;EACN,WAAW,WAAW,iBAAiB,SAAS;EAChD,GAAI;EAEH;CACA,CAAA;AAEP,CACF;AAEA,SAAS,cAAc"}
package/dist/SkipLink/index.d.mts ADDED
@@ -0,0 +1,2 @@
1
+ import { SkipLink, SkipLinkProps } from "./SkipLink.mjs";
2
+ export { SkipLink, SkipLinkProps };
package/dist/Spinner/Spinner.d.mts ADDED
@@ -0,0 +1,45 @@
1
+ import React from "react";
2
+ //#region src/Spinner/Spinner.d.ts
3
+ type SpinnerSize = 'default' | 'large';
4
+ interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
5
+ /**
6
+ * Tekstlabel dat de laadtoestand beschrijft voor alle gebruikers.
7
+ * Altijd vereist — ook bij hideLabel wordt het label doorgegeven aan screenreaders.
8
+ */
9
+ label: string;
10
+ /**
11
+ * Verbergt het label visueel maar behoudt het voor screenreaders via dsn-visually-hidden
12
+ * @default false
13
+ */
14
+ hideLabel?: boolean;
15
+ /**
16
+ * Grootte van de spinner.
17
+ * default: 24×24px, label rechts.
18
+ * large: 48×48px, label gecentreerd onder de spinner.
19
+ * @default 'default'
20
+ */
21
+ size?: SpinnerSize;
22
+ }
23
+ /**
24
+ * Spinner component
25
+ * Cirkelvormige laadindicator voor onbepaalde wachttijden.
26
+ *
27
+ * role="status" op de container kondigt de laadtoestand aan bij screenreaders.
28
+ * Het label is altijd aanwezig — visueel verbergen via hideLabel behoudt toegankelijkheid.
29
+ *
30
+ * @example
31
+ * ```tsx
32
+ * // Standaard met zichtbaar label
33
+ * <Spinner label="Laden..." />
34
+ *
35
+ * // Grote variant met label onder de spinner
36
+ * <Spinner size="large" label="Pagina wordt geladen" />
37
+ *
38
+ * // Enkel visueel verborgen label (toegankelijk voor screenreaders)
39
+ * <Spinner label="Laden..." hideLabel />
40
+ * ```
41
+ */
42
+ declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLDivElement>>;
43
+ //#endregion
44
+ export { Spinner, SpinnerProps, SpinnerSize };
45
+ //# sourceMappingURL=Spinner.d.mts.map
package/dist/Spinner/Spinner.d.mts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Spinner.d.mts","names":[],"sources":["../../src/Spinner/Spinner.tsx"],"mappings":";;KAIY;UAEK,qBAAqB,MAAM,eAAe;;;;;EAKzD;;;;;EAMA;;;;;;;EAQA,OAAO;;;;;;;;;;;;;;;;;;;;;cAsBI,SAAO,MAAA,0BAAA,eAAA,MAAA,cAAA"}
package/dist/Spinner/Spinner2.mjs ADDED
@@ -0,0 +1,58 @@
1
+ /* empty css */
2
+ import React from "react";
3
+ import { classNames } from "@dsn-starter-kit/core";
4
+ import { jsx, jsxs } from "react/jsx-runtime";
5
+ //#region src/Spinner/Spinner.tsx
6
+ /**
7
+ * Spinner component
8
+ * Cirkelvormige laadindicator voor onbepaalde wachttijden.
9
+ *
10
+ * role="status" op de container kondigt de laadtoestand aan bij screenreaders.
11
+ * Het label is altijd aanwezig — visueel verbergen via hideLabel behoudt toegankelijkheid.
12
+ *
13
+ * @example
14
+ * ```tsx
15
+ * // Standaard met zichtbaar label
16
+ * <Spinner label="Laden..." />
17
+ *
18
+ * // Grote variant met label onder de spinner
19
+ * <Spinner size="large" label="Pagina wordt geladen" />
20
+ *
21
+ * // Enkel visueel verborgen label (toegankelijk voor screenreaders)
22
+ * <Spinner label="Laden..." hideLabel />
23
+ * ```
24
+ */
25
+ const Spinner = React.forwardRef(({ className, label, hideLabel = false, size = "default", ...props }, ref) => {
26
+ const classes = classNames("dsn-spinner", size === "large" && "dsn-spinner--large", className);
27
+ const labelClasses = classNames("dsn-spinner__label", hideLabel && "dsn-visually-hidden");
28
+ return /* @__PURE__ */ jsxs("div", {
29
+ ref,
30
+ className: classes,
31
+ role: "status",
32
+ ...props,
33
+ children: [/* @__PURE__ */ jsxs("svg", {
34
+ className: "dsn-spinner__circle",
35
+ viewBox: "0 0 24 24",
36
+ "aria-hidden": "true",
37
+ children: [/* @__PURE__ */ jsx("circle", {
38
+ className: "dsn-spinner__track",
39
+ cx: "12",
40
+ cy: "12",
41
+ r: "10"
42
+ }), /* @__PURE__ */ jsx("circle", {
43
+ className: "dsn-spinner__arc",
44
+ cx: "12",
45
+ cy: "12",
46
+ r: "10"
47
+ })]
48
+ }), /* @__PURE__ */ jsx("span", {
49
+ className: labelClasses,
50
+ children: label
51
+ })]
52
+ });
53
+ });
54
+ Spinner.displayName = "Spinner";
55
+ //#endregion
56
+ export { Spinner };
57
+
58
+ //# sourceMappingURL=Spinner2.mjs.map
package/dist/Spinner/Spinner2.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Spinner2.mjs","names":[],"sources":["../../src/Spinner/Spinner.tsx"],"sourcesContent":["import React from 'react';\nimport { classNames } from '@dsn-starter-kit/core';\nimport './Spinner.css';\n\nexport type SpinnerSize = 'default' | 'large';\n\nexport interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Tekstlabel dat de laadtoestand beschrijft voor alle gebruikers.\n * Altijd vereist — ook bij hideLabel wordt het label doorgegeven aan screenreaders.\n */\n label: string;\n\n /**\n * Verbergt het label visueel maar behoudt het voor screenreaders via dsn-visually-hidden\n * @default false\n */\n hideLabel?: boolean;\n\n /**\n * Grootte van de spinner.\n * default: 24×24px, label rechts.\n * large: 48×48px, label gecentreerd onder de spinner.\n * @default 'default'\n */\n size?: SpinnerSize;\n}\n\n/**\n * Spinner component\n * Cirkelvormige laadindicator voor onbepaalde wachttijden.\n *\n * role=\"status\" op de container kondigt de laadtoestand aan bij screenreaders.\n * Het label is altijd aanwezig — visueel verbergen via hideLabel behoudt toegankelijkheid.\n *\n * @example\n * ```tsx\n * // Standaard met zichtbaar label\n * <Spinner label=\"Laden...\" />\n *\n * // Grote variant met label onder de spinner\n * <Spinner size=\"large\" label=\"Pagina wordt geladen\" />\n *\n * // Enkel visueel verborgen label (toegankelijk voor screenreaders)\n * <Spinner label=\"Laden...\" hideLabel />\n * ```\n */\nexport const Spinner = React.forwardRef<HTMLDivElement, SpinnerProps>(\n (\n { className, label, hideLabel = false, size = 'default', ...props },\n ref\n ) => {\n const classes = classNames(\n 'dsn-spinner',\n size === 'large' && 'dsn-spinner--large',\n className\n );\n\n const labelClasses = classNames(\n 'dsn-spinner__label',\n hideLabel && 'dsn-visually-hidden'\n );\n\n return (\n <div ref={ref} className={classes} role=\"status\" {...props}>\n <svg\n className=\"dsn-spinner__circle\"\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n >\n <circle className=\"dsn-spinner__track\" cx=\"12\" cy=\"12\" r=\"10\" />\n <circle className=\"dsn-spinner__arc\" cx=\"12\" cy=\"12\" r=\"10\" />\n </svg>\n <span className={labelClasses}>{label}</span>\n </div>\n );\n }\n);\n\nSpinner.displayName = 'Spinner';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA+CA,MAAa,UAAU,MAAM,YAEzB,EAAE,WAAW,OAAO,YAAY,OAAO,OAAO,WAAW,GAAG,SAC5D,QACG;CACH,MAAM,UAAU,WACd,eACA,SAAS,WAAW,sBACpB,SACF;CAEA,MAAM,eAAe,WACnB,sBACA,aAAa,qBACf;CAEA,OACE,qBAAC,OAAD;EAAU;EAAK,WAAW;EAAS,MAAK;EAAS,GAAI;EAArD,UAAA,CACE,qBAAC,OAAD;GACE,WAAU;GACV,SAAQ;GACR,eAAY;GAHd,UAAA,CAKE,oBAAC,UAAD;IAAQ,WAAU;IAAqB,IAAG;IAAK,IAAG;IAAK,GAAE;GAAM,CAAA,GAC/D,oBAAC,UAAD;IAAQ,WAAU;IAAmB,IAAG;IAAK,IAAG;IAAK,GAAE;GAAM,CAAA,CAC1D;EACL,CAAA,GAAA,oBAAC,QAAD;GAAM,WAAW;GAAe,UAAA;EAAY,CAAA,CACzC;;AAET,CACF;AAEA,QAAQ,cAAc"}
package/dist/Spinner/index.d.mts ADDED
@@ -0,0 +1,2 @@
1
+ import { Spinner, SpinnerProps, SpinnerSize } from "./Spinner.mjs";
2
+ export { Spinner, SpinnerProps, SpinnerSize };
package/dist/Stack/Stack.d.mts ADDED
@@ -0,0 +1,37 @@
1
+ import React from "react";
2
+ //#region src/Stack/Stack.d.ts
3
+ type StackSpace = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
4
+ interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
5
+ /**
6
+ * Verticale ruimte tussen directe child-elementen
7
+ * @default 'md'
8
+ */
9
+ space?: StackSpace;
10
+ /**
11
+ * Child-elementen om verticaal te stapelen
12
+ */
13
+ children?: React.ReactNode;
14
+ }
15
+ /**
16
+ * Stack layout component
17
+ * Brengt consistente verticale ruimte aan tussen directe child-elementen via flexbox + gap.
18
+ *
19
+ * @example
20
+ * ```tsx
21
+ * // Default (md = 8px)
22
+ * <Stack>
23
+ * <Paragraph>Eerste paragraaf</Paragraph>
24
+ * <Paragraph>Tweede paragraaf</Paragraph>
25
+ * </Stack>
26
+ *
27
+ * // Grote ruimte tussen secties
28
+ * <Stack space="3xl">
29
+ * <section>...</section>
30
+ * <section>...</section>
31
+ * </Stack>
32
+ * ```
33
+ */
34
+ declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
35
+ //#endregion
36
+ export { Stack, StackProps, StackSpace };
37
+ //# sourceMappingURL=Stack.d.mts.map
package/dist/Stack/Stack.d.mts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Stack.d.mts","names":[],"sources":["../../src/Stack/Stack.tsx"],"mappings":";;KAIY;UAWK,mBAAmB,MAAM,eAAe;;;;;EAKvD,QAAQ;;;;EAKR,WAAW,MAAM;;;;;;;;;;;;;;;;;;;;;cAsBN,OAAK,MAAA,0BAAA,aAAA,MAAA,cAAA"}
package/dist/Stack/Stack2.mjs ADDED
@@ -0,0 +1,38 @@
1
+ /* empty css */
2
+ import React from "react";
3
+ import { classNames } from "@dsn-starter-kit/core";
4
+ import { jsx } from "react/jsx-runtime";
5
+ //#region src/Stack/Stack.tsx
6
+ /**
7
+ * Stack layout component
8
+ * Brengt consistente verticale ruimte aan tussen directe child-elementen via flexbox + gap.
9
+ *
10
+ * @example
11
+ * ```tsx
12
+ * // Default (md = 8px)
13
+ * <Stack>
14
+ * <Paragraph>Eerste paragraaf</Paragraph>
15
+ * <Paragraph>Tweede paragraaf</Paragraph>
16
+ * </Stack>
17
+ *
18
+ * // Grote ruimte tussen secties
19
+ * <Stack space="3xl">
20
+ * <section>...</section>
21
+ * <section>...</section>
22
+ * </Stack>
23
+ * ```
24
+ */
25
+ const Stack = React.forwardRef(({ className, space = "md", children, ...props }, ref) => {
26
+ const classes = classNames("dsn-stack", space !== "md" && `dsn-stack--space-${space}`, className);
27
+ return /* @__PURE__ */ jsx("div", {
28
+ ref,
29
+ className: classes,
30
+ ...props,
31
+ children
32
+ });
33
+ });
34
+ Stack.displayName = "Stack";
35
+ //#endregion
36
+ export { Stack };
37
+
38
+ //# sourceMappingURL=Stack2.mjs.map
package/dist/Stack/Stack2.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Stack2.mjs","names":[],"sources":["../../src/Stack/Stack.tsx"],"sourcesContent":["import React from 'react';\nimport { classNames } from '@dsn-starter-kit/core';\nimport './Stack.css';\n\nexport type StackSpace =\n | 'sm'\n | 'md'\n | 'lg'\n | 'xl'\n | '2xl'\n | '3xl'\n | '4xl'\n | '5xl'\n | '6xl';\n\nexport interface StackProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Verticale ruimte tussen directe child-elementen\n * @default 'md'\n */\n space?: StackSpace;\n\n /**\n * Child-elementen om verticaal te stapelen\n */\n children?: React.ReactNode;\n}\n\n/**\n * Stack layout component\n * Brengt consistente verticale ruimte aan tussen directe child-elementen via flexbox + gap.\n *\n * @example\n * ```tsx\n * // Default (md = 8px)\n * <Stack>\n * <Paragraph>Eerste paragraaf</Paragraph>\n * <Paragraph>Tweede paragraaf</Paragraph>\n * </Stack>\n *\n * // Grote ruimte tussen secties\n * <Stack space=\"3xl\">\n * <section>...</section>\n * <section>...</section>\n * </Stack>\n * ```\n */\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(\n ({ className, space = 'md', children, ...props }, ref) => {\n const classes = classNames(\n 'dsn-stack',\n space !== 'md' && `dsn-stack--space-${space}`,\n className\n );\n\n return (\n <div ref={ref} className={classes} {...props}>\n {children}\n </div>\n );\n }\n);\n\nStack.displayName = 'Stack';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA+CA,MAAa,QAAQ,MAAM,YACxB,EAAE,WAAW,QAAQ,MAAM,UAAU,GAAG,SAAS,QAAQ;CACxD,MAAM,UAAU,WACd,aACA,UAAU,QAAQ,oBAAoB,SACtC,SACF;CAEA,OACE,oBAAC,OAAD;EAAU;EAAK,WAAW;EAAS,GAAI;EACpC;CACE,CAAA;AAET,CACF;AAEA,MAAM,cAAc"}
package/dist/Stack/index.d.mts ADDED
@@ -0,0 +1,2 @@
1
+ import { Stack, StackProps, StackSpace } from "./Stack.mjs";
2
+ export { Stack, type StackProps, type StackSpace };
package/dist/StatusBadge/StatusBadge.d.mts ADDED
@@ -0,0 +1,52 @@
1
+ import React from "react";
2
+ //#region src/StatusBadge/StatusBadge.d.ts
3
+ type StatusBadgeVariant = 'neutral' | 'positive' | 'negative' | 'warning' | 'info';
4
+ interface StatusBadgeProps extends React.HTMLAttributes<HTMLElement> {
5
+ /**
6
+ * Semantische variant die de signaalkleur bepaalt
7
+ * @default 'neutral'
8
+ */
9
+ variant?: StatusBadgeVariant;
10
+ /**
11
+ * Optioneel decoratief icoon vóór de badge-tekst (altijd aria-hidden)
12
+ */
13
+ iconStart?: React.ReactNode;
14
+ /**
15
+ * Badge-tekst (verplicht)
16
+ */
17
+ children: React.ReactNode;
18
+ }
19
+ /**
20
+ * StatusBadge component
21
+ * Compact label dat een status communiceert met een signaalkleur en optioneel icoon.
22
+ *
23
+ * @example
24
+ * ```tsx
25
+ * // Neutral (default), zonder icoon
26
+ * <StatusBadge>Actief</StatusBadge>
27
+ *
28
+ * // Positive met icoon
29
+ * <StatusBadge variant="positive" iconStart={<Icon name="circle-check" size="sm" aria-hidden />}>
30
+ * Goedgekeurd
31
+ * </StatusBadge>
32
+ *
33
+ * // Negative met icoon
34
+ * <StatusBadge variant="negative" iconStart={<Icon name="exclamation-circle" size="sm" aria-hidden />}>
35
+ * Afgewezen
36
+ * </StatusBadge>
37
+ *
38
+ * // Info met icoon
39
+ * <StatusBadge variant="info" iconStart={<Icon name="info-circle" size="sm" aria-hidden />}>
40
+ * Nieuw
41
+ * </StatusBadge>
42
+ *
43
+ * // Warning met icoon
44
+ * <StatusBadge variant="warning" iconStart={<Icon name="alert-triangle" size="sm" aria-hidden />}>
45
+ * Let op
46
+ * </StatusBadge>
47
+ * ```
48
+ */
49
+ declare const StatusBadge: React.ForwardRefExoticComponent<StatusBadgeProps & React.RefAttributes<HTMLElement>>;
50
+ //#endregion
51
+ export { StatusBadge, StatusBadgeProps, StatusBadgeVariant };
52
+ //# sourceMappingURL=StatusBadge.d.mts.map
package/dist/StatusBadge/StatusBadge.d.mts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StatusBadge.d.mts","names":[],"sources":["../../src/StatusBadge/StatusBadge.tsx"],"mappings":";;KAIY;UAOK,yBAAyB,MAAM,eAAe;;;;;EAK7D,UAAU;;;;EAKV,YAAY,MAAM;;;;EAKlB,UAAU,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAiCL,aAAW,MAAA,0BAAA,mBAAA,MAAA,cAAA"}
package/dist/StatusBadge/StatusBadge2.mjs ADDED
@@ -0,0 +1,49 @@
1
+ /* empty css */
2
+ import React from "react";
3
+ import { classNames } from "@dsn-starter-kit/core";
4
+ import { jsxs } from "react/jsx-runtime";
5
+ //#region src/StatusBadge/StatusBadge.tsx
6
+ /**
7
+ * StatusBadge component
8
+ * Compact label dat een status communiceert met een signaalkleur en optioneel icoon.
9
+ *
10
+ * @example
11
+ * ```tsx
12
+ * // Neutral (default), zonder icoon
13
+ * <StatusBadge>Actief</StatusBadge>
14
+ *
15
+ * // Positive met icoon
16
+ * <StatusBadge variant="positive" iconStart={<Icon name="circle-check" size="sm" aria-hidden />}>
17
+ * Goedgekeurd
18
+ * </StatusBadge>
19
+ *
20
+ * // Negative met icoon
21
+ * <StatusBadge variant="negative" iconStart={<Icon name="exclamation-circle" size="sm" aria-hidden />}>
22
+ * Afgewezen
23
+ * </StatusBadge>
24
+ *
25
+ * // Info met icoon
26
+ * <StatusBadge variant="info" iconStart={<Icon name="info-circle" size="sm" aria-hidden />}>
27
+ * Nieuw
28
+ * </StatusBadge>
29
+ *
30
+ * // Warning met icoon
31
+ * <StatusBadge variant="warning" iconStart={<Icon name="alert-triangle" size="sm" aria-hidden />}>
32
+ * Let op
33
+ * </StatusBadge>
34
+ * ```
35
+ */
36
+ const StatusBadge = React.forwardRef(({ className, variant = "neutral", iconStart, children, ...props }, ref) => {
37
+ const classes = classNames("dsn-status-badge", variant !== "neutral" && `dsn-status-badge--${variant}`, className);
38
+ return /* @__PURE__ */ jsxs("strong", {
39
+ ref,
40
+ className: classes,
41
+ ...props,
42
+ children: [iconStart, children]
43
+ });
44
+ });
45
+ StatusBadge.displayName = "StatusBadge";
46
+ //#endregion
47
+ export { StatusBadge };
48
+
49
+ //# sourceMappingURL=StatusBadge2.mjs.map
package/dist/StatusBadge/StatusBadge2.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StatusBadge2.mjs","names":[],"sources":["../../src/StatusBadge/StatusBadge.tsx"],"sourcesContent":["import React from 'react';\nimport { classNames } from '@dsn-starter-kit/core';\nimport './StatusBadge.css';\n\nexport type StatusBadgeVariant =\n | 'neutral'\n | 'positive'\n | 'negative'\n | 'warning'\n | 'info';\n\nexport interface StatusBadgeProps extends React.HTMLAttributes<HTMLElement> {\n /**\n * Semantische variant die de signaalkleur bepaalt\n * @default 'neutral'\n */\n variant?: StatusBadgeVariant;\n\n /**\n * Optioneel decoratief icoon vóór de badge-tekst (altijd aria-hidden)\n */\n iconStart?: React.ReactNode;\n\n /**\n * Badge-tekst (verplicht)\n */\n children: React.ReactNode;\n}\n\n/**\n * StatusBadge component\n * Compact label dat een status communiceert met een signaalkleur en optioneel icoon.\n *\n * @example\n * ```tsx\n * // Neutral (default), zonder icoon\n * <StatusBadge>Actief</StatusBadge>\n *\n * // Positive met icoon\n * <StatusBadge variant=\"positive\" iconStart={<Icon name=\"circle-check\" size=\"sm\" aria-hidden />}>\n * Goedgekeurd\n * </StatusBadge>\n *\n * // Negative met icoon\n * <StatusBadge variant=\"negative\" iconStart={<Icon name=\"exclamation-circle\" size=\"sm\" aria-hidden />}>\n * Afgewezen\n * </StatusBadge>\n *\n * // Info met icoon\n * <StatusBadge variant=\"info\" iconStart={<Icon name=\"info-circle\" size=\"sm\" aria-hidden />}>\n * Nieuw\n * </StatusBadge>\n *\n * // Warning met icoon\n * <StatusBadge variant=\"warning\" iconStart={<Icon name=\"alert-triangle\" size=\"sm\" aria-hidden />}>\n * Let op\n * </StatusBadge>\n * ```\n */\nexport const StatusBadge = React.forwardRef<HTMLElement, StatusBadgeProps>(\n ({ className, variant = 'neutral', iconStart, children, ...props }, ref) => {\n const classes = classNames(\n 'dsn-status-badge',\n variant !== 'neutral' && `dsn-status-badge--${variant}`,\n className\n );\n\n return (\n <strong ref={ref} className={classes} {...props}>\n {iconStart}\n {children}\n </strong>\n );\n }\n);\n\nStatusBadge.displayName = 'StatusBadge';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DA,MAAa,cAAc,MAAM,YAC9B,EAAE,WAAW,UAAU,WAAW,WAAW,UAAU,GAAG,SAAS,QAAQ;CAC1E,MAAM,UAAU,WACd,oBACA,YAAY,aAAa,qBAAqB,WAC9C,SACF;CAEA,OACE,qBAAC,UAAD;EAAa;EAAK,WAAW;EAAS,GAAI;EAA1C,UAAA,CACG,WACA,QACK;;AAEZ,CACF;AAEA,YAAY,cAAc"}
package/dist/StatusBadge/index.d.mts ADDED
@@ -0,0 +1,2 @@
1
+ import { StatusBadge, StatusBadgeProps, StatusBadgeVariant } from "./StatusBadge.mjs";
2
+ export { StatusBadge, StatusBadgeProps, StatusBadgeVariant };
package/dist/SummaryList/SummaryList.d.mts ADDED
@@ -0,0 +1,51 @@
1
+ import React from "react";
2
+ //#region src/SummaryList/SummaryList.d.ts
3
+ interface SummaryListProps extends React.HTMLAttributes<HTMLDListElement> {
4
+ /**
5
+ * Removes the row separator borders
6
+ * @default false
7
+ */
8
+ noBorder?: boolean;
9
+ /**
10
+ * `SummaryListRow` elements
11
+ */
12
+ children?: React.ReactNode;
13
+ }
14
+ declare const SummaryList: React.ForwardRefExoticComponent<SummaryListProps & React.RefAttributes<HTMLDListElement>>;
15
+ interface SummaryListRowProps extends React.HTMLAttributes<HTMLDivElement> {
16
+ /**
17
+ * Marks a row without an actions cell; ensures consistent column alignment
18
+ * in mixed lists where some rows have actions and others do not.
19
+ * @default false
20
+ */
21
+ noActions?: boolean;
22
+ /**
23
+ * `SummaryListKey`, `SummaryListValue`, and optionally `SummaryListActions`
24
+ */
25
+ children?: React.ReactNode;
26
+ }
27
+ declare const SummaryListRow: React.ForwardRefExoticComponent<SummaryListRowProps & React.RefAttributes<HTMLDivElement>>;
28
+ interface SummaryListKeyProps extends React.HTMLAttributes<HTMLElement> {
29
+ /**
30
+ * Label text or content
31
+ */
32
+ children?: React.ReactNode;
33
+ }
34
+ declare const SummaryListKey: React.ForwardRefExoticComponent<SummaryListKeyProps & React.RefAttributes<HTMLElement>>;
35
+ interface SummaryListValueProps extends React.HTMLAttributes<HTMLElement> {
36
+ /**
37
+ * Value content; may contain text, a `Link`, or other inline elements
38
+ */
39
+ children?: React.ReactNode;
40
+ }
41
+ declare const SummaryListValue: React.ForwardRefExoticComponent<SummaryListValueProps & React.RefAttributes<HTMLElement>>;
42
+ interface SummaryListActionsProps extends React.HTMLAttributes<HTMLElement> {
43
+ /**
44
+ * One or more `Link` or `LinkButton` components
45
+ */
46
+ children?: React.ReactNode;
47
+ }
48
+ declare const SummaryListActions: React.ForwardRefExoticComponent<SummaryListActionsProps & React.RefAttributes<HTMLElement>>;
49
+ //#endregion
50
+ export { SummaryList, SummaryListActions, SummaryListActionsProps, SummaryListKey, SummaryListKeyProps, SummaryListProps, SummaryListRow, SummaryListRowProps, SummaryListValue, SummaryListValueProps };
51
+ //# sourceMappingURL=SummaryList.d.mts.map
package/dist/SummaryList/SummaryList.d.mts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SummaryList.d.mts","names":[],"sources":["../../src/SummaryList/SummaryList.tsx"],"mappings":";;UAQiB,yBAAyB,MAAM,eAAe;;;;;EAK7D;;;;EAKA,WAAW,MAAM;;cAGN,aAAW,MAAA,0BAAA,mBAAA,MAAA,cAAA;UAsBP,4BAA4B,MAAM,eAAe;;;;;;EAMhE;;;;EAKA,WAAW,MAAM;;cAGN,gBAAc,MAAA,0BAAA,sBAAA,MAAA,cAAA;UAuBV,4BAA4B,MAAM,eAAe;;;;EAIhE,WAAW,MAAM;;cAGN,gBAAc,MAAA,0BAAA,sBAAA,MAAA,cAAA;UAmBV,8BAA8B,MAAM,eAAe;;;;EAIlE,WAAW,MAAM;;cAGN,kBAAgB,MAAA,0BAAA,wBAAA,MAAA,cAAA;UAmBZ,gCAAgC,MAAM,eAAe;;;;EAIpE,WAAW,MAAM;;cAGN,oBAAkB,MAAA,0BAAA,0BAAA,MAAA,cAAA"}
package/dist/SummaryList/SummaryList2.mjs ADDED
@@ -0,0 +1,66 @@
1
+ /* empty css */
2
+ import React from "react";
3
+ import { classNames } from "@dsn-starter-kit/core";
4
+ import { jsx } from "react/jsx-runtime";
5
+ //#region src/SummaryList/SummaryList.tsx
6
+ const SummaryList = React.forwardRef(({ className, noBorder = false, children, ...props }, ref) => {
7
+ const classes = classNames("dsn-summary-list", noBorder && "dsn-summary-list--no-border", className);
8
+ return /* @__PURE__ */ jsx("dl", {
9
+ ref,
10
+ className: classes,
11
+ ...props,
12
+ children
13
+ });
14
+ });
15
+ SummaryList.displayName = "SummaryList";
16
+ const SummaryListRow = React.forwardRef(({ className, noActions = false, children, ...props }, ref) => {
17
+ const classes = classNames("dsn-summary-list__row", noActions && "dsn-summary-list__row--no-actions", className);
18
+ return /* @__PURE__ */ jsx("div", {
19
+ ref,
20
+ className: classes,
21
+ ...props,
22
+ children
23
+ });
24
+ });
25
+ SummaryListRow.displayName = "SummaryListRow";
26
+ const SummaryListKey = React.forwardRef(({ className, children, ...props }, ref) => {
27
+ const classes = classNames("dsn-summary-list__key", className);
28
+ return /* @__PURE__ */ jsx("dt", {
29
+ ref,
30
+ className: classes,
31
+ ...props,
32
+ children
33
+ });
34
+ });
35
+ SummaryListKey.displayName = "SummaryListKey";
36
+ const SummaryListValue = React.forwardRef(({ className, children, ...props }, ref) => {
37
+ const classes = classNames("dsn-summary-list__value", className);
38
+ return /* @__PURE__ */ jsx("dd", {
39
+ ref,
40
+ className: classes,
41
+ ...props,
42
+ children
43
+ });
44
+ });
45
+ SummaryListValue.displayName = "SummaryListValue";
46
+ const SummaryListActions = React.forwardRef(({ className, children, ...props }, ref) => {
47
+ const classes = classNames("dsn-summary-list__actions", className);
48
+ const isMultiple = React.Children.count(children) > 1;
49
+ return /* @__PURE__ */ jsx("dd", {
50
+ ref,
51
+ className: classes,
52
+ ...props,
53
+ children: isMultiple ? /* @__PURE__ */ jsx("ul", {
54
+ className: "dsn-summary-list__actions-list",
55
+ children: React.Children.map(children, (child) => /* @__PURE__ */ jsx("li", {
56
+ className: "dsn-summary-list__actions-list-item",
57
+ children: child
58
+ }))
59
+ }) : children
60
+ });
61
+ });
62
+ SummaryListActions.displayName = "SummaryListActions";
63
+ //#endregion
64
+ export { SummaryList, SummaryListActions, SummaryListKey, SummaryListRow, SummaryListValue };
65
+
66
+ //# sourceMappingURL=SummaryList2.mjs.map
package/dist/SummaryList/SummaryList2.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SummaryList2.mjs","names":[],"sources":["../../src/SummaryList/SummaryList.tsx"],"sourcesContent":["import React from 'react';\nimport { classNames } from '@dsn-starter-kit/core';\nimport './SummaryList.css';\n\n// =============================================================================\n// SummaryList\n// =============================================================================\n\nexport interface SummaryListProps extends React.HTMLAttributes<HTMLDListElement> {\n /**\n * Removes the row separator borders\n * @default false\n */\n noBorder?: boolean;\n\n /**\n * `SummaryListRow` elements\n */\n children?: React.ReactNode;\n}\n\nexport const SummaryList = React.forwardRef<HTMLDListElement, SummaryListProps>(\n ({ className, noBorder = false, children, ...props }, ref) => {\n const classes = classNames(\n 'dsn-summary-list',\n noBorder && 'dsn-summary-list--no-border',\n className\n );\n\n return (\n <dl ref={ref} className={classes} {...props}>\n {children}\n </dl>\n );\n }\n);\n\nSummaryList.displayName = 'SummaryList';\n\n// =============================================================================\n// SummaryListRow\n// =============================================================================\n\nexport interface SummaryListRowProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Marks a row without an actions cell; ensures consistent column alignment\n * in mixed lists where some rows have actions and others do not.\n * @default false\n */\n noActions?: boolean;\n\n /**\n * `SummaryListKey`, `SummaryListValue`, and optionally `SummaryListActions`\n */\n children?: React.ReactNode;\n}\n\nexport const SummaryListRow = React.forwardRef<\n HTMLDivElement,\n SummaryListRowProps\n>(({ className, noActions = false, children, ...props }, ref) => {\n const classes = classNames(\n 'dsn-summary-list__row',\n noActions && 'dsn-summary-list__row--no-actions',\n className\n );\n\n return (\n <div ref={ref} className={classes} {...props}>\n {children}\n </div>\n );\n});\n\nSummaryListRow.displayName = 'SummaryListRow';\n\n// =============================================================================\n// SummaryListKey\n// =============================================================================\n\nexport interface SummaryListKeyProps extends React.HTMLAttributes<HTMLElement> {\n /**\n * Label text or content\n */\n children?: React.ReactNode;\n}\n\nexport const SummaryListKey = React.forwardRef<\n HTMLElement,\n SummaryListKeyProps\n>(({ className, children, ...props }, ref) => {\n const classes = classNames('dsn-summary-list__key', className);\n\n return (\n <dt ref={ref} className={classes} {...props}>\n {children}\n </dt>\n );\n});\n\nSummaryListKey.displayName = 'SummaryListKey';\n\n// =============================================================================\n// SummaryListValue\n// =============================================================================\n\nexport interface SummaryListValueProps extends React.HTMLAttributes<HTMLElement> {\n /**\n * Value content; may contain text, a `Link`, or other inline elements\n */\n children?: React.ReactNode;\n}\n\nexport const SummaryListValue = React.forwardRef<\n HTMLElement,\n SummaryListValueProps\n>(({ className, children, ...props }, ref) => {\n const classes = classNames('dsn-summary-list__value', className);\n\n return (\n <dd ref={ref} className={classes} {...props}>\n {children}\n </dd>\n );\n});\n\nSummaryListValue.displayName = 'SummaryListValue';\n\n// =============================================================================\n// SummaryListActions\n// =============================================================================\n\nexport interface SummaryListActionsProps extends React.HTMLAttributes<HTMLElement> {\n /**\n * One or more `Link` or `LinkButton` components\n */\n children?: React.ReactNode;\n}\n\nexport const SummaryListActions = React.forwardRef<\n HTMLElement,\n SummaryListActionsProps\n>(({ className, children, ...props }, ref) => {\n const classes = classNames('dsn-summary-list__actions', className);\n\n const isMultiple = React.Children.count(children) > 1;\n\n return (\n <dd ref={ref} className={classes} {...props}>\n {isMultiple ? (\n <ul className=\"dsn-summary-list__actions-list\">\n {React.Children.map(children, (child) => (\n <li className=\"dsn-summary-list__actions-list-item\">{child}</li>\n ))}\n </ul>\n ) : (\n children\n )}\n </dd>\n );\n});\n\nSummaryListActions.displayName = 'SummaryListActions';\n"],"mappings":";;;;;AAqBA,MAAa,cAAc,MAAM,YAC9B,EAAE,WAAW,WAAW,OAAO,UAAU,GAAG,SAAS,QAAQ;CAC5D,MAAM,UAAU,WACd,oBACA,YAAY,+BACZ,SACF;CAEA,OACE,oBAAC,MAAD;EAAS;EAAK,WAAW;EAAS,GAAI;EACnC;CACC,CAAA;AAER,CACF;AAEA,YAAY,cAAc;AAoB1B,MAAa,iBAAiB,MAAM,YAGjC,EAAE,WAAW,YAAY,OAAO,UAAU,GAAG,SAAS,QAAQ;CAC/D,MAAM,UAAU,WACd,yBACA,aAAa,qCACb,SACF;CAEA,OACE,oBAAC,OAAD;EAAU;EAAK,WAAW;EAAS,GAAI;EACpC;CACE,CAAA;AAET,CAAC;AAED,eAAe,cAAc;AAa7B,MAAa,iBAAiB,MAAM,YAGjC,EAAE,WAAW,UAAU,GAAG,SAAS,QAAQ;CAC5C,MAAM,UAAU,WAAW,yBAAyB,SAAS;CAE7D,OACE,oBAAC,MAAD;EAAS;EAAK,WAAW;EAAS,GAAI;EACnC;CACC,CAAA;AAER,CAAC;AAED,eAAe,cAAc;AAa7B,MAAa,mBAAmB,MAAM,YAGnC,EAAE,WAAW,UAAU,GAAG,SAAS,QAAQ;CAC5C,MAAM,UAAU,WAAW,2BAA2B,SAAS;CAE/D,OACE,oBAAC,MAAD;EAAS;EAAK,WAAW;EAAS,GAAI;EACnC;CACC,CAAA;AAER,CAAC;AAED,iBAAiB,cAAc;AAa/B,MAAa,qBAAqB,MAAM,YAGrC,EAAE,WAAW,UAAU,GAAG,SAAS,QAAQ;CAC5C,MAAM,UAAU,WAAW,6BAA6B,SAAS;CAEjE,MAAM,aAAa,MAAM,SAAS,MAAM,QAAQ,IAAI;CAEpD,OACE,oBAAC,MAAD;EAAS;EAAK,WAAW;EAAS,GAAI;EACnC,UAAA,aACC,oBAAC,MAAD;GAAI,WAAU;GACX,UAAA,MAAM,SAAS,IAAI,WAAW,UAC7B,oBAAC,MAAD;IAAI,WAAU;IAAuC,UAAA;GAAU,CAAA,CAChE;EACC,CAAA,IAEJ;CAEA,CAAA;AAER,CAAC;AAED,mBAAmB,cAAc"}
package/dist/SummaryList/index.d.mts ADDED
@@ -0,0 +1,2 @@
1
+ import { SummaryList, SummaryListActions, SummaryListActionsProps, SummaryListKey, SummaryListKeyProps, SummaryListProps, SummaryListRow, SummaryListRowProps, SummaryListValue, SummaryListValueProps } from "./SummaryList.mjs";
2
+ export { SummaryList, SummaryListActions, type SummaryListActionsProps, SummaryListKey, type SummaryListKeyProps, type SummaryListProps, SummaryListRow, type SummaryListRowProps, SummaryListValue, type SummaryListValueProps };
package/dist/Table/Table.d.mts ADDED
@@ -0,0 +1,63 @@
1
+ import React from "react";
2
+ //#region src/Table/Table.d.ts
3
+ type TableProps = React.HTMLAttributes<HTMLTableElement> & {
4
+ /**
5
+ * Zichtbaar bijschrift boven de tabel.
6
+ * Dient ook als toegankelijke naam van de tabel voor schermlezers.
7
+ */
8
+ caption: string;
9
+ /**
10
+ * Optionele ID voor de caption.
11
+ * Standaard auto-gegenereerd via `useId()`.
12
+ * Wordt gebruikt voor `aria-labelledby` op de scroll-wrapper.
13
+ */
14
+ captionId?: string;
15
+ /**
16
+ * Wikkelt de tabel in een scroll-container (`role="region"`, `tabIndex={0}`, `aria-labelledby`).
17
+ * Gebruik dit voor tabellen die mogelijk breder zijn dan hun container.
18
+ */
19
+ scrollable?: boolean;
20
+ };
21
+ /**
22
+ * Tabel component voor het weergeven van tweedimensionale tabeldata.
23
+ *
24
+ * Gebruik altijd `<th scope="col">` voor kolomkoppen en `<th scope="row">` voor rijkoppen.
25
+ * Voeg `<tfoot>` toe via children voor een optionele totaal- of samenvattingsrij.
26
+ *
27
+ * @example
28
+ * <Table caption="Productoverzicht">
29
+ * <thead>
30
+ * <tr>
31
+ * <th scope="col">Product</th>
32
+ * <th scope="col">Prijs</th>
33
+ * </tr>
34
+ * </thead>
35
+ * <tbody>
36
+ * <tr>
37
+ * <th scope="row">Laptop</th>
38
+ * <td>€999</td>
39
+ * </tr>
40
+ * </tbody>
41
+ * </Table>
42
+ */
43
+ declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & {
44
+ /**
45
+ * Zichtbaar bijschrift boven de tabel.
46
+ * Dient ook als toegankelijke naam van de tabel voor schermlezers.
47
+ */
48
+ caption: string;
49
+ /**
50
+ * Optionele ID voor de caption.
51
+ * Standaard auto-gegenereerd via `useId()`.
52
+ * Wordt gebruikt voor `aria-labelledby` op de scroll-wrapper.
53
+ */
54
+ captionId?: string;
55
+ /**
56
+ * Wikkelt de tabel in een scroll-container (`role="region"`, `tabIndex={0}`, `aria-labelledby`).
57
+ * Gebruik dit voor tabellen die mogelijk breder zijn dan hun container.
58
+ */
59
+ scrollable?: boolean;
60
+ } & React.RefAttributes<HTMLTableElement>>;
61
+ //#endregion
62
+ export { Table, TableProps };
63
+ //# sourceMappingURL=Table.d.mts.map
package/dist/Table/Table.d.mts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Table.d.mts","names":[],"sources":["../../src/Table/Table.tsx"],"mappings":";;KAIY,aAAa,MAAM,eAAe;;;;;EAK5C;;;;;;EAMA;;;;;EAKA;;;;;;;;;;;;;;;;;;;;;;;;cAyBW,OAAK,MAAA,0BAAA,MAAA,eAAA;;;;;EApCP;;;;;;EAMG;;;;;EAKC;IAoEd,MAAA,cAAA"}