@lolmath/ui 0.0.0-20240810205542

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 (374) hide show
  1. package/dist/es/assets/active.4113e6b2.png +0 -0
  2. package/dist/es/assets/checked-disabled.b5430cf5.png +0 -0
  3. package/dist/es/assets/checked-hover.d13cb1b3.png +0 -0
  4. package/dist/es/assets/checked-hovered.67390091.png +0 -0
  5. package/dist/es/assets/checked-pressed.cffd963b.png +0 -0
  6. package/dist/es/assets/checked.3258b858.png +0 -0
  7. package/dist/es/assets/checked.b9e4b215.png +0 -0
  8. package/dist/es/assets/closed.484c8084.png +0 -0
  9. package/dist/es/assets/disabled.87ad565d.png +0 -0
  10. package/dist/es/assets/divider.83026e17.png +0 -0
  11. package/dist/es/assets/dropdown-check.bed4dc45.png +0 -0
  12. package/dist/es/assets/hover.404fa456.png +0 -0
  13. package/dist/es/assets/indeterminate-hover.68fcbcda.png +0 -0
  14. package/dist/es/assets/indeterminate.90d6dc3e.png +0 -0
  15. package/dist/es/assets/normal.e4c594a1.png +0 -0
  16. package/dist/es/assets/open.a8643ee6.png +0 -0
  17. package/dist/es/assets/search.c15f1e1d.png +0 -0
  18. package/dist/es/assets/spinner.a69432f7.png +0 -0
  19. package/dist/es/assets/unchecked-disabled.702505e2.png +0 -0
  20. package/dist/es/assets/unchecked-hover.c8e5f2d0.png +0 -0
  21. package/dist/es/assets/unchecked-hovered.e26c4420.png +0 -0
  22. package/dist/es/assets/unchecked-pressed.161ab6f8.png +0 -0
  23. package/dist/es/assets/unchecked.ad8e0a95.png +0 -0
  24. package/dist/es/assets/unchecked.cc033abe.png +0 -0
  25. package/dist/es/components/accordion.d.ts +74 -0
  26. package/dist/es/components/accordion.js +74 -0
  27. package/dist/es/components/accordion.js.map +1 -0
  28. package/dist/es/components/accordion.module.js +7 -0
  29. package/dist/es/components/accordion.module.js.map +1 -0
  30. package/dist/es/components/accordion_module.css +41 -0
  31. package/dist/es/components/breadcrumbs/breadcrumbs.d.ts +3 -0
  32. package/dist/es/components/breadcrumbs/breadcrumbs.js +55 -0
  33. package/dist/es/components/breadcrumbs/breadcrumbs.js.map +1 -0
  34. package/dist/es/components/breadcrumbs/breadcrumbs.module.js +7 -0
  35. package/dist/es/components/breadcrumbs/breadcrumbs.module.js.map +1 -0
  36. package/dist/es/components/breadcrumbs/breadcrumbs_module.css +30 -0
  37. package/dist/es/components/breadcrumbs.d.ts +3 -0
  38. package/dist/es/components/breadcrumbs.js +67 -0
  39. package/dist/es/components/breadcrumbs.js.map +1 -0
  40. package/dist/es/components/breadcrumbs.module.js +7 -0
  41. package/dist/es/components/breadcrumbs.module.js.map +1 -0
  42. package/dist/es/components/breadcrumbs_module.css +25 -0
  43. package/dist/es/components/button-link.d.ts +11 -0
  44. package/dist/es/components/button-link.js +39 -0
  45. package/dist/es/components/button-link.js.map +1 -0
  46. package/dist/es/components/button.d.ts +76 -0
  47. package/dist/es/components/button.js +78 -0
  48. package/dist/es/components/button.js.map +1 -0
  49. package/dist/es/components/button.module.js +7 -0
  50. package/dist/es/components/button.module.js.map +1 -0
  51. package/dist/es/components/button_module.css +160 -0
  52. package/dist/es/components/card.d.ts +6 -0
  53. package/dist/es/components/card.js +32 -0
  54. package/dist/es/components/card.js.map +1 -0
  55. package/dist/es/components/card.module.js +7 -0
  56. package/dist/es/components/card.module.js.map +1 -0
  57. package/dist/es/components/card_module.css +18 -0
  58. package/dist/es/components/checkbox/checkbox.d.ts +2 -0
  59. package/dist/es/components/checkbox/checkbox.js +55 -0
  60. package/dist/es/components/checkbox/checkbox.js.map +1 -0
  61. package/dist/es/components/checkbox/checkbox.module.js +7 -0
  62. package/dist/es/components/checkbox/checkbox.module.js.map +1 -0
  63. package/dist/es/components/checkbox/checkbox_module.css +21 -0
  64. package/dist/es/components/divider.d.ts +6 -0
  65. package/dist/es/components/divider.js +31 -0
  66. package/dist/es/components/divider.js.map +1 -0
  67. package/dist/es/components/divider.module.js +7 -0
  68. package/dist/es/components/divider.module.js.map +1 -0
  69. package/dist/es/components/divider_module.css +31 -0
  70. package/dist/es/components/modal.d.ts +13 -0
  71. package/dist/es/components/modal.js +86 -0
  72. package/dist/es/components/modal.js.map +1 -0
  73. package/dist/es/components/modal.module.js +7 -0
  74. package/dist/es/components/modal.module.js.map +1 -0
  75. package/dist/es/components/modal_module.css +82 -0
  76. package/dist/es/components/number-field.d.ts +10 -0
  77. package/dist/es/components/number-field.js +103 -0
  78. package/dist/es/components/number-field.js.map +1 -0
  79. package/dist/es/components/number-field.module.js +7 -0
  80. package/dist/es/components/number-field.module.js.map +1 -0
  81. package/dist/es/components/number-field_module.css +56 -0
  82. package/dist/es/components/popover.d.ts +1 -0
  83. package/dist/es/components/popover.js +0 -0
  84. package/dist/es/components/popover.module.css +0 -0
  85. package/dist/es/components/progress-bar.d.ts +6 -0
  86. package/dist/es/components/progress-bar.js +25 -0
  87. package/dist/es/components/progress-bar.js.map +1 -0
  88. package/dist/es/components/progress-bar.module.js +7 -0
  89. package/dist/es/components/progress-bar.module.js.map +1 -0
  90. package/dist/es/components/progress-bar_module.css +35 -0
  91. package/dist/es/components/radio-group/radio-group.d.ts +3 -0
  92. package/dist/es/components/radio-group/radio-group.js +46 -0
  93. package/dist/es/components/radio-group/radio-group.js.map +1 -0
  94. package/dist/es/components/radio-group/radio-group.module.js +7 -0
  95. package/dist/es/components/radio-group/radio-group.module.js.map +1 -0
  96. package/dist/es/components/radio-group/radio-group_module.css +55 -0
  97. package/dist/es/components/search-field/search-field.d.ts +6 -0
  98. package/dist/es/components/search-field/search-field.js +67 -0
  99. package/dist/es/components/search-field/search-field.js.map +1 -0
  100. package/dist/es/components/search-field/search-field.module.js +7 -0
  101. package/dist/es/components/search-field/search-field.module.js.map +1 -0
  102. package/dist/es/components/search-field/search-field_module.css +78 -0
  103. package/dist/es/components/select/dropdown-check.js +6 -0
  104. package/dist/es/components/select/dropdown-check.js.map +1 -0
  105. package/dist/es/components/select/select.d.ts +11 -0
  106. package/dist/es/components/select/select.js +77 -0
  107. package/dist/es/components/select/select.js.map +1 -0
  108. package/dist/es/components/select/select.module.js +7 -0
  109. package/dist/es/components/select/select.module.js.map +1 -0
  110. package/dist/es/components/select/select_module.css +82 -0
  111. package/dist/es/components/slider/slider.d.ts +8 -0
  112. package/dist/es/components/slider/slider.js +146 -0
  113. package/dist/es/components/slider/slider.js.map +1 -0
  114. package/dist/es/components/slider/slider.module.js +7 -0
  115. package/dist/es/components/slider/slider.module.js.map +1 -0
  116. package/dist/es/components/slider/slider_module.css +62 -0
  117. package/dist/es/components/spinner/spinner.d.ts +5 -0
  118. package/dist/es/components/spinner/spinner.js +21 -0
  119. package/dist/es/components/spinner/spinner.js.map +1 -0
  120. package/dist/es/components/spinner/spinner.module.js +7 -0
  121. package/dist/es/components/spinner/spinner.module.js.map +1 -0
  122. package/dist/es/components/spinner/spinner_module.css +18 -0
  123. package/dist/es/components/switch.d.ts +4 -0
  124. package/dist/es/components/switch.js +61 -0
  125. package/dist/es/components/switch.js.map +1 -0
  126. package/dist/es/components/switch.module.js +7 -0
  127. package/dist/es/components/switch.module.js.map +1 -0
  128. package/dist/es/components/switch_module.css +72 -0
  129. package/dist/es/components/tabs.d.ts +6 -0
  130. package/dist/es/components/tabs.js +71 -0
  131. package/dist/es/components/tabs.js.map +1 -0
  132. package/dist/es/components/tabs.module.js +7 -0
  133. package/dist/es/components/tabs.module.js.map +1 -0
  134. package/dist/es/components/tabs_module.css +52 -0
  135. package/dist/es/components/text-area.d.ts +4 -0
  136. package/dist/es/components/text-area.js +31 -0
  137. package/dist/es/components/text-area.js.map +1 -0
  138. package/dist/es/components/text-field.d.ts +64 -0
  139. package/dist/es/components/text-field.js +46 -0
  140. package/dist/es/components/text-field.js.map +1 -0
  141. package/dist/es/components/text-field.module.js +7 -0
  142. package/dist/es/components/text-field.module.js.map +1 -0
  143. package/dist/es/components/text-field_module.css +37 -0
  144. package/dist/es/components/toggle-button.d.ts +10 -0
  145. package/dist/es/components/toggle-button.js +68 -0
  146. package/dist/es/components/toggle-button.js.map +1 -0
  147. package/dist/es/components/tooltip.d.ts +3 -0
  148. package/dist/es/components/tooltip.js +67 -0
  149. package/dist/es/components/tooltip.js.map +1 -0
  150. package/dist/es/components/tooltip.module.js +7 -0
  151. package/dist/es/components/tooltip.module.js.map +1 -0
  152. package/dist/es/components/tooltip_module.css +68 -0
  153. package/dist/es/components/typography/heading.d.ts +67 -0
  154. package/dist/es/components/typography/heading.js +40 -0
  155. package/dist/es/components/typography/heading.js.map +1 -0
  156. package/dist/es/components/typography/heading.module.js +7 -0
  157. package/dist/es/components/typography/heading.module.js.map +1 -0
  158. package/dist/es/components/typography/heading_module.css +58 -0
  159. package/dist/es/components/typography/text.d.ts +17 -0
  160. package/dist/es/components/typography/text.js +63 -0
  161. package/dist/es/components/typography/text.js.map +1 -0
  162. package/dist/es/components/typography/text.module.js +7 -0
  163. package/dist/es/components/typography/text.module.js.map +1 -0
  164. package/dist/es/components/typography/text_module.css +66 -0
  165. package/dist/es/index.d.ts +24 -0
  166. package/dist/es/index.js +29 -0
  167. package/dist/es/index.js.map +1 -0
  168. package/dist/es/plugin.d.ts +4 -0
  169. package/dist/es/plugin.js +149 -0
  170. package/dist/es/plugin.js.map +1 -0
  171. package/dist/es/style.css +105 -0
  172. package/dist/es/utilities/resolve-class-name.d.ts +1 -0
  173. package/dist/es/utilities/resolve-class-name.js +8 -0
  174. package/dist/es/utilities/resolve-class-name.js.map +1 -0
  175. package/dist/font/beaufort/beaufort.css +79 -0
  176. package/dist/font/beaufort/files/beaufort-300-italic.woff +0 -0
  177. package/dist/font/beaufort/files/beaufort-300-italic.woff2 +0 -0
  178. package/dist/font/beaufort/files/beaufort-300-normal.woff +0 -0
  179. package/dist/font/beaufort/files/beaufort-300-normal.woff2 +0 -0
  180. package/dist/font/beaufort/files/beaufort-400-italic.woff +0 -0
  181. package/dist/font/beaufort/files/beaufort-400-italic.woff2 +0 -0
  182. package/dist/font/beaufort/files/beaufort-400-normal.woff +0 -0
  183. package/dist/font/beaufort/files/beaufort-400-normal.woff2 +0 -0
  184. package/dist/font/beaufort/files/beaufort-500-italic.woff +0 -0
  185. package/dist/font/beaufort/files/beaufort-500-italic.woff2 +0 -0
  186. package/dist/font/beaufort/files/beaufort-500-normal.woff +0 -0
  187. package/dist/font/beaufort/files/beaufort-500-normal.woff2 +0 -0
  188. package/dist/font/beaufort/files/beaufort-700-italic.woff +0 -0
  189. package/dist/font/beaufort/files/beaufort-700-italic.woff2 +0 -0
  190. package/dist/font/beaufort/files/beaufort-700-normal.woff +0 -0
  191. package/dist/font/beaufort/files/beaufort-700-normal.woff2 +0 -0
  192. package/dist/font/beaufort/files/beaufort-900-italic.woff +0 -0
  193. package/dist/font/beaufort/files/beaufort-900-italic.woff2 +0 -0
  194. package/dist/font/beaufort/files/beaufort-900-normal.woff +0 -0
  195. package/dist/font/beaufort/files/beaufort-900-normal.woff2 +0 -0
  196. package/dist/font/spiegel/files/spiegel-400-italic.woff +0 -0
  197. package/dist/font/spiegel/files/spiegel-400-italic.woff2 +0 -0
  198. package/dist/font/spiegel/files/spiegel-400-normal.woff +0 -0
  199. package/dist/font/spiegel/files/spiegel-400-normal.woff2 +0 -0
  200. package/dist/font/spiegel/files/spiegel-600-normal.woff +0 -0
  201. package/dist/font/spiegel/files/spiegel-600-normal.woff2 +0 -0
  202. package/dist/font/spiegel/files/spiegel-700-italic.woff +0 -0
  203. package/dist/font/spiegel/files/spiegel-700-italic.woff2 +0 -0
  204. package/dist/font/spiegel/files/spiegel-700-normal.woff +0 -0
  205. package/dist/font/spiegel/files/spiegel-700-normal.woff2 +0 -0
  206. package/dist/font/spiegel/spiegel.css +44 -0
  207. package/dist/lib/assets/active.4113e6b2.png +0 -0
  208. package/dist/lib/assets/checked-disabled.b5430cf5.png +0 -0
  209. package/dist/lib/assets/checked-hover.d13cb1b3.png +0 -0
  210. package/dist/lib/assets/checked-hovered.67390091.png +0 -0
  211. package/dist/lib/assets/checked-pressed.cffd963b.png +0 -0
  212. package/dist/lib/assets/checked.3258b858.png +0 -0
  213. package/dist/lib/assets/checked.b9e4b215.png +0 -0
  214. package/dist/lib/assets/closed.484c8084.png +0 -0
  215. package/dist/lib/assets/disabled.87ad565d.png +0 -0
  216. package/dist/lib/assets/divider.83026e17.png +0 -0
  217. package/dist/lib/assets/dropdown-check.bed4dc45.png +0 -0
  218. package/dist/lib/assets/hover.404fa456.png +0 -0
  219. package/dist/lib/assets/indeterminate-hover.68fcbcda.png +0 -0
  220. package/dist/lib/assets/indeterminate.90d6dc3e.png +0 -0
  221. package/dist/lib/assets/normal.e4c594a1.png +0 -0
  222. package/dist/lib/assets/open.a8643ee6.png +0 -0
  223. package/dist/lib/assets/search.c15f1e1d.png +0 -0
  224. package/dist/lib/assets/spinner.a69432f7.png +0 -0
  225. package/dist/lib/assets/unchecked-disabled.702505e2.png +0 -0
  226. package/dist/lib/assets/unchecked-hover.c8e5f2d0.png +0 -0
  227. package/dist/lib/assets/unchecked-hovered.e26c4420.png +0 -0
  228. package/dist/lib/assets/unchecked-pressed.161ab6f8.png +0 -0
  229. package/dist/lib/assets/unchecked.ad8e0a95.png +0 -0
  230. package/dist/lib/assets/unchecked.cc033abe.png +0 -0
  231. package/dist/lib/components/accordion.d.ts +74 -0
  232. package/dist/lib/components/accordion.js +112 -0
  233. package/dist/lib/components/accordion.js.map +1 -0
  234. package/dist/lib/components/accordion.module.js +27 -0
  235. package/dist/lib/components/accordion.module.js.map +1 -0
  236. package/dist/lib/components/accordion_module.css +41 -0
  237. package/dist/lib/components/breadcrumbs/breadcrumbs.d.ts +3 -0
  238. package/dist/lib/components/breadcrumbs/breadcrumbs.js +86 -0
  239. package/dist/lib/components/breadcrumbs/breadcrumbs.js.map +1 -0
  240. package/dist/lib/components/breadcrumbs/breadcrumbs.module.js +27 -0
  241. package/dist/lib/components/breadcrumbs/breadcrumbs.module.js.map +1 -0
  242. package/dist/lib/components/breadcrumbs/breadcrumbs_module.css +30 -0
  243. package/dist/lib/components/button-link.d.ts +11 -0
  244. package/dist/lib/components/button-link.js +64 -0
  245. package/dist/lib/components/button-link.js.map +1 -0
  246. package/dist/lib/components/button.d.ts +76 -0
  247. package/dist/lib/components/button.js +112 -0
  248. package/dist/lib/components/button.js.map +1 -0
  249. package/dist/lib/components/button.module.js +27 -0
  250. package/dist/lib/components/button.module.js.map +1 -0
  251. package/dist/lib/components/button_module.css +160 -0
  252. package/dist/lib/components/card.d.ts +6 -0
  253. package/dist/lib/components/card.js +66 -0
  254. package/dist/lib/components/card.js.map +1 -0
  255. package/dist/lib/components/card.module.js +27 -0
  256. package/dist/lib/components/card.module.js.map +1 -0
  257. package/dist/lib/components/card_module.css +18 -0
  258. package/dist/lib/components/checkbox/checkbox.d.ts +2 -0
  259. package/dist/lib/components/checkbox/checkbox.js +87 -0
  260. package/dist/lib/components/checkbox/checkbox.js.map +1 -0
  261. package/dist/lib/components/checkbox/checkbox.module.js +27 -0
  262. package/dist/lib/components/checkbox/checkbox.module.js.map +1 -0
  263. package/dist/lib/components/checkbox/checkbox_module.css +21 -0
  264. package/dist/lib/components/divider.d.ts +6 -0
  265. package/dist/lib/components/divider.js +65 -0
  266. package/dist/lib/components/divider.js.map +1 -0
  267. package/dist/lib/components/divider.module.js +27 -0
  268. package/dist/lib/components/divider.module.js.map +1 -0
  269. package/dist/lib/components/divider_module.css +31 -0
  270. package/dist/lib/components/modal.d.ts +13 -0
  271. package/dist/lib/components/modal.js +117 -0
  272. package/dist/lib/components/modal.js.map +1 -0
  273. package/dist/lib/components/modal.module.js +27 -0
  274. package/dist/lib/components/modal.module.js.map +1 -0
  275. package/dist/lib/components/modal_module.css +82 -0
  276. package/dist/lib/components/number-field.d.ts +10 -0
  277. package/dist/lib/components/number-field.js +132 -0
  278. package/dist/lib/components/number-field.js.map +1 -0
  279. package/dist/lib/components/number-field.module.js +27 -0
  280. package/dist/lib/components/number-field.module.js.map +1 -0
  281. package/dist/lib/components/number-field_module.css +56 -0
  282. package/dist/lib/components/popover.d.ts +1 -0
  283. package/dist/lib/components/popover.js +1 -0
  284. package/dist/lib/components/popover.module.css +0 -0
  285. package/dist/lib/components/progress-bar.d.ts +6 -0
  286. package/dist/lib/components/progress-bar.js +56 -0
  287. package/dist/lib/components/progress-bar.js.map +1 -0
  288. package/dist/lib/components/progress-bar.module.js +27 -0
  289. package/dist/lib/components/progress-bar.module.js.map +1 -0
  290. package/dist/lib/components/progress-bar_module.css +35 -0
  291. package/dist/lib/components/radio-group/radio-group.d.ts +3 -0
  292. package/dist/lib/components/radio-group/radio-group.js +78 -0
  293. package/dist/lib/components/radio-group/radio-group.js.map +1 -0
  294. package/dist/lib/components/radio-group/radio-group.module.js +27 -0
  295. package/dist/lib/components/radio-group/radio-group.module.js.map +1 -0
  296. package/dist/lib/components/radio-group/radio-group_module.css +55 -0
  297. package/dist/lib/components/search-field/search-field.d.ts +6 -0
  298. package/dist/lib/components/search-field/search-field.js +97 -0
  299. package/dist/lib/components/search-field/search-field.js.map +1 -0
  300. package/dist/lib/components/search-field/search-field.module.js +27 -0
  301. package/dist/lib/components/search-field/search-field.module.js.map +1 -0
  302. package/dist/lib/components/search-field/search-field_module.css +78 -0
  303. package/dist/lib/components/select/select.d.ts +11 -0
  304. package/dist/lib/components/select/select.js +104 -0
  305. package/dist/lib/components/select/select.js.map +1 -0
  306. package/dist/lib/components/select/select.module.js +27 -0
  307. package/dist/lib/components/select/select.module.js.map +1 -0
  308. package/dist/lib/components/select/select_module.css +82 -0
  309. package/dist/lib/components/slider/slider.d.ts +8 -0
  310. package/dist/lib/components/slider/slider.js +176 -0
  311. package/dist/lib/components/slider/slider.js.map +1 -0
  312. package/dist/lib/components/slider/slider.module.js +27 -0
  313. package/dist/lib/components/slider/slider.module.js.map +1 -0
  314. package/dist/lib/components/slider/slider_module.css +62 -0
  315. package/dist/lib/components/spinner/spinner.d.ts +5 -0
  316. package/dist/lib/components/spinner/spinner.js +55 -0
  317. package/dist/lib/components/spinner/spinner.js.map +1 -0
  318. package/dist/lib/components/spinner/spinner.module.js +27 -0
  319. package/dist/lib/components/spinner/spinner.module.js.map +1 -0
  320. package/dist/lib/components/spinner/spinner_module.css +18 -0
  321. package/dist/lib/components/switch.d.ts +4 -0
  322. package/dist/lib/components/switch.js +95 -0
  323. package/dist/lib/components/switch.js.map +1 -0
  324. package/dist/lib/components/switch.module.js +27 -0
  325. package/dist/lib/components/switch.module.js.map +1 -0
  326. package/dist/lib/components/switch_module.css +72 -0
  327. package/dist/lib/components/tabs.d.ts +6 -0
  328. package/dist/lib/components/tabs.js +103 -0
  329. package/dist/lib/components/tabs.js.map +1 -0
  330. package/dist/lib/components/tabs.module.js +27 -0
  331. package/dist/lib/components/tabs.module.js.map +1 -0
  332. package/dist/lib/components/tabs_module.css +52 -0
  333. package/dist/lib/components/text-area.d.ts +4 -0
  334. package/dist/lib/components/text-area.js +52 -0
  335. package/dist/lib/components/text-area.js.map +1 -0
  336. package/dist/lib/components/text-field.d.ts +64 -0
  337. package/dist/lib/components/text-field.js +78 -0
  338. package/dist/lib/components/text-field.js.map +1 -0
  339. package/dist/lib/components/text-field.module.js +27 -0
  340. package/dist/lib/components/text-field.module.js.map +1 -0
  341. package/dist/lib/components/text-field_module.css +37 -0
  342. package/dist/lib/components/toggle-button.d.ts +10 -0
  343. package/dist/lib/components/toggle-button.js +100 -0
  344. package/dist/lib/components/toggle-button.js.map +1 -0
  345. package/dist/lib/components/tooltip.d.ts +3 -0
  346. package/dist/lib/components/tooltip.js +102 -0
  347. package/dist/lib/components/tooltip.js.map +1 -0
  348. package/dist/lib/components/tooltip.module.js +27 -0
  349. package/dist/lib/components/tooltip.module.js.map +1 -0
  350. package/dist/lib/components/tooltip_module.css +68 -0
  351. package/dist/lib/components/typography/heading.d.ts +67 -0
  352. package/dist/lib/components/typography/heading.js +75 -0
  353. package/dist/lib/components/typography/heading.js.map +1 -0
  354. package/dist/lib/components/typography/heading.module.js +27 -0
  355. package/dist/lib/components/typography/heading.module.js.map +1 -0
  356. package/dist/lib/components/typography/heading_module.css +58 -0
  357. package/dist/lib/components/typography/text.d.ts +17 -0
  358. package/dist/lib/components/typography/text.js +96 -0
  359. package/dist/lib/components/typography/text.js.map +1 -0
  360. package/dist/lib/components/typography/text.module.js +27 -0
  361. package/dist/lib/components/typography/text.module.js.map +1 -0
  362. package/dist/lib/components/typography/text_module.css +66 -0
  363. package/dist/lib/index.d.ts +24 -0
  364. package/dist/lib/index.js +77 -0
  365. package/dist/lib/index.js.map +1 -0
  366. package/dist/lib/plugin.d.ts +4 -0
  367. package/dist/lib/plugin.js +183 -0
  368. package/dist/lib/plugin.js.map +1 -0
  369. package/dist/lib/style.css +105 -0
  370. package/dist/lib/utilities/resolve-class-name.d.ts +1 -0
  371. package/dist/lib/utilities/resolve-class-name.js +32 -0
  372. package/dist/lib/utilities/resolve-class-name.js.map +1 -0
  373. package/package.json +97 -0
  374. package/readme.md +86 -0
