@lolmath/ui 4.1.0 → 6.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 (336) hide show
  1. package/dist/es/index.css +1378 -0
  2. package/dist/es/index.d.ts +515 -24
  3. package/dist/es/index.js +1712 -25
  4. package/dist/es/index.js.map +1 -1
  5. package/dist/es/plugin.d.ts +7 -3
  6. package/dist/es/plugin.js +23 -22
  7. package/dist/es/plugin.js.map +1 -1
  8. package/dist/font/beaufort/beaufort.css +50 -50
  9. package/dist/font/spiegel/spiegel.css +25 -30
  10. package/dist/lib/index.css +1378 -0
  11. package/dist/lib/index.d.ts +515 -24
  12. package/dist/lib/index.js +1670 -48
  13. package/dist/lib/index.js.map +1 -1
  14. package/dist/lib/plugin.d.ts +7 -3
  15. package/dist/lib/plugin.js +24 -22
  16. package/dist/lib/plugin.js.map +1 -1
  17. package/package.json +16 -14
  18. package/readme.md +39 -2
  19. package/dist/es/assets/active.4113e6b2.png +0 -0
  20. package/dist/es/assets/checked-disabled.b5430cf5.png +0 -0
  21. package/dist/es/assets/checked-hover.d13cb1b3.png +0 -0
  22. package/dist/es/assets/checked-hovered.67390091.png +0 -0
  23. package/dist/es/assets/checked-pressed.cffd963b.png +0 -0
  24. package/dist/es/assets/checked.3258b858.png +0 -0
  25. package/dist/es/assets/checked.b9e4b215.png +0 -0
  26. package/dist/es/assets/closed.484c8084.png +0 -0
  27. package/dist/es/assets/disabled.87ad565d.png +0 -0
  28. package/dist/es/assets/dropdown-check.bed4dc45.png +0 -0
  29. package/dist/es/assets/hover.404fa456.png +0 -0
  30. package/dist/es/assets/indeterminate-hover.68fcbcda.png +0 -0
  31. package/dist/es/assets/indeterminate.90d6dc3e.png +0 -0
  32. package/dist/es/assets/normal.e4c594a1.png +0 -0
  33. package/dist/es/assets/open.a8643ee6.png +0 -0
  34. package/dist/es/assets/search.c15f1e1d.png +0 -0
  35. package/dist/es/assets/spinner.a69432f7.png +0 -0
  36. package/dist/es/assets/unchecked-disabled.702505e2.png +0 -0
  37. package/dist/es/assets/unchecked-hover.c8e5f2d0.png +0 -0
  38. package/dist/es/assets/unchecked-hovered.e26c4420.png +0 -0
  39. package/dist/es/assets/unchecked-pressed.161ab6f8.png +0 -0
  40. package/dist/es/assets/unchecked.ad8e0a95.png +0 -0
  41. package/dist/es/assets/unchecked.cc033abe.png +0 -0
  42. package/dist/es/components/accordion.d.ts +0 -74
  43. package/dist/es/components/accordion.js +0 -74
  44. package/dist/es/components/accordion.js.map +0 -1
  45. package/dist/es/components/accordion.module.js +0 -7
  46. package/dist/es/components/accordion.module.js.map +0 -1
  47. package/dist/es/components/accordion_module.css +0 -37
  48. package/dist/es/components/breadcrumbs.d.ts +0 -3
  49. package/dist/es/components/breadcrumbs.js +0 -67
  50. package/dist/es/components/breadcrumbs.js.map +0 -1
  51. package/dist/es/components/breadcrumbs.module.js +0 -7
  52. package/dist/es/components/breadcrumbs.module.js.map +0 -1
  53. package/dist/es/components/breadcrumbs_module.css +0 -23
  54. package/dist/es/components/button-link.d.ts +0 -11
  55. package/dist/es/components/button-link.js +0 -39
  56. package/dist/es/components/button-link.js.map +0 -1
  57. package/dist/es/components/button.d.ts +0 -76
  58. package/dist/es/components/button.js +0 -78
  59. package/dist/es/components/button.js.map +0 -1
  60. package/dist/es/components/button.module.js +0 -7
  61. package/dist/es/components/button.module.js.map +0 -1
  62. package/dist/es/components/button_module.css +0 -159
  63. package/dist/es/components/card.d.ts +0 -6
  64. package/dist/es/components/card.js +0 -32
  65. package/dist/es/components/card.js.map +0 -1
  66. package/dist/es/components/card.module.js +0 -7
  67. package/dist/es/components/card.module.js.map +0 -1
  68. package/dist/es/components/card_module.css +0 -16
  69. package/dist/es/components/checkbox/checkbox.d.ts +0 -2
  70. package/dist/es/components/checkbox/checkbox.js +0 -55
  71. package/dist/es/components/checkbox/checkbox.js.map +0 -1
  72. package/dist/es/components/checkbox/checkbox.module.js +0 -7
  73. package/dist/es/components/checkbox/checkbox.module.js.map +0 -1
  74. package/dist/es/components/checkbox/checkbox_module.css +0 -17
  75. package/dist/es/components/divider.d.ts +0 -6
  76. package/dist/es/components/divider.js +0 -31
  77. package/dist/es/components/divider.js.map +0 -1
  78. package/dist/es/components/divider.module.js +0 -7
  79. package/dist/es/components/divider.module.js.map +0 -1
  80. package/dist/es/components/divider_module.css +0 -29
  81. package/dist/es/components/modal.d.ts +0 -13
  82. package/dist/es/components/modal.js +0 -86
  83. package/dist/es/components/modal.js.map +0 -1
  84. package/dist/es/components/modal.module.js +0 -7
  85. package/dist/es/components/modal.module.js.map +0 -1
  86. package/dist/es/components/modal_module.css +0 -80
  87. package/dist/es/components/number-field.d.ts +0 -10
  88. package/dist/es/components/number-field.js +0 -103
  89. package/dist/es/components/number-field.js.map +0 -1
  90. package/dist/es/components/number-field.module.js +0 -7
  91. package/dist/es/components/number-field.module.js.map +0 -1
  92. package/dist/es/components/number-field_module.css +0 -54
  93. package/dist/es/components/popover.d.ts +0 -1
  94. package/dist/es/components/popover.js +0 -0
  95. package/dist/es/components/popover.module.css +0 -0
  96. package/dist/es/components/progress-bar.d.ts +0 -6
  97. package/dist/es/components/progress-bar.js +0 -25
  98. package/dist/es/components/progress-bar.js.map +0 -1
  99. package/dist/es/components/progress-bar.module.js +0 -7
  100. package/dist/es/components/progress-bar.module.js.map +0 -1
  101. package/dist/es/components/progress-bar_module.css +0 -33
  102. package/dist/es/components/radio-group/radio-group.d.ts +0 -3
  103. package/dist/es/components/radio-group/radio-group.js +0 -46
  104. package/dist/es/components/radio-group/radio-group.js.map +0 -1
  105. package/dist/es/components/radio-group/radio-group.module.js +0 -7
  106. package/dist/es/components/radio-group/radio-group.module.js.map +0 -1
  107. package/dist/es/components/radio-group/radio-group_module.css +0 -53
  108. package/dist/es/components/search-field/search-field.d.ts +0 -6
  109. package/dist/es/components/search-field/search-field.js +0 -67
  110. package/dist/es/components/search-field/search-field.js.map +0 -1
  111. package/dist/es/components/search-field/search-field.module.js +0 -7
  112. package/dist/es/components/search-field/search-field.module.js.map +0 -1
  113. package/dist/es/components/search-field/search-field_module.css +0 -76
  114. package/dist/es/components/select/select.d.ts +0 -11
  115. package/dist/es/components/select/select.js +0 -77
  116. package/dist/es/components/select/select.js.map +0 -1
  117. package/dist/es/components/select/select.module.js +0 -7
  118. package/dist/es/components/select/select.module.js.map +0 -1
  119. package/dist/es/components/select/select_module.css +0 -83
  120. package/dist/es/components/slider/slider.d.ts +0 -8
  121. package/dist/es/components/slider/slider.js +0 -146
  122. package/dist/es/components/slider/slider.js.map +0 -1
  123. package/dist/es/components/slider/slider.module.js +0 -7
  124. package/dist/es/components/slider/slider.module.js.map +0 -1
  125. package/dist/es/components/slider/slider_module.css +0 -60
  126. package/dist/es/components/spinner/spinner.d.ts +0 -5
  127. package/dist/es/components/spinner/spinner.js +0 -21
  128. package/dist/es/components/spinner/spinner.js.map +0 -1
  129. package/dist/es/components/spinner/spinner.module.js +0 -7
  130. package/dist/es/components/spinner/spinner.module.js.map +0 -1
  131. package/dist/es/components/spinner/spinner_module.css +0 -16
  132. package/dist/es/components/switch.d.ts +0 -4
  133. package/dist/es/components/switch.js +0 -61
  134. package/dist/es/components/switch.js.map +0 -1
  135. package/dist/es/components/switch.module.js +0 -7
  136. package/dist/es/components/switch.module.js.map +0 -1
  137. package/dist/es/components/switch_module.css +0 -69
  138. package/dist/es/components/tabs.d.ts +0 -6
  139. package/dist/es/components/tabs.js +0 -71
  140. package/dist/es/components/tabs.js.map +0 -1
  141. package/dist/es/components/tabs.module.js +0 -7
  142. package/dist/es/components/tabs.module.js.map +0 -1
  143. package/dist/es/components/tabs_module.css +0 -50
  144. package/dist/es/components/text-area.d.ts +0 -4
  145. package/dist/es/components/text-area.js +0 -31
  146. package/dist/es/components/text-area.js.map +0 -1
  147. package/dist/es/components/text-field.d.ts +0 -64
  148. package/dist/es/components/text-field.js +0 -46
  149. package/dist/es/components/text-field.js.map +0 -1
  150. package/dist/es/components/text-field.module.js +0 -7
  151. package/dist/es/components/text-field.module.js.map +0 -1
  152. package/dist/es/components/text-field_module.css +0 -33
  153. package/dist/es/components/toggle-button.d.ts +0 -10
  154. package/dist/es/components/toggle-button.js +0 -68
  155. package/dist/es/components/toggle-button.js.map +0 -1
  156. package/dist/es/components/tooltip.d.ts +0 -3
  157. package/dist/es/components/tooltip.js +0 -67
  158. package/dist/es/components/tooltip.js.map +0 -1
  159. package/dist/es/components/tooltip.module.js +0 -7
  160. package/dist/es/components/tooltip.module.js.map +0 -1
  161. package/dist/es/components/tooltip_module.css +0 -66
  162. package/dist/es/components/typography/heading.d.ts +0 -67
  163. package/dist/es/components/typography/heading.js +0 -40
  164. package/dist/es/components/typography/heading.js.map +0 -1
  165. package/dist/es/components/typography/heading.module.js +0 -7
  166. package/dist/es/components/typography/heading.module.js.map +0 -1
  167. package/dist/es/components/typography/heading_module.css +0 -56
  168. package/dist/es/components/typography/text.d.ts +0 -17
  169. package/dist/es/components/typography/text.js +0 -63
  170. package/dist/es/components/typography/text.js.map +0 -1
  171. package/dist/es/components/typography/text.module.js +0 -7
  172. package/dist/es/components/typography/text.module.js.map +0 -1
  173. package/dist/es/components/typography/text_module.css +0 -64
  174. package/dist/es/style.css +0 -113
  175. package/dist/es/utilities/resolve-class-name.d.ts +0 -1
  176. package/dist/es/utilities/resolve-class-name.js +0 -8
  177. package/dist/es/utilities/resolve-class-name.js.map +0 -1
  178. package/dist/lib/assets/active.4113e6b2.png +0 -0
  179. package/dist/lib/assets/checked-disabled.b5430cf5.png +0 -0
  180. package/dist/lib/assets/checked-hover.d13cb1b3.png +0 -0
  181. package/dist/lib/assets/checked-hovered.67390091.png +0 -0
  182. package/dist/lib/assets/checked-pressed.cffd963b.png +0 -0
  183. package/dist/lib/assets/checked.3258b858.png +0 -0
  184. package/dist/lib/assets/checked.b9e4b215.png +0 -0
  185. package/dist/lib/assets/closed.484c8084.png +0 -0
  186. package/dist/lib/assets/disabled.87ad565d.png +0 -0
  187. package/dist/lib/assets/dropdown-check.bed4dc45.png +0 -0
  188. package/dist/lib/assets/hover.404fa456.png +0 -0
  189. package/dist/lib/assets/indeterminate-hover.68fcbcda.png +0 -0
  190. package/dist/lib/assets/indeterminate.90d6dc3e.png +0 -0
  191. package/dist/lib/assets/normal.e4c594a1.png +0 -0
  192. package/dist/lib/assets/open.a8643ee6.png +0 -0
  193. package/dist/lib/assets/search.c15f1e1d.png +0 -0
  194. package/dist/lib/assets/spinner.a69432f7.png +0 -0
  195. package/dist/lib/assets/unchecked-disabled.702505e2.png +0 -0
  196. package/dist/lib/assets/unchecked-hover.c8e5f2d0.png +0 -0
  197. package/dist/lib/assets/unchecked-hovered.e26c4420.png +0 -0
  198. package/dist/lib/assets/unchecked-pressed.161ab6f8.png +0 -0
  199. package/dist/lib/assets/unchecked.ad8e0a95.png +0 -0
  200. package/dist/lib/assets/unchecked.cc033abe.png +0 -0
  201. package/dist/lib/components/accordion.d.ts +0 -74
  202. package/dist/lib/components/accordion.js +0 -112
  203. package/dist/lib/components/accordion.js.map +0 -1
  204. package/dist/lib/components/accordion.module.js +0 -27
  205. package/dist/lib/components/accordion.module.js.map +0 -1
  206. package/dist/lib/components/accordion_module.css +0 -37
  207. package/dist/lib/components/breadcrumbs.d.ts +0 -3
  208. package/dist/lib/components/breadcrumbs.js +0 -98
  209. package/dist/lib/components/breadcrumbs.js.map +0 -1
  210. package/dist/lib/components/breadcrumbs.module.js +0 -27
  211. package/dist/lib/components/breadcrumbs.module.js.map +0 -1
  212. package/dist/lib/components/breadcrumbs_module.css +0 -23
  213. package/dist/lib/components/button-link.d.ts +0 -11
  214. package/dist/lib/components/button-link.js +0 -64
  215. package/dist/lib/components/button-link.js.map +0 -1
  216. package/dist/lib/components/button.d.ts +0 -76
  217. package/dist/lib/components/button.js +0 -112
  218. package/dist/lib/components/button.js.map +0 -1
  219. package/dist/lib/components/button.module.js +0 -27
  220. package/dist/lib/components/button.module.js.map +0 -1
  221. package/dist/lib/components/button_module.css +0 -159
  222. package/dist/lib/components/card.d.ts +0 -6
  223. package/dist/lib/components/card.js +0 -66
  224. package/dist/lib/components/card.js.map +0 -1
  225. package/dist/lib/components/card.module.js +0 -27
  226. package/dist/lib/components/card.module.js.map +0 -1
  227. package/dist/lib/components/card_module.css +0 -16
  228. package/dist/lib/components/checkbox/checkbox.d.ts +0 -2
  229. package/dist/lib/components/checkbox/checkbox.js +0 -87
  230. package/dist/lib/components/checkbox/checkbox.js.map +0 -1
  231. package/dist/lib/components/checkbox/checkbox.module.js +0 -27
  232. package/dist/lib/components/checkbox/checkbox.module.js.map +0 -1
  233. package/dist/lib/components/checkbox/checkbox_module.css +0 -17
  234. package/dist/lib/components/divider.d.ts +0 -6
  235. package/dist/lib/components/divider.js +0 -65
  236. package/dist/lib/components/divider.js.map +0 -1
  237. package/dist/lib/components/divider.module.js +0 -27
  238. package/dist/lib/components/divider.module.js.map +0 -1
  239. package/dist/lib/components/divider_module.css +0 -29
  240. package/dist/lib/components/modal.d.ts +0 -13
  241. package/dist/lib/components/modal.js +0 -117
  242. package/dist/lib/components/modal.js.map +0 -1
  243. package/dist/lib/components/modal.module.js +0 -27
  244. package/dist/lib/components/modal.module.js.map +0 -1
  245. package/dist/lib/components/modal_module.css +0 -80
  246. package/dist/lib/components/number-field.d.ts +0 -10
  247. package/dist/lib/components/number-field.js +0 -132
  248. package/dist/lib/components/number-field.js.map +0 -1
  249. package/dist/lib/components/number-field.module.js +0 -27
  250. package/dist/lib/components/number-field.module.js.map +0 -1
  251. package/dist/lib/components/number-field_module.css +0 -54
  252. package/dist/lib/components/popover.d.ts +0 -1
  253. package/dist/lib/components/popover.js +0 -1
  254. package/dist/lib/components/popover.module.css +0 -0
  255. package/dist/lib/components/progress-bar.d.ts +0 -6
  256. package/dist/lib/components/progress-bar.js +0 -56
  257. package/dist/lib/components/progress-bar.js.map +0 -1
  258. package/dist/lib/components/progress-bar.module.js +0 -27
  259. package/dist/lib/components/progress-bar.module.js.map +0 -1
  260. package/dist/lib/components/progress-bar_module.css +0 -33
  261. package/dist/lib/components/radio-group/radio-group.d.ts +0 -3
  262. package/dist/lib/components/radio-group/radio-group.js +0 -78
  263. package/dist/lib/components/radio-group/radio-group.js.map +0 -1
  264. package/dist/lib/components/radio-group/radio-group.module.js +0 -27
  265. package/dist/lib/components/radio-group/radio-group.module.js.map +0 -1
  266. package/dist/lib/components/radio-group/radio-group_module.css +0 -53
  267. package/dist/lib/components/search-field/search-field.d.ts +0 -6
  268. package/dist/lib/components/search-field/search-field.js +0 -97
  269. package/dist/lib/components/search-field/search-field.js.map +0 -1
  270. package/dist/lib/components/search-field/search-field.module.js +0 -27
  271. package/dist/lib/components/search-field/search-field.module.js.map +0 -1
  272. package/dist/lib/components/search-field/search-field_module.css +0 -76
  273. package/dist/lib/components/select/select.d.ts +0 -11
  274. package/dist/lib/components/select/select.js +0 -104
  275. package/dist/lib/components/select/select.js.map +0 -1
  276. package/dist/lib/components/select/select.module.js +0 -27
  277. package/dist/lib/components/select/select.module.js.map +0 -1
  278. package/dist/lib/components/select/select_module.css +0 -83
  279. package/dist/lib/components/slider/slider.d.ts +0 -8
  280. package/dist/lib/components/slider/slider.js +0 -176
  281. package/dist/lib/components/slider/slider.js.map +0 -1
  282. package/dist/lib/components/slider/slider.module.js +0 -27
  283. package/dist/lib/components/slider/slider.module.js.map +0 -1
  284. package/dist/lib/components/slider/slider_module.css +0 -60
  285. package/dist/lib/components/spinner/spinner.d.ts +0 -5
  286. package/dist/lib/components/spinner/spinner.js +0 -55
  287. package/dist/lib/components/spinner/spinner.js.map +0 -1
  288. package/dist/lib/components/spinner/spinner.module.js +0 -27
  289. package/dist/lib/components/spinner/spinner.module.js.map +0 -1
  290. package/dist/lib/components/spinner/spinner_module.css +0 -16
  291. package/dist/lib/components/switch.d.ts +0 -4
  292. package/dist/lib/components/switch.js +0 -95
  293. package/dist/lib/components/switch.js.map +0 -1
  294. package/dist/lib/components/switch.module.js +0 -27
  295. package/dist/lib/components/switch.module.js.map +0 -1
  296. package/dist/lib/components/switch_module.css +0 -69
  297. package/dist/lib/components/tabs.d.ts +0 -6
  298. package/dist/lib/components/tabs.js +0 -103
  299. package/dist/lib/components/tabs.js.map +0 -1
  300. package/dist/lib/components/tabs.module.js +0 -27
  301. package/dist/lib/components/tabs.module.js.map +0 -1
  302. package/dist/lib/components/tabs_module.css +0 -50
  303. package/dist/lib/components/text-area.d.ts +0 -4
  304. package/dist/lib/components/text-area.js +0 -52
  305. package/dist/lib/components/text-area.js.map +0 -1
  306. package/dist/lib/components/text-field.d.ts +0 -64
  307. package/dist/lib/components/text-field.js +0 -78
  308. package/dist/lib/components/text-field.js.map +0 -1
  309. package/dist/lib/components/text-field.module.js +0 -27
  310. package/dist/lib/components/text-field.module.js.map +0 -1
  311. package/dist/lib/components/text-field_module.css +0 -33
  312. package/dist/lib/components/toggle-button.d.ts +0 -10
  313. package/dist/lib/components/toggle-button.js +0 -100
  314. package/dist/lib/components/toggle-button.js.map +0 -1
  315. package/dist/lib/components/tooltip.d.ts +0 -3
  316. package/dist/lib/components/tooltip.js +0 -102
  317. package/dist/lib/components/tooltip.js.map +0 -1
  318. package/dist/lib/components/tooltip.module.js +0 -27
  319. package/dist/lib/components/tooltip.module.js.map +0 -1
  320. package/dist/lib/components/tooltip_module.css +0 -66
  321. package/dist/lib/components/typography/heading.d.ts +0 -67
  322. package/dist/lib/components/typography/heading.js +0 -75
  323. package/dist/lib/components/typography/heading.js.map +0 -1
  324. package/dist/lib/components/typography/heading.module.js +0 -27
  325. package/dist/lib/components/typography/heading.module.js.map +0 -1
  326. package/dist/lib/components/typography/heading_module.css +0 -56
  327. package/dist/lib/components/typography/text.d.ts +0 -17
  328. package/dist/lib/components/typography/text.js +0 -96
  329. package/dist/lib/components/typography/text.js.map +0 -1
  330. package/dist/lib/components/typography/text.module.js +0 -27
  331. package/dist/lib/components/typography/text.module.js.map +0 -1
  332. package/dist/lib/components/typography/text_module.css +0 -64
  333. package/dist/lib/style.css +0 -113
  334. package/dist/lib/utilities/resolve-class-name.d.ts +0 -1
  335. package/dist/lib/utilities/resolve-class-name.js +0 -32
  336. package/dist/lib/utilities/resolve-class-name.js.map +0 -1
