@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,77 +0,0 @@
1
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
- import { cva } from "cva";
3
- import {
4
- Button as AriaButton,
5
- ListBox as AriaListBox,
6
- Popover as AriaPopover,
7
- Select as AriaSelect,
8
- SelectValue as AriaSelectValue,
9
- Text as AriaText,
10
- ListBoxItem
11
- } from "react-aria-components";
12
- import { resolveClassName } from "../../utilities/resolve-class-name.js";
13
- import classes from "./select.module";
14
- const selectButtonBorder = cva({
15
- base: classes.button,
16
- variants: {
17
- isHovered: { true: classes.hover },
18
- isPressed: { true: classes.press },
19
- isOpen: { true: classes.open },
20
- isDisabled: { true: classes.disabled }
21
- }
22
- });
23
- function Select({
24
- description,
25
- errorMessage,
26
- children,
27
- className,
28
- ...props
29
- }) {
30
- return /* @__PURE__ */ jsx(
31
- AriaSelect,
32
- {
33
- ...props,
34
- className: (values) => resolveClassName(className, values),
35
- children: (values) => /* @__PURE__ */ jsxs(Fragment, { children: [
36
- /* @__PURE__ */ jsx(
37
- AriaButton,
38
- {
39
- className: (buttonValues) => selectButtonBorder({ ...buttonValues, isOpen: values.isOpen }),
40
- children: /* @__PURE__ */ jsx(AriaSelectValue, {})
41
- }
42
- ),
43
- description && /* @__PURE__ */ jsx(AriaText, { slot: "description", children: description }),
44
- errorMessage && /* @__PURE__ */ jsx(AriaText, { slot: "errorMessage", children: errorMessage }),
45
- /* @__PURE__ */ jsx(AriaPopover, { offset: 4, className: "w-[--trigger-width]", children: /* @__PURE__ */ jsx(AriaListBox, { className: classes.listBox, children }) })
46
- ] })
47
- }
48
- );
49
- }
50
- const item = cva({
51
- base: classes.item,
52
- variants: {
53
- isHovered: { true: classes.hover },
54
- isPressed: { true: classes.press },
55
- isSelected: { true: classes.selected }
56
- }
57
- });
58
- function Item({ className, ...props }) {
59
- return /* @__PURE__ */ jsx(
60
- ListBoxItem,
61
- {
62
- ...props,
63
- className: (values) => {
64
- return item({
65
- ...values,
66
- className: resolveClassName(className, values)
67
- });
68
- }
69
- }
70
- );
71
- }
72
- export {
73
- Item,
74
- Select
75
- };
76
-
77
- //# sourceMappingURL=select.js.map
@@ -1 +0,0 @@
1
- {"version":3,"mappings":"AAiDI,mBAME,KANF;AAjDJ,SAAS,WAAW;AAMpB;AAAA,EACC,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AAAA,EACV,eAAe;AAAA,EACf,QAAQ;AAAA,EACR;AAAA,OACM;AACP,SAAS,wBAAwB;AACjC,OAAO,aAAa;AAEpB,MAAM,qBAAqB,IAAI;AAAA,EAC9B,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW,EAAE,MAAM,QAAQ,MAAM;AAAA,IACjC,WAAW,EAAE,MAAM,QAAQ,MAAM;AAAA,IACjC,QAAQ,EAAE,MAAM,QAAQ,KAAK;AAAA,IAC7B,YAAY,EAAE,MAAM,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;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WAAW,iBAAiB,WAAW,MAAM;AAAA,MAExD,WAAC,WACD,iCACC;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,WAAW,CAAC,iBACX,mBAAmB,EAAE,GAAG,cAAc,QAAQ,OAAO,OAAO,CAAC;AAAA,YAG9D,8BAAC,mBAAgB;AAAA;AAAA,QAClB;AAAA,QACC,eAAe,oBAAC,YAAS,MAAK,eAAe,uBAAY;AAAA,QACzD,gBACA,oBAAC,YAAS,MAAK,gBAAgB,wBAAa;AAAA,QAE7C,oBAAC,eAAY,QAAQ,GAAG,WAAU,uBACjC,8BAAC,eAAY,WAAW,QAAQ,SAAU,UAAS,GACpD;AAAA,SACD;AAAA;AAAA,EAEF;AAEF;AAEA,MAAM,OAAO,IAAI;AAAA,EAChB,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW,EAAE,MAAM,QAAQ,MAAM;AAAA,IACjC,WAAW,EAAE,MAAM,QAAQ,MAAM;AAAA,IACjC,YAAY,EAAE,MAAM,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,WAAW,iBAAiB,WAAW,MAAM;AAAA,QAC9C,CAAC;AAAA,MACF;AAAA;AAAA,EACD;AAEF","names":[],"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,7 +0,0 @@
1
- import "./select_module.css";
2
- 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" };
3
- export {
4
- select_default as default
5
- };
6
-
7
- //# sourceMappingURL=select.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"mappings":"AAAA,OAAO;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;
@@ -1,146 +0,0 @@
1
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
- import { cva, cx } from "cva";
3
- import {
4
- Slider as AriaSlider,
5
- SliderOutput as AriaSliderOutput,
6
- SliderThumb as AriaSliderThumb,
7
- SliderTrack as AriaSliderTrack
8
- } from "react-aria-components";
9
- import { resolveClassName } from "../../utilities/resolve-class-name.js";
10
- import textClasses from "../typography/text.module";
11
- import classes from "./slider.module";
12
- const sliderTrackForeground = cva({
13
- base: classes.foreground,
14
- variants: {
15
- isDisabled: {
16
- true: classes.disabled
17
- }
18
- }
19
- });
20
- const sliderThumb = cva({
21
- base: classes.thumb,
22
- variants: {
23
- isThumbDragging: {
24
- true: classes.thumbDragging
25
- },
26
- isOtherThumbDragging: {
27
- true: classes.otherThumbDragging
28
- },
29
- isDisabled: {
30
- true: classes.disabled
31
- },
32
- isHovered: {
33
- true: classes.hovered
34
- }
35
- }
36
- });
37
- function Slider({
38
- children,
39
- className,
40
- sliderThumbProps = {},
41
- sliderTrackProps = {},
42
- sliderTrackBackgroundClassName,
43
- sliderTrackForegroundClassName,
44
- ...props
45
- }) {
46
- return /* @__PURE__ */ jsx(
47
- AriaSlider,
48
- {
49
- ...props,
50
- className: (values) => resolveClassName(className, values),
51
- children: (values) => /* @__PURE__ */ jsxs(Fragment, { children: [
52
- typeof children === "function" ? children(values) : children,
53
- /* @__PURE__ */ jsx(
54
- AriaSliderTrack,
55
- {
56
- ...sliderTrackProps,
57
- className: (sliderTrackRenderProps) => cx(
58
- classes.track,
59
- resolveClassName(
60
- sliderTrackProps.className,
61
- sliderTrackRenderProps
62
- )
63
- ),
64
- children: (values2) => {
65
- const left = values2.state.values.length === 1 ? 0 : values2.state.getThumbPercent(0) * 100;
66
- const width = values2.state.values.length === 1 ? values2.state.getThumbPercent(0) * 100 : (values2.state.getThumbPercent(1) - values2.state.getThumbPercent(0)) * 100;
67
- return /* @__PURE__ */ jsxs(Fragment, { children: [
68
- /* @__PURE__ */ jsx(
69
- "div",
70
- {
71
- className: cx(
72
- classes.background,
73
- resolveClassName(sliderTrackBackgroundClassName, values2)
74
- )
75
- }
76
- ),
77
- /* @__PURE__ */ jsx(
78
- "div",
79
- {
80
- className: sliderTrackForeground({
81
- ...values2.state,
82
- className: resolveClassName(
83
- sliderTrackForegroundClassName,
84
- values2
85
- )
86
- }),
87
- style: { left: `${left}%`, width: `${width}%` }
88
- }
89
- ),
90
- values2.state.values.map((_, i) => {
91
- const zIndex = values2.state.getThumbPercent(i === 1 ? 0 : 1) === (i === 1 ? 0 : 1) ? 2 : void 0;
92
- return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
93
- AriaSliderThumb,
94
- {
95
- index: i,
96
- ...sliderThumbProps,
97
- className: (sliderThumbRenderProps) => {
98
- sliderThumbRenderProps.isDragging;
99
- return sliderThumb({
100
- isDisabled: sliderThumbRenderProps.isDisabled,
101
- isThumbDragging: sliderThumbRenderProps.state.isThumbDragging(i),
102
- isOtherThumbDragging: sliderThumbRenderProps.state.isThumbDragging(
103
- i === 1 ? 0 : 1
104
- ),
105
- className: resolveClassName(
106
- sliderThumbProps.className,
107
- sliderThumbRenderProps
108
- )
109
- });
110
- },
111
- style: {
112
- zIndex
113
- }
114
- },
115
- i
116
- ) });
117
- })
118
- ] });
119
- }
120
- }
121
- )
122
- ] })
123
- }
124
- );
125
- }
126
- function SliderOutput(props) {
127
- return /* @__PURE__ */ jsx(
128
- AriaSliderOutput,
129
- {
130
- className: (values) => cx(
131
- textClasses.text,
132
- textClasses.sm,
133
- textClasses.grey100,
134
- resolveClassName(props.className, values)
135
- ),
136
- children: (sliderRenderProps) => sliderRenderProps.state.values.map((_, i) => sliderRenderProps.state.getThumbValueLabel(i)).join(" – "),
137
- ...props
138
- }
139
- );
140
- }
141
- export {
142
- Slider,
143
- SliderOutput
144
- };
145
-
146
- //# sourceMappingURL=slider.js.map
@@ -1 +0,0 @@
1
- {"version":3,"mappings":"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","names":["values"],"ignoreList":[],"sources":["../../../../src/components/slider/slider.tsx"],"sourcesContent":["import { cva, cx } from \"cva\";\nimport type {\n\tSliderProps as AriaSliderProps,\n\tSliderOutputProps,\n\tSliderThumbProps,\n\tSliderTrackProps,\n\tSliderTrackRenderProps,\n} from \"react-aria-components\";\nimport {\n\tSlider as AriaSlider,\n\tSliderOutput as AriaSliderOutput,\n\tSliderThumb as AriaSliderThumb,\n\tSliderTrack as AriaSliderTrack,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../../utilities/resolve-class-name.js\";\nimport textClasses from \"../typography/text.module\";\nimport classes from \"./slider.module\";\n\nconst sliderTrackForeground = cva({\n\tbase: classes.foreground,\n\tvariants: {\n\t\tisDisabled: {\n\t\t\ttrue: classes.disabled,\n\t\t},\n\t},\n});\n\nconst sliderThumb = cva({\n\tbase: classes.thumb,\n\tvariants: {\n\t\tisThumbDragging: {\n\t\t\ttrue: classes.thumbDragging,\n\t\t},\n\t\tisOtherThumbDragging: {\n\t\t\ttrue: classes.otherThumbDragging,\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: classes.disabled,\n\t\t},\n\t\tisHovered: {\n\t\t\ttrue: classes.hovered,\n\t\t},\n\t},\n});\n\nexport function Slider<T extends number | number[]>({\n\tchildren,\n\tclassName,\n\tsliderThumbProps = {},\n\tsliderTrackProps = {},\n\tsliderTrackBackgroundClassName,\n\tsliderTrackForegroundClassName,\n\t...props\n}: AriaSliderProps<T> & {\n\tsliderTrackProps?: SliderTrackProps;\n\tsliderThumbProps?: SliderThumbProps;\n\tsliderTrackBackgroundClassName?:\n\t\t| string\n\t\t| ((values: SliderTrackRenderProps) => string);\n\tsliderTrackForegroundClassName?:\n\t\t| string\n\t\t| ((values: SliderTrackRenderProps) => string);\n}) {\n\treturn (\n\t\t<AriaSlider<T>\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{typeof children === \"function\" ? children(values) : children}\n\t\t\t\t\t<AriaSliderTrack\n\t\t\t\t\t\t{...sliderTrackProps}\n\t\t\t\t\t\tclassName={(sliderTrackRenderProps) =>\n\t\t\t\t\t\t\tcx(\n\t\t\t\t\t\t\t\tclasses.track,\n\t\t\t\t\t\t\t\tresolveClassName(\n\t\t\t\t\t\t\t\t\tsliderTrackProps.className,\n\t\t\t\t\t\t\t\t\tsliderTrackRenderProps,\n\t\t\t\t\t\t\t\t),\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{(values) => {\n\t\t\t\t\t\t\tconst left =\n\t\t\t\t\t\t\t\tvalues.state.values.length === 1\n\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t: values.state.getThumbPercent(0) * 100;\n\n\t\t\t\t\t\t\tconst width =\n\t\t\t\t\t\t\t\tvalues.state.values.length === 1\n\t\t\t\t\t\t\t\t\t? values.state.getThumbPercent(0) * 100\n\t\t\t\t\t\t\t\t\t: (values.state.getThumbPercent(1) -\n\t\t\t\t\t\t\t\t\t\t\tvalues.state.getThumbPercent(0)) *\n\t\t\t\t\t\t\t\t\t\t100;\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tclassName={cx(\n\t\t\t\t\t\t\t\t\t\t\tclasses.background,\n\t\t\t\t\t\t\t\t\t\t\tresolveClassName(sliderTrackBackgroundClassName, values),\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tclassName={sliderTrackForeground({\n\t\t\t\t\t\t\t\t\t\t\t...values.state,\n\t\t\t\t\t\t\t\t\t\t\tclassName: resolveClassName(\n\t\t\t\t\t\t\t\t\t\t\t\tsliderTrackForegroundClassName,\n\t\t\t\t\t\t\t\t\t\t\t\tvalues,\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\tstyle={{ left: `${left}%`, width: `${width}%` }}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{values.state.values.map((_, i) => {\n\t\t\t\t\t\t\t\t\t\tconst zIndex =\n\t\t\t\t\t\t\t\t\t\t\tvalues.state.getThumbPercent(i === 1 ? 0 : 1) ===\n\t\t\t\t\t\t\t\t\t\t\t(i === 1 ? 0 : 1)\n\t\t\t\t\t\t\t\t\t\t\t\t? 2\n\t\t\t\t\t\t\t\t\t\t\t\t: undefined;\n\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t<AriaSliderThumb\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\t\t\t\t\t\t\tindex={i}\n\t\t\t\t\t\t\t\t\t\t\t\t\t{...sliderThumbProps}\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={(sliderThumbRenderProps) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsliderThumbRenderProps.isDragging;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn sliderThumb({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisDisabled: sliderThumbRenderProps.isDisabled,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisThumbDragging:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsliderThumbRenderProps.state.isThumbDragging(i),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisOtherThumbDragging:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsliderThumbRenderProps.state.isThumbDragging(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ti === 1 ? 0 : 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName: resolveClassName(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsliderThumbProps.className,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsliderThumbRenderProps,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tzIndex,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}}\n\t\t\t\t\t</AriaSliderTrack>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaSlider>\n\t);\n}\n\nexport function SliderOutput(props: SliderOutputProps) {\n\treturn (\n\t\t<AriaSliderOutput\n\t\t\tclassName={(values) =>\n\t\t\t\tcx(\n\t\t\t\t\ttextClasses.text,\n\t\t\t\t\ttextClasses.sm,\n\t\t\t\t\ttextClasses.grey100,\n\t\t\t\t\tresolveClassName(props.className, values),\n\t\t\t\t)\n\t\t\t}\n\t\t\tchildren={(sliderRenderProps) =>\n\t\t\t\tsliderRenderProps.state.values\n\t\t\t\t\t.map((_, i) => sliderRenderProps.state.getThumbValueLabel(i))\n\t\t\t\t\t.join(\" – \")\n\t\t\t}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
@@ -1,7 +0,0 @@
1
- import "./slider_module.css";
2
- var slider_default = { "track": "track_e4d5d", "background": "background_e4d5d", "foreground": "foreground_e4d5d", "disabled": "disabled_e4d5d", "thumb": "thumb_e4d5d", "thumbDragging": "thumbDragging_e4d5d", "otherThumbDragging": "otherThumbDragging_e4d5d" };
3
- export {
4
- slider_default as default
5
- };
6
-
7
- //# sourceMappingURL=slider.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"mappings":"AAAA,OAAO;AAAsB,IAAO,iBAAQ,EAAC,SAAQ,eAAc,cAAa,oBAAmB,cAAa,oBAAmB,YAAW,kBAAiB,SAAQ,eAAc,iBAAgB,uBAAsB,sBAAqB,2BAA0B","names":[],"ignoreList":[],"sources":["../../../../src/components/slider/slider.module.css"],"sourcesContent":["import \"./slider_module.css\";export default {\"track\":\"track_e4d5d\",\"background\":\"background_e4d5d\",\"foreground\":\"foreground_e4d5d\",\"disabled\":\"disabled_e4d5d\",\"thumb\":\"thumb_e4d5d\",\"thumbDragging\":\"thumbDragging_e4d5d\",\"otherThumbDragging\":\"otherThumbDragging_e4d5d\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
@@ -1,60 +0,0 @@
1
- .track_e4d5d {
2
- position: relative;
3
- height: 1.75rem;
4
- width: 100%;
5
- }
6
-
7
- .background_e4d5d {
8
- background-color: var(--lol-color-grey-300);
9
- position: absolute;
10
- top: 50%;
11
- transform: translateY(-50%);
12
- height: 2px;
13
- width: 100%;
14
- border-radius: 9999px;
15
- }
16
-
17
- .foreground_e4d5d {
18
- background-image: linear-gradient(to right, var(--lol-color-gold-600), var(--lol-color-gold-500));
19
- position: absolute;
20
- top: 50%;
21
- transform: translateY(-50%);
22
- height: 2px;
23
- width: 100%;
24
- border-radius: 9999px;
25
- }
26
-
27
- .foreground_e4d5d.disabled_e4d5d {
28
- background-image: linear-gradient(to right, #5c5b57, #5c5b57);
29
- }
30
-
31
- .track_e4d5d:hover .foreground_e4d5d {
32
- background-image: linear-gradient(to right, var(--lol-color-gold-500), var(--lol-color-gold-400), var(--lol-color-gold-200));
33
- }
34
-
35
- .track_e4d5d:active .foreground_e4d5d {
36
- background-image: linear-gradient(to right, var(--lol-color-gold-500), var(--lol-color-gold-600), var(--lol-color-gold-600));
37
- }
38
-
39
- .thumb_e4d5d {
40
- background-image: url(../../assets/normal.e4c594a1.png);
41
- position: absolute;
42
- top: 50%;
43
- transform: translateY(-50%);
44
- height: 1.75rem;
45
- width: 1.75rem;
46
- background-size: cover;
47
- outline: none;
48
- }
49
-
50
- .thumb_e4d5d.disabled_e4d5d {
51
- background-image: url(../../assets/disabled.87ad565d.png);
52
- }
53
-
54
- .thumb_e4d5d.thumbDragging_e4d5d {
55
- background-image: url(../../assets/active.4113e6b2.png);
56
- }
57
-
58
- .track_e4d5d:hover .thumb_e4d5d:not(.thumbDragging_e4d5d):not(.otherThumbDragging_e4d5d) {
59
- background-image: url(../../assets/hover.404fa456.png);
60
- }
@@ -1,5 +0,0 @@
1
- interface SpinnerProps {
2
- className?: string;
3
- }
4
- export declare function Spinner({ className }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
5
- export {};
@@ -1,21 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { cx } from "cva";
3
- import classes from "./spinner.module";
4
- import spinnerImage from "../../assets/spinner.a69432f7.png";
5
- function Spinner({ className }) {
6
- return /* @__PURE__ */ jsx(
7
- "img",
8
- {
9
- role: "status",
10
- "aria-live": "polite",
11
- "aria-label": "loading",
12
- src: spinnerImage,
13
- className: cx(classes.spinner, className)
14
- }
15
- );
16
- }
17
- export {
18
- Spinner
19
- };
20
-
21
- //# sourceMappingURL=spinner.js.map
@@ -1 +0,0 @@
1
- {"version":3,"mappings":"AASE;AATF,SAAS,UAAU;AACnB,OAAO,aAAa;AACpB,OAAO,kBAAkB;AAKlB,SAAS,QAAQ,EAAE,UAAU,GAAiB;AACpD,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,aAAU;AAAA,MACV,cAAW;AAAA,MACX,KAAK;AAAA,MACL,WAAW,GAAG,QAAQ,SAAS,SAAS;AAAA;AAAA,EACzC;AAEF","names":[],"ignoreList":[],"sources":["../../../../src/components/spinner/spinner.tsx"],"sourcesContent":["import { cx } from \"cva\";\nimport classes from \"./spinner.module\";\nimport spinnerImage from \"../../assets/spinner.a69432f7.png\";\n\ninterface SpinnerProps {\n\tclassName?: string;\n}\nexport function Spinner({ className }: SpinnerProps) {\n\treturn (\n\t\t<img\n\t\t\trole=\"status\"\n\t\t\taria-live=\"polite\"\n\t\t\taria-label=\"loading\"\n\t\t\tsrc={spinnerImage}\n\t\t\tclassName={cx(classes.spinner, className)}\n\t\t/>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
@@ -1,7 +0,0 @@
1
- import "./spinner_module.css";
2
- var spinner_default = { "spinner": "spinner_497bb", "spin": "spin_497bb" };
3
- export {
4
- spinner_default as default
5
- };
6
-
7
- //# sourceMappingURL=spinner.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"mappings":"AAAA,OAAO;AAAuB,IAAO,kBAAQ,EAAC,WAAU,iBAAgB,QAAO,aAAY","names":[],"ignoreList":[],"sources":["../../../../src/components/spinner/spinner.module.css"],"sourcesContent":["import \"./spinner_module.css\";export default {\"spinner\":\"spinner_497bb\",\"spin\":\"spin_497bb\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
@@ -1,16 +0,0 @@
1
- .spinner_497bb {
2
- aspect-ratio: 1/1;
3
- width: 3rem;
4
- animation: spin_497bb 1s linear infinite;
5
- }
6
-
7
-
8
- @keyframes spin_497bb {
9
- from {
10
- transform: rotate(0deg);
11
- }
12
-
13
- to {
14
- transform: rotate(360deg);
15
- }
16
- }
@@ -1,4 +0,0 @@
1
- import type { SwitchProps as AriaSwitchProps } from "react-aria-components";
2
- export declare function Switch({ className, placeholder, children, ...props }: AriaSwitchProps & {
3
- placeholder?: string;
4
- }): import("react/jsx-runtime").JSX.Element;
@@ -1,61 +0,0 @@
1
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
- import { cva } from "cva";
3
- import { Switch as AriaSwitch } from "react-aria-components";
4
- import classes from "./switch.module";
5
- const track = cva({
6
- base: classes.track,
7
- variants: {
8
- isHovered: {
9
- true: classes.hover
10
- },
11
- isPressed: {
12
- true: classes.press
13
- },
14
- isDisabled: {
15
- true: classes.disabled
16
- },
17
- isSelected: {
18
- true: classes.selected
19
- }
20
- }
21
- });
22
- const knob = cva({
23
- base: classes.knob,
24
- variants: {
25
- isSelected: {
26
- true: classes.selected
27
- },
28
- isHovered: {
29
- true: classes.hover
30
- },
31
- isPressed: {
32
- true: classes.press
33
- },
34
- isDisabled: {
35
- true: classes.disabled
36
- }
37
- }
38
- });
39
- function Switch({
40
- className,
41
- placeholder,
42
- children,
43
- ...props
44
- }) {
45
- return /* @__PURE__ */ jsx(
46
- AriaSwitch,
47
- {
48
- ...props,
49
- className: "group inline-flex items-center gap-2 p-1 px-1.5 text-sm font-semibold text-black",
50
- children: (values) => /* @__PURE__ */ jsxs(Fragment, { children: [
51
- /* @__PURE__ */ jsx("div", { className: track(values), children: /* @__PURE__ */ jsx("span", { className: knob(values) }) }),
52
- typeof children === "function" ? children(values) : children
53
- ] })
54
- }
55
- );
56
- }
57
- export {
58
- Switch
59
- };
60
-
61
- //# sourceMappingURL=switch.js.map
@@ -1 +0,0 @@
1
- {"version":3,"mappings":"AAuDI,mBAEE,KAFF;AAvDJ,SAAS,WAAW;AACpB,SAAS,UAAU,kBAAkB;AAErC,OAAO,aAAa;AAEpB,MAAM,QAAQ,IAAI;AAAA,EACjB,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW;AAAA,MACV,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,WAAW;AAAA,MACV,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,YAAY;AAAA,MACX,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,YAAY;AAAA,MACX,MAAM,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAED,MAAM,OAAO,IAAI;AAAA,EAChB,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,YAAY;AAAA,MACX,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,WAAW;AAAA,MACV,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,WAAW;AAAA,MACV,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,YAAY;AAAA,MACX,MAAM,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAEM,SAAS,OAAO;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAEG;AACF,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAU;AAAA,MAET,WAAC,WACD,iCACC;AAAA,4BAAC,SAAI,WAAW,MAAM,MAAM,GAC3B,8BAAC,UAAK,WAAW,KAAK,MAAM,GAAG,GAChC;AAAA,QACC,OAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,SACtD;AAAA;AAAA,EAEF;AAEF","names":[],"ignoreList":[],"sources":["../../../src/components/switch.tsx"],"sourcesContent":["import { cva } from \"cva\";\nimport { Switch as AriaSwitch } from \"react-aria-components\";\nimport type { SwitchProps as AriaSwitchProps } from \"react-aria-components\";\nimport classes from \"./switch.module\";\n\nconst track = cva({\n\tbase: classes.track,\n\tvariants: {\n\t\tisHovered: {\n\t\t\ttrue: classes.hover,\n\t\t},\n\t\tisPressed: {\n\t\t\ttrue: classes.press,\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: classes.disabled,\n\t\t},\n\t\tisSelected: {\n\t\t\ttrue: classes.selected,\n\t\t},\n\t},\n});\n\nconst knob = cva({\n\tbase: classes.knob,\n\tvariants: {\n\t\tisSelected: {\n\t\t\ttrue: classes.selected,\n\t\t},\n\t\tisHovered: {\n\t\t\ttrue: classes.hover,\n\t\t},\n\t\tisPressed: {\n\t\t\ttrue: classes.press,\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: classes.disabled,\n\t\t},\n\t},\n});\n\nexport function Switch({\n\tclassName,\n\tplaceholder,\n\tchildren,\n\t...props\n}: AriaSwitchProps & {\n\tplaceholder?: string;\n}) {\n\treturn (\n\t\t<AriaSwitch\n\t\t\t{...props}\n\t\t\tclassName=\"group inline-flex items-center gap-2 p-1 px-1.5 text-sm font-semibold text-black\"\n\t\t>\n\t\t\t{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t<div className={track(values)}>\n\t\t\t\t\t\t<span className={knob(values)} />\n\t\t\t\t\t</div>\n\t\t\t\t\t{typeof children === \"function\" ? children(values) : children}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaSwitch>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
@@ -1,7 +0,0 @@
1
- import "./switch_module.css";
2
- var switch_default = { "track": "track_cfb98", "hover": "hover_cfb98", "press": "press_cfb98", "disabled": "disabled_cfb98", "selected": "selected_cfb98", "knob": "knob_cfb98" };
3
- export {
4
- switch_default as default
5
- };
6
-
7
- //# sourceMappingURL=switch.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"mappings":"AAAA,OAAO;AAAsB,IAAO,iBAAQ,EAAC,SAAQ,eAAc,SAAQ,eAAc,SAAQ,eAAc,YAAW,kBAAiB,YAAW,kBAAiB,QAAO,aAAY","names":[],"ignoreList":[],"sources":["../../../src/components/switch.module.css"],"sourcesContent":["import \"./switch_module.css\";export default {\"track\":\"track_cfb98\",\"hover\":\"hover_cfb98\",\"press\":\"press_cfb98\",\"disabled\":\"disabled_cfb98\",\"selected\":\"selected_cfb98\",\"knob\":\"knob_cfb98\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
@@ -1,69 +0,0 @@
1
- .track_cfb98 {
2
- background:
3
- var(--lol-switch-background-gradient) padding-box,
4
- var(--lol-switch-border-gradient) border-box;
5
-
6
- --lol-switch-border-gradient: var(--lol-gradient-gold);
7
- --lol-switch-background-gradient: var(--lol-gradient-grey-300);
8
-
9
-
10
- border: 2px solid transparent;
11
- height: 1.5rem;
12
- width: 3.5rem;
13
-
14
- border-radius: 9999px;
15
-
16
- position: relative;
17
- }
18
-
19
- .track_cfb98.hover_cfb98 {
20
- --lol-switch-border-gradient: var(--lol-gradient-gold-hover);
21
- }
22
-
23
- .track_cfb98.press_cfb98 {
24
- --lol-switch-border-gradient: var(--lol-gradient-gold-press);
25
- }
26
-
27
- .track_cfb98.disabled_cfb98 {
28
- --lol-switch-border-gradient: var(--lol-gradient-disabled);
29
- }
30
-
31
- .track_cfb98.selected_cfb98 {
32
- --lol-switch-background-gradient: var(--lol-gradient-hextech);
33
- }
34
-
35
- .knob_cfb98 {
36
- position: absolute;
37
- left: -.5rem;
38
- top: -0.375rem;
39
- height: 2rem;
40
- width: 2rem;
41
- border-radius: 9999px;
42
- background:
43
- var(--lol-switch-background-gradient) padding-box,
44
- var(--lol-switch-border-gradient) border-box;
45
-
46
- transition: left 200ms ease-in-out;
47
-
48
- --lol-switch-border-gradient: var(--lol-gradient-gold);
49
- --lol-switch-background-gradient: var(--lol-gradient-grey-300);
50
-
51
- border: 2px solid transparent;
52
- }
53
-
54
- .knob_cfb98.hover_cfb98 {
55
- --lol-switch-border-gradient: var(--lol-gradient-gold-hover);
56
- }
57
-
58
- .knob_cfb98.press_cfb98 {
59
- --lol-switch-border-gradient: var(--lol-gradient-gold-press);
60
- }
61
-
62
- .knob_cfb98.disabled_cfb98 {
63
- --lol-switch-border-gradient: var(--lol-gradient-disabled);
64
- }
65
-
66
- .knob_cfb98.selected_cfb98 {
67
- left: calc(100% - 1.5rem);
68
-
69
- }
@@ -1,6 +0,0 @@
1
- import { type TabListProps, type TabPanelProps, type TabProps } from "react-aria-components";
2
- export type { Key } from "react-aria-components";
3
- export declare const Tabs: (props: import("react-aria-components").TabsProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement | null;
4
- export declare function TabList<T extends object>({ className, ...rest }: TabListProps<T>): import("react/jsx-runtime").JSX.Element;
5
- export declare function Tab({ children, className, ...rest }: TabProps): import("react/jsx-runtime").JSX.Element;
6
- export declare function TabPanel({ ...rest }: TabPanelProps): import("react/jsx-runtime").JSX.Element;