@accelint/design-system 0.2.1 → 0.3.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 (370) hide show
  1. package/dist/chunk-4CPMP3H7.js +418 -0
  2. package/dist/chunk-4CPMP3H7.js.map +1 -0
  3. package/dist/{styles.css → index.css} +1163 -1057
  4. package/dist/index.css.map +1 -0
  5. package/dist/index.d.ts +871 -8
  6. package/dist/index.js +5278 -66
  7. package/dist/index.js.map +1 -1
  8. package/dist/vanilla-DUNpoS8t.d.ts +2514 -0
  9. package/dist/vanilla.d.ts +9 -30
  10. package/dist/vanilla.js +3 -27
  11. package/dist/vanilla.js.map +1 -0
  12. package/package.json +10 -13
  13. package/dist/assets/components/button/button.css +0 -55
  14. package/dist/assets/components/checkbox/checkbox.css +0 -73
  15. package/dist/assets/components/chip/chip.css +0 -62
  16. package/dist/assets/components/combo-box/combo-box.css +0 -66
  17. package/dist/assets/components/dialog/dialog.css +0 -51
  18. package/dist/assets/components/drawer/drawer.css +0 -135
  19. package/dist/assets/components/group/group.css +0 -33
  20. package/dist/assets/components/icon/icon.css +0 -19
  21. package/dist/assets/components/input/input.css +0 -29
  22. package/dist/assets/components/menu/menu.css +0 -85
  23. package/dist/assets/components/options/options.css +0 -82
  24. package/dist/assets/components/picker/picker.css +0 -47
  25. package/dist/assets/components/popover/popover.css +0 -26
  26. package/dist/assets/components/query-builder/query-builder.css +0 -129
  27. package/dist/assets/components/radio/radio.css +0 -67
  28. package/dist/assets/components/search-field/search-field.css +0 -62
  29. package/dist/assets/components/select/select.css +0 -33
  30. package/dist/assets/components/switch/switch.css +0 -62
  31. package/dist/assets/components/tabs/tabs.css +0 -144
  32. package/dist/assets/components/textarea/textarea.css +0 -32
  33. package/dist/assets/components/tooltip/tooltip.css +0 -54
  34. package/dist/assets/components/tree/tree.css +0 -157
  35. package/dist/assets/hooks/use-theme/use-theme.css +0 -6
  36. package/dist/assets/src/components/button/button.css.ts.vanilla-9uttMYGm.css +0 -55
  37. package/dist/assets/src/components/checkbox/checkbox.css.ts.vanilla-Bewmypyn.css +0 -73
  38. package/dist/assets/src/components/chip/chip.css.ts.vanilla-CsGhxrlu.css +0 -62
  39. package/dist/assets/src/components/combo-box/combo-box.css.ts.vanilla-BNEPKjPm.css +0 -66
  40. package/dist/assets/src/components/dialog/dialog.css.ts.vanilla-CG0m-NJD.css +0 -51
  41. package/dist/assets/src/components/drawer/drawer.css.ts.vanilla-DEfHnoNS.css +0 -135
  42. package/dist/assets/src/components/group/group.css.ts.vanilla-DR69xgQy.css +0 -33
  43. package/dist/assets/src/components/icon/icon.css.ts.vanilla-CoUAfp2F.css +0 -19
  44. package/dist/assets/src/components/input/input.css.ts.vanilla-DoK5h9SX.css +0 -29
  45. package/dist/assets/src/components/menu/menu.css.ts.vanilla-LoWLg-jE.css +0 -85
  46. package/dist/assets/src/components/options/options.css.ts.vanilla-CWWFBTou.css +0 -82
  47. package/dist/assets/src/components/picker/picker.css.ts.vanilla-Fe0YXv-c.css +0 -47
  48. package/dist/assets/src/components/popover/popover.css.ts.vanilla-C5YGwwVD.css +0 -26
  49. package/dist/assets/src/components/query-builder/query-builder.css.ts.vanilla-B3P9cbCv.css +0 -129
  50. package/dist/assets/src/components/radio/radio.css.ts.vanilla-gi-KedQc.css +0 -67
  51. package/dist/assets/src/components/search-field/search-field.css.ts.vanilla-B_JL53f8.css +0 -62
  52. package/dist/assets/src/components/select/select.css.ts.vanilla-C94A60jf.css +0 -33
  53. package/dist/assets/src/components/switch/switch.css.ts.vanilla-DkQwtRa6.css +0 -62
  54. package/dist/assets/src/components/tabs/tabs.css.ts.vanilla-BygIflpl.css +0 -144
  55. package/dist/assets/src/components/textarea/textarea.css.ts.vanilla-Ba6E5HFc.css +0 -32
  56. package/dist/assets/src/components/tooltip/tooltip.css.ts.vanilla-BntxAlwN.css +0 -54
  57. package/dist/assets/src/components/tree/tree.css.ts.vanilla-SLmhk0zZ.css +0 -157
  58. package/dist/assets/src/hooks/use-theme/use-theme.css.ts.vanilla-zkVHnGkP.css +0 -6
  59. package/dist/assets/src/styles/layers.css.ts.vanilla-B2GUgnOF.css +0 -21
  60. package/dist/assets/src/styles/reset.css.ts.vanilla-C8PShXm0.css +0 -31
  61. package/dist/assets/src/styles/space.css.ts.vanilla-Md6Whc4G.css +0 -18
  62. package/dist/assets/src/styles/surfaces.css.ts.vanilla-Ckztx7VT.css +0 -24
  63. package/dist/assets/src/styles/theme.css.ts.vanilla-aDPSIzBK.css +0 -208
  64. package/dist/assets/src/styles/typography.css.ts.vanilla-DRT9H7rd.css +0 -150
  65. package/dist/assets/styles/layers.css +0 -21
  66. package/dist/assets/styles/reset.css +0 -31
  67. package/dist/assets/styles/space.css +0 -18
  68. package/dist/assets/styles/surfaces.css +0 -24
  69. package/dist/assets/styles/theme.css +0 -208
  70. package/dist/assets/styles/typography.css +0 -150
  71. package/dist/components/aria/aria.d.ts +0 -19
  72. package/dist/components/aria/aria.js +0 -36
  73. package/dist/components/aria/aria.js.map +0 -1
  74. package/dist/components/aria/index.d.ts +0 -1
  75. package/dist/components/button/button.css.d.ts +0 -33
  76. package/dist/components/button/button.d.ts +0 -39
  77. package/dist/components/button/button.js +0 -71
  78. package/dist/components/button/button.js.map +0 -1
  79. package/dist/components/button/button.vanilla.js +0 -8
  80. package/dist/components/button/button.vanilla.js.map +0 -1
  81. package/dist/components/button/index.d.ts +0 -3
  82. package/dist/components/button/types.d.ts +0 -28
  83. package/dist/components/checkbox/checkbox.css.d.ts +0 -35
  84. package/dist/components/checkbox/checkbox.d.ts +0 -21
  85. package/dist/components/checkbox/checkbox.js +0 -68
  86. package/dist/components/checkbox/checkbox.js.map +0 -1
  87. package/dist/components/checkbox/checkbox.vanilla.js +0 -9
  88. package/dist/components/checkbox/checkbox.vanilla.js.map +0 -1
  89. package/dist/components/checkbox/index.d.ts +0 -3
  90. package/dist/components/checkbox/types.d.ts +0 -38
  91. package/dist/components/chip/chip.css.d.ts +0 -31
  92. package/dist/components/chip/chip.d.ts +0 -30
  93. package/dist/components/chip/chip.js +0 -106
  94. package/dist/components/chip/chip.js.map +0 -1
  95. package/dist/components/chip/chip.vanilla.js +0 -8
  96. package/dist/components/chip/chip.vanilla.js.map +0 -1
  97. package/dist/components/chip/index.d.ts +0 -3
  98. package/dist/components/chip/types.d.ts +0 -31
  99. package/dist/components/collection/collection.d.ts +0 -13
  100. package/dist/components/collection/collection.js +0 -15
  101. package/dist/components/collection/collection.js.map +0 -1
  102. package/dist/components/collection/index.d.ts +0 -1
  103. package/dist/components/combo-box/combo-box.css.d.ts +0 -22
  104. package/dist/components/combo-box/combo-box.d.ts +0 -8
  105. package/dist/components/combo-box/combo-box.js +0 -87
  106. package/dist/components/combo-box/combo-box.js.map +0 -1
  107. package/dist/components/combo-box/combo-box.vanilla.js +0 -8
  108. package/dist/components/combo-box/combo-box.vanilla.js.map +0 -1
  109. package/dist/components/combo-box/index.d.ts +0 -3
  110. package/dist/components/combo-box/types.d.ts +0 -32
  111. package/dist/components/dialog/dialog.css.d.ts +0 -34
  112. package/dist/components/dialog/dialog.d.ts +0 -18
  113. package/dist/components/dialog/dialog.js +0 -146
  114. package/dist/components/dialog/dialog.js.map +0 -1
  115. package/dist/components/dialog/dialog.vanilla.js +0 -8
  116. package/dist/components/dialog/dialog.vanilla.js.map +0 -1
  117. package/dist/components/dialog/index.d.ts +0 -3
  118. package/dist/components/dialog/types.d.ts +0 -48
  119. package/dist/components/drawer/drawer.css.d.ts +0 -33
  120. package/dist/components/drawer/drawer.d.ts +0 -13
  121. package/dist/components/drawer/drawer.js +0 -199
  122. package/dist/components/drawer/drawer.js.map +0 -1
  123. package/dist/components/drawer/drawer.vanilla.js +0 -10
  124. package/dist/components/drawer/drawer.vanilla.js.map +0 -1
  125. package/dist/components/drawer/index.d.ts +0 -3
  126. package/dist/components/drawer/types.d.ts +0 -71
  127. package/dist/components/element/element.d.ts +0 -11
  128. package/dist/components/element/element.js +0 -21
  129. package/dist/components/element/element.js.map +0 -1
  130. package/dist/components/element/index.d.ts +0 -2
  131. package/dist/components/element/types.d.ts +0 -21
  132. package/dist/components/group/group.css.d.ts +0 -14
  133. package/dist/components/group/group.d.ts +0 -10
  134. package/dist/components/group/group.js +0 -44
  135. package/dist/components/group/group.js.map +0 -1
  136. package/dist/components/group/group.vanilla.js +0 -7
  137. package/dist/components/group/group.vanilla.js.map +0 -1
  138. package/dist/components/group/index.d.ts +0 -3
  139. package/dist/components/group/types.d.ts +0 -35
  140. package/dist/components/icon/icon.css.d.ts +0 -18
  141. package/dist/components/icon/icon.d.ts +0 -12
  142. package/dist/components/icon/icon.js +0 -26
  143. package/dist/components/icon/icon.js.map +0 -1
  144. package/dist/components/icon/icon.vanilla.js +0 -8
  145. package/dist/components/icon/icon.vanilla.js.map +0 -1
  146. package/dist/components/icon/index.d.ts +0 -3
  147. package/dist/components/icon/types.d.ts +0 -13
  148. package/dist/components/index.d.ts +0 -26
  149. package/dist/components/input/index.d.ts +0 -3
  150. package/dist/components/input/input.css.d.ts +0 -29
  151. package/dist/components/input/input.d.ts +0 -8
  152. package/dist/components/input/input.js +0 -93
  153. package/dist/components/input/input.js.map +0 -1
  154. package/dist/components/input/input.vanilla.js +0 -8
  155. package/dist/components/input/input.vanilla.js.map +0 -1
  156. package/dist/components/input/types.d.ts +0 -44
  157. package/dist/components/menu/index.d.ts +0 -3
  158. package/dist/components/menu/menu.css.d.ts +0 -75
  159. package/dist/components/menu/menu.d.ts +0 -24
  160. package/dist/components/menu/menu.js +0 -155
  161. package/dist/components/menu/menu.js.map +0 -1
  162. package/dist/components/menu/menu.vanilla.js +0 -8
  163. package/dist/components/menu/menu.vanilla.js.map +0 -1
  164. package/dist/components/menu/types.d.ts +0 -48
  165. package/dist/components/merge-provider/index.d.ts +0 -2
  166. package/dist/components/merge-provider/merge-provider.d.ts +0 -14
  167. package/dist/components/merge-provider/merge-provider.js +0 -40
  168. package/dist/components/merge-provider/merge-provider.js.map +0 -1
  169. package/dist/components/merge-provider/types.d.ts +0 -5
  170. package/dist/components/options/index.d.ts +0 -3
  171. package/dist/components/options/options.css.d.ts +0 -79
  172. package/dist/components/options/options.d.ts +0 -20
  173. package/dist/components/options/options.js +0 -152
  174. package/dist/components/options/options.js.map +0 -1
  175. package/dist/components/options/options.vanilla.js +0 -10
  176. package/dist/components/options/options.vanilla.js.map +0 -1
  177. package/dist/components/options/types.d.ts +0 -49
  178. package/dist/components/picker/index.d.ts +0 -3
  179. package/dist/components/picker/picker.css.d.ts +0 -32
  180. package/dist/components/picker/picker.d.ts +0 -18
  181. package/dist/components/picker/picker.js +0 -46
  182. package/dist/components/picker/picker.js.map +0 -1
  183. package/dist/components/picker/picker.stories.css.d.ts +0 -3
  184. package/dist/components/picker/picker.vanilla.js +0 -9
  185. package/dist/components/picker/picker.vanilla.js.map +0 -1
  186. package/dist/components/picker/types.d.ts +0 -28
  187. package/dist/components/popover/index.d.ts +0 -3
  188. package/dist/components/popover/popover.css.d.ts +0 -31
  189. package/dist/components/popover/popover.d.ts +0 -8
  190. package/dist/components/popover/popover.js +0 -110
  191. package/dist/components/popover/popover.js.map +0 -1
  192. package/dist/components/popover/popover.vanilla.js +0 -7
  193. package/dist/components/popover/popover.vanilla.js.map +0 -1
  194. package/dist/components/popover/types.d.ts +0 -32
  195. package/dist/components/query-builder/action-element.d.ts +0 -2
  196. package/dist/components/query-builder/action-element.js +0 -12
  197. package/dist/components/query-builder/action-element.js.map +0 -1
  198. package/dist/components/query-builder/constants.d.ts +0 -4
  199. package/dist/components/query-builder/constants.js +0 -20
  200. package/dist/components/query-builder/constants.js.map +0 -1
  201. package/dist/components/query-builder/dataset-sample.d.ts +0 -91
  202. package/dist/components/query-builder/group.d.ts +0 -5
  203. package/dist/components/query-builder/group.js +0 -87
  204. package/dist/components/query-builder/group.js.map +0 -1
  205. package/dist/components/query-builder/index.d.ts +0 -5
  206. package/dist/components/query-builder/query-builder.css.d.ts +0 -91
  207. package/dist/components/query-builder/query-builder.d.ts +0 -2
  208. package/dist/components/query-builder/query-builder.js +0 -129
  209. package/dist/components/query-builder/query-builder.js.map +0 -1
  210. package/dist/components/query-builder/query-builder.vanilla.js +0 -10
  211. package/dist/components/query-builder/query-builder.vanilla.js.map +0 -1
  212. package/dist/components/query-builder/rule.d.ts +0 -3
  213. package/dist/components/query-builder/rule.js +0 -112
  214. package/dist/components/query-builder/rule.js.map +0 -1
  215. package/dist/components/query-builder/types.d.ts +0 -128
  216. package/dist/components/query-builder/utils.d.ts +0 -29
  217. package/dist/components/query-builder/utils.js +0 -22
  218. package/dist/components/query-builder/utils.js.map +0 -1
  219. package/dist/components/query-builder/value-editor.d.ts +0 -4
  220. package/dist/components/query-builder/value-editor.js +0 -74
  221. package/dist/components/query-builder/value-editor.js.map +0 -1
  222. package/dist/components/query-builder/value-selector.d.ts +0 -2
  223. package/dist/components/query-builder/value-selector.js +0 -28
  224. package/dist/components/query-builder/value-selector.js.map +0 -1
  225. package/dist/components/radio/index.d.ts +0 -3
  226. package/dist/components/radio/radio.css.d.ts +0 -34
  227. package/dist/components/radio/radio.d.ts +0 -16
  228. package/dist/components/radio/radio.js +0 -63
  229. package/dist/components/radio/radio.js.map +0 -1
  230. package/dist/components/radio/radio.vanilla.js +0 -8
  231. package/dist/components/radio/radio.vanilla.js.map +0 -1
  232. package/dist/components/radio/types.d.ts +0 -29
  233. package/dist/components/search-field/index.d.ts +0 -3
  234. package/dist/components/search-field/search-field.css.d.ts +0 -16
  235. package/dist/components/search-field/search-field.d.ts +0 -9
  236. package/dist/components/search-field/search-field.js +0 -60
  237. package/dist/components/search-field/search-field.js.map +0 -1
  238. package/dist/components/search-field/search-field.vanilla.js +0 -7
  239. package/dist/components/search-field/search-field.vanilla.js.map +0 -1
  240. package/dist/components/search-field/types.d.ts +0 -29
  241. package/dist/components/select/index.d.ts +0 -3
  242. package/dist/components/select/select.css.d.ts +0 -25
  243. package/dist/components/select/select.d.ts +0 -8
  244. package/dist/components/select/select.js +0 -80
  245. package/dist/components/select/select.js.map +0 -1
  246. package/dist/components/select/select.vanilla.js +0 -8
  247. package/dist/components/select/select.vanilla.js.map +0 -1
  248. package/dist/components/select/types.d.ts +0 -30
  249. package/dist/components/switch/index.d.ts +0 -3
  250. package/dist/components/switch/switch.css.d.ts +0 -25
  251. package/dist/components/switch/switch.d.ts +0 -4
  252. package/dist/components/switch/switch.js +0 -34
  253. package/dist/components/switch/switch.js.map +0 -1
  254. package/dist/components/switch/switch.vanilla.js +0 -8
  255. package/dist/components/switch/switch.vanilla.js.map +0 -1
  256. package/dist/components/switch/types.d.ts +0 -17
  257. package/dist/components/tabs/index.d.ts +0 -3
  258. package/dist/components/tabs/tabs.css.d.ts +0 -49
  259. package/dist/components/tabs/tabs.d.ts +0 -68
  260. package/dist/components/tabs/tabs.js +0 -108
  261. package/dist/components/tabs/tabs.js.map +0 -1
  262. package/dist/components/tabs/tabs.vanilla.js +0 -11
  263. package/dist/components/tabs/tabs.vanilla.js.map +0 -1
  264. package/dist/components/tabs/types.d.ts +0 -82
  265. package/dist/components/textarea/index.d.ts +0 -3
  266. package/dist/components/textarea/textarea.css.d.ts +0 -31
  267. package/dist/components/textarea/textarea.d.ts +0 -14
  268. package/dist/components/textarea/textarea.js +0 -86
  269. package/dist/components/textarea/textarea.js.map +0 -1
  270. package/dist/components/textarea/textarea.vanilla.js +0 -8
  271. package/dist/components/textarea/textarea.vanilla.js.map +0 -1
  272. package/dist/components/textarea/types.d.ts +0 -39
  273. package/dist/components/tooltip/index.d.ts +0 -3
  274. package/dist/components/tooltip/tooltip.css.d.ts +0 -23
  275. package/dist/components/tooltip/tooltip.d.ts +0 -23
  276. package/dist/components/tooltip/tooltip.js +0 -69
  277. package/dist/components/tooltip/tooltip.js.map +0 -1
  278. package/dist/components/tooltip/tooltip.vanilla.js +0 -8
  279. package/dist/components/tooltip/tooltip.vanilla.js.map +0 -1
  280. package/dist/components/tooltip/types.d.ts +0 -39
  281. package/dist/components/tree/index.d.ts +0 -3
  282. package/dist/components/tree/tree.css.d.ts +0 -73
  283. package/dist/components/tree/tree.d.ts +0 -5
  284. package/dist/components/tree/tree.js +0 -337
  285. package/dist/components/tree/tree.js.map +0 -1
  286. package/dist/components/tree/tree.vanilla.js +0 -11
  287. package/dist/components/tree/tree.vanilla.js.map +0 -1
  288. package/dist/components/tree/types.d.ts +0 -114
  289. package/dist/components/tree/utils.d.ts +0 -8
  290. package/dist/components/tree/utils.js +0 -75
  291. package/dist/components/tree/utils.js.map +0 -1
  292. package/dist/hooks/index.d.ts +0 -8
  293. package/dist/hooks/use-collection-render/index.d.ts +0 -1
  294. package/dist/hooks/use-collection-render/use-collection-render.d.ts +0 -9
  295. package/dist/hooks/use-collection-render/use-collection-render.js +0 -20
  296. package/dist/hooks/use-collection-render/use-collection-render.js.map +0 -1
  297. package/dist/hooks/use-context-props/index.d.ts +0 -1
  298. package/dist/hooks/use-context-props/use-context-props.d.ts +0 -7
  299. package/dist/hooks/use-context-props/use-context-props.js +0 -15
  300. package/dist/hooks/use-context-props/use-context-props.js.map +0 -1
  301. package/dist/hooks/use-defaults/index.d.ts +0 -2
  302. package/dist/hooks/use-defaults/types.d.ts +0 -67
  303. package/dist/hooks/use-defaults/use-defaults.d.ts +0 -56
  304. package/dist/hooks/use-defaults/use-defaults.js +0 -21
  305. package/dist/hooks/use-defaults/use-defaults.js.map +0 -1
  306. package/dist/hooks/use-propagating-press/index.d.ts +0 -1
  307. package/dist/hooks/use-propagating-press/use-propagating-press.d.ts +0 -9
  308. package/dist/hooks/use-propagating-press/use-propagating-press.js +0 -14
  309. package/dist/hooks/use-propagating-press/use-propagating-press.js.map +0 -1
  310. package/dist/hooks/use-slot/index.d.ts +0 -1
  311. package/dist/hooks/use-slot/use-slot.d.ts +0 -13
  312. package/dist/hooks/use-slot/use-slot.js +0 -18
  313. package/dist/hooks/use-slot/use-slot.js.map +0 -1
  314. package/dist/hooks/use-theme/index.d.ts +0 -2
  315. package/dist/hooks/use-theme/types.d.ts +0 -86
  316. package/dist/hooks/use-theme/use-theme.css.d.ts +0 -1
  317. package/dist/hooks/use-theme/use-theme.d.ts +0 -13
  318. package/dist/hooks/use-theme/use-theme.js +0 -64
  319. package/dist/hooks/use-theme/use-theme.js.map +0 -1
  320. package/dist/hooks/use-theme/use-theme.vanilla.js +0 -4
  321. package/dist/hooks/use-theme/use-theme.vanilla.js.map +0 -1
  322. package/dist/hooks/use-tree/index.d.ts +0 -1
  323. package/dist/hooks/use-tree/use-tree.d.ts +0 -2
  324. package/dist/hooks/use-tree/use-tree.js +0 -217
  325. package/dist/hooks/use-tree/use-tree.js.map +0 -1
  326. package/dist/hooks/use-tree/utils.d.ts +0 -6
  327. package/dist/hooks/use-tree/utils.js +0 -77
  328. package/dist/hooks/use-tree/utils.js.map +0 -1
  329. package/dist/hooks/use-update-effect/index.d.ts +0 -1
  330. package/dist/hooks/use-update-effect/use-update-effect.d.ts +0 -1
  331. package/dist/hooks/use-update-effect/use-update-effect.js +0 -20
  332. package/dist/hooks/use-update-effect/use-update-effect.js.map +0 -1
  333. package/dist/ladle/actions.d.ts +0 -1
  334. package/dist/ladle/index.d.ts +0 -1
  335. package/dist/styles/index.d.ts +0 -6
  336. package/dist/styles/layers.css.d.ts +0 -16
  337. package/dist/styles/layers.vanilla.js +0 -4
  338. package/dist/styles/layers.vanilla.js.map +0 -1
  339. package/dist/styles/reset.css.d.ts +0 -1
  340. package/dist/styles/space.css.d.ts +0 -1
  341. package/dist/styles/surfaces.css.d.ts +0 -4
  342. package/dist/styles/surfaces.vanilla.js +0 -4
  343. package/dist/styles/surfaces.vanilla.js.map +0 -1
  344. package/dist/styles/theme.css.d.ts +0 -334
  345. package/dist/styles/theme.vanilla.js +0 -31
  346. package/dist/styles/theme.vanilla.js.map +0 -1
  347. package/dist/styles/typography.css.d.ts +0 -17
  348. package/dist/styles/typography.vanilla.js +0 -8
  349. package/dist/styles/typography.vanilla.js.map +0 -1
  350. package/dist/test/setup.d.ts +0 -1
  351. package/dist/types/deckgl.d.ts +0 -1
  352. package/dist/types/generic.d.ts +0 -3
  353. package/dist/types/index.d.ts +0 -6
  354. package/dist/types/props.d.ts +0 -4
  355. package/dist/types/react-aria.d.ts +0 -91
  356. package/dist/types/use-tree.d.ts +0 -52
  357. package/dist/types/vanilla-extract.d.ts +0 -15
  358. package/dist/utils/css.d.ts +0 -139
  359. package/dist/utils/css.js +0 -145
  360. package/dist/utils/css.js.map +0 -1
  361. package/dist/utils/events.d.ts +0 -10
  362. package/dist/utils/events.js +0 -5
  363. package/dist/utils/events.js.map +0 -1
  364. package/dist/utils/index.d.ts +0 -4
  365. package/dist/utils/props.d.ts +0 -29
  366. package/dist/utils/props.js +0 -108
  367. package/dist/utils/props.js.map +0 -1
  368. package/dist/utils/validators.d.ts +0 -49
  369. package/dist/utils/validators.js +0 -37
  370. package/dist/utils/validators.js.map +0 -1