@@ -0,0 +1 @@
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"]}
@@ -0,0 +1,7 @@
1
+ import "./switch_module.css";
2
+ var switch_default = { "track": "track_cfcb1", "hover": "hover_cfcb1", "press": "press_cfcb1", "disabled": "disabled_cfcb1", "selected": "selected_cfcb1", "knob": "knob_cfcb1" };
3
+ export {
4
+ switch_default as default
5
+ };
6
+
7
+ //# sourceMappingURL=switch.module.js.map
@@ -0,0 +1 @@
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_cfcb1\",\"hover\":\"hover_cfcb1\",\"press\":\"press_cfcb1\",\"disabled\":\"disabled_cfcb1\",\"selected\":\"selected_cfcb1\",\"knob\":\"knob_cfcb1\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
@@ -0,0 +1,72 @@
1
+ @layer lol {
2
+ .track_cfcb1 {
3
+ background:
4
+ var(--lol-switch-background-gradient) padding-box,
5
+ var(--lol-switch-border-gradient) border-box;
6
+
7
+ --lol-switch-border-gradient: var(--lol-gradient-gold);
8
+ --lol-switch-background-gradient: var(--lol-gradient-grey-300);
9
+
10
+
11
+ border: 2px solid transparent;
12
+ height: 1.5rem;
13
+ width: 3.5rem;
14
+
15
+ border-radius: 9999px;
16
+
17
+ position: relative;
18
+ }
19
+
20
+ .track_cfcb1.hover_cfcb1 {
21
+ --lol-switch-border-gradient: var(--lol-gradient-gold-hover);
22
+ }
23
+
24
+ .track_cfcb1.press_cfcb1 {
25
+ --lol-switch-border-gradient: var(--lol-gradient-gold-press);
26
+ }
27
+
28
+ .track_cfcb1.disabled_cfcb1 {
29
+ --lol-switch-border-gradient: var(--lol-gradient-disabled);
30
+ }
31
+
32
+ .track_cfcb1.selected_cfcb1 {
33
+ --lol-switch-background-gradient: var(--lol-gradient-hextech);
34
+ }
35
+
36
+ .knob_cfcb1 {
37
+ position: absolute;
38
+ left: -.5rem;
39
+ top: -0.375rem;
40
+ height: 2rem;
41
+ width: 2rem;
42
+ border-radius: 9999px;
43
+ background:
44
+ var(--lol-switch-background-gradient) padding-box,
45
+ var(--lol-switch-border-gradient) border-box;
46
+
47
+ transition: left 200ms ease-in-out;
48
+
49
+ --lol-switch-border-gradient: var(--lol-gradient-gold);
50
+ --lol-switch-background-gradient: var(--lol-gradient-grey-300);
51
+
52
+ border: 2px solid transparent;
53
+ }
54
+
55
+
56
+ .knob_cfcb1.hover_cfcb1 {
57
+ --lol-switch-border-gradient: var(--lol-gradient-gold-hover);
58
+ }
59
+
60
+ .knob_cfcb1.press_cfcb1 {
61
+ --lol-switch-border-gradient: var(--lol-gradient-gold-press);
62
+ }
63
+
64
+ .knob_cfcb1.disabled_cfcb1 {
65
+ --lol-switch-border-gradient: var(--lol-gradient-disabled);
66
+ }
67
+
68
+ .knob_cfcb1.selected_cfcb1 {
69
+ left: calc(100% - 1.5rem);
70
+
71
+ }
72
+ }
@@ -0,0 +1,6 @@
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;
@@ -0,0 +1,71 @@
1
+ "use client";
2
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
3
+ import { cva, cx } from "cva";
4
+ import {
5
+ Tab as AriaTab,
6
+ TabList as AriaTabList,
7
+ TabPanel as AriaTabPanel,
8
+ Tabs as AriaTabs
9
+ } from "react-aria-components";
10
+ import { resolveClassName } from "../utilities/resolve-class-name.js";
11
+ import classes from "./tabs.module";
12
+ const Tabs = AriaTabs;
13
+ function TabList({
14
+ className,
15
+ ...rest
16
+ }) {
17
+ return /* @__PURE__ */ jsx(
18
+ AriaTabList,
19
+ {
20
+ ...rest,
21
+ className: (values) => cx(classes.list, resolveClassName(className, values))
22
+ }
23
+ );
24
+ }
25
+ const tab = cva({
26
+ base: classes.tab,
27
+ variants: {
28
+ isSelected: {
29
+ true: classes.selected
30
+ },
31
+ isHovered: {
32
+ true: classes.hovered
33
+ },
34
+ isPressed: {
35
+ true: classes.pressed
36
+ },
37
+ isDisabled: {
38
+ true: classes.disabled
39
+ },
40
+ isFocusVisible: {
41
+ true: classes.focusVisible
42
+ }
43
+ }
44
+ });
45
+ function Tab({ children, className, ...rest }) {
46
+ return /* @__PURE__ */ jsx(
47
+ AriaTab,
48
+ {
49
+ ...rest,
50
+ className: (values) => tab({
51
+ ...values,
52
+ className: resolveClassName(className, values)
53
+ }),
54
+ children: (values) => /* @__PURE__ */ jsxs(Fragment, { children: [
55
+ typeof children === "function" ? children(values) : children,
56
+ values.isSelected && /* @__PURE__ */ jsx("div", { className: classes.indicator })
57
+ ] })
58
+ }
59
+ );
60
+ }
61
+ function TabPanel({ ...rest }) {
62
+ return /* @__PURE__ */ jsx(AriaTabPanel, { ...rest });
63
+ }
64
+ export {
65
+ Tab,
66
+ TabList,
67
+ TabPanel,
68
+ Tabs
69
+ };
70
+
71
+ //# sourceMappingURL=tabs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"mappings":";AAwBE,SA0CE,UA1CF,KA0CE,YA1CF;AAtBF,SAAS,KAAK,UAAU;AACxB;AAAA,EACC,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,OAIF;AACP,SAAS,wBAAwB;AACjC,OAAO,aAAa;AAIb,MAAM,OAAO;AAEb,SAAS,QAA0B;AAAA,EACzC;AAAA,EACA,GAAG;AACJ,GAAoB;AACnB,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WACX,GAAG,QAAQ,MAAM,iBAAiB,WAAW,MAAM,CAAC;AAAA;AAAA,EAEtD;AAEF;AAEA,MAAM,MAAM,IAAI;AAAA,EACf,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,IACA,gBAAgB;AAAA,MACf,MAAM,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAEM,SAAS,IAAI,EAAE,UAAU,WAAW,GAAG,KAAK,GAAa;AAC/D,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WACX,IAAI;AAAA,QACH,GAAG;AAAA,QACH,WAAW,iBAAiB,WAAW,MAAM;AAAA,MAC9C,CAAC;AAAA,MAGD,WAAC,WACD,iCACE;AAAA,eAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,QACpD,OAAO,cAAc,oBAAC,SAAI,WAAW,QAAQ,WAAW;AAAA,SAC1D;AAAA;AAAA,EAEF;AAEF;AAEO,SAAS,SAAS,EAAE,GAAG,KAAK,GAAkB;AACpD,SAAO,oBAAC,gBAAc,GAAG,MAAM;AAChC","names":[],"ignoreList":[],"sources":["../../../src/components/tabs.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva, cx } from \"cva\";\nimport {\n\tTab as AriaTab,\n\tTabList as AriaTabList,\n\tTabPanel as AriaTabPanel,\n\tTabs as AriaTabs,\n\ttype TabListProps,\n\ttype TabPanelProps,\n\ttype TabProps,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport classes from \"./tabs.module\";\n\nexport type { Key } from \"react-aria-components\";\n\nexport const Tabs = AriaTabs;\n\nexport function TabList<T extends object>({\n\tclassName,\n\t...rest\n}: TabListProps<T>) {\n\treturn (\n\t\t<AriaTabList<T>\n\t\t\t{...rest}\n\t\t\tclassName={(values) =>\n\t\t\t\tcx(classes.list, resolveClassName(className, values))\n\t\t\t}\n\t\t/>\n\t);\n}\n\nconst tab = cva({\n\tbase: classes.tab,\n\tvariants: {\n\t\tisSelected: {\n\t\t\ttrue: classes.selected,\n\t\t},\n\t\tisHovered: {\n\t\t\ttrue: classes.hovered,\n\t\t},\n\t\tisPressed: {\n\t\t\ttrue: classes.pressed,\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: classes.disabled,\n\t\t},\n\t\tisFocusVisible: {\n\t\t\ttrue: classes.focusVisible,\n\t\t},\n\t},\n});\n\nexport function Tab({ children, className, ...rest }: TabProps) {\n\treturn (\n\t\t<AriaTab\n\t\t\t{...rest}\n\t\t\tclassName={(values) =>\n\t\t\t\ttab({\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\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{values.isSelected && <div className={classes.indicator} />}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaTab>\n\t);\n}\n\nexport function TabPanel({ ...rest }: TabPanelProps) {\n\treturn <AriaTabPanel {...rest} />;\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
@@ -0,0 +1,7 @@
1
+ import "./tabs_module.css";
2
+ var tabs_default = { "list": "list_0d500", "tab": "tab_0d500", "selected": "selected_0d500", "hovered": "hovered_0d500", "pressed": "pressed_0d500", "disabled": "disabled_0d500", "focusVisible": "focusVisible_0d500", "indicator": "indicator_0d500" };
3
+ export {
4
+ tabs_default as default
5
+ };
6
+
7
+ //# sourceMappingURL=tabs.module.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"mappings":"AAAA,OAAO;AAAoB,IAAO,eAAQ,EAAC,QAAO,cAAa,OAAM,aAAY,YAAW,kBAAiB,WAAU,iBAAgB,WAAU,iBAAgB,YAAW,kBAAiB,gBAAe,sBAAqB,aAAY,kBAAiB","names":[],"ignoreList":[],"sources":["../../../src/components/tabs.module.css"],"sourcesContent":["import \"./tabs_module.css\";export default {\"list\":\"list_0d500\",\"tab\":\"tab_0d500\",\"selected\":\"selected_0d500\",\"hovered\":\"hovered_0d500\",\"pressed\":\"pressed_0d500\",\"disabled\":\"disabled_0d500\",\"focusVisible\":\"focusVisible_0d500\",\"indicator\":\"indicator_0d500\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
@@ -0,0 +1,52 @@
1
+ @layer lol {
2
+ .list_0d500 {
3
+ margin-left: -1rem;
4
+ display: flex;
5
+ }
6
+
7
+ .tab_0d500 {
8
+ font-family: var(--lol-font-family-beaufort);
9
+ color: var(--lol-color-gold-300);
10
+ position: relative;
11
+ cursor: pointer;
12
+ user-select: none;
13
+ padding: 0.25rem 1rem;
14
+ font-size: 0.75rem;
15
+ font-weight: 500;
16
+ text-transform: uppercase;
17
+ letter-spacing: 0.1em;
18
+ line-height: 1rem;
19
+ outline: none;
20
+ }
21
+
22
+ .tab_0d500.selected_0d500 {
23
+ color: var(--lol-color-gold-100);
24
+ }
25
+
26
+ .tab_0d500.hovered_0d500 {
27
+ color: var(--lol-color-gold-100);
28
+ }
29
+
30
+ .tab_0d500.pressed_0d500 {
31
+ color: var(--lol-color-gold-500);
32
+ }
33
+
34
+ .tab_0d500.disabled_0d500 {
35
+ color: var(--lol-color-grey-150);
36
+ cursor: default;
37
+ }
38
+
39
+ .tab_0d500.focusVisible_0d500 {
40
+ outline: 1px solid var(--lol-color-gold-400);
41
+ outline-offset: 0.25rem;
42
+ }
43
+
44
+ .indicator_0d500 {
45
+ position: absolute;
46
+ bottom: 0;
47
+ left: 0;
48
+ height: 1px;
49
+ width: 100%;
50
+ background: linear-gradient(to right, transparent, var(--lol-color-gold-200), transparent);
51
+ }
52
+ }
@@ -0,0 +1,4 @@
1
+ import type { TextFieldProps as AriaTextFieldProps, TextAreaProps } from "react-aria-components";
2
+ export declare function TextArea({ textAreaProps, children, ...props }: AriaTextFieldProps & {
3
+ textAreaProps?: TextAreaProps;
4
+ }): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,31 @@
1
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
+ import {
3
+ TextArea as AriaTextArea,
4
+ TextField as AriaTextField
5
+ } from "react-aria-components";
6
+ import { resolveClassName } from "../utilities/resolve-class-name.js";
7
+ import { textField } from "./text-field.js";
8
+ function TextArea({
9
+ textAreaProps = {},
10
+ children,
11
+ ...props
12
+ }) {
13
+ return /* @__PURE__ */ jsx(AriaTextField, { ...props, children: (values) => /* @__PURE__ */ jsxs(Fragment, { children: [
14
+ typeof children === "function" ? children(values) : children,
15
+ /* @__PURE__ */ jsx(
16
+ AriaTextArea,
17
+ {
18
+ ...textAreaProps,
19
+ className: (values2) => textField({
20
+ ...values2,
21
+ className: resolveClassName(textAreaProps?.className, values2)
22
+ })
23
+ }
24
+ )
25
+ ] }) });
26
+ }
27
+ export {
28
+ TextArea
29
+ };
30
+
31
+ //# sourceMappingURL=text-area.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"mappings":"AAqBI,mBAEC,KAFD;AAjBJ;AAAA,EACC,YAAY;AAAA,EACZ,aAAa;AAAA,OACP;AACP,SAAS,wBAAwB;AACjC,SAAS,iBAAiB;AAEnB,SAAS,SAAS;AAAA,EACxB,gBAAgB,CAAC;AAAA,EACjB;AAAA,EACA,GAAG;AACJ,GAEG;AACF,SACC,oBAAC,iBAAe,GAAG,OACjB,WAAC,WACD,iCACE;AAAA,WAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,IACrD;AAAA,MAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACJ,WAAW,CAACA,YACX,UAAU;AAAA,UACT,GAAGA;AAAA,UACH,WAAW,iBAAiB,eAAe,WAAWA,OAAM;AAAA,QAC7D,CAAC;AAAA;AAAA,IAEH;AAAA,KACD,GAEF;AAEF","names":["values"],"ignoreList":[],"sources":["../../../src/components/text-area.tsx"],"sourcesContent":["import type {\n\tTextFieldProps as AriaTextFieldProps,\n\tTextAreaProps,\n} from \"react-aria-components\";\nimport {\n\tTextArea as AriaTextArea,\n\tTextField as AriaTextField,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport { textField } from \"./text-field.js\";\n\nexport function TextArea({\n\ttextAreaProps = {},\n\tchildren,\n\t...props\n}: AriaTextFieldProps & {\n\ttextAreaProps?: TextAreaProps;\n}) {\n\treturn (\n\t\t<AriaTextField {...props}>\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<AriaTextArea\n\t\t\t\t\t\t{...textAreaProps}\n\t\t\t\t\t\tclassName={(values) =>\n\t\t\t\t\t\t\ttextField({\n\t\t\t\t\t\t\t\t...values,\n\t\t\t\t\t\t\t\tclassName: resolveClassName(textAreaProps?.className, values),\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</>\n\t\t\t)}\n\t\t</AriaTextField>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
@@ -0,0 +1,64 @@
1
+ import type { ComponentProps } from "react";
2
+ import type { TextFieldProps as AriaTextFieldProps, InputProps } from "react-aria-components";
3
+ export declare const textField: (props?: ({
4
+ isDisabled?: boolean | undefined;
5
+ isFocused?: boolean | undefined;
6
+ } & ({
7
+ class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
8
+ [x: string]: any;
9
+ } | null | undefined)[] | {
10
+ [x: string]: any;
11
+ } | null | undefined)[] | {
12
+ [x: string]: any;
13
+ } | null | undefined)[] | {
14
+ [x: string]: any;
15
+ } | null | undefined)[] | {
16
+ [x: string]: any;
17
+ } | null | undefined)[] | {
18
+ [x: string]: any;
19
+ } | null | undefined)[] | {
20
+ [x: string]: any;
21
+ } | null | undefined)[] | {
22
+ [x: string]: any;
23
+ } | null | undefined)[] | {
24
+ [x: string]: any;
25
+ } | null | undefined)[] | {
26
+ [x: string]: any;
27
+ } | null | undefined)[] | {
28
+ [x: string]: any;
29
+ } | null | undefined)[] | {
30
+ [x: string]: any;
31
+ } | null | undefined;
32
+ className?: never;
33
+ } | {
34
+ class?: never;
35
+ className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
36
+ [x: string]: any;
37
+ } | null | undefined)[] | {
38
+ [x: string]: any;
39
+ } | null | undefined)[] | {
40
+ [x: string]: any;
41
+ } | null | undefined)[] | {
42
+ [x: string]: any;
43
+ } | null | undefined)[] | {
44
+ [x: string]: any;
45
+ } | null | undefined)[] | {
46
+ [x: string]: any;
47
+ } | null | undefined)[] | {
48
+ [x: string]: any;
49
+ } | null | undefined)[] | {
50
+ [x: string]: any;
51
+ } | null | undefined)[] | {
52
+ [x: string]: any;
53
+ } | null | undefined)[] | {
54
+ [x: string]: any;
55
+ } | null | undefined)[] | {
56
+ [x: string]: any;
57
+ } | null | undefined)[] | {
58
+ [x: string]: any;
59
+ } | null | undefined;
60
+ })) | undefined) => string;
61
+ export declare function TextField({ inputProps, borderProps, children, ...props }: AriaTextFieldProps & {
62
+ inputProps?: InputProps;
63
+ borderProps?: ComponentProps<"div">;
64
+ }): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,46 @@
1
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
+ import {
3
+ Input as AriaInput,
4
+ TextField as AriaTextField
5
+ } from "react-aria-components";
6
+ import { resolveClassName } from "../utilities/resolve-class-name.js";
7
+ import { cva } from "cva";
8
+ import classes from "./text-field.module";
9
+ const textField = cva({
10
+ base: classes.textField,
11
+ variants: {
12
+ isDisabled: {
13
+ true: classes.disabled
14
+ },
15
+ isFocused: {
16
+ true: classes.focus
17
+ }
18
+ }
19
+ });
20
+ function TextField({
21
+ inputProps = {},
22
+ borderProps = {},
23
+ children,
24
+ ...props
25
+ }) {
26
+ return /* @__PURE__ */ jsx(AriaTextField, { ...props, children: (values) => /* @__PURE__ */ jsxs(Fragment, { children: [
27
+ typeof children === "function" ? children(values) : children,
28
+ /* @__PURE__ */ jsx(
29
+ AriaInput,
30
+ {
31
+ type: "text",
32
+ ...inputProps,
33
+ className: (values2) => textField({
34
+ ...values2,
35
+ className: resolveClassName(inputProps?.className, values2)
36
+ })
37
+ }
38
+ )
39
+ ] }) });
40
+ }
41
+ export {
42
+ TextField,
43
+ textField
44
+ };
45
+
46
+ //# sourceMappingURL=text-field.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"mappings":"AAsCI,mBAGC,KAHD;AAjCJ;AAAA,EACC,SAAS;AAAA,EACT,aAAa;AAAA,OACP;AACP,SAAS,wBAAwB;AAEjC,SAAS,WAAW;AACpB,OAAO,aAAa;AAEb,MAAM,YAAY,IAAI;AAAA,EAC5B,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,YAAY;AAAA,MACX,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,WAAW;AAAA,MACV,MAAM,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAEM,SAAS,UAAU;AAAA,EACzB,aAAa,CAAC;AAAA,EACd,cAAc,CAAC;AAAA,EACf;AAAA,EACA,GAAG;AACJ,GAGG;AACF,SACC,oBAAC,iBAAe,GAAG,OACjB,WAAC,WACD,iCACE;AAAA,WAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,IAErD;AAAA,MAAC;AAAA;AAAA,QACA,MAAK;AAAA,QACJ,GAAG;AAAA,QACJ,WAAW,CAACA,YACX,UAAU;AAAA,UACT,GAAGA;AAAA,UACH,WAAW,iBAAiB,YAAY,WAAWA,OAAM;AAAA,QAC1D,CAAC;AAAA;AAAA,IAEH;AAAA,KACD,GAEF;AAEF","names":["values"],"ignoreList":[],"sources":["../../../src/components/text-field.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport type {\n\tTextFieldProps as AriaTextFieldProps,\n\tInputProps,\n} from \"react-aria-components\";\nimport {\n\tInput as AriaInput,\n\tTextField as AriaTextField,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\n\nimport { cva } from \"cva\";\nimport classes from \"./text-field.module\";\n\nexport const textField = cva({\n\tbase: classes.textField,\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\nexport function TextField({\n\tinputProps = {},\n\tborderProps = {},\n\tchildren,\n\t...props\n}: AriaTextFieldProps & {\n\tinputProps?: InputProps;\n\tborderProps?: ComponentProps<\"div\">;\n}) {\n\treturn (\n\t\t<AriaTextField {...props}>\n\t\t\t{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t{typeof children === \"function\" ? children(values) : children}\n\n\t\t\t\t\t<AriaInput\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t{...inputProps}\n\t\t\t\t\t\tclassName={(values) =>\n\t\t\t\t\t\t\ttextField({\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/>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaTextField>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
@@ -0,0 +1,7 @@
1
+ import "./text-field_module.css";
2
+ var text_field_default = { "textField": "textField_bbfbb", "disabled": "disabled_bbfbb", "focus": "focus_bbfbb" };
3
+ export {
4
+ text_field_default as default
5
+ };
6
+
7
+ //# sourceMappingURL=text-field.module.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"mappings":"AAAA,OAAO;AAA0B,IAAO,qBAAQ,EAAC,aAAY,mBAAkB,YAAW,kBAAiB,SAAQ,cAAa","names":[],"ignoreList":[],"sources":["../../../src/components/text-field.module.css"],"sourcesContent":["import \"./text-field_module.css\";export default {\"textField\":\"textField_bbfbb\",\"disabled\":\"disabled_bbfbb\",\"focus\":\"focus_bbfbb\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
@@ -0,0 +1,37 @@
1
+ @layer lol {
2
+ .textField_bbfbb {
3
+ background:
4
+ var(--lol-input-background-gradient) padding-box,
5
+ var(--lol-input-border-gradient) border-box;
6
+
7
+ --lol-input-border-gradient: var(--lol-gradient-gold);
8
+ --lol-input-background-gradient: var(--lol-gradient-hextech-black);
9
+
10
+ border: 1px solid transparent;
11
+ grid-area: input;
12
+ padding: 0.5rem 0.75rem;
13
+ margin: 0;
14
+ font-size: 0.75rem;
15
+ line-height: 1rem;
16
+ color: var(--field-text-color);
17
+ outline: none;
18
+ font-family: var(--lol-font-family-spiegel);
19
+ font-weight: 500;
20
+ letter-spacing: 0.025em;
21
+
22
+ color: var(--lol-color-gold-100);
23
+
24
+ display: flex;
25
+ width: 100%;
26
+ }
27
+
28
+ .textField_bbfbb.disabled_bbfbb {
29
+ --lol-input-border-gradient: var(--lol-gradient-disabled);
30
+ color: var(--lol-color-grey-150);
31
+ }
32
+
33
+ .textField_bbfbb.focus_bbfbb {
34
+ --lol-input-border-gradient: var(--lol-gradient-gold-hover);
35
+ --lol-input-background-gradient: var(--lol-gradient-grey-focus);
36
+ }
37
+ }
@@ -0,0 +1,10 @@
1
+ import { type ToggleButtonProps as AriaToggleButtonProps } from "react-aria-components";
2
+ export type ToggleButtonShape = "round" | "square" | "normal";
3
+ export type ToggleButtonPreset = "secondary" | "hextech" | "dimmed";
4
+ interface ToggleButtonProps extends AriaToggleButtonProps {
5
+ preset?: ToggleButtonPreset;
6
+ thin?: boolean;
7
+ shape?: ToggleButtonShape;
8
+ }
9
+ export declare function ToggleButton({ children, className, preset, shape, thin, ...props }: ToggleButtonProps): import("react/jsx-runtime").JSX.Element;
10
+ export {};
@@ -0,0 +1,68 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { cva } from "cva";
3
+ import {
4
+ ToggleButton as AriaToggleButton
5
+ } from "react-aria-components";
6
+ import { resolveClassName } from "../utilities/resolve-class-name.js";
7
+ import classes from "./button.module";
8
+ const button = cva({
9
+ base: classes.button,
10
+ variants: {
11
+ preset: {
12
+ secondary: classes.secondary,
13
+ hextech: classes.hextech,
14
+ dimmed: classes.dimmed
15
+ },
16
+ isHovered: {
17
+ true: classes.hover
18
+ },
19
+ isPressed: {
20
+ true: classes.press
21
+ },
22
+ isDisabled: {
23
+ true: classes.disabled
24
+ },
25
+ isFocusVisible: {
26
+ true: classes.focusVisible
27
+ },
28
+ shape: {
29
+ round: classes.round,
30
+ square: classes.square,
31
+ normal: classes.normal
32
+ },
33
+ thin: {
34
+ true: classes.thin
35
+ },
36
+ isSelected: {
37
+ true: classes.selected
38
+ }
39
+ }
40
+ });
41
+ function ToggleButton({
42
+ children,
43
+ className,
44
+ preset = "secondary",
45
+ shape = "normal",
46
+ thin = preset === "dimmed",
47
+ ...props
48
+ }) {
49
+ return /* @__PURE__ */ jsx(
50
+ AriaToggleButton,
51
+ {
52
+ ...props,
53
+ className: (values) => button({
54
+ ...values,
55
+ preset,
56
+ shape,
57
+ thin,
58
+ className: resolveClassName(className, values)
59
+ }),
60
+ children
61
+ }
62
+ );
63
+ }
64
+ export {
65
+ ToggleButton
66
+ };
67
+
68
+ //# sourceMappingURL=toggle-button.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"mappings":"AA2DE;AA3DF,SAAS,WAAW;AACpB;AAAA,EACC,gBAAgB;AAAA,OAEV;AACP,SAAS,wBAAwB;AACjC,OAAO,aAAa;AAKpB,MAAM,SAAS,IAAI;AAAA,EAClB,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,QAAQ;AAAA,MACP,WAAW,QAAQ;AAAA,MACnB,SAAS,QAAQ;AAAA,MACjB,QAAQ,QAAQ;AAAA,IACjB;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,IACA,gBAAgB;AAAA,MACf,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,OAAO;AAAA,MACN,OAAO,QAAQ;AAAA,MACf,QAAQ,QAAQ;AAAA,MAChB,QAAQ,QAAQ;AAAA,IACjB;AAAA,IACA,MAAM;AAAA,MACL,MAAM,QAAQ;AAAA,IACf;AAAA,IACA,YAAY;AAAA,MACX,MAAM,QAAQ;AAAA,IACf;AAAA,EACD;AACD,CAAC;AAOM,SAAS,aAAa;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO,WAAW;AAAA,EAClB,GAAG;AACJ,GAAsB;AACrB,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WACX,OAAO;AAAA,QACN,GAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,iBAAiB,WAAW,MAAM;AAAA,MAC9C,CAAC;AAAA,MAGD;AAAA;AAAA,EACF;AAEF","names":[],"ignoreList":[],"sources":["../../../src/components/toggle-button.tsx"],"sourcesContent":["import { cva } from \"cva\";\nimport {\n\tToggleButton as AriaToggleButton,\n\ttype ToggleButtonProps as AriaToggleButtonProps,\n} from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport classes from \"./button.module\";\n\nexport type ToggleButtonShape = \"round\" | \"square\" | \"normal\";\nexport type ToggleButtonPreset = \"secondary\" | \"hextech\" | \"dimmed\";\n\nconst button = cva({\n\tbase: classes.button,\n\tvariants: {\n\t\tpreset: {\n\t\t\tsecondary: classes.secondary,\n\t\t\thextech: classes.hextech,\n\t\t\tdimmed: classes.dimmed,\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\tisFocusVisible: {\n\t\t\ttrue: classes.focusVisible,\n\t\t},\n\t\tshape: {\n\t\t\tround: classes.round,\n\t\t\tsquare: classes.square,\n\t\t\tnormal: classes.normal,\n\t\t},\n\t\tthin: {\n\t\t\ttrue: classes.thin,\n\t\t},\n\t\tisSelected: {\n\t\t\ttrue: classes.selected,\n\t\t},\n\t},\n});\ninterface ToggleButtonProps extends AriaToggleButtonProps {\n\tpreset?: ToggleButtonPreset;\n\tthin?: boolean;\n\tshape?: ToggleButtonShape;\n}\n\nexport function ToggleButton({\n\tchildren,\n\tclassName,\n\tpreset = \"secondary\",\n\tshape = \"normal\",\n\tthin = preset === \"dimmed\",\n\t...props\n}: ToggleButtonProps) {\n\treturn (\n\t\t<AriaToggleButton\n\t\t\t{...props}\n\t\t\tclassName={(values) =>\n\t\t\t\tbutton({\n\t\t\t\t\t...values,\n\t\t\t\t\tpreset,\n\t\t\t\t\tshape,\n\t\t\t\t\tthin,\n\t\t\t\t\tclassName: resolveClassName(className, values),\n\t\t\t\t})\n\t\t\t}\n\t\t>\n\t\t\t{children}\n\t\t</AriaToggleButton>\n\t);\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
@@ -0,0 +1,3 @@
1
+ import type { TooltipProps } from "react-aria-components";
2
+ export declare function Tooltip({ children, ...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;
3
+ export { TooltipTrigger } from "react-aria-components";
@@ -0,0 +1,67 @@
1
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
+ import { cva } from "cva";
3
+ import { Tooltip as AriaTooltip, OverlayArrow } from "react-aria-components";
4
+ import { resolveClassName } from "../utilities/resolve-class-name.js";
5
+ import classes from "./tooltip.module";
6
+ const tooltipBorder = cva({
7
+ base: classes.tooltip,
8
+ variants: {
9
+ placement: {
10
+ bottom: classes.bottom,
11
+ top: classes.top,
12
+ left: classes.left,
13
+ right: classes.right,
14
+ center: ""
15
+ }
16
+ }
17
+ });
18
+ const tooltipArrowBorder = cva({
19
+ base: classes.arrowBorder,
20
+ variants: {
21
+ placement: {
22
+ top: classes.top,
23
+ bottom: classes.bottom,
24
+ left: classes.left,
25
+ right: classes.right,
26
+ center: ""
27
+ }
28
+ }
29
+ });
30
+ const tooltipArrow = cva({
31
+ base: classes.arrow,
32
+ variants: {
33
+ placement: {
34
+ top: classes.top,
35
+ bottom: classes.bottom,
36
+ left: classes.left,
37
+ right: classes.right,
38
+ center: ""
39
+ }
40
+ }
41
+ });
42
+ function Tooltip({ children, ...props }) {
43
+ return /* @__PURE__ */ jsx(
44
+ AriaTooltip,
45
+ {
46
+ ...props,
47
+ className: (values) => tooltipBorder({
48
+ ...values,
49
+ className: resolveClassName(props?.className, values)
50
+ }),
51
+ children: (values) => /* @__PURE__ */ jsxs(Fragment, { children: [
52
+ /* @__PURE__ */ jsx(OverlayArrow, { className: "translate-y-1 transform", children: (values2) => /* @__PURE__ */ jsxs(Fragment, { children: [
53
+ /* @__PURE__ */ jsx("svg", { viewBox: "0 0 12 12", className: tooltipArrowBorder(values2), children: /* @__PURE__ */ jsx("path", { d: "M0 0,L6 6,L12 0" }) }),
54
+ /* @__PURE__ */ jsx("svg", { viewBox: "0 0 12 12", className: tooltipArrow(values2), children: /* @__PURE__ */ jsx("path", { d: "M0 0,L6 6,L12 0" }) })
55
+ ] }) }),
56
+ typeof children === "function" ? children(values) : children
57
+ ] })
58
+ }
59
+ );
60
+ }
61
+ import { TooltipTrigger } from "react-aria-components";
62
+ export {
63
+ Tooltip,
64
+ TooltipTrigger
65
+ };
66
+
67
+ //# sourceMappingURL=tooltip.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"mappings":"AA4DO,mBAEE,KAFF;AA5DP,SAAS,WAAW;AAEpB,SAAS,WAAW,aAAa,oBAAoB;AACrD,SAAS,wBAAwB;AACjC,OAAO,aAAa;AAEpB,MAAM,gBAAgB,IAAI;AAAA,EACzB,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW;AAAA,MACV,QAAQ,QAAQ;AAAA,MAChB,KAAK,QAAQ;AAAA,MACb,MAAM,QAAQ;AAAA,MACd,OAAO,QAAQ;AAAA,MACf,QAAQ;AAAA,IACT;AAAA,EACD;AACD,CAAC;AAED,MAAM,qBAAqB,IAAI;AAAA,EAC9B,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW;AAAA,MACV,KAAK,QAAQ;AAAA,MACb,QAAQ,QAAQ;AAAA,MAChB,MAAM,QAAQ;AAAA,MACd,OAAO,QAAQ;AAAA,MACf,QAAQ;AAAA,IACT;AAAA,EACD;AACD,CAAC;AAED,MAAM,eAAe,IAAI;AAAA,EACxB,MAAM,QAAQ;AAAA,EACd,UAAU;AAAA,IACT,WAAW;AAAA,MACV,KAAK,QAAQ;AAAA,MACb,QAAQ,QAAQ;AAAA,MAChB,MAAM,QAAQ;AAAA,MACd,OAAO,QAAQ;AAAA,MACf,QAAQ;AAAA,IACT;AAAA,EACD;AACD,CAAC;AAEM,SAAS,QAAQ,EAAE,UAAU,GAAG,MAAM,GAAiB;AAC7D,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,CAAC,WACX,cAAc;AAAA,QACb,GAAG;AAAA,QACH,WAAW,iBAAiB,OAAO,WAAW,MAAM;AAAA,MACrD,CAAC;AAAA,MAGD,WAAC,WACD,iCACC;AAAA,4BAAC,gBAAa,WAAU,2BACtB,WAACA,YACD,iCACC;AAAA,8BAAC,SAAI,SAAQ,aAAY,WAAW,mBAAmBA,OAAM,GAC5D,8BAAC,UAAK,GAAE,mBAAkB,GAC3B;AAAA,UACA,oBAAC,SAAI,SAAQ,aAAY,WAAW,aAAaA,OAAM,GACtD,8BAAC,UAAK,GAAE,mBAAkB,GAC3B;AAAA,WACD,GAEF;AAAA,QACC,OAAO,aAAa,aAAa,SAAS,MAAM,IAAI;AAAA,SACtD;AAAA;AAAA,EAEF;AAEF;AAEA,SAAS,sBAAsB","names":["values"],"ignoreList":[],"sources":["../../../src/components/tooltip.tsx"],"sourcesContent":["import { cva } from \"cva\";\nimport type { TooltipProps } from \"react-aria-components\";\nimport { Tooltip as AriaTooltip, OverlayArrow } from \"react-aria-components\";\nimport { resolveClassName } from \"../utilities/resolve-class-name.js\";\nimport classes from \"./tooltip.module\";\n\nconst tooltipBorder = cva({\n\tbase: classes.tooltip,\n\tvariants: {\n\t\tplacement: {\n\t\t\tbottom: classes.bottom,\n\t\t\ttop: classes.top,\n\t\t\tleft: classes.left,\n\t\t\tright: classes.right,\n\t\t\tcenter: \"\",\n\t\t},\n\t},\n});\n\nconst tooltipArrowBorder = cva({\n\tbase: classes.arrowBorder,\n\tvariants: {\n\t\tplacement: {\n\t\t\ttop: classes.top,\n\t\t\tbottom: classes.bottom,\n\t\t\tleft: classes.left,\n\t\t\tright: classes.right,\n\t\t\tcenter: \"\",\n\t\t},\n\t},\n});\n\nconst tooltipArrow = cva({\n\tbase: classes.arrow,\n\tvariants: {\n\t\tplacement: {\n\t\t\ttop: classes.top,\n\t\t\tbottom: classes.bottom,\n\t\t\tleft: classes.left,\n\t\t\tright: classes.right,\n\t\t\tcenter: \"\",\n\t\t},\n\t},\n});\n\nexport function Tooltip({ children, ...props }: TooltipProps) {\n\treturn (\n\t\t<AriaTooltip\n\t\t\t{...props}\n\t\t\tclassName={(values) =>\n\t\t\t\ttooltipBorder({\n\t\t\t\t\t...values,\n\t\t\t\t\tclassName: resolveClassName(props?.className, values),\n\t\t\t\t})\n\t\t\t}\n\t\t>\n\t\t\t{(values) => (\n\t\t\t\t<>\n\t\t\t\t\t<OverlayArrow className=\"translate-y-1 transform\">\n\t\t\t\t\t\t{(values) => (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 12 12\" className={tooltipArrowBorder(values)}>\n\t\t\t\t\t\t\t\t\t<path d=\"M0 0,L6 6,L12 0\" />\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 12 12\" className={tooltipArrow(values)}>\n\t\t\t\t\t\t\t\t\t<path d=\"M0 0,L6 6,L12 0\" />\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</OverlayArrow>\n\t\t\t\t\t{typeof children === \"function\" ? children(values) : children}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</AriaTooltip>\n\t);\n}\n\nexport { TooltipTrigger } from \"react-aria-components\";\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
@@ -0,0 +1,7 @@
1
+ import "./tooltip_module.css";
2
+ var tooltip_default = { "tooltip": "tooltip_b2492", "top": "top_b2492", "bottom": "bottom_b2492", "arrowBorder": "arrowBorder_b2492", "left": "left_b2492", "right": "right_b2492", "arrow": "arrow_b2492" };
3
+ export {
4
+ tooltip_default as default
5
+ };
6
+
7
+ //# sourceMappingURL=tooltip.module.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"mappings":"AAAA,OAAO;AAAuB,IAAO,kBAAQ,EAAC,WAAU,iBAAgB,OAAM,aAAY,UAAS,gBAAe,eAAc,qBAAoB,QAAO,cAAa,SAAQ,eAAc,SAAQ,cAAa","names":[],"ignoreList":[],"sources":["../../../src/components/tooltip.module.css"],"sourcesContent":["import \"./tooltip_module.css\";export default {\"tooltip\":\"tooltip_b2492\",\"top\":\"top_b2492\",\"bottom\":\"bottom_b2492\",\"arrowBorder\":\"arrowBorder_b2492\",\"left\":\"left_b2492\",\"right\":\"right_b2492\",\"arrow\":\"arrow_b2492\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}