@dashforge/tw 1.1.0 → 1.2.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 (577) hide show
  1. package/CHANGELOG.md +134 -1
  2. package/README.md +45 -0
  3. package/dist/index.esm.js +3986 -477
  4. package/dist/src/components/Accordion/Accordion.d.ts.map +1 -1
  5. package/dist/src/components/Accordion/accordion.types.d.ts +7 -0
  6. package/dist/src/components/Accordion/accordion.types.d.ts.map +1 -1
  7. package/dist/src/components/Alert/Alert.d.ts +1 -1
  8. package/dist/src/components/Alert/Alert.d.ts.map +1 -1
  9. package/dist/src/components/Alert/alert.types.d.ts +17 -0
  10. package/dist/src/components/Alert/alert.types.d.ts.map +1 -1
  11. package/dist/src/components/AppShell/AppShell.d.ts.map +1 -1
  12. package/dist/src/components/AppShell/appShell.types.d.ts +7 -0
  13. package/dist/src/components/AppShell/appShell.types.d.ts.map +1 -1
  14. package/dist/src/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  15. package/dist/src/components/Autocomplete/autocomplete.types.d.ts +47 -1
  16. package/dist/src/components/Autocomplete/autocomplete.types.d.ts.map +1 -1
  17. package/dist/src/components/Avatar/Avatar.d.ts.map +1 -1
  18. package/dist/src/components/Avatar/avatar.types.d.ts +17 -1
  19. package/dist/src/components/Avatar/avatar.types.d.ts.map +1 -1
  20. package/dist/src/components/Badge/Badge.d.ts.map +1 -1
  21. package/dist/src/components/Badge/badge.types.d.ts +27 -2
  22. package/dist/src/components/Badge/badge.types.d.ts.map +1 -1
  23. package/dist/src/components/Box/Box.d.ts.map +1 -1
  24. package/dist/src/components/Box/box.types.d.ts +64 -1
  25. package/dist/src/components/Box/box.types.d.ts.map +1 -1
  26. package/dist/src/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
  27. package/dist/src/components/Breadcrumbs/breadcrumbs.types.d.ts +26 -1
  28. package/dist/src/components/Breadcrumbs/breadcrumbs.types.d.ts.map +1 -1
  29. package/dist/src/components/Button/Button.d.ts.map +1 -1
  30. package/dist/src/components/Button/button.types.d.ts +53 -1
  31. package/dist/src/components/Button/button.types.d.ts.map +1 -1
  32. package/dist/src/components/Calendar/Calendar.d.ts.map +1 -1
  33. package/dist/src/components/Calendar/calendar.types.d.ts +16 -0
  34. package/dist/src/components/Calendar/calendar.types.d.ts.map +1 -1
  35. package/dist/src/components/Card/Card.d.ts.map +1 -1
  36. package/dist/src/components/Card/card.types.d.ts +17 -0
  37. package/dist/src/components/Card/card.types.d.ts.map +1 -1
  38. package/dist/src/components/Checkbox/Checkbox.d.ts.map +1 -1
  39. package/dist/src/components/Checkbox/checkbox.types.d.ts +19 -1
  40. package/dist/src/components/Checkbox/checkbox.types.d.ts.map +1 -1
  41. package/dist/src/components/Chip/Chip.d.ts.map +1 -1
  42. package/dist/src/components/Chip/chip.types.d.ts +40 -1
  43. package/dist/src/components/Chip/chip.types.d.ts.map +1 -1
  44. package/dist/src/components/ConfirmDialog/ConfirmDialog.d.ts.map +1 -1
  45. package/dist/src/components/ConfirmDialog/confirmDialog.types.d.ts +30 -2
  46. package/dist/src/components/ConfirmDialog/confirmDialog.types.d.ts.map +1 -1
  47. package/dist/src/components/Container/Container.d.ts.map +1 -1
  48. package/dist/src/components/Container/container.types.d.ts +29 -1
  49. package/dist/src/components/Container/container.types.d.ts.map +1 -1
  50. package/dist/src/components/DataGrid/DataGrid.d.ts +1 -1
  51. package/dist/src/components/DataGrid/DataGrid.d.ts.map +1 -1
  52. package/dist/src/components/DataGrid/dataGrid.types.d.ts +124 -10
  53. package/dist/src/components/DataGrid/dataGrid.types.d.ts.map +1 -1
  54. package/dist/src/components/DatePicker/DatePicker.d.ts +1 -1
  55. package/dist/src/components/DatePicker/DatePicker.d.ts.map +1 -1
  56. package/dist/src/components/DatePicker/datePicker.types.d.ts +18 -0
  57. package/dist/src/components/DatePicker/datePicker.types.d.ts.map +1 -1
  58. package/dist/src/components/DateRangePicker/DateRangePicker.d.ts +1 -1
  59. package/dist/src/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
  60. package/dist/src/components/DateRangePicker/dateRangePicker.types.d.ts +18 -0
  61. package/dist/src/components/DateRangePicker/dateRangePicker.types.d.ts.map +1 -1
  62. package/dist/src/components/DateTimePicker/DateTimePicker.d.ts +1 -1
  63. package/dist/src/components/DateTimePicker/DateTimePicker.d.ts.map +1 -1
  64. package/dist/src/components/DateTimePicker/dateTimePicker.types.d.ts +20 -0
  65. package/dist/src/components/DateTimePicker/dateTimePicker.types.d.ts.map +1 -1
  66. package/dist/src/components/Dialog/Dialog.d.ts.map +1 -1
  67. package/dist/src/components/Dialog/dialog.types.d.ts +25 -1
  68. package/dist/src/components/Dialog/dialog.types.d.ts.map +1 -1
  69. package/dist/src/components/Divider/Divider.d.ts.map +1 -1
  70. package/dist/src/components/Divider/divider.types.d.ts +37 -1
  71. package/dist/src/components/Divider/divider.types.d.ts.map +1 -1
  72. package/dist/src/components/Drawer/Drawer.d.ts +21 -0
  73. package/dist/src/components/Drawer/Drawer.d.ts.map +1 -0
  74. package/dist/src/components/Drawer/drawer.types.d.ts +311 -0
  75. package/dist/src/components/Drawer/drawer.types.d.ts.map +1 -0
  76. package/dist/src/components/Drawer/drawer.variants.d.ts +177 -0
  77. package/dist/src/components/Drawer/drawer.variants.d.ts.map +1 -0
  78. package/dist/src/components/Grid/Grid.d.ts.map +1 -1
  79. package/dist/src/components/Grid/grid.types.d.ts +16 -0
  80. package/dist/src/components/Grid/grid.types.d.ts.map +1 -1
  81. package/dist/src/components/IconButton/IconButton.d.ts.map +1 -1
  82. package/dist/src/components/IconButton/iconButton.types.d.ts +40 -1
  83. package/dist/src/components/IconButton/iconButton.types.d.ts.map +1 -1
  84. package/dist/src/components/LeftNav/LeftNav.d.ts.map +1 -1
  85. package/dist/src/components/LeftNav/leftNav.types.d.ts +26 -6
  86. package/dist/src/components/LeftNav/leftNav.types.d.ts.map +1 -1
  87. package/dist/src/components/Link/Link.d.ts +15 -0
  88. package/dist/src/components/Link/Link.d.ts.map +1 -0
  89. package/dist/src/components/Link/link.types.d.ts +169 -0
  90. package/dist/src/components/Link/link.types.d.ts.map +1 -0
  91. package/dist/src/components/Link/link.variants.d.ts +107 -0
  92. package/dist/src/components/Link/link.variants.d.ts.map +1 -0
  93. package/dist/src/components/Menu/Menu.d.ts +1 -1
  94. package/dist/src/components/Menu/Menu.d.ts.map +1 -1
  95. package/dist/src/components/Menu/menu.types.d.ts +20 -0
  96. package/dist/src/components/Menu/menu.types.d.ts.map +1 -1
  97. package/dist/src/components/NumberField/NumberField.d.ts.map +1 -1
  98. package/dist/src/components/NumberField/numberField.types.d.ts +47 -1
  99. package/dist/src/components/NumberField/numberField.types.d.ts.map +1 -1
  100. package/dist/src/components/OTPField/OTPField.d.ts.map +1 -1
  101. package/dist/src/components/OTPField/otpField.types.d.ts +35 -1
  102. package/dist/src/components/OTPField/otpField.types.d.ts.map +1 -1
  103. package/dist/src/components/Pagination/Pagination.d.ts.map +1 -1
  104. package/dist/src/components/Pagination/pagination.types.d.ts +26 -1
  105. package/dist/src/components/Pagination/pagination.types.d.ts.map +1 -1
  106. package/dist/src/components/Popover/Popover.d.ts.map +1 -1
  107. package/dist/src/components/Popover/popover.types.d.ts +29 -0
  108. package/dist/src/components/Popover/popover.types.d.ts.map +1 -1
  109. package/dist/src/components/Progress/Progress.d.ts +20 -0
  110. package/dist/src/components/Progress/Progress.d.ts.map +1 -0
  111. package/dist/src/components/Progress/progress.types.d.ts +200 -0
  112. package/dist/src/components/Progress/progress.types.d.ts.map +1 -0
  113. package/dist/src/components/Progress/progress.variants.d.ts +224 -0
  114. package/dist/src/components/Progress/progress.variants.d.ts.map +1 -0
  115. package/dist/src/components/RadioGroup/RadioGroup.d.ts.map +1 -1
  116. package/dist/src/components/RadioGroup/radioGroup.types.d.ts +25 -1
  117. package/dist/src/components/RadioGroup/radioGroup.types.d.ts.map +1 -1
  118. package/dist/src/components/Select/Select.d.ts +14 -0
  119. package/dist/src/components/Select/Select.d.ts.map +1 -0
  120. package/dist/src/components/Select/select.types.d.ts +272 -0
  121. package/dist/src/components/Select/select.types.d.ts.map +1 -0
  122. package/dist/src/components/Select/select.variants.d.ts +204 -0
  123. package/dist/src/components/Select/select.variants.d.ts.map +1 -0
  124. package/dist/src/components/Skeleton/Skeleton.d.ts.map +1 -1
  125. package/dist/src/components/Skeleton/skeleton.types.d.ts +25 -1
  126. package/dist/src/components/Skeleton/skeleton.types.d.ts.map +1 -1
  127. package/dist/src/components/Slider/Slider.d.ts +15 -0
  128. package/dist/src/components/Slider/Slider.d.ts.map +1 -0
  129. package/dist/src/components/Slider/slider.types.d.ts +268 -0
  130. package/dist/src/components/Slider/slider.types.d.ts.map +1 -0
  131. package/dist/src/components/Slider/slider.variants.d.ts +313 -0
  132. package/dist/src/components/Slider/slider.variants.d.ts.map +1 -0
  133. package/dist/src/components/Snackbar/Snackbar.d.ts.map +1 -1
  134. package/dist/src/components/Snackbar/snackbar.types.d.ts +29 -5
  135. package/dist/src/components/Snackbar/snackbar.types.d.ts.map +1 -1
  136. package/dist/src/components/Spinner/Spinner.d.ts.map +1 -1
  137. package/dist/src/components/Spinner/spinner.types.d.ts +22 -2
  138. package/dist/src/components/Spinner/spinner.types.d.ts.map +1 -1
  139. package/dist/src/components/Stack/Stack.d.ts.map +1 -1
  140. package/dist/src/components/Stack/stack.types.d.ts +53 -2
  141. package/dist/src/components/Stack/stack.types.d.ts.map +1 -1
  142. package/dist/src/components/Stack/stack.variants.d.ts +23 -0
  143. package/dist/src/components/Stack/stack.variants.d.ts.map +1 -1
  144. package/dist/src/components/Stepper/Step.d.ts +30 -0
  145. package/dist/src/components/Stepper/Step.d.ts.map +1 -0
  146. package/dist/src/components/Stepper/Stepper.d.ts +15 -0
  147. package/dist/src/components/Stepper/Stepper.d.ts.map +1 -0
  148. package/dist/src/components/Stepper/StepperContext.d.ts +8 -0
  149. package/dist/src/components/Stepper/StepperContext.d.ts.map +1 -0
  150. package/dist/src/components/Stepper/stepper.types.d.ts +358 -0
  151. package/dist/src/components/Stepper/stepper.types.d.ts.map +1 -0
  152. package/dist/src/components/Stepper/stepper.variants.d.ts +253 -0
  153. package/dist/src/components/Stepper/stepper.variants.d.ts.map +1 -0
  154. package/dist/src/components/Stepper/useStep.d.ts +53 -0
  155. package/dist/src/components/Stepper/useStep.d.ts.map +1 -0
  156. package/dist/src/components/Switch/Switch.d.ts.map +1 -1
  157. package/dist/src/components/Switch/switch.types.d.ts +44 -1
  158. package/dist/src/components/Switch/switch.types.d.ts.map +1 -1
  159. package/dist/src/components/Table/Table.d.ts +1 -1
  160. package/dist/src/components/Table/Table.d.ts.map +1 -1
  161. package/dist/src/components/Table/table.types.d.ts +103 -8
  162. package/dist/src/components/Table/table.types.d.ts.map +1 -1
  163. package/dist/src/components/Tabs/Tabs.d.ts.map +1 -1
  164. package/dist/src/components/Tabs/tabs.types.d.ts +26 -1
  165. package/dist/src/components/Tabs/tabs.types.d.ts.map +1 -1
  166. package/dist/src/components/TextField/TextField.d.ts.map +1 -1
  167. package/dist/src/components/TextField/textField.types.d.ts +30 -1
  168. package/dist/src/components/TextField/textField.types.d.ts.map +1 -1
  169. package/dist/src/components/Textarea/Textarea.d.ts.map +1 -1
  170. package/dist/src/components/Textarea/textarea.types.d.ts +51 -1
  171. package/dist/src/components/Textarea/textarea.types.d.ts.map +1 -1
  172. package/dist/src/components/TimePicker/TimePicker.d.ts +1 -1
  173. package/dist/src/components/TimePicker/TimePicker.d.ts.map +1 -1
  174. package/dist/src/components/TimePicker/timePicker.types.d.ts +18 -0
  175. package/dist/src/components/TimePicker/timePicker.types.d.ts.map +1 -1
  176. package/dist/src/components/Tooltip/Tooltip.d.ts.map +1 -1
  177. package/dist/src/components/Tooltip/tooltip.types.d.ts +30 -0
  178. package/dist/src/components/Tooltip/tooltip.types.d.ts.map +1 -1
  179. package/dist/src/components/TopBar/TopBar.d.ts.map +1 -1
  180. package/dist/src/components/TopBar/topBar.types.d.ts +25 -1
  181. package/dist/src/components/TopBar/topBar.types.d.ts.map +1 -1
  182. package/dist/src/components/Typography/Typography.d.ts.map +1 -1
  183. package/dist/src/components/Typography/typography.types.d.ts +47 -1
  184. package/dist/src/components/Typography/typography.types.d.ts.map +1 -1
  185. package/dist/src/components/Typography/typography.variants.d.ts +2 -2
  186. package/dist/src/components/Typography/typography.variants.d.ts.map +1 -1
  187. package/dist/src/hooks/useStandaloneFieldWarning.d.ts +38 -0
  188. package/dist/src/hooks/useStandaloneFieldWarning.d.ts.map +1 -0
  189. package/dist/src/index.d.ts +62 -42
  190. package/dist/src/index.d.ts.map +1 -1
  191. package/package.json +11 -5
  192. package/.swcrc +0 -29
  193. package/A11Y.md +0 -130
  194. package/CONSUMER-VALIDATION.md +0 -130
  195. package/COVERAGE.md +0 -63
  196. package/PARITY.md +0 -481
  197. package/PERFORMANCE.md +0 -227
  198. package/REFINEMENT-NOTES.md +0 -50
  199. package/THEME-AUDIT.md +0 -174
  200. package/dashforge-tw-1.0.0.tgz +0 -0
  201. package/eslint.config.mjs +0 -62
  202. package/project.json +0 -15
  203. package/rollup.config.cjs +0 -16
  204. package/src/components/Accordion/Accordion.test.tsx +0 -95
  205. package/src/components/Accordion/Accordion.tsx +0 -97
  206. package/src/components/Accordion/accordion.types.ts +0 -66
  207. package/src/components/Accordion/accordion.variants.ts +0 -32
  208. package/src/components/Alert/Alert.test.tsx +0 -302
  209. package/src/components/Alert/Alert.tsx +0 -186
  210. package/src/components/Alert/alert.types.ts +0 -144
  211. package/src/components/Alert/alert.variants.ts +0 -71
  212. package/src/components/AppShell/AppShell.test.tsx +0 -223
  213. package/src/components/AppShell/AppShell.tsx +0 -239
  214. package/src/components/AppShell/appShell.types.ts +0 -49
  215. package/src/components/AppShell/appShell.variants.ts +0 -54
  216. package/src/components/AspectRatio/AspectRatio.test.tsx +0 -173
  217. package/src/components/AspectRatio/AspectRatio.tsx +0 -73
  218. package/src/components/AspectRatio/aspectRatio.types.ts +0 -54
  219. package/src/components/Autocomplete/Autocomplete.perf.test.tsx +0 -225
  220. package/src/components/Autocomplete/Autocomplete.test.tsx +0 -556
  221. package/src/components/Autocomplete/Autocomplete.tsx +0 -1069
  222. package/src/components/Autocomplete/autocomplete.types.ts +0 -198
  223. package/src/components/Autocomplete/autocomplete.variants.ts +0 -141
  224. package/src/components/Avatar/Avatar.test.tsx +0 -287
  225. package/src/components/Avatar/Avatar.tsx +0 -304
  226. package/src/components/Avatar/avatar.types.ts +0 -205
  227. package/src/components/Avatar/avatar.variants.ts +0 -194
  228. package/src/components/Badge/Badge.test.tsx +0 -385
  229. package/src/components/Badge/Badge.tsx +0 -174
  230. package/src/components/Badge/badge.types.ts +0 -154
  231. package/src/components/Badge/badge.variants.ts +0 -161
  232. package/src/components/Box/Box.test.tsx +0 -391
  233. package/src/components/Box/Box.tsx +0 -112
  234. package/src/components/Box/box.types.ts +0 -116
  235. package/src/components/Box/box.variants.ts +0 -230
  236. package/src/components/Breadcrumbs/Breadcrumbs.perf.test.tsx +0 -128
  237. package/src/components/Breadcrumbs/Breadcrumbs.test.tsx +0 -231
  238. package/src/components/Breadcrumbs/Breadcrumbs.tsx +0 -203
  239. package/src/components/Breadcrumbs/breadcrumbs.types.ts +0 -87
  240. package/src/components/Breadcrumbs/breadcrumbs.variants.ts +0 -54
  241. package/src/components/Button/Button.test.tsx +0 -204
  242. package/src/components/Button/Button.tsx +0 -151
  243. package/src/components/Button/button.types.ts +0 -110
  244. package/src/components/Button/button.variants.ts +0 -159
  245. package/src/components/Calendar/Calendar.test.tsx +0 -75
  246. package/src/components/Calendar/Calendar.tsx +0 -264
  247. package/src/components/Calendar/calendar.types.ts +0 -65
  248. package/src/components/Calendar/calendar.variants.ts +0 -64
  249. package/src/components/Card/Card.test.tsx +0 -291
  250. package/src/components/Card/Card.tsx +0 -241
  251. package/src/components/Card/card.types.ts +0 -132
  252. package/src/components/Checkbox/Checkbox.test.tsx +0 -146
  253. package/src/components/Checkbox/Checkbox.tsx +0 -286
  254. package/src/components/Checkbox/checkbox.types.ts +0 -88
  255. package/src/components/Checkbox/checkbox.variants.ts +0 -68
  256. package/src/components/Chip/Chip.test.tsx +0 -316
  257. package/src/components/Chip/Chip.tsx +0 -224
  258. package/src/components/Chip/chip.types.ts +0 -128
  259. package/src/components/Chip/chip.variants.ts +0 -173
  260. package/src/components/ConfirmDialog/ConfirmDialog.perf.test.tsx +0 -172
  261. package/src/components/ConfirmDialog/ConfirmDialog.test.tsx +0 -311
  262. package/src/components/ConfirmDialog/ConfirmDialog.tsx +0 -252
  263. package/src/components/ConfirmDialog/confirmDialog.types.ts +0 -70
  264. package/src/components/ConfirmDialog/confirmDialog.variants.ts +0 -76
  265. package/src/components/Container/Container.test.tsx +0 -209
  266. package/src/components/Container/Container.tsx +0 -74
  267. package/src/components/Container/container.types.ts +0 -45
  268. package/src/components/Container/container.variants.ts +0 -81
  269. package/src/components/DataGrid/DataGrid.perf.test.tsx +0 -114
  270. package/src/components/DataGrid/DataGrid.test.tsx +0 -1153
  271. package/src/components/DataGrid/DataGrid.tsx +0 -1282
  272. package/src/components/DataGrid/dataGrid.types.ts +0 -238
  273. package/src/components/DataGrid/dataGrid.variants.ts +0 -152
  274. package/src/components/DataGrid/filters/ColumnFilters.test.tsx +0 -330
  275. package/src/components/DataGrid/filters/ColumnFilters.tsx +0 -456
  276. package/src/components/DataGrid/reorder/useColumnReorder.test.ts +0 -130
  277. package/src/components/DataGrid/reorder/useColumnReorder.ts +0 -144
  278. package/src/components/DataGrid/resize/useColumnResize.test.ts +0 -144
  279. package/src/components/DataGrid/resize/useColumnResize.ts +0 -135
  280. package/src/components/DataGrid/visibility/ColumnVisibilityMenu.tsx +0 -186
  281. package/src/components/DatePicker/DatePicker.test.tsx +0 -76
  282. package/src/components/DatePicker/DatePicker.tsx +0 -305
  283. package/src/components/DatePicker/datePicker.types.ts +0 -77
  284. package/src/components/DatePicker/datePicker.variants.ts +0 -50
  285. package/src/components/DateRangePicker/DateRangePicker.test.tsx +0 -92
  286. package/src/components/DateRangePicker/DateRangePicker.tsx +0 -510
  287. package/src/components/DateRangePicker/dateRangePicker.types.ts +0 -74
  288. package/src/components/DateRangePicker/dateRangePicker.variants.ts +0 -101
  289. package/src/components/DateTimePicker/DateTimePicker.test.tsx +0 -78
  290. package/src/components/DateTimePicker/DateTimePicker.tsx +0 -347
  291. package/src/components/DateTimePicker/dateTimePicker.types.ts +0 -79
  292. package/src/components/DateTimePicker/dateTimePicker.variants.ts +0 -55
  293. package/src/components/Dialog/Dialog.test.tsx +0 -96
  294. package/src/components/Dialog/Dialog.tsx +0 -102
  295. package/src/components/Dialog/dialog.types.ts +0 -62
  296. package/src/components/Dialog/dialog.variants.ts +0 -66
  297. package/src/components/Divider/Divider.test.tsx +0 -243
  298. package/src/components/Divider/Divider.tsx +0 -140
  299. package/src/components/Divider/divider.types.ts +0 -52
  300. package/src/components/Divider/divider.variants.ts +0 -116
  301. package/src/components/Grid/Grid.test.tsx +0 -321
  302. package/src/components/Grid/Grid.tsx +0 -148
  303. package/src/components/Grid/grid.types.ts +0 -112
  304. package/src/components/Grid/grid.variants.ts +0 -133
  305. package/src/components/IconButton/IconButton.test.tsx +0 -367
  306. package/src/components/IconButton/IconButton.tsx +0 -159
  307. package/src/components/IconButton/iconButton.types.ts +0 -106
  308. package/src/components/IconButton/iconButton.variants.ts +0 -31
  309. package/src/components/LeftNav/LeftNav.perf.test.tsx +0 -172
  310. package/src/components/LeftNav/LeftNav.test.tsx +0 -302
  311. package/src/components/LeftNav/LeftNav.tsx +0 -330
  312. package/src/components/LeftNav/leftNav.types.ts +0 -120
  313. package/src/components/LeftNav/leftNav.variants.ts +0 -107
  314. package/src/components/Menu/Menu.test.tsx +0 -408
  315. package/src/components/Menu/Menu.tsx +0 -335
  316. package/src/components/Menu/menu.types.ts +0 -221
  317. package/src/components/Menu/menu.variants.ts +0 -132
  318. package/src/components/NumberField/NumberField.test.tsx +0 -83
  319. package/src/components/NumberField/NumberField.tsx +0 -321
  320. package/src/components/NumberField/numberField.types.ts +0 -72
  321. package/src/components/NumberField/numberField.variants.ts +0 -94
  322. package/src/components/OTPField/OTPField.test.tsx +0 -121
  323. package/src/components/OTPField/OTPField.tsx +0 -250
  324. package/src/components/OTPField/otpField.types.ts +0 -58
  325. package/src/components/OTPField/otpField.variants.ts +0 -72
  326. package/src/components/Pagination/Pagination.test.tsx +0 -314
  327. package/src/components/Pagination/Pagination.tsx +0 -277
  328. package/src/components/Pagination/pagination.helpers.ts +0 -102
  329. package/src/components/Pagination/pagination.types.ts +0 -117
  330. package/src/components/Pagination/pagination.variants.ts +0 -117
  331. package/src/components/Popover/Popover.test.tsx +0 -72
  332. package/src/components/Popover/Popover.tsx +0 -55
  333. package/src/components/Popover/popover.types.ts +0 -42
  334. package/src/components/Popover/popover.variants.ts +0 -24
  335. package/src/components/RadioGroup/RadioGroup.test.tsx +0 -140
  336. package/src/components/RadioGroup/RadioGroup.tsx +0 -283
  337. package/src/components/RadioGroup/radioGroup.types.ts +0 -85
  338. package/src/components/RadioGroup/radioGroup.variants.ts +0 -87
  339. package/src/components/Skeleton/Skeleton.test.tsx +0 -127
  340. package/src/components/Skeleton/Skeleton.tsx +0 -49
  341. package/src/components/Skeleton/skeleton.types.ts +0 -59
  342. package/src/components/Skeleton/skeleton.variants.ts +0 -87
  343. package/src/components/Snackbar/Snackbar.perf.test.tsx +0 -144
  344. package/src/components/Snackbar/Snackbar.test.tsx +0 -327
  345. package/src/components/Snackbar/Snackbar.tsx +0 -316
  346. package/src/components/Snackbar/snackbar.types.ts +0 -127
  347. package/src/components/Snackbar/snackbar.variants.ts +0 -81
  348. package/src/components/Spinner/Spinner.test.tsx +0 -199
  349. package/src/components/Spinner/Spinner.tsx +0 -158
  350. package/src/components/Spinner/spinner.types.ts +0 -113
  351. package/src/components/Spinner/spinner.variants.ts +0 -83
  352. package/src/components/Stack/Stack.test.tsx +0 -309
  353. package/src/components/Stack/Stack.tsx +0 -115
  354. package/src/components/Stack/stack.types.ts +0 -68
  355. package/src/components/Stack/stack.variants.ts +0 -80
  356. package/src/components/Switch/Switch.test.tsx +0 -131
  357. package/src/components/Switch/Switch.tsx +0 -158
  358. package/src/components/Switch/switch.types.ts +0 -36
  359. package/src/components/Switch/switch.variants.ts +0 -70
  360. package/src/components/Table/Table.perf.test.tsx +0 -81
  361. package/src/components/Table/Table.test.tsx +0 -674
  362. package/src/components/Table/Table.tsx +0 -863
  363. package/src/components/Table/cells/RenderButton.tsx +0 -23
  364. package/src/components/Table/cells/RenderChip.tsx +0 -37
  365. package/src/components/Table/cells/RenderText.tsx +0 -37
  366. package/src/components/Table/cells/RenderTwoLine.tsx +0 -34
  367. package/src/components/Table/cells/RowActionsMenu.tsx +0 -147
  368. package/src/components/Table/cells/cells.test.tsx +0 -247
  369. package/src/components/Table/cells/index.ts +0 -14
  370. package/src/components/Table/table.types.ts +0 -438
  371. package/src/components/Table/table.variants.ts +0 -207
  372. package/src/components/Tabs/Tabs.test.tsx +0 -145
  373. package/src/components/Tabs/Tabs.tsx +0 -77
  374. package/src/components/Tabs/tabs.types.ts +0 -55
  375. package/src/components/Tabs/tabs.variants.ts +0 -69
  376. package/src/components/Tabs/useTabs.ts +0 -167
  377. package/src/components/TextField/TextField.test.tsx +0 -198
  378. package/src/components/TextField/TextField.tsx +0 -245
  379. package/src/components/TextField/textField.types.ts +0 -90
  380. package/src/components/TextField/textField.variants.ts +0 -105
  381. package/src/components/Textarea/Textarea.test.tsx +0 -75
  382. package/src/components/Textarea/Textarea.tsx +0 -190
  383. package/src/components/Textarea/textarea.types.ts +0 -60
  384. package/src/components/Textarea/textarea.variants.ts +0 -85
  385. package/src/components/TimePicker/TimePicker.test.tsx +0 -65
  386. package/src/components/TimePicker/TimePicker.tsx +0 -274
  387. package/src/components/TimePicker/timePicker.types.ts +0 -69
  388. package/src/components/TimePicker/timePicker.variants.ts +0 -53
  389. package/src/components/Tooltip/Tooltip.test.tsx +0 -73
  390. package/src/components/Tooltip/Tooltip.tsx +0 -70
  391. package/src/components/Tooltip/tooltip.types.ts +0 -44
  392. package/src/components/Tooltip/tooltip.variants.ts +0 -28
  393. package/src/components/TopBar/TopBar.test.tsx +0 -129
  394. package/src/components/TopBar/TopBar.tsx +0 -66
  395. package/src/components/TopBar/topBar.types.ts +0 -42
  396. package/src/components/TopBar/topBar.variants.ts +0 -38
  397. package/src/components/Typography/Typography.test.tsx +0 -247
  398. package/src/components/Typography/Typography.tsx +0 -112
  399. package/src/components/Typography/typography.types.ts +0 -65
  400. package/src/components/Typography/typography.variants.ts +0 -130
  401. package/src/components/VisuallyHidden/VisuallyHidden.test.tsx +0 -86
  402. package/src/components/VisuallyHidden/VisuallyHidden.tsx +0 -59
  403. package/src/components/VisuallyHidden/visuallyHidden.types.ts +0 -45
  404. package/src/components/_shared/data/getNestedValue.test.ts +0 -50
  405. package/src/components/_shared/data/getNestedValue.ts +0 -32
  406. package/src/components/_shared/data/useColumnAutoDetect.test.ts +0 -123
  407. package/src/components/_shared/data/useColumnAutoDetect.ts +0 -100
  408. package/src/components/_shared/data/useControllableState.ts +0 -48
  409. package/src/components/_shared/data/useDebouncedValue.ts +0 -24
  410. package/src/components/_shared/data/useTableFilter.test.ts +0 -166
  411. package/src/components/_shared/data/useTableFilter.ts +0 -118
  412. package/src/components/_shared/data/useTableSearch.test.ts +0 -115
  413. package/src/components/_shared/data/useTableSearch.ts +0 -66
  414. package/src/components/_shared/data/useTableSelection.test.ts +0 -100
  415. package/src/components/_shared/data/useTableSelection.ts +0 -100
  416. package/src/components/_shared/data/useTableSort.test.ts +0 -150
  417. package/src/components/_shared/data/useTableSort.ts +0 -141
  418. package/src/components/_shared/data/useVirtualizer.test.ts +0 -158
  419. package/src/components/_shared/data/useVirtualizer.ts +0 -199
  420. package/src/components/_shared/resolveValidationState.ts +0 -60
  421. package/src/components/_shared/severity/index.ts +0 -33
  422. package/src/components/_shared/severity/severity.types.ts +0 -50
  423. package/src/components/_shared/severity/severityIcons.tsx +0 -104
  424. package/src/components/_shared/severity/severityVariants.test.ts +0 -136
  425. package/src/components/_shared/severity/severityVariants.ts +0 -115
  426. package/src/components/_shared/themeIdentity.test.ts +0 -113
  427. package/src/hooks/useAccessState.spec.tsx +0 -161
  428. package/src/hooks/useAccessState.ts +0 -81
  429. package/src/index.ts +0 -550
  430. package/src/utils/cn.spec.ts +0 -16
  431. package/src/utils/cn.ts +0 -29
  432. package/test-output/vitest/coverage/base.css +0 -224
  433. package/test-output/vitest/coverage/block-navigation.js +0 -87
  434. package/test-output/vitest/coverage/clover.xml +0 -2418
  435. package/test-output/vitest/coverage/coverage-final.json +0 -89
  436. package/test-output/vitest/coverage/favicon.png +0 -0
  437. package/test-output/vitest/coverage/index.html +0 -746
  438. package/test-output/vitest/coverage/prettify.css +0 -1
  439. package/test-output/vitest/coverage/prettify.js +0 -2
  440. package/test-output/vitest/coverage/sort-arrow-sprite.png +0 -0
  441. package/test-output/vitest/coverage/sorter.js +0 -210
  442. package/test-output/vitest/coverage/src/components/Accordion/Accordion.tsx.html +0 -376
  443. package/test-output/vitest/coverage/src/components/Accordion/accordion.variants.ts.html +0 -181
  444. package/test-output/vitest/coverage/src/components/Accordion/index.html +0 -131
  445. package/test-output/vitest/coverage/src/components/AppShell/AppShell.tsx.html +0 -802
  446. package/test-output/vitest/coverage/src/components/AppShell/appShell.variants.ts.html +0 -247
  447. package/test-output/vitest/coverage/src/components/AppShell/index.html +0 -131
  448. package/test-output/vitest/coverage/src/components/AspectRatio/AspectRatio.tsx.html +0 -304
  449. package/test-output/vitest/coverage/src/components/AspectRatio/index.html +0 -116
  450. package/test-output/vitest/coverage/src/components/Autocomplete/Autocomplete.tsx.html +0 -3292
  451. package/test-output/vitest/coverage/src/components/Autocomplete/autocomplete.variants.ts.html +0 -508
  452. package/test-output/vitest/coverage/src/components/Autocomplete/index.html +0 -131
  453. package/test-output/vitest/coverage/src/components/Box/Box.tsx.html +0 -334
  454. package/test-output/vitest/coverage/src/components/Box/box.variants.ts.html +0 -775
  455. package/test-output/vitest/coverage/src/components/Box/index.html +0 -131
  456. package/test-output/vitest/coverage/src/components/Breadcrumbs/Breadcrumbs.tsx.html +0 -694
  457. package/test-output/vitest/coverage/src/components/Breadcrumbs/breadcrumbs.variants.ts.html +0 -247
  458. package/test-output/vitest/coverage/src/components/Breadcrumbs/index.html +0 -131
  459. package/test-output/vitest/coverage/src/components/Button/Button.tsx.html +0 -535
  460. package/test-output/vitest/coverage/src/components/Button/button.variants.ts.html +0 -562
  461. package/test-output/vitest/coverage/src/components/Button/index.html +0 -131
  462. package/test-output/vitest/coverage/src/components/Checkbox/Checkbox.tsx.html +0 -943
  463. package/test-output/vitest/coverage/src/components/Checkbox/checkbox.variants.ts.html +0 -289
  464. package/test-output/vitest/coverage/src/components/Checkbox/index.html +0 -131
  465. package/test-output/vitest/coverage/src/components/ConfirmDialog/ConfirmDialog.tsx.html +0 -841
  466. package/test-output/vitest/coverage/src/components/ConfirmDialog/confirmDialog.variants.ts.html +0 -313
  467. package/test-output/vitest/coverage/src/components/ConfirmDialog/index.html +0 -131
  468. package/test-output/vitest/coverage/src/components/Container/Container.tsx.html +0 -307
  469. package/test-output/vitest/coverage/src/components/Container/container.variants.ts.html +0 -328
  470. package/test-output/vitest/coverage/src/components/Container/index.html +0 -131
  471. package/test-output/vitest/coverage/src/components/DataGrid/DataGrid.tsx.html +0 -3937
  472. package/test-output/vitest/coverage/src/components/DataGrid/dataGrid.variants.ts.html +0 -541
  473. package/test-output/vitest/coverage/src/components/DataGrid/filters/ColumnFilters.tsx.html +0 -1453
  474. package/test-output/vitest/coverage/src/components/DataGrid/filters/index.html +0 -116
  475. package/test-output/vitest/coverage/src/components/DataGrid/index.html +0 -131
  476. package/test-output/vitest/coverage/src/components/DataGrid/reorder/index.html +0 -116
  477. package/test-output/vitest/coverage/src/components/DataGrid/reorder/useColumnReorder.ts.html +0 -517
  478. package/test-output/vitest/coverage/src/components/DataGrid/resize/index.html +0 -116
  479. package/test-output/vitest/coverage/src/components/DataGrid/resize/useColumnResize.ts.html +0 -490
  480. package/test-output/vitest/coverage/src/components/DataGrid/visibility/ColumnVisibilityMenu.tsx.html +0 -592
  481. package/test-output/vitest/coverage/src/components/DataGrid/visibility/index.html +0 -116
  482. package/test-output/vitest/coverage/src/components/DateTimePicker/DateTimePicker.tsx.html +0 -1042
  483. package/test-output/vitest/coverage/src/components/DateTimePicker/dateTimePicker.variants.ts.html +0 -337
  484. package/test-output/vitest/coverage/src/components/DateTimePicker/index.html +0 -131
  485. package/test-output/vitest/coverage/src/components/Dialog/Dialog.tsx.html +0 -391
  486. package/test-output/vitest/coverage/src/components/Dialog/dialog.variants.ts.html +0 -283
  487. package/test-output/vitest/coverage/src/components/Dialog/index.html +0 -131
  488. package/test-output/vitest/coverage/src/components/Divider/Divider.tsx.html +0 -505
  489. package/test-output/vitest/coverage/src/components/Divider/divider.variants.ts.html +0 -433
  490. package/test-output/vitest/coverage/src/components/Divider/index.html +0 -131
  491. package/test-output/vitest/coverage/src/components/Grid/Grid.tsx.html +0 -529
  492. package/test-output/vitest/coverage/src/components/Grid/grid.variants.ts.html +0 -484
  493. package/test-output/vitest/coverage/src/components/Grid/index.html +0 -131
  494. package/test-output/vitest/coverage/src/components/LeftNav/LeftNav.tsx.html +0 -1075
  495. package/test-output/vitest/coverage/src/components/LeftNav/index.html +0 -131
  496. package/test-output/vitest/coverage/src/components/LeftNav/leftNav.variants.ts.html +0 -406
  497. package/test-output/vitest/coverage/src/components/NumberField/NumberField.tsx.html +0 -1048
  498. package/test-output/vitest/coverage/src/components/NumberField/index.html +0 -131
  499. package/test-output/vitest/coverage/src/components/NumberField/numberField.variants.ts.html +0 -367
  500. package/test-output/vitest/coverage/src/components/OTPField/OTPField.tsx.html +0 -835
  501. package/test-output/vitest/coverage/src/components/OTPField/index.html +0 -131
  502. package/test-output/vitest/coverage/src/components/OTPField/otpField.variants.ts.html +0 -301
  503. package/test-output/vitest/coverage/src/components/Pagination/Pagination.tsx.html +0 -916
  504. package/test-output/vitest/coverage/src/components/Pagination/index.html +0 -146
  505. package/test-output/vitest/coverage/src/components/Pagination/pagination.helpers.ts.html +0 -391
  506. package/test-output/vitest/coverage/src/components/Pagination/pagination.variants.ts.html +0 -436
  507. package/test-output/vitest/coverage/src/components/Popover/Popover.tsx.html +0 -250
  508. package/test-output/vitest/coverage/src/components/Popover/index.html +0 -131
  509. package/test-output/vitest/coverage/src/components/Popover/popover.variants.ts.html +0 -157
  510. package/test-output/vitest/coverage/src/components/RadioGroup/RadioGroup.tsx.html +0 -934
  511. package/test-output/vitest/coverage/src/components/RadioGroup/index.html +0 -131
  512. package/test-output/vitest/coverage/src/components/RadioGroup/radioGroup.variants.ts.html +0 -346
  513. package/test-output/vitest/coverage/src/components/Skeleton/Skeleton.tsx.html +0 -232
  514. package/test-output/vitest/coverage/src/components/Skeleton/index.html +0 -131
  515. package/test-output/vitest/coverage/src/components/Skeleton/skeleton.variants.ts.html +0 -346
  516. package/test-output/vitest/coverage/src/components/Snackbar/Snackbar.tsx.html +0 -979
  517. package/test-output/vitest/coverage/src/components/Snackbar/index.html +0 -131
  518. package/test-output/vitest/coverage/src/components/Snackbar/snackbar.variants.ts.html +0 -307
  519. package/test-output/vitest/coverage/src/components/Stack/Stack.tsx.html +0 -430
  520. package/test-output/vitest/coverage/src/components/Stack/index.html +0 -131
  521. package/test-output/vitest/coverage/src/components/Stack/stack.variants.ts.html +0 -325
  522. package/test-output/vitest/coverage/src/components/Switch/Switch.tsx.html +0 -559
  523. package/test-output/vitest/coverage/src/components/Switch/index.html +0 -131
  524. package/test-output/vitest/coverage/src/components/Switch/switch.variants.ts.html +0 -295
  525. package/test-output/vitest/coverage/src/components/Table/Table.tsx.html +0 -2677
  526. package/test-output/vitest/coverage/src/components/Table/cells/RenderButton.tsx.html +0 -154
  527. package/test-output/vitest/coverage/src/components/Table/cells/RenderChip.tsx.html +0 -385
  528. package/test-output/vitest/coverage/src/components/Table/cells/RenderText.tsx.html +0 -196
  529. package/test-output/vitest/coverage/src/components/Table/cells/RenderTwoLine.tsx.html +0 -187
  530. package/test-output/vitest/coverage/src/components/Table/cells/RowActionsMenu.tsx.html +0 -526
  531. package/test-output/vitest/coverage/src/components/Table/cells/index.html +0 -191
  532. package/test-output/vitest/coverage/src/components/Table/cells/index.ts.html +0 -127
  533. package/test-output/vitest/coverage/src/components/Table/index.html +0 -131
  534. package/test-output/vitest/coverage/src/components/Table/table.variants.ts.html +0 -706
  535. package/test-output/vitest/coverage/src/components/Tabs/Tabs.tsx.html +0 -283
  536. package/test-output/vitest/coverage/src/components/Tabs/index.html +0 -131
  537. package/test-output/vitest/coverage/src/components/Tabs/tabs.variants.ts.html +0 -292
  538. package/test-output/vitest/coverage/src/components/TextField/TextField.tsx.html +0 -820
  539. package/test-output/vitest/coverage/src/components/TextField/index.html +0 -131
  540. package/test-output/vitest/coverage/src/components/TextField/textField.variants.ts.html +0 -400
  541. package/test-output/vitest/coverage/src/components/Textarea/Textarea.tsx.html +0 -655
  542. package/test-output/vitest/coverage/src/components/Textarea/index.html +0 -131
  543. package/test-output/vitest/coverage/src/components/Textarea/textarea.variants.ts.html +0 -340
  544. package/test-output/vitest/coverage/src/components/Tooltip/Tooltip.tsx.html +0 -295
  545. package/test-output/vitest/coverage/src/components/Tooltip/index.html +0 -131
  546. package/test-output/vitest/coverage/src/components/Tooltip/tooltip.variants.ts.html +0 -169
  547. package/test-output/vitest/coverage/src/components/TopBar/TopBar.tsx.html +0 -283
  548. package/test-output/vitest/coverage/src/components/TopBar/index.html +0 -131
  549. package/test-output/vitest/coverage/src/components/TopBar/topBar.variants.ts.html +0 -199
  550. package/test-output/vitest/coverage/src/components/Typography/Typography.tsx.html +0 -421
  551. package/test-output/vitest/coverage/src/components/Typography/index.html +0 -131
  552. package/test-output/vitest/coverage/src/components/Typography/typography.variants.ts.html +0 -436
  553. package/test-output/vitest/coverage/src/components/VisuallyHidden/VisuallyHidden.tsx.html +0 -262
  554. package/test-output/vitest/coverage/src/components/VisuallyHidden/index.html +0 -116
  555. package/test-output/vitest/coverage/src/components/_shared/data/getNestedValue.ts.html +0 -181
  556. package/test-output/vitest/coverage/src/components/_shared/data/index.html +0 -236
  557. package/test-output/vitest/coverage/src/components/_shared/data/useColumnAutoDetect.ts.html +0 -385
  558. package/test-output/vitest/coverage/src/components/_shared/data/useControllableState.ts.html +0 -229
  559. package/test-output/vitest/coverage/src/components/_shared/data/useDebouncedValue.ts.html +0 -157
  560. package/test-output/vitest/coverage/src/components/_shared/data/useTableFilter.ts.html +0 -439
  561. package/test-output/vitest/coverage/src/components/_shared/data/useTableSearch.ts.html +0 -283
  562. package/test-output/vitest/coverage/src/components/_shared/data/useTableSelection.ts.html +0 -385
  563. package/test-output/vitest/coverage/src/components/_shared/data/useTableSort.ts.html +0 -508
  564. package/test-output/vitest/coverage/src/components/_shared/data/useVirtualizer.ts.html +0 -682
  565. package/test-output/vitest/coverage/src/components/_shared/index.html +0 -116
  566. package/test-output/vitest/coverage/src/components/_shared/resolveValidationState.ts.html +0 -265
  567. package/test-output/vitest/coverage/src/hooks/index.html +0 -116
  568. package/test-output/vitest/coverage/src/hooks/useAccessState.ts.html +0 -328
  569. package/test-output/vitest/coverage/src/index.html +0 -116
  570. package/test-output/vitest/coverage/src/index.ts.html +0 -1153
  571. package/test-output/vitest/coverage/src/utils/cn.ts.html +0 -172
  572. package/test-output/vitest/coverage/src/utils/index.html +0 -116
  573. package/tsconfig.json +0 -13
  574. package/tsconfig.lib.json +0 -58
  575. package/tsconfig.spec.json +0 -34
  576. package/vite.config.ts +0 -33
  577. package/vitest.config.mts +0 -29