@@ -1,78 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
- var radio_group_exports = {};
30
- __export(radio_group_exports, {
31
- Radio: () => Radio,
32
- RadioGroup: () => RadioGroup
33
- });
34
- module.exports = __toCommonJS(radio_group_exports);
35
- var import_jsx_runtime = require("react/jsx-runtime");
36
- var import_cva = require("cva");
37
- var import_react_aria_components = require("react-aria-components");
38
- var import_resolve_class_name = require("../../utilities/resolve-class-name.js");
39
- var import_radio_group = __toESM(require("./radio-group.module"));
40
- function RadioGroup({ className, ...props }) {
41
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
42
- import_react_aria_components.RadioGroup,
43
- {
44
- ...props,
45
- className: (values) => {
46
- return (0, import_cva.cx)(import_radio_group.default.radioGroup, (0, import_resolve_class_name.resolveClassName)(className, values));
47
- }
48
- }
49
- );
50
- }
51
- const radio = (0, import_cva.cva)({
52
- base: import_radio_group.default.radio,
53
- variants: {
54
- isDisabled: { true: import_radio_group.default.disabled },
55
- isHovered: { true: import_radio_group.default.hovered },
56
- isSelected: { true: import_radio_group.default.selected },
57
- isPressed: { true: import_radio_group.default.pressed }
58
- }
59
- });
60
- function Radio({ className, ...props }) {
61
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
62
- import_react_aria_components.Radio,
63
- {
64
- ...props,
65
- className: (values) => radio({
66
- ...values,
67
- className: (0, import_resolve_class_name.resolveClassName)(className, values)
68
- })
69
- }
70
- );
71
- }
72
- // Annotate the CommonJS export names for ESM import in node:
73
- 0 && (module.exports = {
74
- Radio,
75
- RadioGroup
76
- });
77
-
78
- //# sourceMappingURL=radio-group.js.map
@@ -1 +0,0 @@
1
- {"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYE;AAZF,iBAAwB;AACxB,mCAKO;AACP,gCAAiC;AACjC,yBAAoB;AAEb,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAwB;AACxE,SACC;AAAA,IAAC,6BAAAA;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WAAW;AACtB,mBAAO,eAAG,mBAAAC,QAAQ,gBAAY,4CAAiB,WAAW,MAAM,CAAC;AAAA,MAClE;AAAA;AAAA,EACD;AAEF;AAEA,MAAM,YAAQ,gBAAI;AAAA,EACjB,MAAM,mBAAAA,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,YAAY,EAAE,MAAM,mBAAAA,QAAQ,SAAS;AAAA,IACrC,WAAW,EAAE,MAAM,mBAAAA,QAAQ,QAAQ;AAAA,IACnC,YAAY,EAAE,MAAM,mBAAAA,QAAQ,SAAS;AAAA,IACrC,WAAW,EAAE,MAAM,mBAAAA,QAAQ,QAAQ;AAAA,EACpC;AACD,CAAC;AACM,SAAS,MAAM,EAAE,WAAW,GAAG,MAAM,GAAmB;AAC9D,SACC;AAAA,IAAC,6BAAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WACX,MAAM;AAAA,QACL,GAAG;AAAA,QACH,eAAW,4CAAiB,WAAW,MAAM;AAAA,MAC9C,CAAC;AAAA;AAAA,EAEH;AAEF","names":["AriaRadioGroup","classes","AriaRadio"],"ignoreList":[],"sources":["../../../../src/components/radio-group/radio-group.tsx"],"sourcesContent":["import { cva, cx } from \"cva\";\nimport {\n\tRadio as AriaRadio,\n\tRadioGroup as AriaRadioGroup,\n\ttype RadioProps as AriaRadioProps,\n\ttype RadioGroupProps as AriaRadiogroupProps,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../../utilities/resolve-class-name.js\";\nimport classes from \"./radio-group.module\";\n\nexport function RadioGroup({ className, ...props }: AriaRadiogroupProps) {\n\treturn (\n\t\t<AriaRadioGroup\n\t\t\t{...props}\n\t\t\tclassName={(values) => {\n\t\t\t\treturn cx(classes.radioGroup, resolveClassName(className, values));\n\t\t\t}}\n\t\t/>\n\t);\n}\n\nconst radio = cva({\n\tbase: classes.radio,\n\tvariants: {\n\t\tisDisabled: { true: classes.disabled },\n\t\tisHovered: { true: classes.hovered },\n\t\tisSelected: { true: classes.selected },\n\t\tisPressed: { true: classes.pressed },\n\t},\n});\nexport function Radio({ className, ...props }: AriaRadioProps) {\n\treturn (\n\t\t<AriaRadio\n\t\t\t{...props}\n\t\t\tclassName={(values) =>\n\t\t\t\tradio({\n\t\t\t\t\t...values,\n\t\t\t\t\tclassName: resolveClassName(className, values),\n\t\t\t\t})\n\t\t\t}\n\t\t/>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
@@ -1,27 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var radio_group_exports = {};
20
- __export(radio_group_exports, {
21
- default: () => radio_group_default
22
- });
23
- module.exports = __toCommonJS(radio_group_exports);
24
- var import_radio_group_module = require("./radio-group_module.css");
25
- var radio_group_default = { "radioGroup": "radioGroup_3c189", "radio": "radio_3c189", "selected": "selected_3c189", "disabled": "disabled_3c189", "hovered": "hovered_3c189", "pressed": "pressed_3c189" };
26
-
27
- //# sourceMappingURL=radio-group.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAAO;AAA2B,IAAO,sBAAQ,EAAC,cAAa,oBAAmB,SAAQ,eAAc,YAAW,kBAAiB,YAAW,kBAAiB,WAAU,iBAAgB,WAAU,gBAAe","names":[],"ignoreList":[],"sources":["../../../../src/components/radio-group/radio-group.module.css"],"sourcesContent":["import \"./radio-group_module.css\";export default {\"radioGroup\":\"radioGroup_3c189\",\"radio\":\"radio_3c189\",\"selected\":\"selected_3c189\",\"disabled\":\"disabled_3c189\",\"hovered\":\"hovered_3c189\",\"pressed\":\"pressed_3c189\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
@@ -1,53 +0,0 @@
1
- .radioGroup_3c189 {
2
- display: flex;
3
- align-items: flex-start;
4
- flex-direction: column;
5
- }
6
-
7
- .radio_3c189 {
8
- font-family: var(--lol-font-family-spiegel);
9
- background-size: 18px;
10
- background-position: left;
11
- background-repeat: no-repeat;
12
- padding-top: 0.5rem;
13
- padding-bottom: 0.5rem;
14
- padding-left: 1.5rem;
15
- padding-right: 1rem;
16
- font-size: 0.75rem;
17
- line-height: 1rem;
18
- font-weight: 400;
19
- background-image: url('../../assets/unchecked.ad8e0a95.png');
20
- color: var(--lol-color-grey-100);
21
- }
22
-
23
- .radio_3c189.selected_3c189 {
24
- color: var(--lol-color-gold-100);
25
- background-image: url('../../assets/checked.b9e4b215.png');
26
- }
27
-
28
- .radio_3c189.disabled_3c189 {
29
- color: var(--lol-color-grey-150);
30
- background-image: url('../../assets/unchecked-disabled.702505e2.png');
31
- }
32
-
33
- .radio_3c189.disabled_3c189.selected_3c189 {
34
- background-image: url('../../assets/checked-disabled.b5430cf5.png');
35
- }
36
-
37
- .radio_3c189.hovered_3c189 {
38
- color: var(--lol-color-gold-100);
39
- background-image: url('../../assets/unchecked-hovered.e26c4420.png');
40
- }
41
-
42
- .radio_3c189.hovered_3c189.selected_3c189 {
43
- background-image: url('../../assets/checked-hovered.67390091.png');
44
- }
45
-
46
- .radio_3c189.pressed_3c189 {
47
- color: var(--lol-color-grey-150);
48
- background-image: url('../../assets/unchecked-pressed.161ab6f8.png');
49
- }
50
-
51
- .radio_3c189.pressed_3c189.selected_3c189 {
52
- background-image: url('../../assets/checked-pressed.cffd963b.png');
53
- }
@@ -1,6 +0,0 @@
1
- import type { ComponentProps } from "react";
2
- import { Input as AriaInput, type SearchFieldProps as AriaSearchFieldProps } from "react-aria-components";
3
- export declare function SearchField({ inputProps, borderProps, children, className, ...props }: AriaSearchFieldProps & {
4
- inputProps?: ComponentProps<typeof AriaInput>;
5
- borderProps?: ComponentProps<"div">;
6
- }): import("react/jsx-runtime").JSX.Element;
@@ -1,97 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
- var search_field_exports = {};
30
- __export(search_field_exports, {
31
- SearchField: () => SearchField
32
- });
33
- module.exports = __toCommonJS(search_field_exports);
34
- var import_jsx_runtime = require("react/jsx-runtime");
35
- var import_cva = require("cva");
36
- var import_react_aria_components = require("react-aria-components");
37
- var import_resolve_class_name = require("../../utilities/resolve-class-name.js");
38
- var import_search_field = __toESM(require("./search-field.module"));
39
- const searchFieldInput = (0, import_cva.cva)({
40
- base: import_search_field.default.input,
41
- variants: {
42
- isDisabled: {
43
- true: import_search_field.default.disabled
44
- },
45
- isFocused: {
46
- true: import_search_field.default.focus
47
- }
48
- }
49
- });
50
- const searchFieldButton = (0, import_cva.cva)({
51
- base: import_search_field.default.button,
52
- variants: {
53
- isHovered: { true: import_search_field.default.hover },
54
- isPressed: { true: import_search_field.default.press },
55
- isDisabled: { true: import_search_field.default.disabled },
56
- isEmpty: { true: import_search_field.default.empty }
57
- }
58
- });
59
- function SearchField({
60
- inputProps = {},
61
- borderProps = {},
62
- children,
63
- className,
64
- ...props
65
- }) {
66
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_components.SearchField, { ...props, className: (0, import_cva.cx)(import_search_field.default.searchField, className), children: (values) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
67
- typeof children === "function" ? children(values) : children,
68
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
69
- import_react_aria_components.Input,
70
- {
71
- ...inputProps,
72
- className: (values2) => searchFieldInput({
73
- ...values2,
74
- className: (0, import_resolve_class_name.resolveClassName)(inputProps.className, values2)
75
- }),
76
- type: "text"
77
- }
78
- ),
79
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
80
- import_react_aria_components.Button,
81
- {
82
- className: (buttonValues) => searchFieldButton({
83
- ...buttonValues,
84
- isDisabled: values.isDisabled,
85
- isEmpty: values.isEmpty
86
- }),
87
- children: "✕"
88
- }
89
- )
90
- ] }) });
91
- }
92
- // Annotate the CommonJS export names for ESM import in node:
93
- 0 && (module.exports = {
94
- SearchField
95
- });
96
-
97
- //# sourceMappingURL=search-field.js.map
@@ -1 +0,0 @@
1
- {"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8CI;AA9CJ,iBAAwB;AAExB,mCAKO;AACP,gCAAiC;AACjC,0BAAoB;AAEpB,MAAM,uBAAmB,gBAAI;AAAA,EAC5B,MAAM,oBAAAA,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,YAAY;AAAA,MACX,MAAM,oBAAAA,QAAQ;AAAA,IACf;AAAA,IACA,WAAW;AAAA,MACV,MAAM,oBAAAA,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAED,MAAM,wBAAoB,gBAAI;AAAA,EAC7B,MAAM,oBAAAA,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW,EAAE,MAAM,oBAAAA,QAAQ,MAAM;AAAA,IACjC,WAAW,EAAE,MAAM,oBAAAA,QAAQ,MAAM;AAAA,IACjC,YAAY,EAAE,MAAM,oBAAAA,QAAQ,SAAS;AAAA,IACrC,SAAS,EAAE,MAAM,oBAAAA,QAAQ,MAAM;AAAA,EAChC;AACD,CAAC;AAEM,SAAS,YAAY;AAAA,EAC3B,aAAa,CAAC;AAAA,EACd,cAAc,CAAC;AAAA,EACf;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAGG;AACF,SACC,4CAAC,6BAAAC,aAAA,EAAiB,GAAG,OAAO,eAAW,eAAG,oBAAAD,QAAQ,aAAa,SAAS,GACtE,WAAC,WACD,4EACE;AAAA,WAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,IACrD;AAAA,MAAC,6BAAAE;AAAA;AAAA,QACC,GAAG;AAAA,QACJ,WAAW,CAACC,YACX,iBAAiB;AAAA,UAChB,GAAGA;AAAA,UACH,eAAW,4CAAiB,WAAW,WAAWA,OAAM;AAAA,QACzD,CAAC;AAAA,QAEF,MAAK;AAAA;AAAA,IACN;AAAA,IACA;AAAA,MAAC,6BAAAC;AAAA;AAAA,QACA,WAAW,CAAC,iBACX,kBAAkB;AAAA,UACjB,GAAG;AAAA,UACH,YAAY,OAAO;AAAA,UACnB,SAAS,OAAO;AAAA,QACjB,CAAC;AAAA,QAEF;AAAA;AAAA,IAED;AAAA,KACD,GAEF;AAEF","names":["classes","AriaSearchField","AriaInput","values","AriaButton"],"ignoreList":[],"sources":["../../../../src/components/search-field/search-field.tsx"],"sourcesContent":["import { cva, cx } from \"cva\";\nimport type { ComponentProps } from \"react\";\nimport {\n\tButton as AriaButton,\n\tInput as AriaInput,\n\tSearchField as AriaSearchField,\n\ttype SearchFieldProps as AriaSearchFieldProps,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../../utilities/resolve-class-name.js\";\nimport classes from \"./search-field.module\";\n\nconst searchFieldInput = cva({\n\tbase: classes.input,\n\tvariants: {\n\t\tisDisabled: {\n\t\t\ttrue: classes.disabled,\n\t\t},\n\t\tisFocused: {\n\t\t\ttrue: classes.focus,\n\t\t},\n\t},\n});\n\nconst searchFieldButton = cva({\n\tbase: classes.button,\n\tvariants: {\n\t\tisHovered: { true: classes.hover },\n\t\tisPressed: { true: classes.press },\n\t\tisDisabled: { true: classes.disabled },\n\t\tisEmpty: { true: classes.empty },\n\t},\n});\n\nexport function SearchField({\n\tinputProps = {},\n\tborderProps = {},\n\tchildren,\n\tclassName,\n\t...props\n}: AriaSearchFieldProps & {\n\tinputProps?: ComponentProps<typeof AriaInput>;\n\tborderProps?: ComponentProps<\"div\">;\n}) {\n\treturn (\n\t\t<AriaSearchField {...props} className={cx(classes.searchField, className)}>\n\t\t\t{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t{typeof children === \"function\" ? children(values) : children}\n\t\t\t\t\t<AriaInput\n\t\t\t\t\t\t{...inputProps}\n\t\t\t\t\t\tclassName={(values) =>\n\t\t\t\t\t\t\tsearchFieldInput({\n\t\t\t\t\t\t\t\t...values,\n\t\t\t\t\t\t\t\tclassName: resolveClassName(inputProps.className, values),\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t/>\n\t\t\t\t\t<AriaButton\n\t\t\t\t\t\tclassName={(buttonValues) =>\n\t\t\t\t\t\t\tsearchFieldButton({\n\t\t\t\t\t\t\t\t...buttonValues,\n\t\t\t\t\t\t\t\tisDisabled: values.isDisabled,\n\t\t\t\t\t\t\t\tisEmpty: values.isEmpty,\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t✕\n\t\t\t\t\t</AriaButton>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaSearchField>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
@@ -1,27 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var search_field_exports = {};
20
- __export(search_field_exports, {
21
- default: () => search_field_default
22
- });
23
- module.exports = __toCommonJS(search_field_exports);
24
- var import_search_field_module = require("./search-field_module.css");
25
- var search_field_default = { "searchField": "searchField_3cc82", "input": "input_3cc82", "disabled": "disabled_3cc82", "focus": "focus_3cc82", "button": "button_3cc82", "hover": "hover_3cc82", "press": "press_3cc82", "empty": "empty_3cc82" };
26
-
27
- //# sourceMappingURL=search-field.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCAAO;AAA4B,IAAO,uBAAQ,EAAC,eAAc,qBAAoB,SAAQ,eAAc,YAAW,kBAAiB,SAAQ,eAAc,UAAS,gBAAe,SAAQ,eAAc,SAAQ,eAAc,SAAQ,cAAa","names":[],"ignoreList":[],"sources":["../../../../src/components/search-field/search-field.module.css"],"sourcesContent":["import \"./search-field_module.css\";export default {\"searchField\":\"searchField_3cc82\",\"input\":\"input_3cc82\",\"disabled\":\"disabled_3cc82\",\"focus\":\"focus_3cc82\",\"button\":\"button_3cc82\",\"hover\":\"hover_3cc82\",\"press\":\"press_3cc82\",\"empty\":\"empty_3cc82\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
@@ -1,76 +0,0 @@
1
- .searchField_3cc82 {
2
- display: grid;
3
- grid-template-areas:
4
- "label label"
5
- "input button"
6
- "help help";
7
- grid-template-columns: 1fr auto;
8
- align-items: center;
9
-
10
- color: var(--lol-color-gold-100);
11
- }
12
-
13
- .input_3cc82 {
14
- background: url('../../assets/search.c15f1e1d.png') no-repeat 5px center,
15
- var(--lol-search-field-background-gradient) padding-box,
16
- var(--lol-search-field-border-gradient) border-box;
17
-
18
- --lol-search-field-border-gradient: var(--lol-gradient-gold);
19
- --lol-search-field-background-gradient: var(--lol-gradient-hextech-black);
20
-
21
- background-size: 16px, auto, auto;
22
- border: 1px solid transparent;
23
- grid-area: input;
24
- padding: 0.5rem 2.5rem 0.5rem 1.5rem;
25
- margin: 0;
26
- font-size: 0.75rem;
27
- line-height: 1rem;
28
- color: var(--field-text-color);
29
- outline: none;
30
- font-family: var(--lol-font-family-spiegel);
31
- font-weight: 500;
32
- letter-spacing: 0.025em;
33
- }
34
-
35
- .input_3cc82::-webkit-search-cancel-button,
36
- .input_3cc82::-webkit-search-decoration {
37
- -webkit-appearance: none;
38
- }
39
-
40
- .input_3cc82.disabled_3cc82 {
41
- --lol-search-field-border-gradient: var(--lol-gradient-disabled);
42
- color: var(--lol-color-grey-150);
43
- }
44
-
45
- .input_3cc82.focus_3cc82 {
46
- --lol-search-field-border-gradient: var(--lol-gradient-gold-hover);
47
- --lol-search-field-background-gradient: var(--lol-gradient-grey-focus);
48
- }
49
-
50
- .button_3cc82 {
51
- grid-area: button;
52
-
53
- font-size: 0.75rem;
54
- line-height: 1rem;
55
- font-weight: 900;
56
-
57
- margin-left: -2.5rem;
58
- width: 2.5rem;
59
- align-self: stretch;
60
- text-align: center;
61
-
62
- color: var(--lol-color-gold-300);
63
- }
64
-
65
- .button_3cc82.hover_3cc82 {
66
- color: var(--lol-color-gold-100);
67
- }
68
-
69
- .button_3cc82.press_3cc82 {
70
- color: var(--lol-color-gold-600);
71
- }
72
-
73
- .button_3cc82.empty_3cc82,
74
- .button_3cc82.disabled_3cc82 {
75
- display: none;
76
- }
@@ -1,11 +0,0 @@
1
- import type { ReactNode } from "react";
2
- import type { SelectProps as AriaSelectProps, ListBoxItemProps } from "react-aria-components";
3
- interface SelectProps<T extends object> extends Omit<AriaSelectProps<T>, "children"> {
4
- label?: string;
5
- description?: string;
6
- errorMessage?: string;
7
- children?: ReactNode | ((item: T) => ReactNode);
8
- }
9
- export declare function Select<T extends object>({ description, errorMessage, children, className, ...props }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
10
- export declare function Item({ className, ...props }: ListBoxItemProps): import("react/jsx-runtime").JSX.Element;
11
- export {};
@@ -1,104 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
- var select_exports = {};
30
- __export(select_exports, {
31
- Item: () => Item,
32
- Select: () => Select
33
- });
34
- module.exports = __toCommonJS(select_exports);
35
- var import_jsx_runtime = require("react/jsx-runtime");
36
- var import_cva = require("cva");
37
- var import_react_aria_components = require("react-aria-components");
38
- var import_resolve_class_name = require("../../utilities/resolve-class-name.js");
39
- var import_select = __toESM(require("./select.module"));
40
- const selectButtonBorder = (0, import_cva.cva)({
41
- base: import_select.default.button,
42
- variants: {
43
- isHovered: { true: import_select.default.hover },
44
- isPressed: { true: import_select.default.press },
45
- isOpen: { true: import_select.default.open },
46
- isDisabled: { true: import_select.default.disabled }
47
- }
48
- });
49
- function Select({
50
- description,
51
- errorMessage,
52
- children,
53
- className,
54
- ...props
55
- }) {
56
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
57
- import_react_aria_components.Select,
58
- {
59
- ...props,
60
- className: (values) => (0, import_resolve_class_name.resolveClassName)(className, values),
61
- children: (values) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
62
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
63
- import_react_aria_components.Button,
64
- {
65
- className: (buttonValues) => selectButtonBorder({ ...buttonValues, isOpen: values.isOpen }),
66
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_components.SelectValue, {})
67
- }
68
- ),
69
- description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_components.Text, { slot: "description", children: description }),
70
- errorMessage && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_components.Text, { slot: "errorMessage", children: errorMessage }),
71
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_components.Popover, { offset: 4, className: "w-[--trigger-width]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_components.ListBox, { className: import_select.default.listBox, children }) })
72
- ] })
73
- }
74
- );
75
- }
76
- const item = (0, import_cva.cva)({
77
- base: import_select.default.item,
78
- variants: {
79
- isHovered: { true: import_select.default.hover },
80
- isPressed: { true: import_select.default.press },
81
- isSelected: { true: import_select.default.selected }
82
- }
83
- });
84
- function Item({ className, ...props }) {
85
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
86
- import_react_aria_components.ListBoxItem,
87
- {
88
- ...props,
89
- className: (values) => {
90
- return item({
91
- ...values,
92
- className: (0, import_resolve_class_name.resolveClassName)(className, values)
93
- });
94
- }
95
- }
96
- );
97
- }
98
- // Annotate the CommonJS export names for ESM import in node:
99
- 0 && (module.exports = {
100
- Item,
101
- Select
102
- });
103
-
104
- //# sourceMappingURL=select.js.map
@@ -1 +0,0 @@
1
- {"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiDI;AAjDJ,iBAAoB;AAMpB,mCAQO;AACP,gCAAiC;AACjC,oBAAoB;AAEpB,MAAM,yBAAqB,gBAAI;AAAA,EAC9B,MAAM,cAAAA,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW,EAAE,MAAM,cAAAA,QAAQ,MAAM;AAAA,IACjC,WAAW,EAAE,MAAM,cAAAA,QAAQ,MAAM;AAAA,IACjC,QAAQ,EAAE,MAAM,cAAAA,QAAQ,KAAK;AAAA,IAC7B,YAAY,EAAE,MAAM,cAAAA,QAAQ,SAAS;AAAA,EACtC;AACD,CAAC;AAUM,SAAS,OAAyB;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAmB;AAClB,SACC;AAAA,IAAC,6BAAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,eAAW,4CAAiB,WAAW,MAAM;AAAA,MAExD,WAAC,WACD,4EACC;AAAA;AAAA,UAAC,6BAAAC;AAAA;AAAA,YACA,WAAW,CAAC,iBACX,mBAAmB,EAAE,GAAG,cAAc,QAAQ,OAAO,OAAO,CAAC;AAAA,YAG9D,sDAAC,6BAAAC,aAAA,EAAgB;AAAA;AAAA,QAClB;AAAA,QACC,eAAe,4CAAC,6BAAAC,MAAA,EAAS,MAAK,eAAe,uBAAY;AAAA,QACzD,gBACA,4CAAC,6BAAAA,MAAA,EAAS,MAAK,gBAAgB,wBAAa;AAAA,QAE7C,4CAAC,6BAAAC,SAAA,EAAY,QAAQ,GAAG,WAAU,uBACjC,sDAAC,6BAAAC,SAAA,EAAY,WAAW,cAAAN,QAAQ,SAAU,UAAS,GACpD;AAAA,SACD;AAAA;AAAA,EAEF;AAEF;AAEA,MAAM,WAAO,gBAAI;AAAA,EAChB,MAAM,cAAAA,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW,EAAE,MAAM,cAAAA,QAAQ,MAAM;AAAA,IACjC,WAAW,EAAE,MAAM,cAAAA,QAAQ,MAAM;AAAA,IACjC,YAAY,EAAE,MAAM,cAAAA,QAAQ,SAAS;AAAA,EACtC;AACD,CAAC;AAEM,SAAS,KAAK,EAAE,WAAW,GAAG,MAAM,GAAqB;AAC/D,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WAAW;AACtB,eAAO,KAAK;AAAA,UACX,GAAG;AAAA,UACH,eAAW,4CAAiB,WAAW,MAAM;AAAA,QAC9C,CAAC;AAAA,MACF;AAAA;AAAA,EACD;AAEF","names":["classes","AriaSelect","AriaButton","AriaSelectValue","AriaText","AriaPopover","AriaListBox"],"ignoreList":[],"sources":["../../../../src/components/select/select.tsx"],"sourcesContent":["import { cva } from \"cva\";\nimport type { ReactNode } from \"react\";\nimport type {\n\tSelectProps as AriaSelectProps,\n\tListBoxItemProps,\n} from \"react-aria-components\";\nimport {\n\tButton as AriaButton,\n\tListBox as AriaListBox,\n\tPopover as AriaPopover,\n\tSelect as AriaSelect,\n\tSelectValue as AriaSelectValue,\n\tText as AriaText,\n\tListBoxItem,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../../utilities/resolve-class-name.js\";\nimport classes from \"./select.module\";\n\nconst selectButtonBorder = cva({\n\tbase: classes.button,\n\tvariants: {\n\t\tisHovered: { true: classes.hover },\n\t\tisPressed: { true: classes.press },\n\t\tisOpen: { true: classes.open },\n\t\tisDisabled: { true: classes.disabled },\n\t},\n});\n\ninterface SelectProps<T extends object>\n\textends Omit<AriaSelectProps<T>, \"children\"> {\n\tlabel?: string;\n\tdescription?: string;\n\terrorMessage?: string;\n\tchildren?: ReactNode | ((item: T) => ReactNode);\n}\n\nexport function Select<T extends object>({\n\tdescription,\n\terrorMessage,\n\tchildren,\n\tclassName,\n\t...props\n}: SelectProps<T>) {\n\treturn (\n\t\t<AriaSelect\n\t\t\t{...props}\n\t\t\tclassName={(values) => resolveClassName(className, values)}\n\t\t>\n\t\t\t{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t<AriaButton\n\t\t\t\t\t\tclassName={(buttonValues) =>\n\t\t\t\t\t\t\tselectButtonBorder({ ...buttonValues, isOpen: values.isOpen })\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<AriaSelectValue />\n\t\t\t\t\t</AriaButton>\n\t\t\t\t\t{description && <AriaText slot=\"description\">{description}</AriaText>}\n\t\t\t\t\t{errorMessage && (\n\t\t\t\t\t\t<AriaText slot=\"errorMessage\">{errorMessage}</AriaText>\n\t\t\t\t\t)}\n\t\t\t\t\t<AriaPopover offset={4} className=\"w-[--trigger-width]\">\n\t\t\t\t\t\t<AriaListBox className={classes.listBox}>{children}</AriaListBox>\n\t\t\t\t\t</AriaPopover>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaSelect>\n\t);\n}\n\nconst item = cva({\n\tbase: classes.item,\n\tvariants: {\n\t\tisHovered: { true: classes.hover },\n\t\tisPressed: { true: classes.press },\n\t\tisSelected: { true: classes.selected },\n\t},\n});\n\nexport function Item({ className, ...props }: ListBoxItemProps) {\n\treturn (\n\t\t<ListBoxItem\n\t\t\t{...props}\n\t\t\tclassName={(values) => {\n\t\t\t\treturn item({\n\t\t\t\t\t...values,\n\t\t\t\t\tclassName: resolveClassName(className, values),\n\t\t\t\t});\n\t\t\t}}\n\t\t/>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
@@ -1,27 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var select_exports = {};
20
- __export(select_exports, {
21
- default: () => select_default
22
- });
23
- module.exports = __toCommonJS(select_exports);
24
- var import_select_module = require("./select_module.css");
25
- var select_default = { "button": "button_560be", "open": "open_560be", "press": "press_560be", "hover": "hover_560be", "disabled": "disabled_560be", "listBox": "listBox_560be", "item": "item_560be", "selected": "selected_560be" };
26
-
27
- //# sourceMappingURL=select.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAO;AAAsB,IAAO,iBAAQ,EAAC,UAAS,gBAAe,QAAO,cAAa,SAAQ,eAAc,SAAQ,eAAc,YAAW,kBAAiB,WAAU,iBAAgB,QAAO,cAAa,YAAW,iBAAgB","names":[],"ignoreList":[],"sources":["../../../../src/components/select/select.module.css"],"sourcesContent":["import \"./select_module.css\";export default {\"button\":\"button_560be\",\"open\":\"open_560be\",\"press\":\"press_560be\",\"hover\":\"hover_560be\",\"disabled\":\"disabled_560be\",\"listBox\":\"listBox_560be\",\"item\":\"item_560be\",\"selected\":\"selected_560be\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
@@ -1,83 +0,0 @@
1
- .button_560be {
2
- font-family: var(--lol-font-family-spiegel);
3
- display: inline-block;
4
- width: 200px;
5
- outline: none;
6
-
7
- border: 1px solid transparent;
8
-
9
- color: var(--lol-color-grey-100);
10
- padding: 0.375rem 1.5rem 0.375rem 0.5rem;
11
-
12
- font-size: 0.75rem;
13
- font-weight: 500;
14
- line-height: 1rem;
15
- letter-spacing: 0.025em;
16
- text-align: left;
17
-
18
- background: var(--lol-select-image) no-repeat right 0.5rem center,
19
- var(--lol-select-background-gradient) padding-box,
20
- var(--lol-select-border-gradient) border-box;
21
-
22
- --lol-select-border-gradient: var(--lol-gradient-gold);
23
- --lol-select-background-gradient: var(--lol-gradient-hextech-black);
24
-
25
- --lol-select-image: url('../../assets/closed.484c8084.png');
26
- }
27
-
28
- .button_560be.open_560be {
29
- --lol-select-image: url('../../assets/open.a8643ee6.png');
30
- color: var(--lol-color-gold-600);
31
- --lol-select-background-gradient: var(--lol-gradient-grey-300);
32
- --lol-select-border-gradient: var(--lol-gradient-gold-press);
33
- }
34
-
35
- .button_560be.press_560be {
36
- --lol-select-border-gradient: var(--lol-gradient-gold-press);
37
- }
38
-
39
- .button_560be.hover_560be {
40
- --lol-select-border-gradient: var(--lol-gradient-gold-hover);
41
- }
42
-
43
- .button_560be.disabled_560be {
44
- --lol-select-border-gradient: var(--lol-gradient-disabled);
45
- }
46
-
47
- .listBox_560be {
48
- background-color: var(--lol-color-hextech-black);
49
- border: 1px solid var(--lol-color-gold-600);
50
- outline: none;
51
- }
52
-
53
-
54
- .item_560be {
55
- border-bottom: 1px solid var(--lol-color-grey-300);
56
- color: var(--lol-color-gold-300);
57
- font-size: var(--lol-font-size-sm);
58
- font-weight: var(--lol-font-weight-sm);
59
- line-height: var(--lol-line-height-sm);
60
- letter-spacing: var(--lol-letter-spacing-sm);
61
- padding: 0.375rem 0.5rem;
62
- outline: none;
63
- cursor: pointer;
64
- }
65
-
66
-
67
- .item_560be.hover_560be {
68
- background-color: var(--lol-color-grey-300);
69
- color: var(--lol-color-gold-100);
70
- }
71
-
72
-
73
- .item_560be.press_560be {
74
- background-color: color-mix(in srgb, var(--lol-color-grey-300), transparent 50%);
75
- color: var(--lol-color-gold-600);
76
- }
77
-
78
-
79
- .item_560be.selected_560be {
80
- background-image: url(../../assets/dropdown-check.bed4dc45.png);
81
- background-position: right 0.5rem center;
82
- background-repeat: no-repeat;
83
- }
@@ -1,8 +0,0 @@
1
- import type { SliderProps as AriaSliderProps, SliderOutputProps, SliderThumbProps, SliderTrackProps, SliderTrackRenderProps } from "react-aria-components";
2
- export declare function Slider<T extends number | number[]>({ children, className, sliderThumbProps, sliderTrackProps, sliderTrackBackgroundClassName, sliderTrackForegroundClassName, ...props }: AriaSliderProps<T> & {
3
- sliderTrackProps?: SliderTrackProps;
4
- sliderThumbProps?: SliderThumbProps;
5
- sliderTrackBackgroundClassName?: string | ((values: SliderTrackRenderProps) => string);
6
- sliderTrackForegroundClassName?: string | ((values: SliderTrackRenderProps) => string);
7
- }): import("react/jsx-runtime").JSX.Element;
8
- export declare function SliderOutput(props: SliderOutputProps): import("react/jsx-runtime").JSX.Element;