@@ -1,208 +0,0 @@
1
- .theme_defaultGenericColors__ljimwq1e {
2
- --neutral-v01__ljimwq0: rgba(255, 255, 255, 1);
3
- --neutral-v02__ljimwq1: rgba(236, 236, 230, 1);
4
- --neutral-v03__ljimwq2: rgba(137, 137, 137, 1);
5
- --neutral-v04__ljimwq3: rgba(104, 104, 104, 1);
6
- --neutral-v05__ljimwq4: rgba(86, 86, 86, 1);
7
- --neutral-v06__ljimwq5: rgba(66, 66, 68, 1);
8
- --neutral-v07__ljimwq6: rgba(56, 56, 56, 1);
9
- --neutral-v08__ljimwq7: rgba(47, 47, 49, 1);
10
- --neutral-v09__ljimwq8: rgba(34, 34, 34, 1);
11
- --neutral-v10__ljimwq9: rgba(11, 11, 11, 1);
12
- --highlight-primary-v1__ljimwqa: rgba(201, 253, 239, 1);
13
- --highlight-primary-v2__ljimwqb: rgba(125, 249, 216, 1);
14
- --highlight-primary-v3__ljimwqc: rgba(40, 245, 190, 1);
15
- --highlight-primary-v4__ljimwqd: rgba(24, 147, 114, 1);
16
- --highlight-primary-v5__ljimwqe: rgba(10, 61, 48, 1);
17
- --highlight-secondary-v1__ljimwqf: rgba(201, 246, 253, 1);
18
- --highlight-secondary-v2__ljimwqg: rgba(126, 233, 249, 1);
19
- --highlight-secondary-v3__ljimwqh: rgba(40, 220, 245, 1);
20
- --highlight-secondary-v4__ljimwqi: rgba(24, 132, 147, 1);
21
- --highlight-secondary-v5__ljimwqj: rgba(10, 55, 61, 1);
22
- --highlight-tertiary-v1__ljimwqk: rgba(249, 197, 226, 1);
23
- --highlight-tertiary-v2__ljimwql: rgba(241, 116, 185, 1);
24
- --highlight-tertiary-v3__ljimwqm: rgba(232, 23, 138, 1);
25
- --highlight-tertiary-v4__ljimwqn: rgba(138, 14, 83, 1);
26
- --highlight-tertiary-v5__ljimwqo: rgba(58, 6, 35, 1);
27
- --condition-base-v1__ljimwqp: var(--neutral-v02__ljimwq1);
28
- --condition-base-v2__ljimwqq: var(--neutral-v03__ljimwq2);
29
- --condition-base-v3__ljimwqr: var(--neutral-v04__ljimwq3);
30
- --condition-base-v4__ljimwqs: var(--neutral-v07__ljimwq6);
31
- --condition-base-v5__ljimwqt: var(--neutral-v09__ljimwq8);
32
- --condition-advisory-v1__ljimwqu: rgba(224, 237, 255, 1);
33
- --condition-advisory-v2__ljimwqv: rgba(161, 202, 255, 1);
34
- --condition-advisory-v3__ljimwqw: rgba(98, 166, 255, 1);
35
- --condition-advisory-v4__ljimwqx: rgba(58, 100, 153, 1);
36
- --condition-advisory-v5__ljimwqy: rgba(20, 33, 51, 1);
37
- --condition-affirmative-v1__ljimwqz: rgba(214, 246, 229, 1);
38
- --condition-affirmative-v2__ljimwq10: rgba(130, 228, 178, 1);
39
- --condition-affirmative-v3__ljimwq11: rgba(48, 210, 126, 1);
40
- --condition-affirmative-v4__ljimwq12: rgba(28, 126, 76, 1);
41
- --condition-affirmative-v5__ljimwq13: rgba(10, 42, 25, 1);
42
- --condition-serious-v1__ljimwq14: rgba(254, 237, 204, 1);
43
- --condition-serious-v2__ljimwq15: rgba(253, 200, 101, 1);
44
- --condition-serious-v3__ljimwq16: rgba(252, 164, 0, 1);
45
- --condition-serious-v4__ljimwq17: rgba(151, 98, 1, 1);
46
- --condition-serious-v5__ljimwq18: rgba(50, 33, 0, 1);
47
- --condition-critical-v1__ljimwq19: rgba(246, 211, 210, 1);
48
- --condition-critical-v2__ljimwq1a: rgba(229, 123, 119, 1);
49
- --condition-critical-v3__ljimwq1b: rgba(212, 35, 29, 1);
50
- --condition-critical-v4__ljimwq1c: rgba(127, 21, 17, 1);
51
- --condition-critical-v5__ljimwq1d: rgba(42, 7, 6, 1);
52
- }
53
- .theme_defaultSemanticColors__ljimwq2j {
54
- --background-surface-default__ljimwq1f: var(--neutral-v10__ljimwq9);
55
- --background-surface-raised__ljimwq1g: var(--neutral-v09__ljimwq8);
56
- --background-surface-overlay__ljimwq1h: var(--neutral-v08__ljimwq7);
57
- --background-interactive-default__ljimwq1i: var(--neutral-v01__ljimwq0);
58
- --background-interactive-disabled__ljimwq1j: var(--neutral-v08__ljimwq7);
59
- --background-interactive-active__ljimwq1k: var(--neutral-v07__ljimwq6);
60
- --background-highlight-bold__ljimwq1l: var(--highlight-primary-v3__ljimwqc);
61
- --background-highlight-subtle__ljimwq1m: var(--highlight-primary-v5__ljimwqe);
62
- --background-info-bold__ljimwq1n: var(--condition-base-v3__ljimwqr);
63
- --background-info-subtle__ljimwq1o: var(--condition-base-v5__ljimwqt);
64
- --background-advisory-bold__ljimwq1p: var(--condition-advisory-v3__ljimwqw);
65
- --background-advisory-subtle__ljimwq1q: var(--condition-advisory-v5__ljimwqy);
66
- --background-affirmative-bold__ljimwq1r: var(--condition-affirmative-v3__ljimwq11);
67
- --background-affirmative-subtle__ljimwq1s: var(--condition-affirmative-v5__ljimwq13);
68
- --background-serious-bold__ljimwq1t: var(--condition-serious-v3__ljimwq16);
69
- --background-serious-subtle__ljimwq1u: var(--condition-serious-v5__ljimwq18);
70
- --background-critical-bold__ljimwq1v: var(--condition-critical-v3__ljimwq1b);
71
- --background-critical-subtle__ljimwq1w: var(--condition-critical-v5__ljimwq1d);
72
- --foreground-interactive-primary-bold__ljimwq1x: var(--neutral-v01__ljimwq0);
73
- --foreground-interactive-primary-subtle__ljimwq1y: var(--neutral-v02__ljimwq1);
74
- --foreground-interactive-secondary-bold__ljimwq1z: var(--neutral-v09__ljimwq8);
75
- --foreground-interactive-secondary-subtle__ljimwq20: var(--neutral-v08__ljimwq7);
76
- --foreground-interactive-disabled__ljimwq21: var(--neutral-v04__ljimwq3);
77
- --foreground-interactive-highlight__ljimwq22: var(--highlight-primary-v3__ljimwqc);
78
- --foreground-info__ljimwq23: var(--condition-base-v3__ljimwqr);
79
- --foreground-advisory__ljimwq24: var(--condition-advisory-v3__ljimwqw);
80
- --foreground-affirmative__ljimwq25: var(--condition-affirmative-v3__ljimwq11);
81
- --foreground-serious__ljimwq26: var(--condition-serious-v3__ljimwq16);
82
- --foreground-critical__ljimwq27: var(--condition-critical-v3__ljimwq1b);
83
- --border-static-exterior__ljimwq28: var(--neutral-v07__ljimwq6);
84
- --border-static-interior__ljimwq29: var(--neutral-v09__ljimwq8);
85
- --border-interactive-default__ljimwq2a: var(--neutral-v06__ljimwq5);
86
- --border-interactive-hover__ljimwq2b: var(--neutral-v01__ljimwq0);
87
- --border-interactive-disabled__ljimwq2c: var(--neutral-v07__ljimwq6);
88
- --border-interactive-highlight__ljimwq2d: var(--highlight-primary-v3__ljimwqc);
89
- --border-info__ljimwq2e: var(--condition-base-v3__ljimwqr);
90
- --border-advisory__ljimwq2f: var(--condition-advisory-v3__ljimwqw);
91
- --border-affirmative__ljimwq2g: var(--condition-affirmative-v3__ljimwq11);
92
- --border-serious__ljimwq2h: var(--condition-serious-v3__ljimwq16);
93
- --border-critical__ljimwq2i: var(--condition-critical-v3__ljimwq1b);
94
- }
95
- .theme_defaultElevations__ljimwq2t {
96
- --default-surface__ljimwq2k: var(--neutral-v10__ljimwq9);
97
- --default-shadow__ljimwq2l: none;
98
- --default-color__ljimwq2m: var(--neutral-v01__ljimwq0);
99
- --raised-surface__ljimwq2n: var(--neutral-v09__ljimwq8);
100
- --raised-shadow__ljimwq2o: 0 3px 14px 0 rgb(from var(--neutral-v10__ljimwq9) r g b / 0.12), 0 8px 10px 0 rgb(from var(--neutral-v10__ljimwq9) r g b / 0.14), 0 5px 5px 0 rgb(from var(--neutral-v10__ljimwq9) r g b / 0.2);
101
- --raised-color__ljimwq2p: var(--neutral-v01__ljimwq0);
102
- --overlay-surface__ljimwq2q: var(--neutral-v08__ljimwq7);
103
- --overlay-shadow__ljimwq2r: 0 5px 22px 0 rgb(from var(--neutral-v10__ljimwq9) r g b / 0.12), 0 12px 17px 0 rgb(from var(--neutral-v10__ljimwq9) r g b / 0.14), 0 7px 8px 0 rgb(from var(--neutral-v10__ljimwq9) r g b / 0.2);
104
- --overlay-color__ljimwq2s: var(--neutral-v01__ljimwq0);
105
- }
106
- .theme_defaultSizes__ljimwq35 {
107
- --none__ljimwq2u: 0;
108
- --v01__ljimwq2v: 1px;
109
- --v02__ljimwq2w: 2px;
110
- --v03__ljimwq2x: 4px;
111
- --v04__ljimwq2y: 8px;
112
- --v05__ljimwq2z: 12px;
113
- --v06__ljimwq30: 16px;
114
- --v07__ljimwq31: 24px;
115
- --v08__ljimwq32: 40px;
116
- --v09__ljimwq33: 80px;
117
- --v10__ljimwq34: ;
118
- }
119
- .theme_defaultSpace__ljimwq3b {
120
- --heading__ljimwq36: 0.5em;
121
- --paragraph__ljimwq37: 0.33em;
122
- --list-group__ljimwq38: 0.33em;
123
- --list-item__ljimwq39: 0.1em;
124
- --lastChild__ljimwq3a: 0;
125
- }
126
- .theme_defaultRadius__ljimwq3h {
127
- --none__ljimwq3c: 0;
128
- --sm__ljimwq3d: var(--v02__ljimwq2w);
129
- --md__ljimwq3e: var(--v03__ljimwq2x);
130
- --lg__ljimwq3f: var(--v04__ljimwq2y);
131
- --round__ljimwq3g: 9999px;
132
- }
133
- .theme_defaultTypography__ljimwq55 {
134
- --mono__ljimwq3i: ;
135
- --sans__ljimwq3j: ;
136
- --serif__ljimwq3k: ;
137
- --heading-v1-height__ljimwq3l: 1.25;
138
- --heading-v1-size__ljimwq3m: 32px;
139
- --heading-v1-spacing__ljimwq3n: normal;
140
- --heading-v1-weight__ljimwq3o: 500;
141
- --heading-v2-size__ljimwq3q: 24px;
142
- --heading-v2-spacing__ljimwq3r: normal;
143
- --heading-v2-height__ljimwq3p: 1.33;
144
- --heading-v2-weight__ljimwq3s: 500;
145
- --heading-v3-height__ljimwq3t: 1.4;
146
- --heading-v3-size__ljimwq3u: 20px;
147
- --heading-v3-spacing__ljimwq3v: normal;
148
- --heading-v3-weight__ljimwq3w: 500;
149
- --heading-v4-height__ljimwq3x: 1.425;
150
- --heading-v4-size__ljimwq3y: 14px;
151
- --heading-v4-spacing__ljimwq3z: 0.25px;
152
- --heading-v4-weight__ljimwq40: 500;
153
- --heading-v5-height__ljimwq41: 1.33;
154
- --heading-v5-size__ljimwq42: 12px;
155
- --heading-v5-spacing__ljimwq43: 0.4px;
156
- --heading-v5-weight__ljimwq44: 500;
157
- --heading-v6-height__ljimwq45: 1.2;
158
- --heading-v6-size__ljimwq46: 10px;
159
- --heading-v6-spacing__ljimwq47: 0.5px;
160
- --heading-v6-weight__ljimwq48: 400;
161
- --body-xs-height__ljimwq49: 1.2;
162
- --body-xs-size__ljimwq4a: 10px;
163
- --body-xs-spacing__ljimwq4b: 0.5px;
164
- --body-xs-weight__ljimwq4c: 400;
165
- --body-sm-height__ljimwq4d: 1.33;
166
- --body-sm-size__ljimwq4e: 12px;
167
- --body-sm-spacing__ljimwq4f: 0.4px;
168
- --body-sm-weight__ljimwq4g: 400;
169
- --body-md-height__ljimwq4h: 1.425;
170
- --body-md-size__ljimwq4i: 14px;
171
- --body-md-spacing__ljimwq4j: 0.25px;
172
- --body-md-weight__ljimwq4k: 400;
173
- --body-lg-height__ljimwq4l: 1.5;
174
- --body-lg-size__ljimwq4m: 16px;
175
- --body-lg-spacing__ljimwq4n: 0.5px;
176
- --body-lg-weight__ljimwq4o: 400;
177
- --body-xl-height__ljimwq4p: 1.6;
178
- --body-xl-size__ljimwq4q: 18px;
179
- --body-xl-spacing__ljimwq4r: 0.6px;
180
- --body-xl-weight__ljimwq4s: 400;
181
- --input-sm-height__ljimwq4t: var(--body-sm-height__ljimwq4d);
182
- --input-sm-size__ljimwq4u: var(--body-sm-size__ljimwq4e);
183
- --input-sm-spacing__ljimwq4v: var(--body-sm-spacing__ljimwq4f);
184
- --input-sm-weight__ljimwq4w: var(--body-sm-weight__ljimwq4g);
185
- --input-lg-height__ljimwq4x: var(--body-md-height__ljimwq4h);
186
- --input-lg-size__ljimwq4y: var(--body-md-size__ljimwq4i);
187
- --input-lg-spacing__ljimwq4z: var(--body-md-spacing__ljimwq4j);
188
- --input-lg-weight__ljimwq50: var(--body-md-weight__ljimwq4k);
189
- --label-height__ljimwq51: var(--body-md-height__ljimwq4h);
190
- --label-size__ljimwq52: var(--body-md-size__ljimwq4i);
191
- --label-spacing__ljimwq53: var(--body-md-spacing__ljimwq4j);
192
- --label-weight__ljimwq54: 500;
193
- }
194
- .theme_defaultZIndex__ljimwq5d {
195
- --popover__ljimwq56: 100;
196
- --layout__ljimwq57: 200;
197
- --drawer__ljimwq58: 300;
198
- --modal__ljimwq59: 400;
199
- --dialog__ljimwq5a: 500;
200
- --popup__ljimwq5b: 600;
201
- --tooltip__ljimwq5c: 700;
202
- }
203
- .theme_defaultFocus__ljimwq5i {
204
- --offset__ljimwq5e: var(--v02__ljimwq2w);
205
- --width__ljimwq5f: 1.5px;
206
- --style__ljimwq5g: solid;
207
- --color__ljimwq5h: ;
208
- }
@@ -1,150 +0,0 @@
1
- @layer layers_framework__qkbqqj1.layers_styles__qkbqqj8;
2
- .typography_families_mono__j8fgab0 {
3
- font-family: var(--mono__ljimwq3i);
4
- }
5
- .typography_families_sans__j8fgab1 {
6
- font-family: var(--sans__ljimwq3j);
7
- }
8
- .typography_families_serif__j8fgab2 {
9
- font-family: var(--serif__ljimwq3k);
10
- }
11
- @layer layers_framework__qkbqqj1.layers_styles__qkbqqj8 {
12
- h1 {
13
- font-size: var(--heading-v1-size__ljimwq3m);
14
- font-weight: var(--heading-v1-weight__ljimwq3o);
15
- letter-spacing: var(--heading-v1-spacing__ljimwq3n);
16
- line-height: var(--heading-v1-height__ljimwq3l);
17
- }
18
- .typography__j8fgab3 {
19
- font-size: var(--heading-v1-size__ljimwq3m);
20
- font-weight: var(--heading-v1-weight__ljimwq3o);
21
- letter-spacing: var(--heading-v1-spacing__ljimwq3n);
22
- line-height: var(--heading-v1-height__ljimwq3l);
23
- }
24
- h2 {
25
- font-size: var(--heading-v2-size__ljimwq3q);
26
- font-weight: var(--heading-v2-weight__ljimwq3s);
27
- letter-spacing: var(--heading-v2-spacing__ljimwq3r);
28
- line-height: var(--heading-v2-height__ljimwq3p);
29
- }
30
- .typography__j8fgab4 {
31
- font-size: var(--heading-v2-size__ljimwq3q);
32
- font-weight: var(--heading-v2-weight__ljimwq3s);
33
- letter-spacing: var(--heading-v2-spacing__ljimwq3r);
34
- line-height: var(--heading-v2-height__ljimwq3p);
35
- }
36
- h3 {
37
- font-size: var(--heading-v3-size__ljimwq3u);
38
- font-weight: var(--heading-v3-weight__ljimwq3w);
39
- letter-spacing: var(--heading-v3-spacing__ljimwq3v);
40
- line-height: var(--heading-v3-height__ljimwq3t);
41
- }
42
- .typography__j8fgab5 {
43
- font-size: var(--heading-v3-size__ljimwq3u);
44
- font-weight: var(--heading-v3-weight__ljimwq3w);
45
- letter-spacing: var(--heading-v3-spacing__ljimwq3v);
46
- line-height: var(--heading-v3-height__ljimwq3t);
47
- }
48
- h4 {
49
- font-size: var(--heading-v4-size__ljimwq3y);
50
- font-weight: var(--heading-v4-weight__ljimwq40);
51
- letter-spacing: var(--heading-v4-spacing__ljimwq3z);
52
- line-height: var(--heading-v4-height__ljimwq3x);
53
- }
54
- .typography__j8fgab6 {
55
- font-size: var(--heading-v4-size__ljimwq3y);
56
- font-weight: var(--heading-v4-weight__ljimwq40);
57
- letter-spacing: var(--heading-v4-spacing__ljimwq3z);
58
- line-height: var(--heading-v4-height__ljimwq3x);
59
- }
60
- h5 {
61
- font-size: var(--heading-v5-size__ljimwq42);
62
- font-weight: var(--heading-v5-weight__ljimwq44);
63
- letter-spacing: var(--heading-v5-spacing__ljimwq43);
64
- line-height: var(--heading-v5-height__ljimwq41);
65
- }
66
- .typography__j8fgab7 {
67
- font-size: var(--heading-v5-size__ljimwq42);
68
- font-weight: var(--heading-v5-weight__ljimwq44);
69
- letter-spacing: var(--heading-v5-spacing__ljimwq43);
70
- line-height: var(--heading-v5-height__ljimwq41);
71
- }
72
- h6 {
73
- font-size: var(--heading-v6-size__ljimwq46);
74
- font-weight: var(--heading-v6-weight__ljimwq48);
75
- letter-spacing: var(--heading-v6-spacing__ljimwq47);
76
- line-height: var(--heading-v6-height__ljimwq45);
77
- }
78
- .typography__j8fgab8 {
79
- font-size: var(--heading-v6-size__ljimwq46);
80
- font-weight: var(--heading-v6-weight__ljimwq48);
81
- letter-spacing: var(--heading-v6-spacing__ljimwq47);
82
- line-height: var(--heading-v6-height__ljimwq45);
83
- }
84
- .typography__j8fgab9 {
85
- font-size: var(--body-xs-size__ljimwq4a);
86
- font-weight: var(--body-xs-weight__ljimwq4c);
87
- letter-spacing: var(--body-xs-spacing__ljimwq4b);
88
- line-height: var(--body-xs-height__ljimwq49);
89
- }
90
- .typography__j8fgaba {
91
- font-size: var(--body-sm-size__ljimwq4e);
92
- font-weight: var(--body-sm-weight__ljimwq4g);
93
- letter-spacing: var(--body-sm-spacing__ljimwq4f);
94
- line-height: var(--body-sm-height__ljimwq4d);
95
- }
96
- .typography__j8fgabb {
97
- font-size: var(--body-md-size__ljimwq4i);
98
- font-weight: var(--body-md-weight__ljimwq4k);
99
- letter-spacing: var(--body-md-spacing__ljimwq4j);
100
- line-height: var(--body-md-height__ljimwq4h);
101
- }
102
- .typography__j8fgabc {
103
- font-size: var(--body-lg-size__ljimwq4m);
104
- font-weight: var(--body-lg-weight__ljimwq4o);
105
- letter-spacing: var(--body-lg-spacing__ljimwq4n);
106
- line-height: var(--body-lg-height__ljimwq4l);
107
- }
108
- .typography__j8fgabd {
109
- font-size: var(--body-xl-size__ljimwq4q);
110
- font-weight: var(--body-xl-weight__ljimwq4s);
111
- letter-spacing: var(--body-xl-spacing__ljimwq4r);
112
- line-height: var(--body-xl-height__ljimwq4p);
113
- }
114
- .typography__j8fgabe {
115
- font-size: var(--input-sm-size__ljimwq4u);
116
- font-weight: var(--input-sm-weight__ljimwq4w);
117
- letter-spacing: var(--input-sm-spacing__ljimwq4v);
118
- line-height: var(--input-sm-height__ljimwq4t);
119
- }
120
- .typography__j8fgabf {
121
- font-size: var(--input-lg-size__ljimwq4y);
122
- font-weight: var(--input-lg-weight__ljimwq50);
123
- letter-spacing: var(--input-lg-spacing__ljimwq4z);
124
- line-height: var(--input-lg-height__ljimwq4x);
125
- }
126
- input {
127
- font-size: var(--input-lg-size__ljimwq4y);
128
- font-weight: var(--input-lg-weight__ljimwq50);
129
- letter-spacing: var(--input-lg-spacing__ljimwq4z);
130
- line-height: var(--input-lg-height__ljimwq4x);
131
- }
132
- textarea {
133
- font-size: var(--input-lg-size__ljimwq4y);
134
- font-weight: var(--input-lg-weight__ljimwq50);
135
- letter-spacing: var(--input-lg-spacing__ljimwq4z);
136
- line-height: var(--input-lg-height__ljimwq4x);
137
- }
138
- label {
139
- font-size: var(--label-size__ljimwq52);
140
- font-weight: var(--label-weight__ljimwq54);
141
- letter-spacing: var(--label-spacing__ljimwq53);
142
- line-height: var(--label-height__ljimwq51);
143
- }
144
- .typography_label__j8fgabg {
145
- font-size: var(--label-size__ljimwq52);
146
- font-weight: var(--label-weight__ljimwq54);
147
- letter-spacing: var(--label-spacing__ljimwq53);
148
- line-height: var(--label-height__ljimwq51);
149
- }
150
- }
@@ -1,19 +0,0 @@
1
- import { type RefAttributes } from 'react';
2
- import { type ContextValue, type SectionProps, type SelectValueProps } from 'react-aria-components';
3
- export declare const AriaFieldError: (props: import("react-aria-components").FieldErrorProps & RefAttributes<HTMLElement>) => import("react").ReactElement | null, AriaFieldErrorContext: import("react").Context<ContextValue<import("react-aria-components").FieldErrorProps & RefAttributes<HTMLElement>, HTMLElement>>;
4
- export declare const AriaGroup: (props: import("react-aria-components").GroupProps & RefAttributes<HTMLDivElement>) => import("react").ReactElement | null, AriaGroupContext: import("react").Context<ContextValue<import("react-aria-components").GroupProps & RefAttributes<HTMLDivElement>, HTMLDivElement>>;
5
- export declare const AriaHeader: (props: import("react").HTMLAttributes<HTMLElement> & RefAttributes<object> & RefAttributes<HTMLElement>) => import("react").ReactElement | null, AriaHeaderContext: import("react").Context<ContextValue<import("react").HTMLAttributes<HTMLElement> & RefAttributes<object>, HTMLElement>>;
6
- export declare const AriaHeading: (props: import("react-aria-components").HeadingProps & RefAttributes<HTMLHeadingElement>) => import("react").ReactElement | null, AriaHeadingContext: import("react").Context<ContextValue<import("react-aria-components").HeadingProps & RefAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
7
- export declare const AriaKeyboard: (props: import("react").HTMLAttributes<HTMLElement> & RefAttributes<HTMLElement>) => import("react").ReactElement | null, AriaKeyboardContext: import("react").Context<ContextValue<import("react").HTMLAttributes<HTMLElement> & RefAttributes<HTMLElement>, HTMLElement>>;
8
- export declare const AriaLabel: (props: import("react-aria-components").LabelProps & RefAttributes<HTMLLabelElement>) => import("react").ReactElement | null, AriaLabelContext: import("react").Context<ContextValue<import("react-aria-components").LabelProps & RefAttributes<HTMLLabelElement>, HTMLLabelElement>>;
9
- export declare const AriaSeparator: (props: import("react-aria-components").SeparatorProps & RefAttributes<object> & RefAttributes<HTMLElement>) => import("react").ReactElement | null, AriaSeparatorContext: import("react").Context<ContextValue<import("react-aria-components").SeparatorProps & RefAttributes<object>, HTMLElement>>;
10
- export declare const AriaText: (props: import("react-aria-components").TextProps & RefAttributes<HTMLElement>) => import("react").ReactElement | null, AriaTextContext: import("react").Context<ContextValue<import("react-aria-components").TextProps & RefAttributes<HTMLElement>, HTMLElement>>;
11
- /**
12
- * Due to the complexity of types and technical constraints of TS, it's not
13
- * possible for the above wrapping utility to support components that accept
14
- * generic parameters. This means that these components must be manually wrapped
15
- */
16
- export declare const AriaSectionContext: import("react").Context<ContextValue<SectionProps<object>, HTMLElement>>;
17
- export declare const AriaSection: <T extends object>(props: SectionProps<T> & RefAttributes<HTMLElement>) => import("react").ReactElement | null;
18
- export declare const AriaSelectValueContext: import("react").Context<ContextValue<SelectValueProps<object>, HTMLSpanElement>>;
19
- export declare const AriaSelectValue: <T extends object>(props: SelectValueProps<T> & RefAttributes<HTMLSpanElement>) => import("react").ReactElement | null;
@@ -1,36 +0,0 @@
1
- import { jsx } from 'react/jsx-runtime';
2
- import { createContext, forwardRef } from 'react';
3
- import { Section, SelectValue, FieldError, Group, Header, Heading, Keyboard, Label, Separator, Text } from 'react-aria-components';
4
- import { useContextProps } from '../../hooks/use-context-props/use-context-props.js';
5
-
6
- function wrap(Component) {
7
- const Context = createContext(null);
8
- return {
9
- // biome-ignore lint/style/useNamingConvention: intentional
10
- Component: forwardRef(function WrappedComponent(props, ref) {
11
- [props, ref] = useContextProps(props, ref, Context);
12
- return jsx(Component, { ...props, ref });
13
- }),
14
- Context
15
- };
16
- }
17
- const { Component: AriaFieldError, Context: AriaFieldErrorContext } = wrap(FieldError);
18
- const { Component: AriaGroup, Context: AriaGroupContext } = wrap(Group);
19
- const { Component: AriaHeader, Context: AriaHeaderContext } = wrap(Header);
20
- const { Component: AriaHeading, Context: AriaHeadingContext } = wrap(Heading);
21
- const { Component: AriaKeyboard, Context: AriaKeyboardContext } = wrap(Keyboard);
22
- const { Component: AriaLabel, Context: AriaLabelContext } = wrap(Label);
23
- const { Component: AriaSeparator, Context: AriaSeparatorContext } = wrap(Separator);
24
- const { Component: AriaText, Context: AriaTextContext } = wrap(Text);
25
- const AriaSectionContext = createContext(null);
26
- const AriaSection = forwardRef(function AriaSection2(props, ref) {
27
- [props, ref] = useContextProps(props, ref, AriaSectionContext);
28
- return jsx(Section, { ...props, ref });
29
- });
30
- const AriaSelectValueContext = createContext(null);
31
- const AriaSelectValue = forwardRef(function AriaSelectValue2(props, ref) {
32
- [props, ref] = useContextProps(props, ref, AriaSelectValueContext);
33
- return jsx(SelectValue, { ...props, ref });
34
- });
35
-
36
- export { AriaFieldError, AriaFieldErrorContext, AriaGroup, AriaGroupContext, AriaHeader, AriaHeaderContext, AriaHeading, AriaHeadingContext, AriaKeyboard, AriaKeyboardContext, AriaLabel, AriaLabelContext, AriaSection, AriaSectionContext, AriaSelectValue, AriaSelectValueContext, AriaSeparator, AriaSeparatorContext, AriaText, AriaTextContext };
@@ -1 +0,0 @@
1
- {"version":3,"file":"aria.js","sources":["../../../src/components/aria/aria.tsx"],"sourcesContent":["import {\n createContext,\n forwardRef,\n type ForwardedRef,\n type RefAttributes,\n type ReactNode,\n} from 'react';\nimport {\n FieldError,\n Group,\n Header,\n Heading,\n Keyboard,\n Label,\n Section,\n SelectValue,\n Separator,\n Text,\n type ContextValue,\n type SectionProps,\n type SelectValueProps,\n} from 'react-aria-components';\nimport { useContextProps } from '../../hooks';\n\n/**\n * To better align with the guidance from RAC about establishing a unique\n * context for components to avoid conflict of props being provided by RAC\n * and C2DS components, this wrapping utility accepts an RAC and returns\n * a wrapped version along with the new context for the C2DS to use\n */\nfunction wrap<P extends object, E extends HTMLElement>(\n Component: (props: P & RefAttributes<E>) => ReactNode,\n) {\n const Context = createContext<ContextValue<P, E>>(null);\n\n return {\n // biome-ignore lint/style/useNamingConvention: intentional\n Component: forwardRef<E, P>(function WrappedComponent(props, ref) {\n [props, ref] = useContextProps(props, ref, Context);\n\n return <Component {...props} ref={ref} />;\n }),\n Context,\n };\n}\n\nexport const { Component: AriaFieldError, Context: AriaFieldErrorContext } =\n wrap(FieldError);\n\nexport const { Component: AriaGroup, Context: AriaGroupContext } = wrap(Group);\n\nexport const { Component: AriaHeader, Context: AriaHeaderContext } =\n wrap(Header);\n\nexport const { Component: AriaHeading, Context: AriaHeadingContext } =\n wrap(Heading);\n\nexport const { Component: AriaKeyboard, Context: AriaKeyboardContext } =\n wrap(Keyboard);\n\nexport const { Component: AriaLabel, Context: AriaLabelContext } = wrap(Label);\n\nexport const { Component: AriaSeparator, Context: AriaSeparatorContext } =\n wrap(Separator);\n\nexport const { Component: AriaText, Context: AriaTextContext } = wrap(Text);\n\n/**\n * Due to the complexity of types and technical constraints of TS, it's not\n * possible for the above wrapping utility to support components that accept\n * generic parameters. This means that these components must be manually wrapped\n */\n\nexport const AriaSectionContext =\n createContext<ContextValue<SectionProps<object>, HTMLElement>>(null);\n\nexport const AriaSection = forwardRef(function AriaSection<T extends object>(\n props: SectionProps<T>,\n ref: ForwardedRef<HTMLElement>,\n) {\n [props, ref] = useContextProps(props, ref, AriaSectionContext);\n\n return <Section {...props} ref={ref} />;\n});\n\nexport const AriaSelectValueContext =\n createContext<ContextValue<SelectValueProps<object>, HTMLSpanElement>>(null);\n\nexport const AriaSelectValue = forwardRef(function AriaSelectValue<\n T extends object,\n>(props: SelectValueProps<T>, ref: ForwardedRef<HTMLSpanElement>) {\n [props, ref] = useContextProps(props, ref, AriaSelectValueContext);\n\n return <SelectValue {...props} ref={ref} />;\n});\n"],"names":["AriaSection","AriaSelectValue"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA8BA,SAAS,KACP,SACA,EAAA;AACA,EAAM,MAAA,OAAA,GAAU,cAAkC,IAAI,CAAA,CAAA;AAEtD,EAAO,OAAA;AAAA;AAAA,IAEL,SAAW,EAAA,UAAA,CAAiB,SAAS,gBAAA,CAAiB,OAAO,GAAK,EAAA;AAChE,MAAA,CAAC,OAAO,GAAG,CAAA,GAAI,eAAgB,CAAA,KAAA,EAAO,KAAK,OAAO,CAAA,CAAA;AAElD,MAAA,uBAAQ,GAAA,CAAA,SAAA,EAAA,EAAW,GAAG,KAAA,EAAO,GAAU,EAAA,CAAA,CAAA;AAAA,KACxC,CAAA;AAAA,IACD,OAAA;AAAA,GACF,CAAA;AACF,CAAA;AAEO,MAAM,EAAE,SAAW,EAAA,cAAA,EAAgB,SAAS,qBAAsB,EAAA,GACvE,KAAK,UAAU,EAAA;AAEV,MAAM,EAAE,SAAW,EAAA,SAAA,EAAW,SAAS,gBAAiB,EAAA,GAAI,KAAK,KAAK,EAAA;AAEtE,MAAM,EAAE,SAAW,EAAA,UAAA,EAAY,SAAS,iBAAkB,EAAA,GAC/D,KAAK,MAAM,EAAA;AAEN,MAAM,EAAE,SAAW,EAAA,WAAA,EAAa,SAAS,kBAAmB,EAAA,GACjE,KAAK,OAAO,EAAA;AAEP,MAAM,EAAE,SAAW,EAAA,YAAA,EAAc,SAAS,mBAAoB,EAAA,GACnE,KAAK,QAAQ,EAAA;AAER,MAAM,EAAE,SAAW,EAAA,SAAA,EAAW,SAAS,gBAAiB,EAAA,GAAI,KAAK,KAAK,EAAA;AAEtE,MAAM,EAAE,SAAW,EAAA,aAAA,EAAe,SAAS,oBAAqB,EAAA,GACrE,KAAK,SAAS,EAAA;AAET,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,SAAS,eAAgB,EAAA,GAAI,KAAK,IAAI,EAAA;AAQ7D,MAAA,kBAAA,GACX,cAA+D,IAAI,EAAA;AAE9D,MAAM,WAAc,GAAA,UAAA,CAAW,SAASA,YAAAA,CAC7C,OACA,GACA,EAAA;AACA,EAAA,CAAC,OAAO,GAAG,CAAA,GAAI,eAAgB,CAAA,KAAA,EAAO,KAAK,kBAAkB,CAAA,CAAA;AAE7D,EAAA,uBAAQ,GAAA,CAAA,OAAA,EAAA,EAAS,GAAG,KAAA,EAAO,GAAU,EAAA,CAAA,CAAA;AACvC,CAAC,EAAA;AAEY,MAAA,sBAAA,GACX,cAAuE,IAAI,EAAA;AAEtE,MAAM,eAAkB,GAAA,UAAA,CAAW,SAASC,gBAAAA,CAEjD,OAA4B,GAAoC,EAAA;AAChE,EAAA,CAAC,OAAO,GAAG,CAAA,GAAI,eAAgB,CAAA,KAAA,EAAO,KAAK,sBAAsB,CAAA,CAAA;AAEjE,EAAA,uBAAQ,GAAA,CAAA,WAAA,EAAA,EAAa,GAAG,KAAA,EAAO,GAAU,EAAA,CAAA,CAAA;AAC3C,CAAC;;;;"}
@@ -1 +0,0 @@
1
- export { AriaFieldError, AriaFieldErrorContext, AriaGroup, AriaGroupContext, AriaHeader, AriaHeaderContext, AriaHeading, AriaHeadingContext, AriaKeyboard, AriaKeyboardContext, AriaLabel, AriaLabelContext, AriaSection, AriaSectionContext, AriaSelectValue, AriaSelectValueContext, AriaSeparator, AriaSeparatorContext, AriaText, AriaTextContext, } from './aria';
@@ -1,33 +0,0 @@
1
- import type { ButtonClassNames } from './types';
2
- export declare const buttonContainer: string;
3
- export declare const buttonColorVars: {
4
- nonSolidColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5
- bareBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
- hollowBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7
- solidBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
- solidColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
- border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12
- };
13
- export declare const buttonSpaceVars: {
14
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
- minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
- width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
- };
20
- export declare const buttonStateVars: {
21
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
- size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
- variant: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
- isCurrent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
- isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
- isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
- isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
- isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
- isPending: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
- isPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
- isSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
- };
33
- export declare const buttonClassNames: ButtonClassNames;
@@ -1,39 +0,0 @@
1
- import { type Context } from 'react';
2
- import { type ContextValue } from 'react-aria-components';
3
- import type { ButtonMapping, ButtonProps, ButtonSizes, LinkButtonProps, ToggleButtonProps } from './types';
4
- export declare const ButtonContext: Context<ContextValue<ButtonProps, HTMLButtonElement>>;
5
- export declare const Button: (props: Omit<import("react-aria-components").ButtonProps, "children" | "className" | "style"> & {
6
- children?: import("../..").RenderPropsChildren<import("./types").ButtonRenderProps>;
7
- classNames?: Partial<{
8
- container: string;
9
- button: string;
10
- }> | undefined;
11
- color?: import("./types").ButtonColors;
12
- mapping?: Partial<ButtonMapping>;
13
- size?: ButtonSizes;
14
- variant?: import("./types").ButtonVariants;
15
- } & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement | null;
16
- export declare const LinkButtonContext: Context<ContextValue<LinkButtonProps, HTMLAnchorElement>>;
17
- export declare const LinkButton: (props: Omit<import("react-aria-components").LinkProps, "children" | "className" | "style"> & {
18
- children?: import("../..").RenderPropsChildren<import("./types").ButtonRenderProps>;
19
- classNames?: Partial<{
20
- container: string;
21
- button: string;
22
- }> | undefined;
23
- color?: import("./types").ButtonColors;
24
- mapping?: Partial<ButtonMapping>;
25
- size?: ButtonSizes;
26
- variant?: import("./types").ButtonVariants;
27
- } & import("react").RefAttributes<HTMLAnchorElement>) => import("react").ReactElement | null;
28
- export declare const ToggleButtonContext: Context<ContextValue<ToggleButtonProps, HTMLButtonElement>>;
29
- export declare const ToggleButton: (props: Omit<import("react-aria-components").ToggleButtonProps, "children" | "className" | "style"> & {
30
- children?: import("../..").RenderPropsChildren<import("./types").ButtonRenderProps>;
31
- classNames?: Partial<{
32
- container: string;
33
- button: string;
34
- }> | undefined;
35
- color?: import("./types").ButtonColors;
36
- mapping?: Partial<ButtonMapping>;
37
- size?: ButtonSizes;
38
- variant?: import("./types").ButtonVariants;
39
- } & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement | null;
@@ -1,71 +0,0 @@
1
- import { jsx } from 'react/jsx-runtime';
2
- import { clsx } from 'clsx';
3
- import { noop } from 'lodash';
4
- import { createContext, forwardRef, useMemo, useCallback } from 'react';
5
- import { Button as Button$1, Link, ToggleButton as ToggleButton$1, Provider } from 'react-aria-components';
6
- import { useContextProps } from '../../hooks/use-context-props/use-context-props.js';
7
- import { useDefaultProps } from '../../hooks/use-defaults/use-defaults.js';
8
- import { inlineVars } from '../../utils/css.js';
9
- import { mergeClassNames, callRenderProps } from '../../utils/props.js';
10
- import { useTheme } from '../../hooks/use-theme/use-theme.js';
11
- import { surfaces } from '../../styles/surfaces.vanilla.js';
12
- import { bodies } from '../../styles/typography.vanilla.js';
13
- import { IconContext } from '../icon/icon.js';
14
- import { buttonClassNames, buttonStateVars } from './button.vanilla.js';
15
-
16
- const noopToggleState = { isSelected: false, setSelected: noop, toggle: noop };
17
- const buttonSizes = ["xs", "sm", "md", "lg", "xl"];
18
- const defaultMapping = {
19
- font: bodies,
20
- icon: buttonSizes.reduce((acc, size) => {
21
- acc[size] = { size };
22
- return acc;
23
- }, {})
24
- };
25
- function useButton(props, ref, context, key) {
26
- [props, ref] = useContextProps(props, ref, context);
27
- props = useDefaultProps(props, key);
28
- const { children: childrenProp, classNames: classNamesProp, color = "primary", mapping: mappingProp, size = "md", variant = "solid", ...rest } = props;
29
- const theme = useTheme();
30
- const mapping = useMemo(() => ({
31
- ...defaultMapping,
32
- ...mappingProp
33
- }), [mappingProp]);
34
- const classNames = useMemo(() => mergeClassNames(buttonClassNames, theme.Button, classNamesProp, {
35
- button: clsx(mapping.font[size], variant === "floating" && surfaces.default.proud)
36
- }), [theme.Button, classNamesProp, mapping.font, size, variant]);
37
- const style = useCallback((renderProps) => inlineVars(buttonStateVars, {
38
- isCurrent: false,
39
- isSelected: false,
40
- ...renderProps,
41
- color,
42
- size,
43
- variant
44
- }), [color, size, variant]);
45
- const values = useMemo(() => [[IconContext, mapping.icon[size]]], [mapping.icon, size]);
46
- const children = useCallback((renderProps) => jsx(Provider, { values, children: jsx("span", { className: classNames?.button, children: callRenderProps(childrenProp, {
47
- state: noopToggleState,
48
- isCurrent: false,
49
- isPending: false,
50
- isSelected: false,
51
- ...renderProps
52
- }) }) }), [values, classNames?.button, childrenProp]);
53
- return useMemo(() => ({ ...rest, ref, children, className: classNames?.container, style }), [rest, ref, children, classNames?.container, style]);
54
- }
55
- const ButtonContext = createContext(null);
56
- const Button = forwardRef(function Button2(props, ref) {
57
- const buttonProps = useButton(props, ref, ButtonContext, "Button");
58
- return jsx(Button$1, { ...buttonProps });
59
- });
60
- const LinkButtonContext = createContext(null);
61
- const LinkButton = forwardRef(function LinkButton2(props, ref) {
62
- const buttonProps = useButton(props, ref, LinkButtonContext, "LinkButton");
63
- return jsx(Link, { ...buttonProps });
64
- });
65
- const ToggleButtonContext = createContext(null);
66
- const ToggleButton = forwardRef(function ToggleButton2(props, ref) {
67
- const buttonProps = useButton(props, ref, ToggleButtonContext, "ToggleButton");
68
- return jsx(ToggleButton$1, { ...buttonProps });
69
- });
70
-
71
- export { Button, ButtonContext, LinkButton, LinkButtonContext, ToggleButton, ToggleButtonContext };
@@ -1 +0,0 @@
1
- {"version":3,"file":"button.js","sources":["../../../src/components/button/button.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { noop } from 'lodash';\nimport {\n createContext,\n forwardRef,\n useCallback,\n useMemo,\n type Context,\n type ForwardedRef,\n} from 'react';\nimport {\n Link,\n Provider,\n Button as RACButton,\n ToggleButton as RACToggleButton,\n type ButtonRenderProps,\n type ContextValue,\n type LinkRenderProps,\n type ToggleButtonRenderProps,\n} from 'react-aria-components';\nimport { useContextProps, useDefaultProps, useTheme } from '../../hooks';\nimport { bodies, surfaces } from '../../styles';\nimport type { OmitProtectedProps } from '../../types';\nimport { callRenderProps, inlineVars, mergeClassNames } from '../../utils';\nimport { IconContext, type IconProps } from '../icon';\nimport { buttonClassNames, buttonStateVars } from './button.css';\nimport type {\n ButtonMapping,\n ButtonProps,\n ButtonSizes,\n LinkButtonProps,\n ToggleButtonProps,\n} from './types';\n\nconst noopToggleState = { isSelected: false, setSelected: noop, toggle: noop };\nconst buttonSizes: ButtonSizes[] = ['xs', 'sm', 'md', 'lg', 'xl'];\n\nconst defaultMapping: ButtonMapping = {\n font: bodies,\n icon: buttonSizes.reduce(\n (acc, size) => {\n acc[size] = { size };\n\n return acc;\n },\n {} as Record<ButtonSizes, OmitProtectedProps<IconProps>>,\n ),\n};\n\nfunction useButton<\n P extends ButtonProps | LinkButtonProps | ToggleButtonProps,\n E extends HTMLElement,\n>(\n props: P,\n ref: ForwardedRef<E>,\n context: Context<ContextValue<P, E>>,\n key: 'Button' | 'LinkButton' | 'ToggleButton',\n) {\n [props, ref] = useContextProps(props, ref, context);\n\n props = useDefaultProps(props, key);\n\n const {\n children: childrenProp,\n classNames: classNamesProp,\n color = 'primary',\n mapping: mappingProp,\n size = 'md',\n variant = 'solid',\n ...rest\n } = props;\n\n const theme = useTheme();\n\n const mapping = useMemo(\n () => ({\n ...defaultMapping,\n ...mappingProp,\n }),\n [mappingProp],\n );\n\n const classNames = useMemo(\n () =>\n mergeClassNames(buttonClassNames, theme.Button, classNamesProp, {\n button: clsx(\n mapping.font[size],\n variant === 'floating' && surfaces.default.proud,\n ),\n }),\n [theme.Button, classNamesProp, mapping.font, size, variant],\n );\n\n const style = useCallback(\n (\n renderProps:\n | ButtonRenderProps\n | LinkRenderProps\n | ToggleButtonRenderProps,\n ) =>\n inlineVars(buttonStateVars, {\n isCurrent: false,\n isSelected: false,\n ...renderProps,\n color,\n size,\n variant,\n }),\n [color, size, variant],\n );\n\n const values = useMemo<\n [[typeof IconContext, ContextValue<IconProps, HTMLDivElement>]]\n >(() => [[IconContext, mapping.icon[size]]], [mapping.icon, size]);\n\n const children = useCallback(\n (\n renderProps:\n | ButtonRenderProps\n | LinkRenderProps\n | ToggleButtonRenderProps,\n ) => (\n <Provider values={values}>\n <span className={classNames?.button}>\n {callRenderProps(childrenProp, {\n state: noopToggleState,\n isCurrent: false,\n isPending: false,\n isSelected: false,\n ...renderProps,\n })}\n </span>\n </Provider>\n ),\n [values, classNames?.button, childrenProp],\n );\n\n return useMemo(\n () => ({ ...rest, ref, children, className: classNames?.container, style }),\n [rest, ref, children, classNames?.container, style],\n );\n}\n\nexport const ButtonContext =\n createContext<ContextValue<ButtonProps, HTMLButtonElement>>(null);\n\nexport const Button = forwardRef(function Button(\n props: ButtonProps,\n ref: ForwardedRef<HTMLButtonElement>,\n) {\n const buttonProps = useButton(props, ref, ButtonContext, 'Button');\n\n return <RACButton {...buttonProps} />;\n});\n\nexport const LinkButtonContext =\n createContext<ContextValue<LinkButtonProps, HTMLAnchorElement>>(null);\n\nexport const LinkButton = forwardRef(function LinkButton(\n props: LinkButtonProps,\n ref: ForwardedRef<HTMLAnchorElement>,\n) {\n const buttonProps = useButton(props, ref, LinkButtonContext, 'LinkButton');\n\n return <Link {...buttonProps} />;\n});\n\nexport const ToggleButtonContext =\n createContext<ContextValue<ToggleButtonProps, HTMLButtonElement>>(null);\n\nexport const ToggleButton = forwardRef(function ToggleButton(\n props: ToggleButtonProps,\n ref: ForwardedRef<HTMLButtonElement>,\n) {\n const buttonProps = useButton(\n props,\n ref,\n ToggleButtonContext,\n 'ToggleButton',\n );\n\n return <RACToggleButton {...buttonProps} />;\n});\n"],"names":["Button","RACButton","LinkButton","ToggleButton","RACToggleButton"],"mappings":"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"}
@@ -1,8 +0,0 @@
1
-
2
- var buttonClassNames = { container: "button_buttonClassNames_container__17k72zwp", button: "button_buttonClassNames_button__17k72zwq" };
3
- var buttonColorVars = { nonSolidColor: "var(--nonSolidColor__17k72zw1)", bareBackground: "var(--bareBackground__17k72zw2)", hollowBorder: "var(--hollowBorder__17k72zw3)", solidBackground: "var(--solidBackground__17k72zw4)", solidColor: "var(--solidColor__17k72zw5)", background: "var(--background__17k72zw6)", border: "var(--border__17k72zw7)", color: "var(--color__17k72zw8)" };
4
- var buttonContainer = "button_buttonContainer__17k72zw0";
5
- var buttonSpaceVars = { gap: "var(--gap__17k72zw9)", minWidth: "var(--minWidth__17k72zwa)", width: "var(--width__17k72zwb)", x: "var(--x__17k72zwc)", y: "var(--y__17k72zwd)" };
6
- var buttonStateVars = { color: "var(--color__17k72zwe)", size: "var(--size__17k72zwf)", variant: "var(--variant__17k72zwg)", isCurrent: "var(--isCurrent__17k72zwh)", isDisabled: "var(--isDisabled__17k72zwi)", isFocused: "var(--isFocused__17k72zwj)", isFocusVisible: "var(--isFocusVisible__17k72zwk)", isHovered: "var(--isHovered__17k72zwl)", isPending: "var(--isPending__17k72zwm)", isPressed: "var(--isPressed__17k72zwn)", isSelected: "var(--isSelected__17k72zwo)" };
7
-
8
- export { buttonClassNames, buttonColorVars, buttonContainer, buttonSpaceVars, buttonStateVars };
@@ -1 +0,0 @@
1
- {"version":3,"file":"button.vanilla.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
@@ -1,3 +0,0 @@
1
- export { buttonClassNames, buttonColorVars, buttonContainer, buttonSpaceVars, buttonStateVars, } from './button.css';
2
- export { Button, ButtonContext, LinkButton, LinkButtonContext, ToggleButton, ToggleButtonContext, } from './button';
3
- export { type ButtonClassNames, type ButtonColors, type ButtonMapping, type ButtonProps, type ButtonRenderProps, type ButtonSizes, type ButtonState, type LinkButtonProps, type ToggleButtonProps, } from './types';
@@ -1,28 +0,0 @@
1
- import type { LinkProps, LinkRenderProps, ButtonProps as RACButtonProps, ButtonRenderProps as RACButtonRenderProps, ToggleButtonProps as RACToggleButtonProps, ToggleButtonRenderProps } from 'react-aria-components';
2
- import type { OmitProtectedProps, RenderPropsChildren } from '../../types';
3
- import type { IconProps } from '../icon/types';
4
- export type ButtonClassNames = Partial<{
5
- container: string;
6
- button: string;
7
- }>;
8
- export type ButtonColors = 'primary' | 'secondary' | 'tertiary' | 'advisory' | 'affirmative' | 'serious' | 'critical';
9
- export type ButtonSizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
10
- export type ButtonVariants = 'solid' | 'hollow' | 'bare' | 'icon' | 'floating';
11
- export type ButtonRenderProps = RACButtonRenderProps & LinkRenderProps & ToggleButtonRenderProps;
12
- export type ButtonMapping = {
13
- font: Partial<Record<ButtonSizes, string>>;
14
- icon: Partial<Record<ButtonSizes, OmitProtectedProps<IconProps>>>;
15
- };
16
- type BaseButtonProps = {
17
- children?: RenderPropsChildren<ButtonRenderProps>;
18
- classNames?: ButtonClassNames;
19
- color?: ButtonColors;
20
- mapping?: Partial<ButtonMapping>;
21
- size?: ButtonSizes;
22
- variant?: ButtonVariants;
23
- };
24
- export type ButtonState = Omit<ButtonRenderProps, 'state'> & Required<Pick<BaseButtonProps, 'color' | 'size' | 'variant'>>;
25
- export type ButtonProps = Omit<RACButtonProps, 'children' | 'className' | 'style'> & BaseButtonProps;
26
- export type ToggleButtonProps = Omit<RACToggleButtonProps, 'children' | 'className' | 'style'> & BaseButtonProps;
27
- export type LinkButtonProps = Omit<LinkProps, 'children' | 'className' | 'style'> & BaseButtonProps;
28
- export {};