package/A11Y.md DELETED
@@ -1,130 +0,0 @@
1
- # A11Y audit — `@dashforge/tw`
2
-
3
- Per-component accessibility status for every shipped `@dashforge/tw`
4
- component (24 total). Audit date: 2026-05-17, against the 0.2.0-beta
5
- codebase (+ the three pending lib fixes for Checkbox / RadioGroup /
6
- NumberField + the Button `aria-busy` improvement landing in 0.2.1-beta).
7
-
8
- Reference: [WCAG 2.1 AA](https://www.w3.org/TR/WCAG21/) +
9
- [WAI-ARIA Authoring Practices](https://www.w3.org/WAI/ARIA/apg/).
10
-
11
- ## Summary
12
-
13
- | Group | Components | Status |
14
- |---|---|---|
15
- | Foundation (presentational) | Typography, Box, Stack, Grid, Container, AspectRatio | ✅ N/A — pass-through to HTML semantics |
16
- | Foundation (a11y primitive) | VisuallyHidden, Divider | ✅ Conformant |
17
- | Form controls (Radix-backed) | Checkbox, Switch, RadioGroup | ✅ Inherits WAI-ARIA APG from Radix |
18
- | Form controls (custom) | Button, TextField, Textarea, NumberField, OTPField, Autocomplete, DateTimePicker | ✅ Conformant (see per-row notes) |
19
- | Layout / Navigation | AppShell, TopBar, LeftNav, Breadcrumbs | ✅ Conformant |
20
- | Overlays (Radix-backed) | ConfirmDialog | ✅ Inherits from Radix Dialog |
21
- | Notifications | Snackbar | ✅ Conformant (aria-live polite) |
22
-
23
- Zero blocking failures. One enhancement landed: Button now exposes
24
- `aria-busy={loading}` so assistive tech distinguishes loading from
25
- plain disabled.
26
-
27
- ## Per-component findings
28
-
29
- ### Foundation
30
-
31
- | Component | Status | Notes |
32
- |---|---|---|
33
- | **Typography** | ✅ | Renders the variant-appropriate HTML tag (`<h1>`–`<h6>`, `<p>`, `<small>`) so screen-reader heading navigation works out of the box. `as` / `asChild` let consumers re-tag without losing styles. |
34
- | **Box** | ✅ | Pass-through `<div>` (or `as`/`asChild`-overridden tag). No interactive semantics. |
35
- | **Stack** | ✅ | Pass-through `<div>`. Display-only flex container. |
36
- | **Grid** | ✅ | Pass-through `<div>` with `display: grid`. Layout-only. |
37
- | **Container** | ✅ | Pass-through `<div>` or `<main>` (via `asChild`). Layout-only. |
38
- | **Divider** | ✅ | Horizontal: `<hr role="separator" aria-orientation="horizontal">`. Vertical: `<div role="separator" aria-orientation="vertical">`. Labeled variant keeps the role on the wrapper + decorative line segments carry `aria-hidden`. |
39
- | **AspectRatio** | ✅ | Pass-through `<div>` carrying a `style={aspect-ratio: ...}`. No interactive semantics. |
40
- | **VisuallyHidden** | ✅ | IS the a11y primitive — WebAIM clip technique via Tailwind's `sr-only`. Chooses `<span>` by default (works inside buttons / links without breaking inline flow). |
41
-
42
- ### Tier-1 form controls
43
-
44
- | Component | Status | Notes |
45
- |-------------|--------|-------|
46
- | **Button** | ✅ | Native `<button>` (or Slot via `asChild`). `disabled` + `aria-disabled` mirrored. **`aria-busy={true}` while loading** (added 2026-05-17) — SR users hear "busy" instead of just "dimmed". Loading spinner is `aria-hidden`. `focus-visible:ring-*` matches the variant color. |
47
- | **TextField** | ✅ | `<label htmlFor>` via `useId()`. `aria-invalid` on error, `aria-describedby` linked to the helper-text id. Required marker is `aria-hidden` decorative + the real signal is the native `required` attribute. `placeholder:text-neutral-400`. |
48
- | **Checkbox** | ✅ | Radix `Checkbox.Root` (WAI-ARIA APG). Indicator now uses Radix-native mounting (no React conditional) so checked-state changes from any source — click, programmatic, bridge — propagate to AT. |
49
- | **Switch** | ✅ | Radix `Switch.Root` (WAI-ARIA APG). `role="switch"` + `aria-checked`. Thumb animation gated on `data-state` — pure CSS, no React state for the visual. |
50
-
51
- ### Tier-2 / 3 form controls
52
-
53
- | Component | Status | Notes |
54
- |-------------------|--------|-------|
55
- | **RadioGroup** | ✅ | Radix `RadioGroup.Root` + `Item`. `role="radiogroup"` on the container, `role="radio"` + `aria-checked` per option. Group label linked via `aria-labelledby`. Per-option RBAC hide preserves the selected option as disabled (so the user can see what they picked even after a perm change). |
56
- | **Textarea** | ✅ | Same label + helper-text wiring as TextField. `<textarea>` native element, `resize` axis controlled via CSS. |
57
- | **NumberField** | ✅ | Native `<input type="number">` — keyboard arrow keys are the accessible way to change the value (browser default). The custom +/− stepper is **intentionally `aria-hidden`** and `tabIndex={-1}` — visible/touch affordance only, with `aria-label="Increment"` / `"Decrement"` for any AT that does walk into hidden subtrees. |
58
- | **OTPField** | ✅ | One real `<input>` (visually rendered as N segmented slots via decorative `aria-hidden` `<div>`s). `autoComplete="one-time-code"` for SMS autofill on iOS. `inputMode="numeric"` (default) for mobile keyboards. Backspace / Delete / paste all work natively because the underlying element IS a single input. |
59
- | **Autocomplete** | ✅ | Full WAI-ARIA Combobox pattern: `role="combobox"` + `aria-autocomplete="list"` + `aria-expanded` + `aria-controls` + `aria-activedescendant`. Listbox: `role="listbox"` + per-option `role="option"` + `aria-selected`. Async load row: `aria-live="polite"` + `aria-busy="true"`. Clear / open buttons carry `aria-label`. Chip remove buttons: `aria-label="Remove {label}"`. |
60
- | **DateTimePicker** | ✅ | Native HTML5 `<input type="date">` / `"time"` / `"datetime-local"`. Browser ships a fully-accessible picker for each. `aria-invalid` + `aria-describedby` wired to the helper text. |
61
-
62
- ### Layout / navigation
63
-
64
- | Component | Status | Notes |
65
- |---------------|--------|-------|
66
- | **AppShell** | ✅ | `<aside>` for desktop nav, `<aside aria-hidden={!navOpen}>` for the mobile drawer copy (so it doesn't double-announce when hidden). Escape closes the drawer. `<main>` landmark wraps content. `<header>` / `<footer>` are native landmarks. **Known limitation**: no focus trap inside the mobile drawer — focus returns to the toggle button on Escape close, which is acceptable for a docs site / typical web app but not full WAI-ARIA modal-drawer compliance. Can be added in a future revision. |
67
- | **TopBar** | ✅ | Renders as `<header>` (banner landmark) by default. `asDiv` opt-out for nested layouts where a banner landmark would duplicate. |
68
- | **LeftNav** | ✅ | `<nav aria-label>` landmark. `aria-current="page"` on the active row. Groups use `aria-expanded` + `aria-controls` linking the header `<button>` to a `role="region" aria-labelledby` panel. Collapse toggle: `aria-pressed` + dynamic `aria-label`. Per-row RBAC hide is matched by an a11y-tree removal (not just visual), so the announced nav matches what the user can actually interact with. |
69
- | **Breadcrumbs** | ✅ | `<nav aria-label="Breadcrumb">` + `<ol>` (screen readers announce position-in-list). `aria-current="page"` on the last (or `current: true`) crumb. Separators carry `aria-hidden="true"`. Truncation ellipsis: `<span aria-label="More breadcrumbs">`. |
70
-
71
- ### Overlays + notifications
72
-
73
- | Component | Status | Notes |
74
- |------------------|--------|-------|
75
- | **ConfirmDialog** | ✅ | Radix `Dialog.Root` (WAI-ARIA APG). `role="dialog"` + `aria-modal="true"` + `aria-labelledby` on the title. Radix handles focus trap, focus restoration on close, Escape close, scroll lock. |
76
- | **Snackbar** | ✅ | Stack is `role="region" aria-label="Notifications" aria-live="polite" aria-atomic="false"`. Polite (not assertive) so notifications don't interrupt the user's screen-reader stream; `atomic="false"` so only the changed item is announced, not the whole queue. Per-item dismiss button: `aria-label="Dismiss notification"`. |
77
-
78
- ## Cross-cutting concerns
79
-
80
- - **Focus visibility** — every interactive component carries
81
- `focus-visible:ring-*` matching its color variant. `outline-none` is
82
- always paired with a ring so keyboard users never lose the focus
83
- indicator (regression-tested via the inventory grep:
84
- `Button / Checkbox / ConfirmDialog / RadioGroup / Switch / TextField
85
- / Textarea / NumberField / OTPField / Autocomplete / DateTimePicker
86
- / Breadcrumbs / LeftNav / Snackbar` all have `focus-visible:ring`).
87
- - **Color contrast** — the design tokens emit foreground/background
88
- pairs that meet WCAG 2.1 AA (4.5:1 for normal text, 3:1 for large
89
- text). Independent verification is on the dashforge-tokens roadmap.
90
- - **Reduced motion** — animations (Switch thumb slide, Snackbar slide-in,
91
- ConfirmDialog fade) use the default `transition-*` utilities. A
92
- `prefers-reduced-motion` audit pass is filed as a future enhancement
93
- (current behavior: animations always play; not a WCAG failure but
94
- reduces polish for users with motion sensitivity).
95
- - **Form error association** — every form control with `helperText` +
96
- `error` wires `aria-invalid` and `aria-describedby` to the helper id
97
- so the error message is announced alongside the field name.
98
-
99
- ## Known limitations & future work
100
-
101
- 1. **AppShell mobile drawer focus trap** — currently relies on Escape
102
- to close + focus naturally returning to the toggle button. A future
103
- release can add a real focus trap (probably via `focus-trap-react`
104
- or hand-rolled).
105
- 2. **`prefers-reduced-motion` audit** — animations always play. Should
106
- gate the Switch thumb slide, Snackbar slide-in, ConfirmDialog fade
107
- on the media query.
108
- 3. **High-contrast Windows mode** — not explicitly tested. The `border`
109
- utility renders a 1px border that should survive forced-colors mode,
110
- but full validation pending.
111
- 4. **Color contrast regression suite** — should be added to CI so a
112
- token recolor doesn't silently regress AA compliance.
113
-
114
- ## Audit methodology
115
-
116
- - ARIA role / attribute inventory via `grep -nE "aria-[a-z]+=|role=|onKeyDown"`
117
- per component source.
118
- - Keyboard handler audit by reading each component's `onKeyDown`,
119
- `onPaste`, `onFocus`, `onBlur` and tracing into the registered
120
- bridge / Radix primitive.
121
- - Focus visibility inventory via `grep "focus-visible:ring"` across
122
- all `*.variants.ts`.
123
- - Label association verification: `useId()` → `htmlFor=inputId` +
124
- `aria-describedby=helperId` chain checked for TextField, Textarea,
125
- NumberField, OTPField, DateTimePicker.
126
-
127
- No automated lighthouse / axe scan was run as part of this audit —
128
- that's a separate CI integration on the roadmap. Manual screen-reader
129
- verification (NVDA on Windows, VoiceOver on macOS / iOS) should be
130
- periodically refreshed; results land in this file as they happen.
@@ -1,130 +0,0 @@
1
- # Consumer Validation — `@dashforge/tw`
2
-
3
- > Sprint 2 P1 deliverable. Validation di tutti i 24 componenti shippati
4
- > in `@dashforge/tw 0.2.1-beta` su un app consumer reale
5
- > (`~/projects/web/learn/dash`). Esegue il check 7-point per ogni
6
- > componente, documenta gap residui.
7
-
8
- **Stato sessione**: 17 maggio 2026 — Sprint 2 in corso.
9
- **Dist sotto test**: `@dashforge/tw@0.2.1-beta`
10
- (file:-linked dal monorepo, dist mtime fresh).
11
-
12
- ## Test pages
13
-
14
- | URL | Componenti coperti | Note |
15
- |---|---|---|
16
- | `/test-foundation` | Typography, Box, Stack, Grid, Container, Divider, AspectRatio, VisuallyHidden | Foundation 8/8 |
17
- | `/test-tw` | Button, TextField, Checkbox, Switch, RadioGroup, Textarea, NumberField, OTPField, Autocomplete, DateTimePicker | Tier-1 + Tier-2 form controls 10/10. Wrappati in `<DashForm>` con rules + defaultValues realistici |
18
- | `/test-layout` | AppShell, TopBar, LeftNav, Breadcrumbs | Nav/Layout 4/4. Drawer mobile + collapse toggle + theme switch in chrome |
19
- | `/test-providers` | ConfirmDialog, Snackbar | Provider patterns 2/2. Severità, action button, dedup, sticky tutti coperti |
20
-
21
- ## Check 7-point
22
-
23
- Per ogni componente, marca: ✅ OK / ⚠️ minor / ❌ blocker / ➖ N/A
24
-
25
- 1. **Render** — niente layout broken, niente console error, niente warning sospetti
26
- 2. **Interactions** — click / type / toggle / select funzionano end-to-end
27
- 3. **Theme** — dark/light flip via `toggleMode()` aggiorna il componente in lockstep
28
- 4. **RHF** — se form-mode, `<DashForm>` registra il field e il valore va in `onSubmit`
29
- 5. **RBAC** — se applicabile, `access` con `denied:hide/disable/readonly` rispetta la doc *(gap: TestRbac su dash usa MUI side, no test tw RBAC esplicito — testato indirettamente via Sprint 1 lib tests)*
30
- 6. **Focus** — focus-visible ring appare con Tab, scompare con click
31
- 7. **Keyboard** — Enter/Space/Arrow funzionano (RadioGroup option nav, Autocomplete listbox, etc.)
32
-
33
- ## Foundation (8/8)
34
-
35
- | Componente | Render | Interactions | Theme | RHF | RBAC | Focus | Keyboard | Note |
36
- |---|:-:|:-:|:-:|:-:|:-:|:-:|:-:|---|
37
- | Typography | ⏳ | ➖ | ⏳ | ➖ | ➖ | ➖ | ➖ | |
38
- | Box | ⏳ | ➖ | ⏳ | ➖ | ➖ | ➖ | ➖ | |
39
- | Stack | ⏳ | ➖ | ⏳ | ➖ | ➖ | ➖ | ➖ | |
40
- | Grid | ⏳ | ➖ | ⏳ | ➖ | ➖ | ➖ | ➖ | |
41
- | Container | ⏳ | ➖ | ⏳ | ➖ | ➖ | ➖ | ➖ | |
42
- | Divider | ⏳ | ➖ | ⏳ | ➖ | ➖ | ➖ | ➖ | |
43
- | AspectRatio | ⏳ | ➖ | ⏳ | ➖ | ➖ | ➖ | ➖ | |
44
- | VisuallyHidden | ⏳ | ➖ | ➖ | ➖ | ➖ | ➖ | ➖ | A11y primitive — verifica solo a livello AT |
45
-
46
- ## Tier-1 form controls (4/4)
47
-
48
- | Componente | Render | Interactions | Theme | RHF | RBAC | Focus | Keyboard | Note |
49
- |---|:-:|:-:|:-:|:-:|:-:|:-:|:-:|---|
50
- | Button | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | ⏳ | Verifica anche `loading` (aria-busy fix Sprint 1 P7) |
51
- | TextField | ⏳ | ⏳ | ⏳ | ⏳ | ➖ | ⏳ | ⏳ | `required` + `pattern` rules attivati in TestTw |
52
- | Checkbox | ⏳ | ⏳ | ⏳ | ⏳ | ➖ | ⏳ | ⏳ | **Critical**: verifica fix Sprint 1 commit `081f6f0` (indicator mounts dopo click standalone) |
53
- | Switch | ⏳ | ⏳ | ⏳ | ⏳ | ➖ | ⏳ | ⏳ | Thumb animation (richiede `--tw-translate-y` init nel preflight — verificato in docs-lab ma dash potrebbe avere setup diverso) |
54
-
55
- ## Tier-2 / 3 form controls (6/6)
56
-
57
- | Componente | Render | Interactions | Theme | RHF | RBAC | Focus | Keyboard | Note |
58
- |---|:-:|:-:|:-:|:-:|:-:|:-:|:-:|---|
59
- | RadioGroup | ⏳ | ⏳ | ⏳ | ⏳ | ➖ | ⏳ | ⏳ | **Critical**: verifica fix Sprint 1 commit `eb5a1c6` (click cambia selezione standalone) |
60
- | Textarea | ⏳ | ⏳ | ⏳ | ⏳ | ➖ | ⏳ | ➖ | `rows={3}` + `resize=vertical` default |
61
- | NumberField | ⏳ | ⏳ | ⏳ | ⏳ | ➖ | ⏳ | ⏳ | **Critical**: verifica fix Sprint 1 commit `12e6b67` (input + stepper persistono standalone). Stepper aria-hidden by design. |
62
- | OTPField | ⏳ | ⏳ | ⏳ | ⏳ | ➖ | ⏳ | ⏳ | Paste behavior, length=6 numeric in TestTw |
63
- | Autocomplete | ⏳ | ⏳ | ⏳ | ⏳ | ➖ | ⏳ | ⏳ | **Pre-flagged P2**: dropdown icon va a capo su multi-select, preview shell troppo piccola — questo è issue del docs-lab. Verifica se in dash si vede correttamente. |
64
- | DateTimePicker | ⏳ | ⏳ | ⏳ | ⏳ | ➖ | ⏳ | ⏳ | Native HTML5 inputs, modes date/time/datetime |
65
-
66
- ## Nav / Layout (4/4)
67
-
68
- | Componente | Render | Interactions | Theme | RHF | RBAC | Focus | Keyboard | Note |
69
- |---|:-:|:-:|:-:|:-:|:-:|:-:|:-:|---|
70
- | AppShell | ⏳ | ⏳ | ⏳ | ➖ | ➖ | ⏳ | ⏳ | Drawer mobile + Escape close + body scroll lock |
71
- | TopBar | ⏳ | ⏳ | ⏳ | ➖ | ➖ | ⏳ | ➖ | **Pre-flagged P2**: rimuovi underline dai link interni |
72
- | LeftNav | ⏳ | ⏳ | ⏳ | ➖ | ➖ | ⏳ | ⏳ | **Pre-flagged P2**: rimuovi underline dai link. Verifica groups expand/collapse + rail mode |
73
- | Breadcrumbs | ⏳ | ⏳ | ⏳ | ➖ | ➖ | ⏳ | ➖ | Trail dinamico in TestLayout (cambia con sidebar pick) |
74
-
75
- ## Overlays / Providers (2/2)
76
-
77
- | Componente | Render | Interactions | Theme | RHF | RBAC | Focus | Keyboard | Note |
78
- |---|:-:|:-:|:-:|:-:|:-:|:-:|:-:|---|
79
- | ConfirmDialog | ⏳ | ⏳ | ⏳ | ➖ | ➖ | ⏳ | ⏳ | Severità info/warning/danger/success, Escape close, focus trap (Radix-backed) |
80
- | Snackbar | ⏳ | ⏳ | ⏳ | ➖ | ➖ | ⏳ | ➖ | `aria-live="polite"`. Verifica position bottom-right + autoHideMs 0 (sticky) + action button + dedup by id |
81
-
82
- ## Issue residui scoperti durante validation
83
-
84
- > Sezione aggiornata in real-time durante il walkthrough. Ogni issue
85
- > trovato qui diventa P2-P5 candidate per Sprint 2 (o backlog per
86
- > Sprint 3+ se non blocking).
87
-
88
- ### Issue scoperti durante walkthrough 17 maggio (fixati in P1)
89
-
90
- 1. **🐛 Autocomplete async loader — option click NON committa la selezione**
91
- (gravità: alta — bug funzionale visibile a tutti gli utenti con `loadOptions`)
92
- - **Sintomo**: utente type nella combobox async-loaded, results appaiono, click su un option → popover si chiude ma input rimane sulla query di ricerca, label dell'option selezionata NON viene scritto.
93
- - **Root cause**: `commitSelection` (`Autocomplete.tsx` line 405) cercava il label dentro la prop statica `options` (per il caso async è `[]`) invece che dentro l'effective pool (`asyncOptions` quando `loadOptions` è configured).
94
- - **Fix**: lookup nel pool effettivo (`loadOptions && asyncOptions !== null ? asyncOptions : options`) + aggiunto `asyncOptions`/`loadOptions` ai deps del `useCallback`.
95
- - **Repro / verify**: nel dash su `/test-tw`, scroll al "User search (async loader)", type "a" → wait 500ms → results "Alice Cooper / Walker / ...". Click "Alice Cooper". Pre-fix: input mostra "a". Post-fix: input mostra "Alice Cooper".
96
- - **Test coverage**: i 38 functional Autocomplete test passano (2 perf flake non related — soglia 500ms/100ms su macchina caricata = 665ms/2010ms).
97
-
98
- 2. **🎨 Autocomplete icons (chip remove ×, clear ×, caret ▾) brutte**
99
- (gravità: bassa — cosmetico)
100
- - **Sintomo**: chip remove, clear button, dropdown caret renderizzati come glyph Unicode (`×`, `▾`) che escono come font chunky inconsistenti vs il resto del design system.
101
- - **Fix**: 2 nuovi componenti inline SVG `CloseIcon` + `ChevronDownIcon` (mirror del CheckIcon di Checkbox per consistenza). `width="1em" height="1em"` per scalare con `font-size` del parent. Stroke `currentColor` per ereditare `text-*` di Tailwind. Bonus: chevron flip animation su `aria-expanded=true` (CSS-only).
102
-
103
- ### Issue pre-flagged dal docs walkthrough 17 maggio (carryover Sprint 2 P2)
104
-
105
- Da chiudere come prossimo step di Sprint 2 (sono nel ROADMAP-SPRINT-2.md):
106
- 1. **LeftNav underline link** — lib variants fix (`no-underline`)
107
- 2. **TopBar underline link** — lib variants fix (`no-underline`)
108
- 3. **Autocomplete preview shell troppo piccola in docs-lab** — solo docs-lab issue, non blocca dash
109
-
110
- ### Gap noti (non-blocking, da Sprint 2 P5 o backlog)
111
-
112
- - **RBAC tw-side non testato esplicitamente in dash**: TestRbac usa `@dashforge/ui` (MUI). RBAC su tw è coperto da unit test (`useAccessState` + per-component) ma manca smoke test in consumer reale. Da aggiungere: `/test-tw-rbac` route con `<TextField access={...}>` esercitando i 3 modes (hide/disable/readonly).
113
-
114
- ## Summary risultati P1
115
-
116
- | Status | Count | Componenti |
117
- |---|---:|---|
118
- | ✅ Full pass | **22** | Foundation 8 (Typography, Box, Stack, Grid, Container, Divider, AspectRatio, VisuallyHidden); Tier-1 4 (Button, TextField, Checkbox, Switch); Tier-2/3 5 (RadioGroup, Textarea, NumberField, OTPField, DateTimePicker); Nav 4 (AppShell, TopBar, LeftNav, Breadcrumbs); Providers 2 (ConfirmDialog, Snackbar) |
119
- | ⚠️ Minor → **fixato in P1** | **1** | Autocomplete (icons cosmetic) |
120
- | ❌ Blocker → **fixato in P1** | **1** | Autocomplete async-options select bug |
121
-
122
- **Sprint 2 quality gate**: ✅ **PASSED** — tutti i 24 verdi dopo P1 fix.
123
-
124
- ## Outcome aggregato
125
-
126
- P1 ha trovato esattamente 2 issue su 24 componenti (~8% catch rate). Entrambi fixabili in lib senza public API change. Tutti gli altri 22 hanno passato i 7-point check al primo giro.
127
-
128
- **Pattern interessante**: il bug Autocomplete async-options era **invisibile sia al CI unit test** (test setup usa `options` prop static) **sia al docs lab** (Autocomplete demo è static). **Solo un consumer reale con `loadOptions` configured esponeva il bug** — esattamente il valore di P1 nello Sprint 2.
129
-
130
- **Implicazione per Sprint 3+**: aggiungere test unit con `loadOptions` mock al test suite Autocomplete + considerare un demo async nel docs lab per future-proofing.
package/COVERAGE.md DELETED
@@ -1,63 +0,0 @@
1
- # COVERAGE — `@dashforge/tw`
2
-
3
- > Test-coverage audit for `@dashforge/tw`. Current numbers, the gap-fill
4
- > performed, and the tracked debt.
5
-
6
- ## Current coverage (`vitest --coverage`, v8 provider)
7
-
8
- | Metric | Value | Target |
9
- |--------|-------|--------|
10
- | Statements | 83.53% | — |
11
- | **Branches** | **75.87%** | 85% (not met — see Deferred) |
12
- | Functions | 89.06% | — |
13
- | **Lines** | **85.78%** | 85% ✅ |
14
-
15
- Suite: **1105 tests** across 55 files.
16
-
17
- ## Filled in Sprint 6 P4 (+62 tests)
18
-
19
- P4 targeted the Sprint 4.2 / 4.2-bis additions that shipped with
20
- integration-only coverage. All are now directly unit-tested:
21
-
22
- | Area | Before | After |
23
- |------|--------|-------|
24
- | Cell renderer library (`Table/cells/` — RenderText / RenderTwoLine / RenderChip / RenderButton / RowActionsMenu) | ~0% | high (30 tests) |
25
- | `DataGrid/filters/ColumnFilters.tsx` | 22% branch | covered — every filter type + apply/clear/Enter (17 tests) |
26
- | `DataGrid/resize/useColumnResize.ts` | 33% | **100%** (8 tests — `nudge` clamp paths + pointer-drag commit) |
27
- | `DataGrid/reorder/useColumnReorder.ts` | 32% | 93% stmts / 98% lines (14 tests — `moveColumn` + drag handlers) |
28
-
29
- ## Deferred — pre-Sprint-6 branch-coverage debt
30
-
31
- Line coverage met the 85% target. **Branch coverage (75.87%) did
32
- not.** The shortfall is concentrated in form-input components that
33
- predate Sprint 6 and shipped with partial branch coverage — their
34
- validation-state / RBAC / controlled-vs-uncontrolled branches are
35
- under-exercised:
36
-
37
- | Component | Branch % |
38
- |-----------|----------|
39
- | `NumberField` | 50.56% |
40
- | `AppShell` | 55.81% |
41
- | `Textarea` | 56% |
42
- | `Switch` | 62.5% |
43
- | `TextField` | 63.63% |
44
- | `RadioGroup` | 64.06% |
45
- | `Checkbox` | 67.5% |
46
- | `Autocomplete` | 68% |
47
- | `OTPField` | 69.56% |
48
- | `Dialog` | 75% |
49
- | `DataGrid` | 76.15% |
50
-
51
- Closing this to 85% overall is a focused **test-debt paydown
52
- sprint** (~100+ branch-targeted tests across the 11 components) —
53
- deliberately scoped OUT of Sprint 6, which is a Table/DataGrid +
54
- theme-core refinement pass. Recommended slot: alongside the
55
- `1.0.0-rc` hardening sprint.
56
-
57
- ## CI gate
58
-
59
- The catalog-wide regression suite (`nx test @dashforge/tw`) is the
60
- enforced gate. A hard per-file coverage threshold is **not** wired
61
- into CI yet — doing so requires first closing the pre-Sprint-6 debt
62
- above, otherwise the gate fails on day one. Wiring the threshold is
63
- part of the same `1.0.0-rc` test-debt sprint.