@furystack/shades-common-components 10.0.35 → 12.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (862) hide show
  1. package/CHANGELOG.md +496 -0
  2. package/esm/components/accordion/accordion-item.d.ts +31 -0
  3. package/esm/components/accordion/accordion-item.d.ts.map +1 -0
  4. package/esm/components/accordion/accordion-item.js +147 -0
  5. package/esm/components/accordion/accordion-item.js.map +1 -0
  6. package/esm/components/accordion/accordion.d.ts +27 -0
  7. package/esm/components/accordion/accordion.d.ts.map +1 -0
  8. package/esm/components/accordion/accordion.js +39 -0
  9. package/esm/components/accordion/accordion.js.map +1 -0
  10. package/esm/components/accordion/accordion.spec.d.ts +2 -0
  11. package/esm/components/accordion/accordion.spec.d.ts.map +1 -0
  12. package/esm/components/accordion/accordion.spec.js +284 -0
  13. package/esm/components/accordion/accordion.spec.js.map +1 -0
  14. package/esm/components/accordion/index.d.ts +3 -0
  15. package/esm/components/accordion/index.d.ts.map +1 -0
  16. package/esm/components/accordion/index.js +3 -0
  17. package/esm/components/accordion/index.js.map +1 -0
  18. package/esm/components/alert.d.ts +21 -0
  19. package/esm/components/alert.d.ts.map +1 -0
  20. package/esm/components/alert.js +131 -0
  21. package/esm/components/alert.js.map +1 -0
  22. package/esm/components/alert.spec.d.ts +2 -0
  23. package/esm/components/alert.spec.d.ts.map +1 -0
  24. package/esm/components/alert.spec.js +177 -0
  25. package/esm/components/alert.spec.js.map +1 -0
  26. package/esm/components/animations.spec.d.ts +2 -0
  27. package/esm/components/animations.spec.d.ts.map +1 -0
  28. package/esm/components/animations.spec.js +201 -0
  29. package/esm/components/animations.spec.js.map +1 -0
  30. package/esm/components/app-bar-link.d.ts +22 -2
  31. package/esm/components/app-bar-link.d.ts.map +1 -1
  32. package/esm/components/app-bar-link.js +36 -22
  33. package/esm/components/app-bar-link.js.map +1 -1
  34. package/esm/components/app-bar-link.spec.d.ts +2 -0
  35. package/esm/components/app-bar-link.spec.d.ts.map +1 -0
  36. package/esm/components/app-bar-link.spec.js +255 -0
  37. package/esm/components/app-bar-link.spec.js.map +1 -0
  38. package/esm/components/app-bar.d.ts +2 -0
  39. package/esm/components/app-bar.d.ts.map +1 -1
  40. package/esm/components/app-bar.js +28 -23
  41. package/esm/components/app-bar.js.map +1 -1
  42. package/esm/components/app-bar.spec.d.ts +2 -0
  43. package/esm/components/app-bar.spec.d.ts.map +1 -0
  44. package/esm/components/app-bar.spec.js +132 -0
  45. package/esm/components/app-bar.spec.js.map +1 -0
  46. package/esm/components/avatar.d.ts +2 -0
  47. package/esm/components/avatar.d.ts.map +1 -1
  48. package/esm/components/avatar.js +50 -51
  49. package/esm/components/avatar.js.map +1 -1
  50. package/esm/components/avatar.spec.d.ts +2 -0
  51. package/esm/components/avatar.spec.d.ts.map +1 -0
  52. package/esm/components/avatar.spec.js +114 -0
  53. package/esm/components/avatar.spec.js.map +1 -0
  54. package/esm/components/badge.d.ts +35 -0
  55. package/esm/components/badge.d.ts.map +1 -0
  56. package/esm/components/badge.js +68 -0
  57. package/esm/components/badge.js.map +1 -0
  58. package/esm/components/badge.spec.d.ts +2 -0
  59. package/esm/components/badge.spec.d.ts.map +1 -0
  60. package/esm/components/badge.spec.js +157 -0
  61. package/esm/components/badge.spec.js.map +1 -0
  62. package/esm/components/breadcrumb.d.ts +103 -0
  63. package/esm/components/breadcrumb.d.ts.map +1 -0
  64. package/esm/components/breadcrumb.js +121 -0
  65. package/esm/components/breadcrumb.js.map +1 -0
  66. package/esm/components/breadcrumb.spec.d.ts +2 -0
  67. package/esm/components/breadcrumb.spec.d.ts.map +1 -0
  68. package/esm/components/breadcrumb.spec.js +251 -0
  69. package/esm/components/breadcrumb.spec.js.map +1 -0
  70. package/esm/components/button-group.d.ts +85 -0
  71. package/esm/components/button-group.d.ts.map +1 -0
  72. package/esm/components/button-group.js +290 -0
  73. package/esm/components/button-group.js.map +1 -0
  74. package/esm/components/button-group.spec.d.ts +2 -0
  75. package/esm/components/button-group.spec.d.ts.map +1 -0
  76. package/esm/components/button-group.spec.js +502 -0
  77. package/esm/components/button-group.spec.js.map +1 -0
  78. package/esm/components/button.d.ts +44 -2
  79. package/esm/components/button.d.ts.map +1 -1
  80. package/esm/components/button.js +151 -153
  81. package/esm/components/button.js.map +1 -1
  82. package/esm/components/button.spec.d.ts +2 -0
  83. package/esm/components/button.spec.d.ts.map +1 -0
  84. package/esm/components/button.spec.js +310 -0
  85. package/esm/components/button.spec.js.map +1 -0
  86. package/esm/components/card.d.ts +117 -0
  87. package/esm/components/card.d.ts.map +1 -0
  88. package/esm/components/card.js +181 -0
  89. package/esm/components/card.js.map +1 -0
  90. package/esm/components/card.spec.d.ts +2 -0
  91. package/esm/components/card.spec.d.ts.map +1 -0
  92. package/esm/components/card.spec.js +278 -0
  93. package/esm/components/card.spec.js.map +1 -0
  94. package/esm/components/carousel.d.ts +50 -0
  95. package/esm/components/carousel.d.ts.map +1 -0
  96. package/esm/components/carousel.js +263 -0
  97. package/esm/components/carousel.js.map +1 -0
  98. package/esm/components/carousel.spec.d.ts +2 -0
  99. package/esm/components/carousel.spec.d.ts.map +1 -0
  100. package/esm/components/carousel.spec.js +677 -0
  101. package/esm/components/carousel.spec.js.map +1 -0
  102. package/esm/components/chip.d.ts +23 -0
  103. package/esm/components/chip.d.ts.map +1 -0
  104. package/esm/components/chip.js +139 -0
  105. package/esm/components/chip.js.map +1 -0
  106. package/esm/components/chip.spec.d.ts +2 -0
  107. package/esm/components/chip.spec.d.ts.map +1 -0
  108. package/esm/components/chip.spec.js +142 -0
  109. package/esm/components/chip.spec.js.map +1 -0
  110. package/esm/components/circular-progress.d.ts +37 -0
  111. package/esm/components/circular-progress.d.ts.map +1 -0
  112. package/esm/components/circular-progress.js +84 -0
  113. package/esm/components/circular-progress.js.map +1 -0
  114. package/esm/components/circular-progress.spec.d.ts +2 -0
  115. package/esm/components/circular-progress.spec.d.ts.map +1 -0
  116. package/esm/components/circular-progress.spec.js +228 -0
  117. package/esm/components/circular-progress.spec.js.map +1 -0
  118. package/esm/components/command-palette/command-palette-input.d.ts +3 -0
  119. package/esm/components/command-palette/command-palette-input.d.ts.map +1 -1
  120. package/esm/components/command-palette/command-palette-input.js +33 -23
  121. package/esm/components/command-palette/command-palette-input.js.map +1 -1
  122. package/esm/components/command-palette/command-palette-input.spec.d.ts +2 -0
  123. package/esm/components/command-palette/command-palette-input.spec.d.ts.map +1 -0
  124. package/esm/components/command-palette/command-palette-input.spec.js +244 -0
  125. package/esm/components/command-palette/command-palette-input.spec.js.map +1 -0
  126. package/esm/components/command-palette/command-palette-manager.spec.d.ts +2 -0
  127. package/esm/components/command-palette/command-palette-manager.spec.d.ts.map +1 -0
  128. package/esm/components/command-palette/command-palette-manager.spec.js +378 -0
  129. package/esm/components/command-palette/command-palette-manager.spec.js.map +1 -0
  130. package/esm/components/command-palette/command-palette-suggestion-list.d.ts +2 -0
  131. package/esm/components/command-palette/command-palette-suggestion-list.d.ts.map +1 -1
  132. package/esm/components/command-palette/command-palette-suggestion-list.js +53 -57
  133. package/esm/components/command-palette/command-palette-suggestion-list.js.map +1 -1
  134. package/esm/components/command-palette/command-palette-suggestion-list.spec.d.ts +2 -0
  135. package/esm/components/command-palette/command-palette-suggestion-list.spec.d.ts.map +1 -0
  136. package/esm/components/command-palette/command-palette-suggestion-list.spec.js +394 -0
  137. package/esm/components/command-palette/command-palette-suggestion-list.spec.js.map +1 -0
  138. package/esm/components/command-palette/index.d.ts +2 -0
  139. package/esm/components/command-palette/index.d.ts.map +1 -1
  140. package/esm/components/command-palette/index.js +41 -120
  141. package/esm/components/command-palette/index.js.map +1 -1
  142. package/esm/components/command-palette/index.spec.d.ts +2 -0
  143. package/esm/components/command-palette/index.spec.d.ts.map +1 -0
  144. package/esm/components/command-palette/index.spec.js +509 -0
  145. package/esm/components/command-palette/index.spec.js.map +1 -0
  146. package/esm/components/context-menu/context-menu-item.d.ts +9 -0
  147. package/esm/components/context-menu/context-menu-item.d.ts.map +1 -0
  148. package/esm/components/context-menu/context-menu-item.js +56 -0
  149. package/esm/components/context-menu/context-menu-item.js.map +1 -0
  150. package/esm/components/context-menu/context-menu-manager.d.ts +52 -0
  151. package/esm/components/context-menu/context-menu-manager.d.ts.map +1 -0
  152. package/esm/components/context-menu/context-menu-manager.js +128 -0
  153. package/esm/components/context-menu/context-menu-manager.js.map +1 -0
  154. package/esm/components/context-menu/context-menu-manager.spec.d.ts +2 -0
  155. package/esm/components/context-menu/context-menu-manager.spec.d.ts.map +1 -0
  156. package/esm/components/context-menu/context-menu-manager.spec.js +332 -0
  157. package/esm/components/context-menu/context-menu-manager.spec.js.map +1 -0
  158. package/esm/components/context-menu/context-menu.d.ts +8 -0
  159. package/esm/components/context-menu/context-menu.d.ts.map +1 -0
  160. package/esm/components/context-menu/context-menu.js +79 -0
  161. package/esm/components/context-menu/context-menu.js.map +1 -0
  162. package/esm/components/context-menu/context-menu.spec.d.ts +2 -0
  163. package/esm/components/context-menu/context-menu.spec.d.ts.map +1 -0
  164. package/esm/components/context-menu/context-menu.spec.js +282 -0
  165. package/esm/components/context-menu/context-menu.spec.js.map +1 -0
  166. package/esm/components/context-menu/index.d.ts +4 -0
  167. package/esm/components/context-menu/index.d.ts.map +1 -0
  168. package/esm/components/context-menu/index.js +4 -0
  169. package/esm/components/context-menu/index.js.map +1 -0
  170. package/esm/components/data-grid/body.js +1 -1
  171. package/esm/components/data-grid/body.js.map +1 -1
  172. package/esm/components/data-grid/body.spec.d.ts +2 -0
  173. package/esm/components/data-grid/body.spec.d.ts.map +1 -0
  174. package/esm/components/data-grid/body.spec.js +238 -0
  175. package/esm/components/data-grid/body.spec.js.map +1 -0
  176. package/esm/components/data-grid/data-grid-row.d.ts.map +1 -1
  177. package/esm/components/data-grid/data-grid-row.js +84 -96
  178. package/esm/components/data-grid/data-grid-row.js.map +1 -1
  179. package/esm/components/data-grid/data-grid-row.spec.d.ts +2 -0
  180. package/esm/components/data-grid/data-grid-row.spec.d.ts.map +1 -0
  181. package/esm/components/data-grid/data-grid-row.spec.js +328 -0
  182. package/esm/components/data-grid/data-grid-row.spec.js.map +1 -0
  183. package/esm/components/data-grid/data-grid.d.ts.map +1 -1
  184. package/esm/components/data-grid/data-grid.js +39 -31
  185. package/esm/components/data-grid/data-grid.js.map +1 -1
  186. package/esm/components/data-grid/data-grid.spec.d.ts +2 -0
  187. package/esm/components/data-grid/data-grid.spec.d.ts.map +1 -0
  188. package/esm/components/data-grid/data-grid.spec.js +569 -0
  189. package/esm/components/data-grid/data-grid.spec.js.map +1 -0
  190. package/esm/components/data-grid/footer.js +21 -15
  191. package/esm/components/data-grid/footer.js.map +1 -1
  192. package/esm/components/data-grid/footer.spec.d.ts +2 -0
  193. package/esm/components/data-grid/footer.spec.d.ts.map +1 -0
  194. package/esm/components/data-grid/footer.spec.js +276 -0
  195. package/esm/components/data-grid/footer.spec.js.map +1 -0
  196. package/esm/components/data-grid/header.d.ts +3 -1
  197. package/esm/components/data-grid/header.d.ts.map +1 -1
  198. package/esm/components/data-grid/header.js +94 -60
  199. package/esm/components/data-grid/header.js.map +1 -1
  200. package/esm/components/data-grid/header.spec.d.ts +2 -0
  201. package/esm/components/data-grid/header.spec.d.ts.map +1 -0
  202. package/esm/components/data-grid/header.spec.js +444 -0
  203. package/esm/components/data-grid/header.spec.js.map +1 -0
  204. package/esm/components/data-grid/selection-cell.d.ts +2 -0
  205. package/esm/components/data-grid/selection-cell.d.ts.map +1 -1
  206. package/esm/components/data-grid/selection-cell.js +15 -13
  207. package/esm/components/data-grid/selection-cell.js.map +1 -1
  208. package/esm/components/data-grid/selection-cell.spec.d.ts +2 -0
  209. package/esm/components/data-grid/selection-cell.spec.d.ts.map +1 -0
  210. package/esm/components/data-grid/selection-cell.spec.js +127 -0
  211. package/esm/components/data-grid/selection-cell.spec.js.map +1 -0
  212. package/esm/components/dialog.d.ts +46 -0
  213. package/esm/components/dialog.d.ts.map +1 -0
  214. package/esm/components/dialog.js +178 -0
  215. package/esm/components/dialog.js.map +1 -0
  216. package/esm/components/dialog.spec.d.ts +2 -0
  217. package/esm/components/dialog.spec.d.ts.map +1 -0
  218. package/esm/components/dialog.spec.js +113 -0
  219. package/esm/components/dialog.spec.js.map +1 -0
  220. package/esm/components/divider.d.ts +22 -0
  221. package/esm/components/divider.d.ts.map +1 -0
  222. package/esm/components/divider.js +113 -0
  223. package/esm/components/divider.js.map +1 -0
  224. package/esm/components/divider.spec.d.ts +2 -0
  225. package/esm/components/divider.spec.d.ts.map +1 -0
  226. package/esm/components/divider.spec.js +136 -0
  227. package/esm/components/divider.spec.js.map +1 -0
  228. package/esm/components/drawer/drawer-toggle-button.d.ts +36 -0
  229. package/esm/components/drawer/drawer-toggle-button.d.ts.map +1 -0
  230. package/esm/components/drawer/drawer-toggle-button.js +94 -0
  231. package/esm/components/drawer/drawer-toggle-button.js.map +1 -0
  232. package/esm/components/drawer/drawer-toggle-button.spec.d.ts +2 -0
  233. package/esm/components/drawer/drawer-toggle-button.spec.d.ts.map +1 -0
  234. package/esm/components/drawer/drawer-toggle-button.spec.js +306 -0
  235. package/esm/components/drawer/drawer-toggle-button.spec.js.map +1 -0
  236. package/esm/components/drawer/index.d.ts +56 -0
  237. package/esm/components/drawer/index.d.ts.map +1 -0
  238. package/esm/components/drawer/index.js +172 -0
  239. package/esm/components/drawer/index.js.map +1 -0
  240. package/esm/components/drawer/index.spec.d.ts +2 -0
  241. package/esm/components/drawer/index.spec.d.ts.map +1 -0
  242. package/esm/components/drawer/index.spec.js +538 -0
  243. package/esm/components/drawer/index.spec.js.map +1 -0
  244. package/esm/components/dropdown.d.ts +15 -0
  245. package/esm/components/dropdown.d.ts.map +1 -0
  246. package/esm/components/dropdown.js +262 -0
  247. package/esm/components/dropdown.js.map +1 -0
  248. package/esm/components/dropdown.spec.d.ts +2 -0
  249. package/esm/components/dropdown.spec.d.ts.map +1 -0
  250. package/esm/components/dropdown.spec.js +372 -0
  251. package/esm/components/dropdown.spec.js.map +1 -0
  252. package/esm/components/fab.d.ts +10 -1
  253. package/esm/components/fab.d.ts.map +1 -1
  254. package/esm/components/fab.js +32 -7
  255. package/esm/components/fab.js.map +1 -1
  256. package/esm/components/fab.spec.d.ts +2 -0
  257. package/esm/components/fab.spec.d.ts.map +1 -0
  258. package/esm/components/fab.spec.js +106 -0
  259. package/esm/components/fab.spec.js.map +1 -0
  260. package/esm/components/form.d.ts.map +1 -1
  261. package/esm/components/form.js +9 -7
  262. package/esm/components/form.js.map +1 -1
  263. package/esm/components/form.spec.d.ts +2 -0
  264. package/esm/components/form.spec.d.ts.map +1 -0
  265. package/esm/components/form.spec.js +324 -0
  266. package/esm/components/form.spec.js.map +1 -0
  267. package/esm/components/grid.d.ts.map +1 -1
  268. package/esm/components/grid.js +43 -40
  269. package/esm/components/grid.js.map +1 -1
  270. package/esm/components/grid.spec.d.ts +2 -0
  271. package/esm/components/grid.spec.d.ts.map +1 -0
  272. package/esm/components/grid.spec.js +340 -0
  273. package/esm/components/grid.spec.js.map +1 -0
  274. package/esm/components/icons/icon-definitions.d.ts +140 -0
  275. package/esm/components/icons/icon-definitions.d.ts.map +1 -0
  276. package/esm/components/icons/icon-definitions.js +432 -0
  277. package/esm/components/icons/icon-definitions.js.map +1 -0
  278. package/esm/components/icons/icon-definitions.spec.d.ts +2 -0
  279. package/esm/components/icons/icon-definitions.spec.d.ts.map +1 -0
  280. package/esm/components/icons/icon-definitions.spec.js +59 -0
  281. package/esm/components/icons/icon-definitions.spec.js.map +1 -0
  282. package/esm/components/icons/icon-types.d.ts +48 -0
  283. package/esm/components/icons/icon-types.d.ts.map +1 -0
  284. package/esm/components/icons/icon-types.js +2 -0
  285. package/esm/components/icons/icon-types.js.map +1 -0
  286. package/esm/components/icons/icon.d.ts +56 -0
  287. package/esm/components/icons/icon.d.ts.map +1 -0
  288. package/esm/components/icons/icon.js +61 -0
  289. package/esm/components/icons/icon.js.map +1 -0
  290. package/esm/components/icons/icon.spec.d.ts +2 -0
  291. package/esm/components/icons/icon.spec.d.ts.map +1 -0
  292. package/esm/components/icons/icon.spec.js +224 -0
  293. package/esm/components/icons/icon.spec.js.map +1 -0
  294. package/esm/components/icons/index.d.ts +5 -0
  295. package/esm/components/icons/index.d.ts.map +1 -0
  296. package/esm/components/icons/index.js +3 -0
  297. package/esm/components/icons/index.js.map +1 -0
  298. package/esm/components/image.d.ts +62 -0
  299. package/esm/components/image.d.ts.map +1 -0
  300. package/esm/components/image.js +348 -0
  301. package/esm/components/image.js.map +1 -0
  302. package/esm/components/image.spec.d.ts +2 -0
  303. package/esm/components/image.spec.d.ts.map +1 -0
  304. package/esm/components/image.spec.js +542 -0
  305. package/esm/components/image.spec.js.map +1 -0
  306. package/esm/components/index.d.ts +32 -4
  307. package/esm/components/index.d.ts.map +1 -1
  308. package/esm/components/index.js +32 -4
  309. package/esm/components/index.js.map +1 -1
  310. package/esm/components/inputs/autocomplete.d.ts +2 -0
  311. package/esm/components/inputs/autocomplete.d.ts.map +1 -1
  312. package/esm/components/inputs/autocomplete.js +10 -6
  313. package/esm/components/inputs/autocomplete.js.map +1 -1
  314. package/esm/components/inputs/autocomplete.spec.d.ts +2 -0
  315. package/esm/components/inputs/autocomplete.spec.d.ts.map +1 -0
  316. package/esm/components/inputs/autocomplete.spec.js +203 -0
  317. package/esm/components/inputs/autocomplete.spec.js.map +1 -0
  318. package/esm/components/inputs/checkbox.d.ts +50 -0
  319. package/esm/components/inputs/checkbox.d.ts.map +1 -0
  320. package/esm/components/inputs/checkbox.js +126 -0
  321. package/esm/components/inputs/checkbox.js.map +1 -0
  322. package/esm/components/inputs/checkbox.spec.d.ts +2 -0
  323. package/esm/components/inputs/checkbox.spec.d.ts.map +1 -0
  324. package/esm/components/inputs/checkbox.spec.js +287 -0
  325. package/esm/components/inputs/checkbox.spec.js.map +1 -0
  326. package/esm/components/inputs/index.d.ts +7 -0
  327. package/esm/components/inputs/index.d.ts.map +1 -1
  328. package/esm/components/inputs/index.js +7 -0
  329. package/esm/components/inputs/index.js.map +1 -1
  330. package/esm/components/inputs/input-number.d.ts +79 -0
  331. package/esm/components/inputs/input-number.d.ts.map +1 -0
  332. package/esm/components/inputs/input-number.js +232 -0
  333. package/esm/components/inputs/input-number.js.map +1 -0
  334. package/esm/components/inputs/input-number.spec.d.ts +2 -0
  335. package/esm/components/inputs/input-number.spec.d.ts.map +1 -0
  336. package/esm/components/inputs/input-number.spec.js +516 -0
  337. package/esm/components/inputs/input-number.spec.js.map +1 -0
  338. package/esm/components/inputs/input.d.ts +2 -1
  339. package/esm/components/inputs/input.d.ts.map +1 -1
  340. package/esm/components/inputs/input.js +179 -177
  341. package/esm/components/inputs/input.js.map +1 -1
  342. package/esm/components/inputs/input.spec.d.ts +2 -0
  343. package/esm/components/inputs/input.spec.d.ts.map +1 -0
  344. package/esm/components/inputs/input.spec.js +611 -0
  345. package/esm/components/inputs/input.spec.js.map +1 -0
  346. package/esm/components/inputs/radio-group.d.ts +38 -0
  347. package/esm/components/inputs/radio-group.d.ts.map +1 -0
  348. package/esm/components/inputs/radio-group.js +58 -0
  349. package/esm/components/inputs/radio-group.js.map +1 -0
  350. package/esm/components/inputs/radio-group.spec.d.ts +2 -0
  351. package/esm/components/inputs/radio-group.spec.d.ts.map +1 -0
  352. package/esm/components/inputs/radio-group.spec.js +201 -0
  353. package/esm/components/inputs/radio-group.spec.js.map +1 -0
  354. package/esm/components/inputs/radio.d.ts +42 -0
  355. package/esm/components/inputs/radio.d.ts.map +1 -0
  356. package/esm/components/inputs/radio.js +134 -0
  357. package/esm/components/inputs/radio.js.map +1 -0
  358. package/esm/components/inputs/radio.spec.d.ts +2 -0
  359. package/esm/components/inputs/radio.spec.d.ts.map +1 -0
  360. package/esm/components/inputs/radio.spec.js +211 -0
  361. package/esm/components/inputs/radio.spec.js.map +1 -0
  362. package/esm/components/inputs/select.d.ts +67 -0
  363. package/esm/components/inputs/select.d.ts.map +1 -0
  364. package/esm/components/inputs/select.js +581 -0
  365. package/esm/components/inputs/select.js.map +1 -0
  366. package/esm/components/inputs/select.spec.d.ts +2 -0
  367. package/esm/components/inputs/select.spec.d.ts.map +1 -0
  368. package/esm/components/inputs/select.spec.js +1009 -0
  369. package/esm/components/inputs/select.spec.js.map +1 -0
  370. package/esm/components/inputs/slider.d.ts +66 -0
  371. package/esm/components/inputs/slider.d.ts.map +1 -0
  372. package/esm/components/inputs/slider.js +526 -0
  373. package/esm/components/inputs/slider.js.map +1 -0
  374. package/esm/components/inputs/slider.spec.d.ts +2 -0
  375. package/esm/components/inputs/slider.spec.d.ts.map +1 -0
  376. package/esm/components/inputs/slider.spec.js +812 -0
  377. package/esm/components/inputs/slider.spec.js.map +1 -0
  378. package/esm/components/inputs/switch.d.ts +50 -0
  379. package/esm/components/inputs/switch.d.ts.map +1 -0
  380. package/esm/components/inputs/switch.js +138 -0
  381. package/esm/components/inputs/switch.js.map +1 -0
  382. package/esm/components/inputs/switch.spec.d.ts +2 -0
  383. package/esm/components/inputs/switch.spec.d.ts.map +1 -0
  384. package/esm/components/inputs/switch.spec.js +313 -0
  385. package/esm/components/inputs/switch.spec.js.map +1 -0
  386. package/esm/components/inputs/text-area.d.ts +2 -0
  387. package/esm/components/inputs/text-area.d.ts.map +1 -1
  388. package/esm/components/inputs/text-area.js +46 -58
  389. package/esm/components/inputs/text-area.js.map +1 -1
  390. package/esm/components/inputs/text-area.spec.d.ts +2 -0
  391. package/esm/components/inputs/text-area.spec.d.ts.map +1 -0
  392. package/esm/components/inputs/text-area.spec.js +229 -0
  393. package/esm/components/inputs/text-area.spec.js.map +1 -0
  394. package/esm/components/linear-progress.d.ts +32 -0
  395. package/esm/components/linear-progress.d.ts.map +1 -0
  396. package/esm/components/linear-progress.js +79 -0
  397. package/esm/components/linear-progress.js.map +1 -0
  398. package/esm/components/linear-progress.spec.d.ts +2 -0
  399. package/esm/components/linear-progress.spec.d.ts.map +1 -0
  400. package/esm/components/linear-progress.spec.js +251 -0
  401. package/esm/components/linear-progress.spec.js.map +1 -0
  402. package/esm/components/list/index.d.ts +3 -0
  403. package/esm/components/list/index.d.ts.map +1 -0
  404. package/esm/components/list/index.js +3 -0
  405. package/esm/components/list/index.js.map +1 -0
  406. package/esm/components/list/list-item.d.ts +13 -0
  407. package/esm/components/list/list-item.d.ts.map +1 -0
  408. package/esm/components/list/list-item.js +81 -0
  409. package/esm/components/list/list-item.js.map +1 -0
  410. package/esm/components/list/list.d.ts +18 -0
  411. package/esm/components/list/list.d.ts.map +1 -0
  412. package/esm/components/list/list.js +42 -0
  413. package/esm/components/list/list.js.map +1 -0
  414. package/esm/components/list/list.spec.d.ts +2 -0
  415. package/esm/components/list/list.spec.d.ts.map +1 -0
  416. package/esm/components/list/list.spec.js +540 -0
  417. package/esm/components/list/list.spec.js.map +1 -0
  418. package/esm/components/loader.d.ts +2 -0
  419. package/esm/components/loader.d.ts.map +1 -1
  420. package/esm/components/loader.js +19 -11
  421. package/esm/components/loader.js.map +1 -1
  422. package/esm/components/loader.spec.d.ts +2 -0
  423. package/esm/components/loader.spec.d.ts.map +1 -0
  424. package/esm/components/loader.spec.js +267 -0
  425. package/esm/components/loader.spec.js.map +1 -0
  426. package/esm/components/menu/index.d.ts +3 -0
  427. package/esm/components/menu/index.d.ts.map +1 -0
  428. package/esm/components/menu/index.js +3 -0
  429. package/esm/components/menu/index.js.map +1 -0
  430. package/esm/components/menu/menu-types.d.ts +27 -0
  431. package/esm/components/menu/menu-types.d.ts.map +1 -0
  432. package/esm/components/menu/menu-types.js +22 -0
  433. package/esm/components/menu/menu-types.js.map +1 -0
  434. package/esm/components/menu/menu-types.spec.d.ts +2 -0
  435. package/esm/components/menu/menu-types.spec.d.ts.map +1 -0
  436. package/esm/components/menu/menu-types.spec.js +103 -0
  437. package/esm/components/menu/menu-types.spec.js.map +1 -0
  438. package/esm/components/menu/menu.d.ts +17 -0
  439. package/esm/components/menu/menu.d.ts.map +1 -0
  440. package/esm/components/menu/menu.js +240 -0
  441. package/esm/components/menu/menu.js.map +1 -0
  442. package/esm/components/menu/menu.spec.d.ts +2 -0
  443. package/esm/components/menu/menu.spec.d.ts.map +1 -0
  444. package/esm/components/menu/menu.spec.js +427 -0
  445. package/esm/components/menu/menu.spec.js.map +1 -0
  446. package/esm/components/modal.d.ts +3 -2
  447. package/esm/components/modal.d.ts.map +1 -1
  448. package/esm/components/modal.js +19 -14
  449. package/esm/components/modal.js.map +1 -1
  450. package/esm/components/modal.spec.d.ts +2 -0
  451. package/esm/components/modal.spec.d.ts.map +1 -0
  452. package/esm/components/modal.spec.js +234 -0
  453. package/esm/components/modal.spec.js.map +1 -0
  454. package/esm/components/noty-list.d.ts +4 -0
  455. package/esm/components/noty-list.d.ts.map +1 -1
  456. package/esm/components/noty-list.js +87 -76
  457. package/esm/components/noty-list.js.map +1 -1
  458. package/esm/components/noty-list.spec.d.ts +2 -0
  459. package/esm/components/noty-list.spec.d.ts.map +1 -0
  460. package/esm/components/noty-list.spec.js +489 -0
  461. package/esm/components/noty-list.spec.js.map +1 -0
  462. package/esm/components/page-container/index.d.ts +54 -0
  463. package/esm/components/page-container/index.d.ts.map +1 -0
  464. package/esm/components/page-container/index.js +63 -0
  465. package/esm/components/page-container/index.js.map +1 -0
  466. package/esm/components/page-container/index.spec.d.ts +2 -0
  467. package/esm/components/page-container/index.spec.d.ts.map +1 -0
  468. package/esm/components/page-container/index.spec.js +217 -0
  469. package/esm/components/page-container/index.spec.js.map +1 -0
  470. package/esm/components/page-container/page-header.d.ts +57 -0
  471. package/esm/components/page-container/page-header.d.ts.map +1 -0
  472. package/esm/components/page-container/page-header.js +93 -0
  473. package/esm/components/page-container/page-header.js.map +1 -0
  474. package/esm/components/page-container/page-header.spec.d.ts +2 -0
  475. package/esm/components/page-container/page-header.spec.d.ts.map +1 -0
  476. package/esm/components/page-container/page-header.spec.js +230 -0
  477. package/esm/components/page-container/page-header.spec.js.map +1 -0
  478. package/esm/components/page-layout/index.d.ts +83 -0
  479. package/esm/components/page-layout/index.d.ts.map +1 -0
  480. package/esm/components/page-layout/index.js +288 -0
  481. package/esm/components/page-layout/index.js.map +1 -0
  482. package/esm/components/page-layout/index.spec.d.ts +2 -0
  483. package/esm/components/page-layout/index.spec.d.ts.map +1 -0
  484. package/esm/components/page-layout/index.spec.js +637 -0
  485. package/esm/components/page-layout/index.spec.js.map +1 -0
  486. package/esm/components/pagination.d.ts +43 -0
  487. package/esm/components/pagination.d.ts.map +1 -0
  488. package/esm/components/pagination.js +165 -0
  489. package/esm/components/pagination.js.map +1 -0
  490. package/esm/components/pagination.spec.d.ts +2 -0
  491. package/esm/components/pagination.spec.d.ts.map +1 -0
  492. package/esm/components/pagination.spec.js +195 -0
  493. package/esm/components/pagination.spec.js.map +1 -0
  494. package/esm/components/paper.d.ts +3 -1
  495. package/esm/components/paper.d.ts.map +1 -1
  496. package/esm/components/paper.js +20 -15
  497. package/esm/components/paper.js.map +1 -1
  498. package/esm/components/paper.spec.d.ts +2 -0
  499. package/esm/components/paper.spec.d.ts.map +1 -0
  500. package/esm/components/paper.spec.js +71 -0
  501. package/esm/components/paper.spec.js.map +1 -0
  502. package/esm/components/rating.d.ts +62 -0
  503. package/esm/components/rating.d.ts.map +1 -0
  504. package/esm/components/rating.js +201 -0
  505. package/esm/components/rating.js.map +1 -0
  506. package/esm/components/rating.spec.d.ts +2 -0
  507. package/esm/components/rating.spec.d.ts.map +1 -0
  508. package/esm/components/rating.spec.js +663 -0
  509. package/esm/components/rating.spec.js.map +1 -0
  510. package/esm/components/result.d.ts +37 -0
  511. package/esm/components/result.d.ts.map +1 -0
  512. package/esm/components/result.js +109 -0
  513. package/esm/components/result.js.map +1 -0
  514. package/esm/components/result.spec.d.ts +2 -0
  515. package/esm/components/result.spec.d.ts.map +1 -0
  516. package/esm/components/result.spec.js +159 -0
  517. package/esm/components/result.spec.js.map +1 -0
  518. package/esm/components/searchable-input-styles.d.ts +8 -0
  519. package/esm/components/searchable-input-styles.d.ts.map +1 -0
  520. package/esm/components/searchable-input-styles.js +71 -0
  521. package/esm/components/searchable-input-styles.js.map +1 -0
  522. package/esm/components/skeleton.d.ts +2 -0
  523. package/esm/components/skeleton.d.ts.map +1 -1
  524. package/esm/components/skeleton.js +20 -7
  525. package/esm/components/skeleton.js.map +1 -1
  526. package/esm/components/skeleton.spec.d.ts +2 -0
  527. package/esm/components/skeleton.spec.d.ts.map +1 -0
  528. package/esm/components/skeleton.spec.js +167 -0
  529. package/esm/components/skeleton.spec.js.map +1 -0
  530. package/esm/components/styles.d.ts.map +1 -1
  531. package/esm/components/styles.js +14 -13
  532. package/esm/components/styles.js.map +1 -1
  533. package/esm/components/styles.spec.d.ts +2 -0
  534. package/esm/components/styles.spec.d.ts.map +1 -0
  535. package/esm/components/styles.spec.js +57 -0
  536. package/esm/components/styles.spec.js.map +1 -0
  537. package/esm/components/suggest/index.d.ts.map +1 -1
  538. package/esm/components/suggest/index.js +32 -102
  539. package/esm/components/suggest/index.js.map +1 -1
  540. package/esm/components/suggest/index.spec.d.ts +2 -0
  541. package/esm/components/suggest/index.spec.d.ts.map +1 -0
  542. package/esm/components/suggest/index.spec.js +539 -0
  543. package/esm/components/suggest/index.spec.js.map +1 -0
  544. package/esm/components/suggest/suggest-input.d.ts +2 -0
  545. package/esm/components/suggest/suggest-input.d.ts.map +1 -1
  546. package/esm/components/suggest/suggest-input.js +24 -23
  547. package/esm/components/suggest/suggest-input.js.map +1 -1
  548. package/esm/components/suggest/suggest-input.spec.d.ts +2 -0
  549. package/esm/components/suggest/suggest-input.spec.d.ts.map +1 -0
  550. package/esm/components/suggest/suggest-input.spec.js +150 -0
  551. package/esm/components/suggest/suggest-input.spec.js.map +1 -0
  552. package/esm/components/suggest/suggest-manager.spec.d.ts +2 -0
  553. package/esm/components/suggest/suggest-manager.spec.d.ts.map +1 -0
  554. package/esm/components/suggest/suggest-manager.spec.js +318 -0
  555. package/esm/components/suggest/suggest-manager.spec.js.map +1 -0
  556. package/esm/components/suggest/suggestion-list.d.ts.map +1 -1
  557. package/esm/components/suggest/suggestion-list.js +52 -58
  558. package/esm/components/suggest/suggestion-list.js.map +1 -1
  559. package/esm/components/suggest/suggestion-list.spec.d.ts +2 -0
  560. package/esm/components/suggest/suggestion-list.spec.d.ts.map +1 -0
  561. package/esm/components/suggest/suggestion-list.spec.js +271 -0
  562. package/esm/components/suggest/suggestion-list.spec.js.map +1 -0
  563. package/esm/components/tabs.d.ts +18 -2
  564. package/esm/components/tabs.d.ts.map +1 -1
  565. package/esm/components/tabs.js +173 -19
  566. package/esm/components/tabs.js.map +1 -1
  567. package/esm/components/tabs.spec.d.ts +2 -0
  568. package/esm/components/tabs.spec.d.ts.map +1 -0
  569. package/esm/components/tabs.spec.js +475 -0
  570. package/esm/components/tabs.spec.js.map +1 -0
  571. package/esm/components/timeline.d.ts +53 -0
  572. package/esm/components/timeline.d.ts.map +1 -0
  573. package/esm/components/timeline.js +162 -0
  574. package/esm/components/timeline.js.map +1 -0
  575. package/esm/components/timeline.spec.d.ts +2 -0
  576. package/esm/components/timeline.spec.d.ts.map +1 -0
  577. package/esm/components/timeline.spec.js +209 -0
  578. package/esm/components/timeline.spec.js.map +1 -0
  579. package/esm/components/tooltip.d.ts +25 -0
  580. package/esm/components/tooltip.d.ts.map +1 -0
  581. package/esm/components/tooltip.js +113 -0
  582. package/esm/components/tooltip.js.map +1 -0
  583. package/esm/components/tooltip.spec.d.ts +2 -0
  584. package/esm/components/tooltip.spec.d.ts.map +1 -0
  585. package/esm/components/tooltip.spec.js +152 -0
  586. package/esm/components/tooltip.spec.js.map +1 -0
  587. package/esm/components/tree/index.d.ts +3 -0
  588. package/esm/components/tree/index.d.ts.map +1 -0
  589. package/esm/components/tree/index.js +3 -0
  590. package/esm/components/tree/index.js.map +1 -0
  591. package/esm/components/tree/tree-item.d.ts +14 -0
  592. package/esm/components/tree/tree-item.d.ts.map +1 -0
  593. package/esm/components/tree/tree-item.js +118 -0
  594. package/esm/components/tree/tree-item.js.map +1 -0
  595. package/esm/components/tree/tree.d.ts +20 -0
  596. package/esm/components/tree/tree.d.ts.map +1 -0
  597. package/esm/components/tree/tree.js +66 -0
  598. package/esm/components/tree/tree.js.map +1 -0
  599. package/esm/components/tree/tree.spec.d.ts +2 -0
  600. package/esm/components/tree/tree.spec.d.ts.map +1 -0
  601. package/esm/components/tree/tree.spec.js +427 -0
  602. package/esm/components/tree/tree.spec.js.map +1 -0
  603. package/esm/components/typography.d.ts +48 -0
  604. package/esm/components/typography.d.ts.map +1 -0
  605. package/esm/components/typography.js +223 -0
  606. package/esm/components/typography.js.map +1 -0
  607. package/esm/components/typography.spec.d.ts +2 -0
  608. package/esm/components/typography.spec.d.ts.map +1 -0
  609. package/esm/components/typography.spec.js +199 -0
  610. package/esm/components/typography.spec.js.map +1 -0
  611. package/esm/components/wizard/index.d.ts +2 -0
  612. package/esm/components/wizard/index.d.ts.map +1 -1
  613. package/esm/components/wizard/index.js +10 -7
  614. package/esm/components/wizard/index.js.map +1 -1
  615. package/esm/components/wizard/index.spec.d.ts +2 -0
  616. package/esm/components/wizard/index.spec.d.ts.map +1 -0
  617. package/esm/components/wizard/index.spec.js +185 -0
  618. package/esm/components/wizard/index.spec.js.map +1 -0
  619. package/esm/services/click-away-service.d.ts +5 -2
  620. package/esm/services/click-away-service.d.ts.map +1 -1
  621. package/esm/services/click-away-service.js +7 -1
  622. package/esm/services/click-away-service.js.map +1 -1
  623. package/esm/services/collection-service.spec.js +391 -2
  624. package/esm/services/collection-service.spec.js.map +1 -1
  625. package/esm/services/css-variable-theme.d.ts +167 -1
  626. package/esm/services/css-variable-theme.d.ts.map +1 -1
  627. package/esm/services/css-variable-theme.js +123 -1
  628. package/esm/services/css-variable-theme.js.map +1 -1
  629. package/esm/services/css-variable-theme.spec.d.ts +2 -0
  630. package/esm/services/css-variable-theme.spec.d.ts.map +1 -0
  631. package/esm/services/css-variable-theme.spec.js +299 -0
  632. package/esm/services/css-variable-theme.spec.js.map +1 -0
  633. package/esm/services/default-dark-theme.d.ts +107 -2
  634. package/esm/services/default-dark-theme.d.ts.map +1 -1
  635. package/esm/services/default-dark-theme.js +87 -1
  636. package/esm/services/default-dark-theme.js.map +1 -1
  637. package/esm/services/default-light-theme.d.ts +107 -2
  638. package/esm/services/default-light-theme.d.ts.map +1 -1
  639. package/esm/services/default-light-theme.js +86 -0
  640. package/esm/services/default-light-theme.js.map +1 -1
  641. package/esm/services/default-palette.d.ts +4 -0
  642. package/esm/services/default-palette.d.ts.map +1 -1
  643. package/esm/services/default-palette.js +22 -0
  644. package/esm/services/default-palette.js.map +1 -1
  645. package/esm/services/index.d.ts +6 -2
  646. package/esm/services/index.d.ts.map +1 -1
  647. package/esm/services/index.js +6 -2
  648. package/esm/services/index.js.map +1 -1
  649. package/esm/services/layout-service.d.ts +217 -0
  650. package/esm/services/layout-service.d.ts.map +1 -0
  651. package/esm/services/layout-service.js +331 -0
  652. package/esm/services/layout-service.js.map +1 -0
  653. package/esm/services/layout-service.spec.d.ts +2 -0
  654. package/esm/services/layout-service.spec.d.ts.map +1 -0
  655. package/esm/services/layout-service.spec.js +425 -0
  656. package/esm/services/layout-service.spec.js.map +1 -0
  657. package/esm/services/list-service.d.ts +31 -0
  658. package/esm/services/list-service.d.ts.map +1 -0
  659. package/esm/services/list-service.js +149 -0
  660. package/esm/services/list-service.js.map +1 -0
  661. package/esm/services/list-service.spec.d.ts +2 -0
  662. package/esm/services/list-service.spec.d.ts.map +1 -0
  663. package/esm/services/list-service.spec.js +254 -0
  664. package/esm/services/list-service.spec.js.map +1 -0
  665. package/esm/services/palette-css-vars.d.ts +12 -0
  666. package/esm/services/palette-css-vars.d.ts.map +1 -0
  667. package/esm/services/palette-css-vars.js +44 -0
  668. package/esm/services/palette-css-vars.js.map +1 -0
  669. package/esm/services/theme-provider-service.d.ts +445 -2
  670. package/esm/services/theme-provider-service.d.ts.map +1 -1
  671. package/esm/services/theme-provider-service.js.map +1 -1
  672. package/esm/services/theme-provider-service.spec.d.ts +2 -0
  673. package/esm/services/theme-provider-service.spec.d.ts.map +1 -0
  674. package/esm/services/theme-provider-service.spec.js +166 -0
  675. package/esm/services/theme-provider-service.spec.js.map +1 -0
  676. package/esm/services/tree-service.d.ts +61 -0
  677. package/esm/services/tree-service.d.ts.map +1 -0
  678. package/esm/services/tree-service.js +149 -0
  679. package/esm/services/tree-service.js.map +1 -0
  680. package/esm/services/tree-service.spec.d.ts +2 -0
  681. package/esm/services/tree-service.spec.d.ts.map +1 -0
  682. package/esm/services/tree-service.spec.js +307 -0
  683. package/esm/services/tree-service.spec.js.map +1 -0
  684. package/esm/utils/promisify-animation.d.ts.map +1 -1
  685. package/esm/utils/promisify-animation.js +6 -1
  686. package/esm/utils/promisify-animation.js.map +1 -1
  687. package/package.json +4 -4
  688. package/src/components/accordion/accordion-item.tsx +197 -0
  689. package/src/components/accordion/accordion.spec.tsx +418 -0
  690. package/src/components/accordion/accordion.tsx +50 -0
  691. package/src/components/accordion/index.ts +2 -0
  692. package/src/components/alert.spec.tsx +256 -0
  693. package/src/components/alert.tsx +186 -0
  694. package/src/components/animations.spec.ts +299 -0
  695. package/src/components/app-bar-link.spec.tsx +344 -0
  696. package/src/components/app-bar-link.tsx +44 -25
  697. package/src/components/app-bar.spec.tsx +157 -0
  698. package/src/components/app-bar.tsx +31 -24
  699. package/src/components/avatar.spec.tsx +146 -0
  700. package/src/components/avatar.tsx +56 -60
  701. package/src/components/badge.spec.tsx +228 -0
  702. package/src/components/badge.tsx +104 -0
  703. package/src/components/breadcrumb.spec.tsx +396 -0
  704. package/src/components/breadcrumb.tsx +188 -0
  705. package/src/components/button-group.spec.tsx +611 -0
  706. package/src/components/button-group.tsx +423 -0
  707. package/src/components/button.spec.tsx +383 -0
  708. package/src/components/button.tsx +211 -196
  709. package/src/components/card.spec.tsx +389 -0
  710. package/src/components/card.tsx +261 -0
  711. package/src/components/carousel.spec.tsx +894 -0
  712. package/src/components/carousel.tsx +376 -0
  713. package/src/components/chip.spec.tsx +200 -0
  714. package/src/components/chip.tsx +188 -0
  715. package/src/components/circular-progress.spec.tsx +289 -0
  716. package/src/components/circular-progress.tsx +145 -0
  717. package/src/components/command-palette/command-palette-input.spec.tsx +331 -0
  718. package/src/components/command-palette/command-palette-input.tsx +40 -27
  719. package/src/components/command-palette/command-palette-manager.spec.ts +485 -0
  720. package/src/components/command-palette/command-palette-suggestion-list.spec.tsx +517 -0
  721. package/src/components/command-palette/command-palette-suggestion-list.tsx +55 -57
  722. package/src/components/command-palette/index.spec.tsx +684 -0
  723. package/src/components/command-palette/index.tsx +42 -148
  724. package/src/components/context-menu/context-menu-item.tsx +85 -0
  725. package/src/components/context-menu/context-menu-manager.spec.ts +478 -0
  726. package/src/components/context-menu/context-menu-manager.ts +148 -0
  727. package/src/components/context-menu/context-menu.spec.tsx +352 -0
  728. package/src/components/context-menu/context-menu.tsx +116 -0
  729. package/src/components/context-menu/index.ts +3 -0
  730. package/src/components/data-grid/body.spec.tsx +354 -0
  731. package/src/components/data-grid/body.tsx +1 -1
  732. package/src/components/data-grid/data-grid-row.spec.tsx +407 -0
  733. package/src/components/data-grid/data-grid-row.tsx +87 -102
  734. package/src/components/data-grid/data-grid.spec.tsx +964 -0
  735. package/src/components/data-grid/data-grid.tsx +45 -38
  736. package/src/components/data-grid/footer.spec.tsx +356 -0
  737. package/src/components/data-grid/footer.tsx +19 -19
  738. package/src/components/data-grid/header.spec.tsx +586 -0
  739. package/src/components/data-grid/header.tsx +104 -76
  740. package/src/components/data-grid/selection-cell.spec.tsx +151 -0
  741. package/src/components/data-grid/selection-cell.tsx +14 -12
  742. package/src/components/dialog.spec.tsx +135 -0
  743. package/src/components/dialog.tsx +277 -0
  744. package/src/components/divider.spec.tsx +197 -0
  745. package/src/components/divider.tsx +147 -0
  746. package/src/components/drawer/drawer-toggle-button.spec.tsx +374 -0
  747. package/src/components/drawer/drawer-toggle-button.tsx +124 -0
  748. package/src/components/drawer/index.spec.tsx +748 -0
  749. package/src/components/drawer/index.tsx +227 -0
  750. package/src/components/dropdown.spec.tsx +445 -0
  751. package/src/components/dropdown.tsx +343 -0
  752. package/src/components/fab.spec.tsx +119 -0
  753. package/src/components/fab.tsx +40 -8
  754. package/src/components/form.spec.tsx +491 -0
  755. package/src/components/form.tsx +10 -7
  756. package/src/components/grid.spec.tsx +427 -0
  757. package/src/components/grid.tsx +60 -66
  758. package/src/components/icons/icon-definitions.spec.ts +68 -0
  759. package/src/components/icons/icon-definitions.ts +509 -0
  760. package/src/components/icons/icon-types.ts +48 -0
  761. package/src/components/icons/icon.spec.tsx +314 -0
  762. package/src/components/icons/icon.tsx +111 -0
  763. package/src/components/icons/index.ts +4 -0
  764. package/src/components/image.spec.tsx +748 -0
  765. package/src/components/image.tsx +520 -0
  766. package/src/components/index.ts +32 -4
  767. package/src/components/inputs/autocomplete.spec.tsx +267 -0
  768. package/src/components/inputs/autocomplete.tsx +13 -7
  769. package/src/components/inputs/checkbox.spec.tsx +377 -0
  770. package/src/components/inputs/checkbox.tsx +198 -0
  771. package/src/components/inputs/index.ts +7 -0
  772. package/src/components/inputs/input-number.spec.tsx +686 -0
  773. package/src/components/inputs/input-number.tsx +387 -0
  774. package/src/components/inputs/input.spec.tsx +844 -0
  775. package/src/components/inputs/input.tsx +191 -218
  776. package/src/components/inputs/radio-group.spec.tsx +281 -0
  777. package/src/components/inputs/radio-group.tsx +108 -0
  778. package/src/components/inputs/radio.spec.tsx +273 -0
  779. package/src/components/inputs/radio.tsx +199 -0
  780. package/src/components/inputs/select.spec.tsx +1237 -0
  781. package/src/components/inputs/select.tsx +775 -0
  782. package/src/components/inputs/slider.spec.tsx +1020 -0
  783. package/src/components/inputs/slider.tsx +696 -0
  784. package/src/components/inputs/switch.spec.tsx +410 -0
  785. package/src/components/inputs/switch.tsx +218 -0
  786. package/src/components/inputs/text-area.spec.tsx +300 -0
  787. package/src/components/inputs/text-area.tsx +47 -79
  788. package/src/components/linear-progress.spec.tsx +320 -0
  789. package/src/components/linear-progress.tsx +127 -0
  790. package/src/components/list/index.ts +2 -0
  791. package/src/components/list/list-item.tsx +106 -0
  792. package/src/components/list/list.spec.tsx +817 -0
  793. package/src/components/list/list.tsx +92 -0
  794. package/src/components/loader.spec.tsx +362 -0
  795. package/src/components/loader.tsx +18 -10
  796. package/src/components/menu/index.ts +2 -0
  797. package/src/components/menu/menu-types.spec.ts +122 -0
  798. package/src/components/menu/menu-types.ts +43 -0
  799. package/src/components/menu/menu.spec.tsx +483 -0
  800. package/src/components/menu/menu.tsx +326 -0
  801. package/src/components/modal.spec.tsx +314 -0
  802. package/src/components/modal.tsx +20 -15
  803. package/src/components/noty-list.spec.tsx +634 -0
  804. package/src/components/noty-list.tsx +98 -101
  805. package/src/components/page-container/index.spec.tsx +274 -0
  806. package/src/components/page-container/index.tsx +82 -0
  807. package/src/components/page-container/page-header.spec.tsx +308 -0
  808. package/src/components/page-container/page-header.tsx +127 -0
  809. package/src/components/page-layout/index.spec.tsx +882 -0
  810. package/src/components/page-layout/index.tsx +392 -0
  811. package/src/components/pagination.spec.tsx +275 -0
  812. package/src/components/pagination.tsx +249 -0
  813. package/src/components/paper.spec.tsx +80 -0
  814. package/src/components/paper.tsx +21 -17
  815. package/src/components/rating.spec.tsx +866 -0
  816. package/src/components/rating.tsx +286 -0
  817. package/src/components/result.spec.tsx +221 -0
  818. package/src/components/result.tsx +155 -0
  819. package/src/components/searchable-input-styles.ts +81 -0
  820. package/src/components/skeleton.spec.tsx +227 -0
  821. package/src/components/skeleton.tsx +24 -7
  822. package/src/components/styles.spec.ts +69 -0
  823. package/src/components/styles.tsx +15 -13
  824. package/src/components/suggest/index.spec.tsx +885 -0
  825. package/src/components/suggest/index.tsx +36 -130
  826. package/src/components/suggest/suggest-input.spec.tsx +195 -0
  827. package/src/components/suggest/suggest-input.tsx +23 -29
  828. package/src/components/suggest/suggest-manager.spec.ts +419 -0
  829. package/src/components/suggest/suggestion-list.spec.tsx +355 -0
  830. package/src/components/suggest/suggestion-list.tsx +54 -58
  831. package/src/components/tabs.spec.tsx +598 -0
  832. package/src/components/tabs.tsx +241 -26
  833. package/src/components/timeline.spec.tsx +294 -0
  834. package/src/components/timeline.tsx +221 -0
  835. package/src/components/tooltip.spec.tsx +223 -0
  836. package/src/components/tooltip.tsx +155 -0
  837. package/src/components/tree/index.ts +2 -0
  838. package/src/components/tree/tree-item.tsx +161 -0
  839. package/src/components/tree/tree.spec.tsx +677 -0
  840. package/src/components/tree/tree.tsx +111 -0
  841. package/src/components/typography.spec.tsx +235 -0
  842. package/src/components/typography.tsx +292 -0
  843. package/src/components/wizard/index.spec.tsx +233 -0
  844. package/src/components/wizard/index.tsx +10 -9
  845. package/src/services/click-away-service.ts +9 -3
  846. package/src/services/collection-service.spec.ts +492 -3
  847. package/src/services/css-variable-theme.spec.ts +372 -0
  848. package/src/services/css-variable-theme.ts +128 -3
  849. package/src/services/default-dark-theme.ts +89 -3
  850. package/src/services/default-light-theme.ts +88 -2
  851. package/src/services/default-palette.ts +22 -0
  852. package/src/services/index.ts +6 -2
  853. package/src/services/layout-service.spec.ts +535 -0
  854. package/src/services/layout-service.ts +391 -0
  855. package/src/services/list-service.spec.ts +364 -0
  856. package/src/services/list-service.ts +169 -0
  857. package/src/services/palette-css-vars.ts +46 -0
  858. package/src/services/theme-provider-service.spec.ts +195 -0
  859. package/src/services/theme-provider-service.ts +305 -2
  860. package/src/services/tree-service.spec.ts +428 -0
  861. package/src/services/tree-service.ts +179 -0
  862. package/src/utils/promisify-animation.ts +7 -1
@@ -0,0 +1,38 @@
1
+ import type { ChildrenList } from '@furystack/shades';
2
+ import type { Palette } from '../../services/theme-provider-service.js';
3
+ export type RadioGroupProps = {
4
+ /**
5
+ * The name attribute shared by all radio buttons in the group
6
+ */
7
+ name: string;
8
+ /**
9
+ * The currently selected value
10
+ */
11
+ value?: string;
12
+ /**
13
+ * The default selected value (used for uncontrolled mode)
14
+ */
15
+ defaultValue?: string;
16
+ /**
17
+ * Whether all radio buttons in the group are disabled
18
+ */
19
+ disabled?: boolean;
20
+ /**
21
+ * Callback when the selected value changes
22
+ */
23
+ onValueChange?: (value: string) => void;
24
+ /**
25
+ * The palette color applied to all radio buttons in the group
26
+ */
27
+ color?: keyof Palette;
28
+ /**
29
+ * Label text or element displayed above the group
30
+ */
31
+ labelTitle?: JSX.Element | string;
32
+ /**
33
+ * Layout direction of the radio buttons
34
+ */
35
+ orientation?: 'horizontal' | 'vertical';
36
+ };
37
+ export declare const RadioGroup: (props: RadioGroupProps, children: ChildrenList) => JSX.Element;
38
+ //# sourceMappingURL=radio-group.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGrD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,0CAA0C,CAAA;AAEvE,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,OAAO,CAAA;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IACjC;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;CACxC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,YAAY,KAAK,GAAG,CAAC,OAmE/E,CAAA"}
@@ -0,0 +1,58 @@
1
+ import { Shade, createComponent } from '@furystack/shades';
2
+ import { cssVariableTheme } from '../../services/css-variable-theme.js';
3
+ export const RadioGroup = Shade({
4
+ shadowDomName: 'shade-radio-group',
5
+ css: {
6
+ display: 'block',
7
+ '& .radio-group-label': {
8
+ display: 'block',
9
+ fontSize: cssVariableTheme.typography.fontSize.xs,
10
+ fontWeight: cssVariableTheme.typography.fontWeight.medium,
11
+ color: cssVariableTheme.text.secondary,
12
+ marginBottom: cssVariableTheme.spacing.sm,
13
+ },
14
+ '& .radio-group-items': {
15
+ display: 'flex',
16
+ gap: cssVariableTheme.spacing.sm,
17
+ },
18
+ '&[data-orientation="vertical"] .radio-group-items': {
19
+ flexDirection: 'column',
20
+ },
21
+ '&[data-orientation="horizontal"] .radio-group-items': {
22
+ flexDirection: 'row',
23
+ flexWrap: 'wrap',
24
+ },
25
+ },
26
+ render: ({ props, children, useDisposable, useHostProps, useRef }) => {
27
+ const wrapperRef = useRef('wrapper');
28
+ useDisposable('change-handler', () => {
29
+ const handleChange = (ev) => {
30
+ const target = ev.target;
31
+ if (target.type === 'radio' && target.checked) {
32
+ props.onValueChange?.(target.value);
33
+ }
34
+ };
35
+ let el = null;
36
+ queueMicrotask(() => {
37
+ el = wrapperRef.current;
38
+ el?.addEventListener('change', handleChange);
39
+ });
40
+ return { [Symbol.dispose]: () => el?.removeEventListener('change', handleChange) };
41
+ });
42
+ const orientation = props.orientation || 'vertical';
43
+ // Expose group-level props as data attributes so child Radio components
44
+ // can read them synchronously during their own render cycle.
45
+ useHostProps({
46
+ 'data-orientation': orientation,
47
+ role: 'radiogroup',
48
+ 'data-group-name': props.name,
49
+ 'data-disabled': props.disabled ? '' : undefined,
50
+ 'data-group-value': props.value !== undefined ? props.value : undefined,
51
+ 'data-group-default-value': props.defaultValue !== undefined ? props.defaultValue : undefined,
52
+ });
53
+ return (createComponent("div", { ref: wrapperRef, style: { display: 'contents' } },
54
+ props.labelTitle ? createComponent("span", { className: "radio-group-label" }, props.labelTitle) : null,
55
+ createComponent("div", { className: "radio-group-items" }, children)));
56
+ },
57
+ });
58
+ //# sourceMappingURL=radio-group.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../src/components/inputs/radio-group.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=radio-group.spec.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radio-group.spec.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/radio-group.spec.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,201 @@
1
+ import { Injector } from '@furystack/inject';
2
+ import { createComponent, initializeShadeRoot } from '@furystack/shades';
3
+ import { sleepAsync, usingAsync } from '@furystack/utils';
4
+ import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
5
+ import { RadioGroup } from './radio-group.js';
6
+ import { Radio } from './radio.js';
7
+ describe('RadioGroup', () => {
8
+ beforeEach(() => {
9
+ document.body.innerHTML = '<div id="root"></div>';
10
+ });
11
+ afterEach(() => {
12
+ document.body.innerHTML = '';
13
+ vi.restoreAllMocks();
14
+ });
15
+ it('should render with shadow DOM', async () => {
16
+ await usingAsync(new Injector(), async (injector) => {
17
+ const rootElement = document.getElementById('root');
18
+ initializeShadeRoot({
19
+ injector,
20
+ rootElement,
21
+ jsxElement: (createComponent(RadioGroup, { name: "test-group" },
22
+ createComponent(Radio, { value: "option1", labelTitle: "Option 1" }),
23
+ createComponent(Radio, { value: "option2", labelTitle: "Option 2" }))),
24
+ });
25
+ await sleepAsync(50);
26
+ const group = document.querySelector('shade-radio-group');
27
+ expect(group).not.toBeNull();
28
+ });
29
+ });
30
+ it('should set the radiogroup role', async () => {
31
+ await usingAsync(new Injector(), async (injector) => {
32
+ const rootElement = document.getElementById('root');
33
+ initializeShadeRoot({
34
+ injector,
35
+ rootElement,
36
+ jsxElement: (createComponent(RadioGroup, { name: "test-group" },
37
+ createComponent(Radio, { value: "option1" }))),
38
+ });
39
+ await sleepAsync(50);
40
+ const group = document.querySelector('shade-radio-group');
41
+ expect(group.getAttribute('role')).toBe('radiogroup');
42
+ });
43
+ });
44
+ it('should render the label title', async () => {
45
+ await usingAsync(new Injector(), async (injector) => {
46
+ const rootElement = document.getElementById('root');
47
+ initializeShadeRoot({
48
+ injector,
49
+ rootElement,
50
+ jsxElement: (createComponent(RadioGroup, { name: "test-group", labelTitle: "Pick an option" },
51
+ createComponent(Radio, { value: "option1" }))),
52
+ });
53
+ await sleepAsync(50);
54
+ const label = document.querySelector('shade-radio-group .radio-group-label');
55
+ expect(label).not.toBeNull();
56
+ expect(label.textContent).toBe('Pick an option');
57
+ });
58
+ });
59
+ it('should not render label span when labelTitle is not provided', async () => {
60
+ await usingAsync(new Injector(), async (injector) => {
61
+ const rootElement = document.getElementById('root');
62
+ initializeShadeRoot({
63
+ injector,
64
+ rootElement,
65
+ jsxElement: (createComponent(RadioGroup, { name: "test-group" },
66
+ createComponent(Radio, { value: "option1" }))),
67
+ });
68
+ await sleepAsync(50);
69
+ const label = document.querySelector('shade-radio-group .radio-group-label');
70
+ expect(label).toBeNull();
71
+ });
72
+ });
73
+ describe('orientation', () => {
74
+ it('should default to vertical orientation', async () => {
75
+ await usingAsync(new Injector(), async (injector) => {
76
+ const rootElement = document.getElementById('root');
77
+ initializeShadeRoot({
78
+ injector,
79
+ rootElement,
80
+ jsxElement: (createComponent(RadioGroup, { name: "test-group" },
81
+ createComponent(Radio, { value: "option1" }))),
82
+ });
83
+ await sleepAsync(50);
84
+ const group = document.querySelector('shade-radio-group');
85
+ expect(group.getAttribute('data-orientation')).toBe('vertical');
86
+ });
87
+ });
88
+ it('should set horizontal orientation', async () => {
89
+ await usingAsync(new Injector(), async (injector) => {
90
+ const rootElement = document.getElementById('root');
91
+ initializeShadeRoot({
92
+ injector,
93
+ rootElement,
94
+ jsxElement: (createComponent(RadioGroup, { name: "test-group", orientation: "horizontal" },
95
+ createComponent(Radio, { value: "option1" }))),
96
+ });
97
+ await sleepAsync(50);
98
+ const group = document.querySelector('shade-radio-group');
99
+ expect(group.getAttribute('data-orientation')).toBe('horizontal');
100
+ });
101
+ });
102
+ });
103
+ describe('name propagation', () => {
104
+ it('should set the name attribute on child radio inputs', async () => {
105
+ await usingAsync(new Injector(), async (injector) => {
106
+ const rootElement = document.getElementById('root');
107
+ initializeShadeRoot({
108
+ injector,
109
+ rootElement,
110
+ jsxElement: (createComponent(RadioGroup, { name: "fruit-group" },
111
+ createComponent(Radio, { value: "apple", labelTitle: "Apple" }),
112
+ createComponent(Radio, { value: "banana", labelTitle: "Banana" }))),
113
+ });
114
+ await sleepAsync(100);
115
+ const inputs = document.querySelectorAll('shade-radio input[type="radio"]');
116
+ inputs.forEach((input) => {
117
+ expect(input.name).toBe('fruit-group');
118
+ });
119
+ });
120
+ });
121
+ });
122
+ describe('value selection', () => {
123
+ it('should set the correct radio as checked based on value prop', async () => {
124
+ await usingAsync(new Injector(), async (injector) => {
125
+ const rootElement = document.getElementById('root');
126
+ initializeShadeRoot({
127
+ injector,
128
+ rootElement,
129
+ jsxElement: (createComponent(RadioGroup, { name: "test-group", value: "option2" },
130
+ createComponent(Radio, { value: "option1", labelTitle: "Option 1" }),
131
+ createComponent(Radio, { value: "option2", labelTitle: "Option 2" }),
132
+ createComponent(Radio, { value: "option3", labelTitle: "Option 3" }))),
133
+ });
134
+ await sleepAsync(100);
135
+ const inputs = document.querySelectorAll('shade-radio input[type="radio"]');
136
+ expect(inputs[0].checked).toBe(false);
137
+ expect(inputs[1].checked).toBe(true);
138
+ expect(inputs[2].checked).toBe(false);
139
+ });
140
+ });
141
+ it('should set the correct radio as checked based on defaultValue prop', async () => {
142
+ await usingAsync(new Injector(), async (injector) => {
143
+ const rootElement = document.getElementById('root');
144
+ initializeShadeRoot({
145
+ injector,
146
+ rootElement,
147
+ jsxElement: (createComponent(RadioGroup, { name: "test-group", defaultValue: "option3" },
148
+ createComponent(Radio, { value: "option1", labelTitle: "Option 1" }),
149
+ createComponent(Radio, { value: "option2", labelTitle: "Option 2" }),
150
+ createComponent(Radio, { value: "option3", labelTitle: "Option 3" }))),
151
+ });
152
+ await sleepAsync(100);
153
+ const inputs = document.querySelectorAll('shade-radio input[type="radio"]');
154
+ expect(inputs[0].checked).toBe(false);
155
+ expect(inputs[1].checked).toBe(false);
156
+ expect(inputs[2].checked).toBe(true);
157
+ });
158
+ });
159
+ });
160
+ describe('disabled state', () => {
161
+ it('should disable all radio inputs when group is disabled', async () => {
162
+ await usingAsync(new Injector(), async (injector) => {
163
+ const rootElement = document.getElementById('root');
164
+ initializeShadeRoot({
165
+ injector,
166
+ rootElement,
167
+ jsxElement: (createComponent(RadioGroup, { name: "test-group", disabled: true },
168
+ createComponent(Radio, { value: "option1", labelTitle: "Option 1" }),
169
+ createComponent(Radio, { value: "option2", labelTitle: "Option 2" }))),
170
+ });
171
+ await sleepAsync(100);
172
+ const inputs = document.querySelectorAll('shade-radio input[type="radio"]');
173
+ inputs.forEach((input) => {
174
+ expect(input.disabled).toBe(true);
175
+ });
176
+ });
177
+ });
178
+ });
179
+ describe('onchange callback', () => {
180
+ it('should call onchange when a radio is selected', async () => {
181
+ await usingAsync(new Injector(), async (injector) => {
182
+ const rootElement = document.getElementById('root');
183
+ const onchange = vi.fn();
184
+ initializeShadeRoot({
185
+ injector,
186
+ rootElement,
187
+ jsxElement: (createComponent(RadioGroup, { name: "test-group", onValueChange: onchange },
188
+ createComponent(Radio, { value: "option1", labelTitle: "Option 1" }),
189
+ createComponent(Radio, { value: "option2", labelTitle: "Option 2" }))),
190
+ });
191
+ await sleepAsync(100);
192
+ const input = document.querySelectorAll('shade-radio input[type="radio"]')[1];
193
+ input.checked = true;
194
+ input.dispatchEvent(new Event('change', { bubbles: true }));
195
+ await sleepAsync(50);
196
+ expect(onchange).toHaveBeenCalledWith('option2');
197
+ });
198
+ });
199
+ });
200
+ });
201
+ //# sourceMappingURL=radio-group.spec.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radio-group.spec.js","sourceRoot":"","sources":["../../../src/components/inputs/radio-group.spec.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,42 @@
1
+ import type { PartialElement } from '@furystack/shades';
2
+ import type { Palette } from '../../services/theme-provider-service.js';
3
+ export type RadioProps = {
4
+ /**
5
+ * The value attribute for the underlying input element
6
+ */
7
+ value: string;
8
+ /**
9
+ * Whether the radio button is disabled
10
+ */
11
+ disabled?: boolean;
12
+ /**
13
+ * The palette color for the radio button
14
+ */
15
+ color?: keyof Palette;
16
+ /**
17
+ * Callback when the radio button is selected
18
+ */
19
+ onchange?: (event: Event) => void;
20
+ /**
21
+ * Label text or element displayed next to the radio button
22
+ */
23
+ labelTitle?: JSX.Element | string;
24
+ /**
25
+ * The name attribute for the underlying input element (set automatically by RadioGroup)
26
+ */
27
+ name?: string;
28
+ /**
29
+ * Whether the radio button is checked
30
+ */
31
+ checked?: boolean;
32
+ /**
33
+ * Optional props for the label element
34
+ */
35
+ labelProps?: PartialElement<HTMLLabelElement>;
36
+ };
37
+ export declare const Radio: (props: RadioProps & Omit<Partial<HTMLElement>, "style"> & {
38
+ style?: Partial<CSSStyleDeclaration>;
39
+ } & {
40
+ ref?: import("@furystack/shades").RefObject<Element>;
41
+ }, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
42
+ //# sourceMappingURL=radio.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAGvD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,0CAA0C,CAAA;AAIvE,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,OAAO,CAAA;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IACjC;;OAEG;IACH,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;CAC9C,CAAA;AAED,eAAO,MAAM,KAAK;;;;sEA4JhB,CAAA"}
@@ -0,0 +1,134 @@
1
+ import { Shade, createComponent } from '@furystack/shades';
2
+ import { cssVariableTheme } from '../../services/css-variable-theme.js';
3
+ import { ThemeProviderService } from '../../services/theme-provider-service.js';
4
+ import { FormService } from '../form.js';
5
+ export const Radio = Shade({
6
+ shadowDomName: 'shade-radio',
7
+ css: {
8
+ display: 'inline-flex',
9
+ alignItems: 'center',
10
+ '& label': {
11
+ display: 'inline-flex',
12
+ alignItems: 'center',
13
+ gap: cssVariableTheme.spacing.sm,
14
+ cursor: 'pointer',
15
+ fontSize: cssVariableTheme.typography.fontSize.sm,
16
+ color: cssVariableTheme.text.primary,
17
+ userSelect: 'none',
18
+ webkitUserSelect: 'none',
19
+ },
20
+ '& .radio-control': {
21
+ position: 'relative',
22
+ display: 'inline-flex',
23
+ alignItems: 'center',
24
+ justifyContent: 'center',
25
+ width: '20px',
26
+ height: '20px',
27
+ flexShrink: '0',
28
+ },
29
+ '& input[type="radio"]': {
30
+ appearance: 'none',
31
+ webkitAppearance: 'none',
32
+ width: '20px',
33
+ height: '20px',
34
+ margin: '0',
35
+ border: `2px solid ${cssVariableTheme.text.secondary}`,
36
+ borderRadius: cssVariableTheme.shape.borderRadius.full,
37
+ backgroundColor: 'transparent',
38
+ cursor: 'pointer',
39
+ transition: `all ${cssVariableTheme.transitions.duration.fast} ${cssVariableTheme.transitions.easing.default}`,
40
+ outline: 'none',
41
+ },
42
+ '& input[type="radio"]:hover:not(:disabled)': {
43
+ borderColor: 'var(--radio-color)',
44
+ },
45
+ '& input[type="radio"]:focus-visible': {
46
+ boxShadow: cssVariableTheme.action.focusRing,
47
+ },
48
+ '& input[type="radio"]:checked': {
49
+ borderColor: 'var(--radio-color)',
50
+ },
51
+ '& input[type="radio"]:checked::after': {
52
+ content: '""',
53
+ position: 'absolute',
54
+ left: '5px',
55
+ top: '5px',
56
+ width: '10px',
57
+ height: '10px',
58
+ borderRadius: cssVariableTheme.shape.borderRadius.full,
59
+ backgroundColor: 'var(--radio-color)',
60
+ pointerEvents: 'none',
61
+ },
62
+ '&[data-disabled] label': {
63
+ color: cssVariableTheme.text.disabled,
64
+ cursor: 'not-allowed',
65
+ },
66
+ '&[data-disabled] input[type="radio"]': {
67
+ opacity: cssVariableTheme.action.disabledOpacity,
68
+ cursor: 'not-allowed',
69
+ },
70
+ },
71
+ render: ({ props, injector, useDisposable, useHostProps, useRef }) => {
72
+ const inputRef = useRef('formInput');
73
+ useDisposable('form-registration', () => {
74
+ const formService = injector.cachedSingletons.has(FormService) ? injector.getInstance(FormService) : null;
75
+ queueMicrotask(() => {
76
+ if (inputRef.current && formService) {
77
+ formService.inputs.add(inputRef.current);
78
+ }
79
+ // Read group-level overrides from parent RadioGroup
80
+ const group = inputRef.current?.closest('shade-radio-group');
81
+ if (group && inputRef.current) {
82
+ const groupName = group.getAttribute('data-group-name');
83
+ if (groupName)
84
+ inputRef.current.name = groupName;
85
+ const groupDisabled = group.hasAttribute('data-disabled');
86
+ if (groupDisabled)
87
+ inputRef.current.disabled = true;
88
+ const groupValue = group.getAttribute('data-group-value');
89
+ if (groupValue !== null) {
90
+ inputRef.current.checked = props.value === groupValue;
91
+ }
92
+ else {
93
+ const groupDefaultValue = group.getAttribute('data-group-default-value');
94
+ if (groupDefaultValue !== null && props.checked === undefined) {
95
+ inputRef.current.checked = props.value === groupDefaultValue;
96
+ }
97
+ }
98
+ }
99
+ });
100
+ return {
101
+ [Symbol.dispose]: () => {
102
+ if (inputRef.current && formService)
103
+ formService.inputs.delete(inputRef.current);
104
+ },
105
+ };
106
+ });
107
+ const themeProvider = injector.getInstance(ThemeProviderService);
108
+ // Read group-level overrides from parent RadioGroup (inputRef is set after first mount)
109
+ const group = inputRef.current ? inputRef.current.closest('shade-radio-group') : null;
110
+ const groupName = group?.getAttribute('data-group-name');
111
+ const groupDisabled = group?.hasAttribute('data-disabled') ?? false;
112
+ const groupValue = group?.getAttribute('data-group-value');
113
+ const groupDefaultValue = group?.getAttribute('data-group-default-value');
114
+ const effectiveName = groupName ?? props.name;
115
+ const isDisabled = props.disabled || groupDisabled;
116
+ let isChecked = props.checked;
117
+ if (groupValue !== undefined && groupValue !== null) {
118
+ isChecked = props.value === groupValue;
119
+ }
120
+ else if (groupDefaultValue !== undefined && groupDefaultValue !== null && isChecked === undefined) {
121
+ isChecked = props.value === groupDefaultValue;
122
+ }
123
+ const color = themeProvider.theme.palette[props.color || 'primary'].main;
124
+ useHostProps({
125
+ 'data-disabled': isDisabled ? '' : undefined,
126
+ style: { '--radio-color': color },
127
+ });
128
+ return (createComponent("label", { ...props.labelProps },
129
+ createComponent("span", { className: "radio-control" },
130
+ createComponent("input", { ref: inputRef, type: "radio", value: props.value, checked: isChecked, disabled: isDisabled, name: effectiveName, onchange: props.onchange })),
131
+ props.labelTitle ? createComponent("span", { className: "radio-label" }, props.labelTitle) : null));
132
+ },
133
+ });
134
+ //# sourceMappingURL=radio.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/components/inputs/radio.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=radio.spec.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radio.spec.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/radio.spec.tsx"],"names":[],"mappings":""}