@edo-w/flatline-solid 0.2.1 → 0.3.1

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 (501) hide show
  1. package/dist/button/index.css +124 -0
  2. package/dist/button/index.d.ts +2 -0
  3. package/dist/button/index.js +51 -0
  4. package/dist/button/index.js.map +1 -0
  5. package/dist/card/index.css +112 -0
  6. package/dist/card/index.d.ts +68 -0
  7. package/dist/card/index.js +181 -0
  8. package/dist/card/index.js.map +1 -0
  9. package/dist/checkbox/index.css +75 -0
  10. package/dist/checkbox/index.d.ts +55 -0
  11. package/dist/checkbox/index.js +156 -0
  12. package/dist/checkbox/index.js.map +1 -0
  13. package/dist/combobox/index.css +184 -0
  14. package/dist/combobox/index.d.ts +145 -0
  15. package/dist/combobox/index.js +894 -0
  16. package/dist/combobox/index.js.map +1 -0
  17. package/dist/dialog/index.css +218 -0
  18. package/dist/dialog/index.d.ts +65 -0
  19. package/dist/dialog/index.js +124 -0
  20. package/dist/dialog/index.js.map +1 -0
  21. package/dist/dropdown-menu/index.css +238 -0
  22. package/dist/dropdown-menu/index.d.ts +122 -0
  23. package/dist/dropdown-menu/index.js +199 -0
  24. package/dist/dropdown-menu/index.js.map +1 -0
  25. package/dist/icons-CH4ghH8L.js +41 -0
  26. package/dist/icons-CH4ghH8L.js.map +1 -0
  27. package/dist/index-D-CV7Jz5.d.ts +30 -0
  28. package/dist/index.d.ts +1 -0
  29. package/dist/index.js +0 -0
  30. package/dist/input/index.css +23 -0
  31. package/dist/input/index.d.ts +14 -0
  32. package/dist/input/index.js +24 -0
  33. package/dist/input/index.js.map +1 -0
  34. package/dist/label/index.css +11 -0
  35. package/dist/label/index.d.ts +14 -0
  36. package/dist/label/index.js +25 -0
  37. package/dist/label/index.js.map +1 -0
  38. package/dist/lite-CiFvU804.js +9 -0
  39. package/dist/lite-CiFvU804.js.map +1 -0
  40. package/dist/progress-bar/index.css +34 -0
  41. package/dist/progress-bar/index.d.ts +19 -0
  42. package/dist/progress-bar/index.js +61 -0
  43. package/dist/progress-bar/index.js.map +1 -0
  44. package/dist/radio/index.css +64 -0
  45. package/dist/radio/index.d.ts +55 -0
  46. package/dist/radio/index.js +143 -0
  47. package/dist/radio/index.js.map +1 -0
  48. package/dist/select/index.css +53 -0
  49. package/dist/select/index.d.ts +16 -0
  50. package/dist/select/index.js +51 -0
  51. package/dist/select/index.js.map +1 -0
  52. package/dist/slider/index.css +59 -0
  53. package/dist/slider/index.d.ts +16 -0
  54. package/dist/slider/index.js +37 -0
  55. package/dist/slider/index.js.map +1 -0
  56. package/dist/spinner/index.css +44 -0
  57. package/dist/spinner/index.d.ts +24 -0
  58. package/dist/spinner/index.js +48 -0
  59. package/dist/spinner/index.js.map +1 -0
  60. package/dist/{src/style → style}/flatline.css +0 -1
  61. package/dist/switch/index.css +69 -0
  62. package/dist/switch/index.d.ts +22 -0
  63. package/dist/switch/index.js +75 -0
  64. package/dist/switch/index.js.map +1 -0
  65. package/dist/table/index.css +50 -0
  66. package/dist/table/index.d.ts +64 -0
  67. package/dist/table/index.js +142 -0
  68. package/dist/table/index.js.map +1 -0
  69. package/dist/tabs/index.css +114 -0
  70. package/dist/tabs/index.d.ts +40 -0
  71. package/dist/tabs/index.js +67 -0
  72. package/dist/tabs/index.js.map +1 -0
  73. package/dist/textarea/index.css +35 -0
  74. package/dist/textarea/index.d.ts +14 -0
  75. package/dist/textarea/index.js +24 -0
  76. package/dist/textarea/index.js.map +1 -0
  77. package/dist/xstack/index.d.ts +1 -0
  78. package/dist/xstack/index.js +0 -0
  79. package/dist/ystack/index.css +26 -0
  80. package/dist/ystack/index.d.ts +25 -0
  81. package/dist/ystack/index.js +47 -0
  82. package/dist/ystack/index.js.map +1 -0
  83. package/package.json +31 -5
  84. package/dist/src/components/button/button.css +0 -156
  85. package/dist/src/components/button/button.d.ts +0 -9
  86. package/dist/src/components/button/button.jsx +0 -21
  87. package/dist/src/components/button/button.jsx.map +0 -1
  88. package/dist/src/components/button/class.d.ts +0 -16
  89. package/dist/src/components/button/class.js +0 -15
  90. package/dist/src/components/button/class.js.map +0 -1
  91. package/dist/src/components/button/index.d.ts +0 -2
  92. package/dist/src/components/button/index.js +0 -3
  93. package/dist/src/components/button/index.js.map +0 -1
  94. package/dist/src/components/card/card-action.css +0 -15
  95. package/dist/src/components/card/card-content.css +0 -13
  96. package/dist/src/components/card/card-footer.css +0 -39
  97. package/dist/src/components/card/card-header.css +0 -13
  98. package/dist/src/components/card/card-root.css +0 -31
  99. package/dist/src/components/card/card-subtitle.css +0 -12
  100. package/dist/src/components/card/card-title.css +0 -33
  101. package/dist/src/components/card/card.d.ts +0 -42
  102. package/dist/src/components/card/card.jsx +0 -86
  103. package/dist/src/components/card/card.jsx.map +0 -1
  104. package/dist/src/components/card/class.d.ts +0 -28
  105. package/dist/src/components/card/class.js +0 -27
  106. package/dist/src/components/card/class.js.map +0 -1
  107. package/dist/src/components/card/index.d.ts +0 -2
  108. package/dist/src/components/card/index.js +0 -3
  109. package/dist/src/components/card/index.js.map +0 -1
  110. package/dist/src/components/checkbox/checkbox-group.css +0 -9
  111. package/dist/src/components/checkbox/checkbox-group.d.ts +0 -3
  112. package/dist/src/components/checkbox/checkbox-group.jsx +0 -43
  113. package/dist/src/components/checkbox/checkbox-group.jsx.map +0 -1
  114. package/dist/src/components/checkbox/checkbox-root.css +0 -85
  115. package/dist/src/components/checkbox/checkbox-root.d.ts +0 -4
  116. package/dist/src/components/checkbox/checkbox-root.jsx +0 -55
  117. package/dist/src/components/checkbox/checkbox-root.jsx.map +0 -1
  118. package/dist/src/components/checkbox/checkbox.d.ts +0 -9
  119. package/dist/src/components/checkbox/checkbox.jsx +0 -6
  120. package/dist/src/components/checkbox/checkbox.jsx.map +0 -1
  121. package/dist/src/components/checkbox/class.d.ts +0 -8
  122. package/dist/src/components/checkbox/class.js +0 -9
  123. package/dist/src/components/checkbox/class.js.map +0 -1
  124. package/dist/src/components/checkbox/context.d.ts +0 -9
  125. package/dist/src/components/checkbox/context.js +0 -6
  126. package/dist/src/components/checkbox/context.js.map +0 -1
  127. package/dist/src/components/checkbox/index.d.ts +0 -6
  128. package/dist/src/components/checkbox/index.js +0 -7
  129. package/dist/src/components/checkbox/index.js.map +0 -1
  130. package/dist/src/components/checkbox/types.d.ts +0 -16
  131. package/dist/src/components/checkbox/types.js +0 -1
  132. package/dist/src/components/checkbox/types.js.map +0 -1
  133. package/dist/src/components/combobox/class.d.ts +0 -13
  134. package/dist/src/components/combobox/class.js +0 -14
  135. package/dist/src/components/combobox/class.js.map +0 -1
  136. package/dist/src/components/combobox/combobox-content.css +0 -20
  137. package/dist/src/components/combobox/combobox-content.d.ts +0 -2
  138. package/dist/src/components/combobox/combobox-content.jsx +0 -15
  139. package/dist/src/components/combobox/combobox-content.jsx.map +0 -1
  140. package/dist/src/components/combobox/combobox-control.css +0 -29
  141. package/dist/src/components/combobox/combobox-control.d.ts +0 -3
  142. package/dist/src/components/combobox/combobox-control.jsx +0 -19
  143. package/dist/src/components/combobox/combobox-control.jsx.map +0 -1
  144. package/dist/src/components/combobox/combobox-group.css +0 -32
  145. package/dist/src/components/combobox/combobox-group.d.ts +0 -2
  146. package/dist/src/components/combobox/combobox-group.jsx +0 -12
  147. package/dist/src/components/combobox/combobox-group.jsx.map +0 -1
  148. package/dist/src/components/combobox/combobox-hidden-select.d.ts +0 -2
  149. package/dist/src/components/combobox/combobox-hidden-select.jsx +0 -8
  150. package/dist/src/components/combobox/combobox-hidden-select.jsx.map +0 -1
  151. package/dist/src/components/combobox/combobox-icon.css +0 -11
  152. package/dist/src/components/combobox/combobox-icon.d.ts +0 -2
  153. package/dist/src/components/combobox/combobox-icon.jsx +0 -12
  154. package/dist/src/components/combobox/combobox-icon.jsx.map +0 -1
  155. package/dist/src/components/combobox/combobox-input.css +0 -32
  156. package/dist/src/components/combobox/combobox-input.d.ts +0 -3
  157. package/dist/src/components/combobox/combobox-input.jsx +0 -101
  158. package/dist/src/components/combobox/combobox-input.jsx.map +0 -1
  159. package/dist/src/components/combobox/combobox-item-indicator.css +0 -11
  160. package/dist/src/components/combobox/combobox-item-indicator.d.ts +0 -2
  161. package/dist/src/components/combobox/combobox-item-indicator.jsx +0 -16
  162. package/dist/src/components/combobox/combobox-item-indicator.jsx.map +0 -1
  163. package/dist/src/components/combobox/combobox-item-label.d.ts +0 -2
  164. package/dist/src/components/combobox/combobox-item-label.jsx +0 -13
  165. package/dist/src/components/combobox/combobox-item-label.jsx.map +0 -1
  166. package/dist/src/components/combobox/combobox-item.css +0 -48
  167. package/dist/src/components/combobox/combobox-item.d.ts +0 -3
  168. package/dist/src/components/combobox/combobox-item.jsx +0 -37
  169. package/dist/src/components/combobox/combobox-item.jsx.map +0 -1
  170. package/dist/src/components/combobox/combobox-listbox.css +0 -21
  171. package/dist/src/components/combobox/combobox-listbox.d.ts +0 -2
  172. package/dist/src/components/combobox/combobox-listbox.jsx +0 -39
  173. package/dist/src/components/combobox/combobox-listbox.jsx.map +0 -1
  174. package/dist/src/components/combobox/combobox-portal.d.ts +0 -2
  175. package/dist/src/components/combobox/combobox-portal.jsx +0 -6
  176. package/dist/src/components/combobox/combobox-portal.jsx.map +0 -1
  177. package/dist/src/components/combobox/combobox-root.css +0 -12
  178. package/dist/src/components/combobox/combobox-root.d.ts +0 -3
  179. package/dist/src/components/combobox/combobox-root.jsx +0 -407
  180. package/dist/src/components/combobox/combobox-root.jsx.map +0 -1
  181. package/dist/src/components/combobox/combobox-trigger.css +0 -31
  182. package/dist/src/components/combobox/combobox-trigger.d.ts +0 -3
  183. package/dist/src/components/combobox/combobox-trigger.jsx +0 -30
  184. package/dist/src/components/combobox/combobox-trigger.jsx.map +0 -1
  185. package/dist/src/components/combobox/combobox.d.ts +0 -43
  186. package/dist/src/components/combobox/combobox.jsx +0 -39
  187. package/dist/src/components/combobox/combobox.jsx.map +0 -1
  188. package/dist/src/components/combobox/context.d.ts +0 -47
  189. package/dist/src/components/combobox/context.js +0 -18
  190. package/dist/src/components/combobox/context.js.map +0 -1
  191. package/dist/src/components/combobox/index.d.ts +0 -2
  192. package/dist/src/components/combobox/index.js +0 -3
  193. package/dist/src/components/combobox/index.js.map +0 -1
  194. package/dist/src/components/combobox/types.d.ts +0 -68
  195. package/dist/src/components/combobox/types.js +0 -1
  196. package/dist/src/components/combobox/types.js.map +0 -1
  197. package/dist/src/components/combobox/util.d.ts +0 -6
  198. package/dist/src/components/combobox/util.js +0 -58
  199. package/dist/src/components/combobox/util.js.map +0 -1
  200. package/dist/src/components/dialog/class.d.ts +0 -18
  201. package/dist/src/components/dialog/class.js +0 -18
  202. package/dist/src/components/dialog/class.js.map +0 -1
  203. package/dist/src/components/dialog/dialog-close-button.css +0 -48
  204. package/dist/src/components/dialog/dialog-content.css +0 -89
  205. package/dist/src/components/dialog/dialog-description.css +0 -6
  206. package/dist/src/components/dialog/dialog-header.css +0 -12
  207. package/dist/src/components/dialog/dialog-overlay.css +0 -43
  208. package/dist/src/components/dialog/dialog-positioner.css +0 -14
  209. package/dist/src/components/dialog/dialog-title.css +0 -6
  210. package/dist/src/components/dialog/dialog-trigger.css +0 -63
  211. package/dist/src/components/dialog/dialog.d.ts +0 -50
  212. package/dist/src/components/dialog/dialog.jsx +0 -89
  213. package/dist/src/components/dialog/dialog.jsx.map +0 -1
  214. package/dist/src/components/dialog/index.d.ts +0 -2
  215. package/dist/src/components/dialog/index.js +0 -3
  216. package/dist/src/components/dialog/index.js.map +0 -1
  217. package/dist/src/components/dropdown-menu/class.d.ts +0 -16
  218. package/dist/src/components/dropdown-menu/class.js +0 -17
  219. package/dist/src/components/dropdown-menu/class.js.map +0 -1
  220. package/dist/src/components/dropdown-menu/dropdown-menu-arrow.css +0 -7
  221. package/dist/src/components/dropdown-menu/dropdown-menu-arrow.d.ts +0 -3
  222. package/dist/src/components/dropdown-menu/dropdown-menu-arrow.jsx +0 -10
  223. package/dist/src/components/dropdown-menu/dropdown-menu-arrow.jsx.map +0 -1
  224. package/dist/src/components/dropdown-menu/dropdown-menu-checkbox-item.css +0 -38
  225. package/dist/src/components/dropdown-menu/dropdown-menu-checkbox-item.d.ts +0 -3
  226. package/dist/src/components/dropdown-menu/dropdown-menu-checkbox-item.jsx +0 -10
  227. package/dist/src/components/dropdown-menu/dropdown-menu-checkbox-item.jsx.map +0 -1
  228. package/dist/src/components/dropdown-menu/dropdown-menu-content.css +0 -50
  229. package/dist/src/components/dropdown-menu/dropdown-menu-content.d.ts +0 -3
  230. package/dist/src/components/dropdown-menu/dropdown-menu-content.jsx +0 -10
  231. package/dist/src/components/dropdown-menu/dropdown-menu-content.jsx.map +0 -1
  232. package/dist/src/components/dropdown-menu/dropdown-menu-group-label.css +0 -15
  233. package/dist/src/components/dropdown-menu/dropdown-menu-group-label.d.ts +0 -3
  234. package/dist/src/components/dropdown-menu/dropdown-menu-group-label.jsx +0 -10
  235. package/dist/src/components/dropdown-menu/dropdown-menu-group-label.jsx.map +0 -1
  236. package/dist/src/components/dropdown-menu/dropdown-menu-group.d.ts +0 -2
  237. package/dist/src/components/dropdown-menu/dropdown-menu-group.jsx +0 -7
  238. package/dist/src/components/dropdown-menu/dropdown-menu-group.jsx.map +0 -1
  239. package/dist/src/components/dropdown-menu/dropdown-menu-icon.css +0 -21
  240. package/dist/src/components/dropdown-menu/dropdown-menu-icon.d.ts +0 -3
  241. package/dist/src/components/dropdown-menu/dropdown-menu-icon.jsx +0 -10
  242. package/dist/src/components/dropdown-menu/dropdown-menu-icon.jsx.map +0 -1
  243. package/dist/src/components/dropdown-menu/dropdown-menu-item-indicator.css +0 -12
  244. package/dist/src/components/dropdown-menu/dropdown-menu-item-indicator.d.ts +0 -3
  245. package/dist/src/components/dropdown-menu/dropdown-menu-item-indicator.jsx +0 -10
  246. package/dist/src/components/dropdown-menu/dropdown-menu-item-indicator.jsx.map +0 -1
  247. package/dist/src/components/dropdown-menu/dropdown-menu-item-right-slot.css +0 -18
  248. package/dist/src/components/dropdown-menu/dropdown-menu-item-right-slot.d.ts +0 -3
  249. package/dist/src/components/dropdown-menu/dropdown-menu-item-right-slot.jsx +0 -11
  250. package/dist/src/components/dropdown-menu/dropdown-menu-item-right-slot.jsx.map +0 -1
  251. package/dist/src/components/dropdown-menu/dropdown-menu-item.css +0 -37
  252. package/dist/src/components/dropdown-menu/dropdown-menu-item.d.ts +0 -3
  253. package/dist/src/components/dropdown-menu/dropdown-menu-item.jsx +0 -10
  254. package/dist/src/components/dropdown-menu/dropdown-menu-item.jsx.map +0 -1
  255. package/dist/src/components/dropdown-menu/dropdown-menu-portal.d.ts +0 -2
  256. package/dist/src/components/dropdown-menu/dropdown-menu-portal.jsx +0 -5
  257. package/dist/src/components/dropdown-menu/dropdown-menu-portal.jsx.map +0 -1
  258. package/dist/src/components/dropdown-menu/dropdown-menu-radio-group.d.ts +0 -2
  259. package/dist/src/components/dropdown-menu/dropdown-menu-radio-group.jsx +0 -7
  260. package/dist/src/components/dropdown-menu/dropdown-menu-radio-group.jsx.map +0 -1
  261. package/dist/src/components/dropdown-menu/dropdown-menu-radio-item.css +0 -38
  262. package/dist/src/components/dropdown-menu/dropdown-menu-radio-item.d.ts +0 -3
  263. package/dist/src/components/dropdown-menu/dropdown-menu-radio-item.jsx +0 -10
  264. package/dist/src/components/dropdown-menu/dropdown-menu-radio-item.jsx.map +0 -1
  265. package/dist/src/components/dropdown-menu/dropdown-menu-root.d.ts +0 -2
  266. package/dist/src/components/dropdown-menu/dropdown-menu-root.jsx +0 -5
  267. package/dist/src/components/dropdown-menu/dropdown-menu-root.jsx.map +0 -1
  268. package/dist/src/components/dropdown-menu/dropdown-menu-separator.css +0 -11
  269. package/dist/src/components/dropdown-menu/dropdown-menu-separator.d.ts +0 -3
  270. package/dist/src/components/dropdown-menu/dropdown-menu-separator.jsx +0 -10
  271. package/dist/src/components/dropdown-menu/dropdown-menu-separator.jsx.map +0 -1
  272. package/dist/src/components/dropdown-menu/dropdown-menu-sub-content.css +0 -26
  273. package/dist/src/components/dropdown-menu/dropdown-menu-sub-content.d.ts +0 -3
  274. package/dist/src/components/dropdown-menu/dropdown-menu-sub-content.jsx +0 -10
  275. package/dist/src/components/dropdown-menu/dropdown-menu-sub-content.jsx.map +0 -1
  276. package/dist/src/components/dropdown-menu/dropdown-menu-sub-trigger.css +0 -43
  277. package/dist/src/components/dropdown-menu/dropdown-menu-sub-trigger.d.ts +0 -3
  278. package/dist/src/components/dropdown-menu/dropdown-menu-sub-trigger.jsx +0 -10
  279. package/dist/src/components/dropdown-menu/dropdown-menu-sub-trigger.jsx.map +0 -1
  280. package/dist/src/components/dropdown-menu/dropdown-menu-sub.d.ts +0 -2
  281. package/dist/src/components/dropdown-menu/dropdown-menu-sub.jsx +0 -5
  282. package/dist/src/components/dropdown-menu/dropdown-menu-sub.jsx.map +0 -1
  283. package/dist/src/components/dropdown-menu/dropdown-menu-trigger.css +0 -7
  284. package/dist/src/components/dropdown-menu/dropdown-menu-trigger.d.ts +0 -3
  285. package/dist/src/components/dropdown-menu/dropdown-menu-trigger.jsx +0 -16
  286. package/dist/src/components/dropdown-menu/dropdown-menu-trigger.jsx.map +0 -1
  287. package/dist/src/components/dropdown-menu/dropdown-menu.d.ts +0 -43
  288. package/dist/src/components/dropdown-menu/dropdown-menu.jsx +0 -39
  289. package/dist/src/components/dropdown-menu/dropdown-menu.jsx.map +0 -1
  290. package/dist/src/components/dropdown-menu/index.d.ts +0 -21
  291. package/dist/src/components/dropdown-menu/index.js +0 -22
  292. package/dist/src/components/dropdown-menu/index.js.map +0 -1
  293. package/dist/src/components/dropdown-menu/types.d.ts +0 -21
  294. package/dist/src/components/dropdown-menu/types.js +0 -1
  295. package/dist/src/components/dropdown-menu/types.js.map +0 -1
  296. package/dist/src/components/input/class.d.ts +0 -3
  297. package/dist/src/components/input/class.js +0 -4
  298. package/dist/src/components/input/class.js.map +0 -1
  299. package/dist/src/components/input/index.d.ts +0 -2
  300. package/dist/src/components/input/index.js +0 -3
  301. package/dist/src/components/input/index.js.map +0 -1
  302. package/dist/src/components/input/input.css +0 -34
  303. package/dist/src/components/input/input.d.ts +0 -6
  304. package/dist/src/components/input/input.jsx +0 -10
  305. package/dist/src/components/input/input.jsx.map +0 -1
  306. package/dist/src/components/label/class.d.ts +0 -3
  307. package/dist/src/components/label/class.js +0 -4
  308. package/dist/src/components/label/class.js.map +0 -1
  309. package/dist/src/components/label/index.d.ts +0 -2
  310. package/dist/src/components/label/index.js +0 -3
  311. package/dist/src/components/label/index.js.map +0 -1
  312. package/dist/src/components/label/label.css +0 -16
  313. package/dist/src/components/label/label.d.ts +0 -6
  314. package/dist/src/components/label/label.jsx +0 -12
  315. package/dist/src/components/label/label.jsx.map +0 -1
  316. package/dist/src/components/progress-bar/class.d.ts +0 -4
  317. package/dist/src/components/progress-bar/class.js +0 -5
  318. package/dist/src/components/progress-bar/class.js.map +0 -1
  319. package/dist/src/components/progress-bar/index.d.ts +0 -2
  320. package/dist/src/components/progress-bar/index.js +0 -3
  321. package/dist/src/components/progress-bar/index.js.map +0 -1
  322. package/dist/src/components/progress-bar/progress-bar.css +0 -43
  323. package/dist/src/components/progress-bar/progress-bar.d.ts +0 -9
  324. package/dist/src/components/progress-bar/progress-bar.jsx +0 -24
  325. package/dist/src/components/progress-bar/progress-bar.jsx.map +0 -1
  326. package/dist/src/components/radio/class.d.ts +0 -8
  327. package/dist/src/components/radio/class.js +0 -9
  328. package/dist/src/components/radio/class.js.map +0 -1
  329. package/dist/src/components/radio/context.d.ts +0 -9
  330. package/dist/src/components/radio/context.js +0 -6
  331. package/dist/src/components/radio/context.js.map +0 -1
  332. package/dist/src/components/radio/index.d.ts +0 -6
  333. package/dist/src/components/radio/index.js +0 -7
  334. package/dist/src/components/radio/index.js.map +0 -1
  335. package/dist/src/components/radio/radio-group.css +0 -9
  336. package/dist/src/components/radio/radio-group.d.ts +0 -3
  337. package/dist/src/components/radio/radio-group.jsx +0 -33
  338. package/dist/src/components/radio/radio-group.jsx.map +0 -1
  339. package/dist/src/components/radio/radio-root.css +0 -75
  340. package/dist/src/components/radio/radio-root.d.ts +0 -4
  341. package/dist/src/components/radio/radio-root.jsx +0 -51
  342. package/dist/src/components/radio/radio-root.jsx.map +0 -1
  343. package/dist/src/components/radio/radio.d.ts +0 -11
  344. package/dist/src/components/radio/radio.jsx +0 -7
  345. package/dist/src/components/radio/radio.jsx.map +0 -1
  346. package/dist/src/components/radio/types.d.ts +0 -16
  347. package/dist/src/components/radio/types.js +0 -1
  348. package/dist/src/components/radio/types.js.map +0 -1
  349. package/dist/src/components/select/class.d.ts +0 -5
  350. package/dist/src/components/select/class.js +0 -6
  351. package/dist/src/components/select/class.js.map +0 -1
  352. package/dist/src/components/select/index.d.ts +0 -2
  353. package/dist/src/components/select/index.js +0 -3
  354. package/dist/src/components/select/index.js.map +0 -1
  355. package/dist/src/components/select/select.css +0 -76
  356. package/dist/src/components/select/select.d.ts +0 -6
  357. package/dist/src/components/select/select.jsx +0 -16
  358. package/dist/src/components/select/select.jsx.map +0 -1
  359. package/dist/src/components/slider/class.d.ts +0 -3
  360. package/dist/src/components/slider/class.js +0 -4
  361. package/dist/src/components/slider/class.js.map +0 -1
  362. package/dist/src/components/slider/index.d.ts +0 -2
  363. package/dist/src/components/slider/index.js +0 -3
  364. package/dist/src/components/slider/index.js.map +0 -1
  365. package/dist/src/components/slider/slider.css +0 -83
  366. package/dist/src/components/slider/slider.d.ts +0 -7
  367. package/dist/src/components/slider/slider.jsx +0 -19
  368. package/dist/src/components/slider/slider.jsx.map +0 -1
  369. package/dist/src/components/spinner/class.d.ts +0 -10
  370. package/dist/src/components/spinner/class.js +0 -10
  371. package/dist/src/components/spinner/class.js.map +0 -1
  372. package/dist/src/components/spinner/index.d.ts +0 -2
  373. package/dist/src/components/spinner/index.js +0 -3
  374. package/dist/src/components/spinner/index.js.map +0 -1
  375. package/dist/src/components/spinner/spinner.css +0 -51
  376. package/dist/src/components/spinner/spinner.d.ts +0 -9
  377. package/dist/src/components/spinner/spinner.jsx +0 -22
  378. package/dist/src/components/spinner/spinner.jsx.map +0 -1
  379. package/dist/src/components/switch/class.d.ts +0 -7
  380. package/dist/src/components/switch/class.js +0 -8
  381. package/dist/src/components/switch/class.js.map +0 -1
  382. package/dist/src/components/switch/index.d.ts +0 -2
  383. package/dist/src/components/switch/index.js +0 -3
  384. package/dist/src/components/switch/index.js.map +0 -1
  385. package/dist/src/components/switch/switch.css +0 -90
  386. package/dist/src/components/switch/switch.d.ts +0 -9
  387. package/dist/src/components/switch/switch.jsx +0 -28
  388. package/dist/src/components/switch/switch.jsx.map +0 -1
  389. package/dist/src/components/table/class.d.ts +0 -10
  390. package/dist/src/components/table/class.js +0 -11
  391. package/dist/src/components/table/class.js.map +0 -1
  392. package/dist/src/components/table/index.d.ts +0 -11
  393. package/dist/src/components/table/index.js +0 -12
  394. package/dist/src/components/table/index.js.map +0 -1
  395. package/dist/src/components/table/table-body.d.ts +0 -2
  396. package/dist/src/components/table/table-body.jsx +0 -10
  397. package/dist/src/components/table/table-body.jsx.map +0 -1
  398. package/dist/src/components/table/table-caption.css +0 -11
  399. package/dist/src/components/table/table-caption.d.ts +0 -3
  400. package/dist/src/components/table/table-caption.jsx +0 -11
  401. package/dist/src/components/table/table-caption.jsx.map +0 -1
  402. package/dist/src/components/table/table-cell.css +0 -12
  403. package/dist/src/components/table/table-cell.d.ts +0 -3
  404. package/dist/src/components/table/table-cell.jsx +0 -11
  405. package/dist/src/components/table/table-cell.jsx.map +0 -1
  406. package/dist/src/components/table/table-footer.css +0 -15
  407. package/dist/src/components/table/table-footer.d.ts +0 -3
  408. package/dist/src/components/table/table-footer.jsx +0 -11
  409. package/dist/src/components/table/table-footer.jsx.map +0 -1
  410. package/dist/src/components/table/table-head.css +0 -16
  411. package/dist/src/components/table/table-head.d.ts +0 -3
  412. package/dist/src/components/table/table-head.jsx +0 -11
  413. package/dist/src/components/table/table-head.jsx.map +0 -1
  414. package/dist/src/components/table/table-header.d.ts +0 -2
  415. package/dist/src/components/table/table-header.jsx +0 -10
  416. package/dist/src/components/table/table-header.jsx.map +0 -1
  417. package/dist/src/components/table/table-root.css +0 -12
  418. package/dist/src/components/table/table-root.d.ts +0 -3
  419. package/dist/src/components/table/table-root.jsx +0 -11
  420. package/dist/src/components/table/table-root.jsx.map +0 -1
  421. package/dist/src/components/table/table-row.css +0 -6
  422. package/dist/src/components/table/table-row.d.ts +0 -3
  423. package/dist/src/components/table/table-row.jsx +0 -11
  424. package/dist/src/components/table/table-row.jsx.map +0 -1
  425. package/dist/src/components/table/table.d.ts +0 -23
  426. package/dist/src/components/table/table.jsx +0 -19
  427. package/dist/src/components/table/table.jsx.map +0 -1
  428. package/dist/src/components/table/types.d.ts +0 -9
  429. package/dist/src/components/table/types.js +0 -1
  430. package/dist/src/components/table/types.js.map +0 -1
  431. package/dist/src/components/tabs/class.d.ts +0 -12
  432. package/dist/src/components/tabs/class.js +0 -12
  433. package/dist/src/components/tabs/class.js.map +0 -1
  434. package/dist/src/components/tabs/index.d.ts +0 -2
  435. package/dist/src/components/tabs/index.js +0 -3
  436. package/dist/src/components/tabs/index.js.map +0 -1
  437. package/dist/src/components/tabs/tabs-content.css +0 -24
  438. package/dist/src/components/tabs/tabs-indicator.css +0 -32
  439. package/dist/src/components/tabs/tabs-list.css +0 -26
  440. package/dist/src/components/tabs/tabs-root.css +0 -34
  441. package/dist/src/components/tabs/tabs-trigger.css +0 -58
  442. package/dist/src/components/tabs/tabs.d.ts +0 -27
  443. package/dist/src/components/tabs/tabs.jsx +0 -47
  444. package/dist/src/components/tabs/tabs.jsx.map +0 -1
  445. package/dist/src/components/textarea/class.d.ts +0 -3
  446. package/dist/src/components/textarea/class.js +0 -4
  447. package/dist/src/components/textarea/class.js.map +0 -1
  448. package/dist/src/components/textarea/index.d.ts +0 -2
  449. package/dist/src/components/textarea/index.js +0 -3
  450. package/dist/src/components/textarea/index.js.map +0 -1
  451. package/dist/src/components/textarea/textarea.css +0 -46
  452. package/dist/src/components/textarea/textarea.d.ts +0 -6
  453. package/dist/src/components/textarea/textarea.jsx +0 -10
  454. package/dist/src/components/textarea/textarea.jsx.map +0 -1
  455. package/dist/src/components/xstack/class.d.ts +0 -12
  456. package/dist/src/components/xstack/class.js +0 -12
  457. package/dist/src/components/xstack/class.js.map +0 -1
  458. package/dist/src/components/xstack/index.d.ts +0 -1
  459. package/dist/src/components/xstack/index.js +0 -1
  460. package/dist/src/components/xstack/index.js.map +0 -1
  461. package/dist/src/components/xstack/xstack.css +0 -34
  462. package/dist/src/components/xstack/xstack.d.ts +0 -9
  463. package/dist/src/components/xstack/xstack.jsx +0 -15
  464. package/dist/src/components/xstack/xstack.jsx.map +0 -1
  465. package/dist/src/components/ystack/class.d.ts +0 -11
  466. package/dist/src/components/ystack/class.js +0 -11
  467. package/dist/src/components/ystack/class.js.map +0 -1
  468. package/dist/src/components/ystack/index.d.ts +0 -2
  469. package/dist/src/components/ystack/index.js +0 -3
  470. package/dist/src/components/ystack/index.js.map +0 -1
  471. package/dist/src/components/ystack/ystack.css +0 -31
  472. package/dist/src/components/ystack/ystack.d.ts +0 -9
  473. package/dist/src/components/ystack/ystack.jsx +0 -15
  474. package/dist/src/components/ystack/ystack.jsx.map +0 -1
  475. package/dist/src/icons/check-icon.d.ts +0 -2
  476. package/dist/src/icons/check-icon.jsx +0 -8
  477. package/dist/src/icons/check-icon.jsx.map +0 -1
  478. package/dist/src/icons/chevron-down-icon.d.ts +0 -2
  479. package/dist/src/icons/chevron-down-icon.jsx +0 -8
  480. package/dist/src/icons/chevron-down-icon.jsx.map +0 -1
  481. package/dist/src/icons/chevron-right-icon.d.ts +0 -2
  482. package/dist/src/icons/chevron-right-icon.jsx +0 -8
  483. package/dist/src/icons/chevron-right-icon.jsx.map +0 -1
  484. package/dist/src/icons/dot-filled-icon.d.ts +0 -2
  485. package/dist/src/icons/dot-filled-icon.jsx +0 -8
  486. package/dist/src/icons/dot-filled-icon.jsx.map +0 -1
  487. package/dist/src/icons/index.d.ts +0 -5
  488. package/dist/src/icons/index.js +0 -6
  489. package/dist/src/icons/index.js.map +0 -1
  490. package/dist/src/icons/types.d.ts +0 -5
  491. package/dist/src/icons/types.js +0 -1
  492. package/dist/src/icons/types.js.map +0 -1
  493. package/dist/src/index.d.ts +0 -19
  494. package/dist/src/index.js +0 -20
  495. package/dist/src/index.js.map +0 -1
  496. package/dist/src/lib/reflect.d.ts +0 -1
  497. package/dist/src/lib/reflect.js +0 -4
  498. package/dist/src/lib/reflect.js.map +0 -1
  499. /package/dist/{src/style → style}/colors.css +0 -0
  500. /package/dist/{src/style → style}/reset.css +0 -0
  501. /package/dist/{src/style → style}/tokens.css +0 -0
@@ -1,27 +0,0 @@
1
- export const cardClass = {
2
- root: 'fl-card',
3
- rootGapVar: '--fl-card-gap',
4
- header: 'fl-card_header',
5
- title: 'fl-card_title',
6
- titleColor: {
7
- primary: '--color-primary',
8
- secondary: '--color-secondary',
9
- success: '--color-success',
10
- danger: '--color-danger',
11
- },
12
- subtitle: 'fl-card_subtitle',
13
- action: 'fl-card_action',
14
- content: 'fl-card_content',
15
- contentGapVar: '--fl-card-content-gap',
16
- footer: 'fl-card_footer',
17
- footerGapVar: '--fl-card-footer-gap',
18
- footerJustify: {
19
- left: '--justify-left',
20
- center: '--justify-center',
21
- right: '--justify-right',
22
- 'space-between': '--justify-space-between',
23
- 'space-around': '--justify-space-around',
24
- 'space-evenly': '--justify-space-evenly',
25
- },
26
- };
27
- //# sourceMappingURL=class.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"class.js","sourceRoot":"","sources":["../../../../src/components/card/class.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACxB,IAAI,EAAE,SAAS;IACf,UAAU,EAAE,eAAe;IAC3B,MAAM,EAAE,gBAAgB;IACxB,KAAK,EAAE,eAAe;IACtB,UAAU,EAAE;QACX,OAAO,EAAE,iBAAiB;QAC1B,SAAS,EAAE,mBAAmB;QAC9B,OAAO,EAAE,iBAAiB;QAC1B,MAAM,EAAE,gBAAgB;KACxB;IACD,QAAQ,EAAE,kBAAkB;IAC5B,MAAM,EAAE,gBAAgB;IACxB,OAAO,EAAE,iBAAiB;IAC1B,aAAa,EAAE,uBAAuB;IACtC,MAAM,EAAE,gBAAgB;IACxB,YAAY,EAAE,sBAAsB;IACpC,aAAa,EAAE;QACd,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,kBAAkB;QAC1B,KAAK,EAAE,iBAAiB;QACxB,eAAe,EAAE,yBAAyB;QAC1C,cAAc,EAAE,wBAAwB;QACxC,cAAc,EAAE,wBAAwB;KACxC;CACQ,CAAC","sourcesContent":["export const cardClass = {\n\troot: 'fl-card',\n\trootGapVar: '--fl-card-gap',\n\theader: 'fl-card_header',\n\ttitle: 'fl-card_title',\n\ttitleColor: {\n\t\tprimary: '--color-primary',\n\t\tsecondary: '--color-secondary',\n\t\tsuccess: '--color-success',\n\t\tdanger: '--color-danger',\n\t},\n\tsubtitle: 'fl-card_subtitle',\n\taction: 'fl-card_action',\n\tcontent: 'fl-card_content',\n\tcontentGapVar: '--fl-card-content-gap',\n\tfooter: 'fl-card_footer',\n\tfooterGapVar: '--fl-card-footer-gap',\n\tfooterJustify: {\n\t\tleft: '--justify-left',\n\t\tcenter: '--justify-center',\n\t\tright: '--justify-right',\n\t\t'space-between': '--justify-space-between',\n\t\t'space-around': '--justify-space-around',\n\t\t'space-evenly': '--justify-space-evenly',\n\t},\n} as const;\n\nexport type CardTitleColor = keyof typeof cardClass.titleColor;\nexport type CardFooterJustify = keyof typeof cardClass.footerJustify;\n"]}
@@ -1,2 +0,0 @@
1
- export * from './card';
2
- export * from './class';
@@ -1,3 +0,0 @@
1
- export * from './card';
2
- export * from './class';
3
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC","sourcesContent":["export * from './card';\nexport * from './class';\n"]}
@@ -1,9 +0,0 @@
1
- @layer components {
2
- .fl-checkbox-group {
3
- /* layout */
4
- display: grid;
5
-
6
- /* spacing */
7
- gap: var(--fl-size-2);
8
- }
9
- }
@@ -1,3 +0,0 @@
1
- import type { CheckboxGroupProps } from './types';
2
- import './checkbox-group.css';
3
- export declare function CheckboxGroup(props: CheckboxGroupProps): import("solid-js").JSX.Element;
@@ -1,43 +0,0 @@
1
- import clsx from 'clsx/lite';
2
- import { createSignal, createUniqueId, splitProps } from 'solid-js';
3
- import { checkboxClass } from './class';
4
- import { CheckboxGroupContext } from './context';
5
- import './checkbox-group.css';
6
- export function CheckboxGroup(props) {
7
- const generatedName = createUniqueId();
8
- const [local, rest] = splitProps(props, [
9
- 'class',
10
- 'children',
11
- 'value',
12
- 'defaultValue',
13
- 'name',
14
- 'disabled',
15
- 'onChange',
16
- ]);
17
- const [internalValue, setInternalValue] = createSignal(local.defaultValue ?? []);
18
- const values = () => local.value ?? internalValue();
19
- const name = () => local.name ?? generatedName;
20
- const disabled = () => Boolean(local.disabled);
21
- const toggleValue = (nextValue, checked) => {
22
- const current = values();
23
- let next = current;
24
- if (checked) {
25
- if (!current.includes(nextValue)) {
26
- next = [...current, nextValue];
27
- }
28
- }
29
- else {
30
- next = current.filter((value) => value !== nextValue);
31
- }
32
- if (local.value === undefined) {
33
- setInternalValue(next);
34
- }
35
- local.onChange?.(next);
36
- };
37
- return (<CheckboxGroupContext.Provider value={{ name, values, toggleValue, disabled }}>
38
- <div class={clsx(checkboxClass.group, local.class)} role="group" {...rest}>
39
- {local.children}
40
- </div>
41
- </CheckboxGroupContext.Provider>);
42
- }
43
- //# sourceMappingURL=checkbox-group.jsx.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"checkbox-group.jsx","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox-group.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAEjD,OAAO,sBAAsB,CAAC;AAE9B,MAAM,UAAU,aAAa,CAAC,KAAyB;IACtD,MAAM,aAAa,GAAG,cAAc,EAAE,CAAC;IACvC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE;QACvC,OAAO;QACP,UAAU;QACV,OAAO;QACP,cAAc;QACd,MAAM;QACN,UAAU;QACV,UAAU;KACV,CAAC,CAAC;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC;IAEjF,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,aAAa,EAAE,CAAC;IACpD,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC;IAC/C,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC/C,MAAM,WAAW,GAAG,CAAC,SAAiB,EAAE,OAAgB,EAAE,EAAE;QAC3D,MAAM,OAAO,GAAG,MAAM,EAAE,CAAC;QACzB,IAAI,IAAI,GAAG,OAAO,CAAC;QAEnB,IAAI,OAAO,EAAE,CAAC;YACb,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;gBAClC,IAAI,GAAG,CAAC,GAAG,OAAO,EAAE,SAAS,CAAC,CAAC;YAChC,CAAC;QACF,CAAC;aAAM,CAAC;YACP,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC;QACvD,CAAC;QAED,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC/B,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;QAED,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACN,CAAC,oBAAoB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAC7E;GAAA,CAAC,GAAG,CACH,KAAK,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAC9C,IAAI,CAAC,OAAO,CACZ,IAAI,IAAI,CAAC,CAET;IAAA,CAAC,KAAK,CAAC,QAAQ,CAChB;GAAA,EAAE,GAAG,CACN;EAAA,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAChC,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { createSignal, createUniqueId, splitProps } from 'solid-js';\nimport { checkboxClass } from './class';\nimport { CheckboxGroupContext } from './context';\nimport type { CheckboxGroupProps } from './types';\nimport './checkbox-group.css';\n\nexport function CheckboxGroup(props: CheckboxGroupProps) {\n\tconst generatedName = createUniqueId();\n\tconst [local, rest] = splitProps(props, [\n\t\t'class',\n\t\t'children',\n\t\t'value',\n\t\t'defaultValue',\n\t\t'name',\n\t\t'disabled',\n\t\t'onChange',\n\t]);\n\tconst [internalValue, setInternalValue] = createSignal(local.defaultValue ?? []);\n\n\tconst values = () => local.value ?? internalValue();\n\tconst name = () => local.name ?? generatedName;\n\tconst disabled = () => Boolean(local.disabled);\n\tconst toggleValue = (nextValue: string, checked: boolean) => {\n\t\tconst current = values();\n\t\tlet next = current;\n\n\t\tif (checked) {\n\t\t\tif (!current.includes(nextValue)) {\n\t\t\t\tnext = [...current, nextValue];\n\t\t\t}\n\t\t} else {\n\t\t\tnext = current.filter((value) => value !== nextValue);\n\t\t}\n\n\t\tif (local.value === undefined) {\n\t\t\tsetInternalValue(next);\n\t\t}\n\n\t\tlocal.onChange?.(next);\n\t};\n\n\treturn (\n\t\t<CheckboxGroupContext.Provider value={{ name, values, toggleValue, disabled }}>\n\t\t\t<div\n\t\t\t\tclass={clsx(checkboxClass.group, local.class)}\n\t\t\t\trole=\"group\"\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{local.children}\n\t\t\t</div>\n\t\t</CheckboxGroupContext.Provider>\n\t);\n}\n"]}
@@ -1,85 +0,0 @@
1
- @layer components {
2
- .fl-checkbox {
3
- /* layout */
4
- display: inline-flex;
5
- align-items: center;
6
-
7
- /* spacing */
8
- gap: var(--fl-size-2);
9
-
10
- /* pointer */
11
- cursor: pointer;
12
- user-select: none;
13
- }
14
-
15
- .fl-checkbox[data-disabled] {
16
- cursor: var(--fl-disabled-cursor);
17
- opacity: var(--fl-disabled-opacity);
18
- }
19
-
20
- .fl-checkbox .fl-checkbox_input {
21
- /* layout */
22
- position: absolute;
23
- opacity: 0;
24
- width: 1px;
25
- height: 1px;
26
- pointer-events: none;
27
- }
28
-
29
- .fl-checkbox .fl-checkbox_control {
30
- /* layout */
31
- display: inline-flex;
32
- align-items: center;
33
- justify-content: center;
34
- width: var(--fl-size-4);
35
- height: var(--fl-size-4);
36
-
37
- /* background */
38
- background: var(--fl-body-bg-color);
39
- border: var(--fl-input-border-size, var(--fl-border-size, 1px)) solid
40
- var(--fl-input-border-color, var(--fl-border-color));
41
- border-radius: var(--fl-radius-sm);
42
- color: var(--fl-secondary-text-color);
43
-
44
- /* effects */
45
- box-shadow: var(--fl-input-shadow);
46
- transition:
47
- background var(--fl-animation-duration) ease,
48
- border-color var(--fl-animation-duration) ease,
49
- color var(--fl-animation-duration) ease;
50
- }
51
-
52
- .fl-checkbox .fl-checkbox_indicator {
53
- /* layout */
54
- display: inline-flex;
55
- align-items: center;
56
- justify-content: center;
57
- width: 100%;
58
- height: 100%;
59
-
60
- /* effects */
61
- scale: 0;
62
- transition: scale var(--fl-animation-duration) ease;
63
- }
64
-
65
- .fl-checkbox .fl-checkbox_input:checked + .fl-checkbox_control {
66
- background: var(--fl-primary-color);
67
- border-color: color-mix(in oklab, var(--fl-primary-color), black 20%);
68
- color: var(--fl-primary-text-color);
69
- }
70
-
71
- .fl-checkbox .fl-checkbox_input:checked + .fl-checkbox_control .fl-checkbox_indicator {
72
- scale: 1;
73
- }
74
-
75
- .fl-checkbox .fl-checkbox_input:focus-visible + .fl-checkbox_control {
76
- outline: var(--fl-focus-ring-size) solid var(--fl-focus-ring-color);
77
- outline-offset: var(--fl-focus-ring-offset);
78
- }
79
-
80
- .fl-checkbox .fl-checkbox_label {
81
- /* text */
82
- color: var(--fl-body-text-color);
83
- font-size: var(--fl-text-size-base);
84
- }
85
- }
@@ -1,4 +0,0 @@
1
- import { type JSX } from 'solid-js';
2
- import type { CheckboxProps } from './types';
3
- import './checkbox-root.css';
4
- export declare function CheckboxRoot(props: CheckboxProps): JSX.Element;
@@ -1,55 +0,0 @@
1
- import clsx from 'clsx/lite';
2
- import { createSignal, mergeProps, splitProps } from 'solid-js';
3
- import { CheckIcon } from '#src/icons';
4
- import { checkboxClass } from './class';
5
- import { useCheckboxGroupContext } from './context';
6
- import './checkbox-root.css';
7
- export function CheckboxRoot(props) {
8
- const context = useCheckboxGroupContext();
9
- const merged = mergeProps({
10
- type: 'checkbox',
11
- value: 'on',
12
- }, props);
13
- const [local, rest] = splitProps(merged, [
14
- 'checked',
15
- 'children',
16
- 'class',
17
- 'defaultChecked',
18
- 'disabled',
19
- 'name',
20
- 'onChange',
21
- 'type',
22
- 'value',
23
- ]);
24
- const [internalChecked, setInternalChecked] = createSignal(Boolean(local.defaultChecked));
25
- const rootClass = () => clsx(checkboxClass.root, local.class);
26
- const checked = () => {
27
- if (context) {
28
- return context.values().includes(local.value);
29
- }
30
- return local.checked ?? internalChecked();
31
- };
32
- const disabled = () => Boolean(context?.disabled() || local.disabled);
33
- const name = () => context?.name() ?? local.name;
34
- const handleChange = (event) => {
35
- const nextChecked = event.currentTarget.checked;
36
- local.onChange?.(nextChecked);
37
- if (context) {
38
- context.toggleValue(local.value, nextChecked);
39
- return;
40
- }
41
- if (local.checked === undefined) {
42
- setInternalChecked(nextChecked);
43
- }
44
- };
45
- return (<label class={rootClass()} data-disabled={disabled() ? '' : undefined}>
46
- <input class={checkboxClass.input} type="checkbox" value={local.value} name={name()} checked={checked()} disabled={disabled()} onChange={handleChange} {...rest}/>
47
- <span class={checkboxClass.control}>
48
- <span class={checkboxClass.indicator}>
49
- <CheckIcon w="0.875rem" h="0.875rem"/>
50
- </span>
51
- </span>
52
- {local.children ? <span class={checkboxClass.label}>{local.children}</span> : null}
53
- </label>);
54
- }
55
- //# sourceMappingURL=checkbox-root.jsx.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"checkbox-root.jsx","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox-root.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAY,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAEpD,OAAO,qBAAqB,CAAC;AAE7B,MAAM,UAAU,YAAY,CAAC,KAAoB;IAChD,MAAM,OAAO,GAAG,uBAAuB,EAAE,CAAC;IAC1C,MAAM,MAAM,GAAG,UAAU,CACxB;QACC,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,IAAI;KACF,EACV,KAAK,CACL,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE;QACxC,SAAS;QACT,UAAU;QACV,OAAO;QACP,gBAAgB;QAChB,UAAU;QACV,MAAM;QACN,UAAU;QACV,MAAM;QACN,OAAO;KACP,CAAC,CAAC;IACH,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;IAC1F,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,OAAO,GAAG,GAAG,EAAE;QACpB,IAAI,OAAO,EAAE,CAAC;YACb,OAAO,OAAO,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC/C,CAAC;QAED,OAAO,KAAK,CAAC,OAAO,IAAI,eAAe,EAAE,CAAC;IAC3C,CAAC,CAAC;IACF,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC;IACtE,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,KAAK,CAAC,IAAI,CAAC;IAEjD,MAAM,YAAY,GAAmD,CAAC,KAAK,EAAE,EAAE;QAC9E,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC;QAChD,KAAK,CAAC,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;QAE9B,IAAI,OAAO,EAAE,CAAC;YACb,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;YAC9C,OAAO;QACR,CAAC;QAED,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YACjC,kBAAkB,CAAC,WAAW,CAAC,CAAC;QACjC,CAAC;IACF,CAAC,CAAC;IAEF,OAAO,CACN,CAAC,KAAK,CACL,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,CACnB,aAAa,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAE3C;GAAA,CAAC,KAAK,CACL,KAAK,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAC3B,IAAI,CAAC,UAAU,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,CACb,OAAO,CAAC,CAAC,OAAO,EAAE,CAAC,CACnB,QAAQ,CAAC,CAAC,QAAQ,EAAE,CAAC,CACrB,QAAQ,CAAC,CAAC,YAAY,CAAC,CACvB,IAAI,IAAI,CAAC,EAEV;GAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAClC;IAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,CACpC;KAAA,CAAC,SAAS,CACT,CAAC,CAAC,UAAU,CACZ,CAAC,CAAC,UAAU,EAEd;IAAA,EAAE,IAAI,CACP;GAAA,EAAE,IAAI,CACN;GAAA,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CACnF;EAAA,EAAE,KAAK,CAAC,CACR,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { createSignal, type JSX, mergeProps, splitProps } from 'solid-js';\nimport { CheckIcon } from '#src/icons';\nimport { checkboxClass } from './class';\nimport { useCheckboxGroupContext } from './context';\nimport type { CheckboxProps } from './types';\nimport './checkbox-root.css';\n\nexport function CheckboxRoot(props: CheckboxProps) {\n\tconst context = useCheckboxGroupContext();\n\tconst merged = mergeProps(\n\t\t{\n\t\t\ttype: 'checkbox',\n\t\t\tvalue: 'on',\n\t\t} as const,\n\t\tprops,\n\t);\n\tconst [local, rest] = splitProps(merged, [\n\t\t'checked',\n\t\t'children',\n\t\t'class',\n\t\t'defaultChecked',\n\t\t'disabled',\n\t\t'name',\n\t\t'onChange',\n\t\t'type',\n\t\t'value',\n\t]);\n\tconst [internalChecked, setInternalChecked] = createSignal(Boolean(local.defaultChecked));\n\tconst rootClass = () => clsx(checkboxClass.root, local.class);\n\tconst checked = () => {\n\t\tif (context) {\n\t\t\treturn context.values().includes(local.value);\n\t\t}\n\n\t\treturn local.checked ?? internalChecked();\n\t};\n\tconst disabled = () => Boolean(context?.disabled() || local.disabled);\n\tconst name = () => context?.name() ?? local.name;\n\n\tconst handleChange: JSX.EventHandlerUnion<HTMLInputElement, Event> = (event) => {\n\t\tconst nextChecked = event.currentTarget.checked;\n\t\tlocal.onChange?.(nextChecked);\n\n\t\tif (context) {\n\t\t\tcontext.toggleValue(local.value, nextChecked);\n\t\t\treturn;\n\t\t}\n\n\t\tif (local.checked === undefined) {\n\t\t\tsetInternalChecked(nextChecked);\n\t\t}\n\t};\n\n\treturn (\n\t\t<label\n\t\t\tclass={rootClass()}\n\t\t\tdata-disabled={disabled() ? '' : undefined}\n\t\t>\n\t\t\t<input\n\t\t\t\tclass={checkboxClass.input}\n\t\t\t\ttype=\"checkbox\"\n\t\t\t\tvalue={local.value}\n\t\t\t\tname={name()}\n\t\t\t\tchecked={checked()}\n\t\t\t\tdisabled={disabled()}\n\t\t\t\tonChange={handleChange}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t\t<span class={checkboxClass.control}>\n\t\t\t\t<span class={checkboxClass.indicator}>\n\t\t\t\t\t<CheckIcon\n\t\t\t\t\t\tw=\"0.875rem\"\n\t\t\t\t\t\th=\"0.875rem\"\n\t\t\t\t\t/>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t\t{local.children ? <span class={checkboxClass.label}>{local.children}</span> : null}\n\t\t</label>\n\t);\n}\n"]}
@@ -1,9 +0,0 @@
1
- import type { JSX } from 'solid-js';
2
- import { CheckboxGroup } from './checkbox-group';
3
- import type { CheckboxProps } from './types';
4
- export type { CheckboxBaseProps, CheckboxGroupBaseProps, CheckboxGroupProps, CheckboxProps } from './types';
5
- export interface CheckboxComponent {
6
- (props: CheckboxProps): JSX.Element;
7
- Group: typeof CheckboxGroup;
8
- }
9
- export declare const Checkbox: CheckboxComponent;
@@ -1,6 +0,0 @@
1
- import { CheckboxGroup } from './checkbox-group';
2
- import { CheckboxRoot } from './checkbox-root';
3
- export const Checkbox = Object.assign(CheckboxRoot, {
4
- Group: CheckboxGroup,
5
- });
6
- //# sourceMappingURL=checkbox.jsx.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"checkbox.jsx","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAU/C,MAAM,CAAC,MAAM,QAAQ,GAAsB,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;IACtE,KAAK,EAAE,aAAa;CACpB,CAAC,CAAC","sourcesContent":["import type { JSX } from 'solid-js';\nimport { CheckboxGroup } from './checkbox-group';\nimport { CheckboxRoot } from './checkbox-root';\nimport type { CheckboxProps } from './types';\n\nexport type { CheckboxBaseProps, CheckboxGroupBaseProps, CheckboxGroupProps, CheckboxProps } from './types';\n\nexport interface CheckboxComponent {\n\t(props: CheckboxProps): JSX.Element;\n\tGroup: typeof CheckboxGroup;\n}\n\nexport const Checkbox: CheckboxComponent = Object.assign(CheckboxRoot, {\n\tGroup: CheckboxGroup,\n});\n"]}
@@ -1,8 +0,0 @@
1
- export declare const checkboxClass: {
2
- readonly group: 'fl-checkbox-group';
3
- readonly root: 'fl-checkbox';
4
- readonly input: 'fl-checkbox_input';
5
- readonly control: 'fl-checkbox_control';
6
- readonly indicator: 'fl-checkbox_indicator';
7
- readonly label: 'fl-checkbox_label';
8
- };
@@ -1,9 +0,0 @@
1
- export const checkboxClass = {
2
- group: 'fl-checkbox-group',
3
- root: 'fl-checkbox',
4
- input: 'fl-checkbox_input',
5
- control: 'fl-checkbox_control',
6
- indicator: 'fl-checkbox_indicator',
7
- label: 'fl-checkbox_label',
8
- };
9
- //# sourceMappingURL=class.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"class.js","sourceRoot":"","sources":["../../../../src/components/checkbox/class.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC5B,KAAK,EAAE,mBAAmB;IAC1B,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE,mBAAmB;IAC1B,OAAO,EAAE,qBAAqB;IAC9B,SAAS,EAAE,uBAAuB;IAClC,KAAK,EAAE,mBAAmB;CACjB,CAAC","sourcesContent":["export const checkboxClass = {\n\tgroup: 'fl-checkbox-group',\n\troot: 'fl-checkbox',\n\tinput: 'fl-checkbox_input',\n\tcontrol: 'fl-checkbox_control',\n\tindicator: 'fl-checkbox_indicator',\n\tlabel: 'fl-checkbox_label',\n} as const;\n"]}
@@ -1,9 +0,0 @@
1
- import { type Accessor } from 'solid-js';
2
- export interface CheckboxGroupContextValue {
3
- name: Accessor<string>;
4
- values: Accessor<string[]>;
5
- toggleValue: (value: string, checked: boolean) => void;
6
- disabled: Accessor<boolean>;
7
- }
8
- export declare const CheckboxGroupContext: import("solid-js").Context<CheckboxGroupContextValue | undefined>;
9
- export declare function useCheckboxGroupContext(): CheckboxGroupContextValue | undefined;
@@ -1,6 +0,0 @@
1
- import { createContext, useContext } from 'solid-js';
2
- export const CheckboxGroupContext = createContext();
3
- export function useCheckboxGroupContext() {
4
- return useContext(CheckboxGroupContext);
5
- }
6
- //# sourceMappingURL=context.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/components/checkbox/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,aAAa,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AASpE,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,EAA6B,CAAC;AAE/E,MAAM,UAAU,uBAAuB;IACtC,OAAO,UAAU,CAAC,oBAAoB,CAAC,CAAC;AACzC,CAAC","sourcesContent":["import { type Accessor, createContext, useContext } from 'solid-js';\n\nexport interface CheckboxGroupContextValue {\n\tname: Accessor<string>;\n\tvalues: Accessor<string[]>;\n\ttoggleValue: (value: string, checked: boolean) => void;\n\tdisabled: Accessor<boolean>;\n}\n\nexport const CheckboxGroupContext = createContext<CheckboxGroupContextValue>();\n\nexport function useCheckboxGroupContext() {\n\treturn useContext(CheckboxGroupContext);\n}\n"]}
@@ -1,6 +0,0 @@
1
- export * from './checkbox';
2
- export * from './checkbox-group';
3
- export * from './checkbox-root';
4
- export * from './class';
5
- export * from './context';
6
- export * from './types';
@@ -1,7 +0,0 @@
1
- export * from './checkbox';
2
- export * from './checkbox-group';
3
- export * from './checkbox-root';
4
- export * from './class';
5
- export * from './context';
6
- export * from './types';
7
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC","sourcesContent":["export * from './checkbox';\nexport * from './checkbox-group';\nexport * from './checkbox-root';\nexport * from './class';\nexport * from './context';\nexport * from './types';\n"]}
@@ -1,16 +0,0 @@
1
- import type { JSX } from 'solid-js';
2
- export type CheckboxGroupBaseProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, 'onChange'>;
3
- export interface CheckboxGroupProps extends CheckboxGroupBaseProps {
4
- value?: string[];
5
- defaultValue?: string[];
6
- name?: string;
7
- disabled?: boolean;
8
- onChange?: (value: string[]) => void;
9
- }
10
- export type CheckboxBaseProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange' | 'size'>;
11
- export interface CheckboxProps extends CheckboxBaseProps {
12
- checked?: boolean;
13
- defaultChecked?: boolean;
14
- value?: string;
15
- onChange?: (checked: boolean) => void;
16
- }
@@ -1 +0,0 @@
1
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/checkbox/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { JSX } from 'solid-js';\n\nexport type CheckboxGroupBaseProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, 'onChange'>;\n\nexport interface CheckboxGroupProps extends CheckboxGroupBaseProps {\n\tvalue?: string[];\n\tdefaultValue?: string[];\n\tname?: string;\n\tdisabled?: boolean;\n\tonChange?: (value: string[]) => void;\n}\n\nexport type CheckboxBaseProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange' | 'size'>;\n\nexport interface CheckboxProps extends CheckboxBaseProps {\n\tchecked?: boolean;\n\tdefaultChecked?: boolean;\n\tvalue?: string;\n\tonChange?: (checked: boolean) => void;\n}\n"]}
@@ -1,13 +0,0 @@
1
- export declare const comboboxClass: {
2
- readonly root: 'fl-combobox';
3
- readonly control: 'fl-combobox_control';
4
- readonly input: 'fl-combobox_input';
5
- readonly trigger: 'fl-combobox_trigger';
6
- readonly icon: 'fl-combobox_icon';
7
- readonly content: 'fl-combobox_content';
8
- readonly listbox: 'fl-combobox_listbox';
9
- readonly item: 'fl-combobox_item';
10
- readonly itemLabel: 'fl-combobox_item-label';
11
- readonly itemIndicator: 'fl-combobox_item-indicator';
12
- readonly group: 'fl-combobox_group';
13
- };
@@ -1,14 +0,0 @@
1
- export const comboboxClass = {
2
- root: 'fl-combobox',
3
- control: 'fl-combobox_control',
4
- input: 'fl-combobox_input',
5
- trigger: 'fl-combobox_trigger',
6
- icon: 'fl-combobox_icon',
7
- content: 'fl-combobox_content',
8
- listbox: 'fl-combobox_listbox',
9
- item: 'fl-combobox_item',
10
- itemLabel: 'fl-combobox_item-label',
11
- itemIndicator: 'fl-combobox_item-indicator',
12
- group: 'fl-combobox_group',
13
- };
14
- //# sourceMappingURL=class.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"class.js","sourceRoot":"","sources":["../../../../src/components/combobox/class.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC5B,IAAI,EAAE,aAAa;IACnB,OAAO,EAAE,qBAAqB;IAC9B,KAAK,EAAE,mBAAmB;IAC1B,OAAO,EAAE,qBAAqB;IAC9B,IAAI,EAAE,kBAAkB;IACxB,OAAO,EAAE,qBAAqB;IAC9B,OAAO,EAAE,qBAAqB;IAC9B,IAAI,EAAE,kBAAkB;IACxB,SAAS,EAAE,wBAAwB;IACnC,aAAa,EAAE,4BAA4B;IAC3C,KAAK,EAAE,mBAAmB;CACjB,CAAC","sourcesContent":["export const comboboxClass = {\n\troot: 'fl-combobox',\n\tcontrol: 'fl-combobox_control',\n\tinput: 'fl-combobox_input',\n\ttrigger: 'fl-combobox_trigger',\n\ticon: 'fl-combobox_icon',\n\tcontent: 'fl-combobox_content',\n\tlistbox: 'fl-combobox_listbox',\n\titem: 'fl-combobox_item',\n\titemLabel: 'fl-combobox_item-label',\n\titemIndicator: 'fl-combobox_item-indicator',\n\tgroup: 'fl-combobox_group',\n} as const;\n"]}
@@ -1,20 +0,0 @@
1
- @layer components {
2
- .fl-combobox_content {
3
- /* layout */
4
- position: absolute;
5
- top: calc(100% + var(--fl-size-1));
6
- left: 0;
7
- right: 0;
8
- z-index: 10;
9
- max-height: 19rem;
10
- overflow: hidden;
11
-
12
- /* background */
13
- background: var(--fl-body-bg-color);
14
- border: var(--fl-border-size, 1px) solid var(--fl-border-color);
15
- border-radius: var(--fl-border-radius);
16
-
17
- /* effects */
18
- box-shadow: var(--fl-shadow-md);
19
- }
20
- }
@@ -1,2 +0,0 @@
1
- import type { ComboboxContentProps } from './types';
2
- export declare function ComboboxContent(props: ComboboxContentProps): import("solid-js").JSX.Element;
@@ -1,15 +0,0 @@
1
- import clsx from 'clsx/lite';
2
- import { Show, splitProps } from 'solid-js';
3
- import { comboboxClass } from './class';
4
- import { useComboboxContext } from './context';
5
- export function ComboboxContent(props) {
6
- const context = useComboboxContext();
7
- const [local, rest] = splitProps(props, ['class', 'children']);
8
- const rootClass = () => clsx(comboboxClass.content, local.class);
9
- return (<Show when={context.isOpen()}>
10
- <div class={rootClass()} {...rest}>
11
- {local.children}
12
- </div>
13
- </Show>);
14
- }
15
- //# sourceMappingURL=combobox-content.jsx.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"combobox-content.jsx","sourceRoot":"","sources":["../../../../src/components/combobox/combobox-content.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG/C,MAAM,UAAU,eAAe,CAAC,KAA2B;IAC1D,MAAM,OAAO,GAAG,kBAAkB,EAAY,CAAC;IAC/C,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAEjE,OAAO,CACN,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAC5B;GAAA,CAAC,GAAG,CACH,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,CACnB,IAAI,IAAI,CAAC,CAET;IAAA,CAAC,KAAK,CAAC,QAAQ,CAChB;GAAA,EAAE,GAAG,CACN;EAAA,EAAE,IAAI,CAAC,CACP,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { Show, splitProps } from 'solid-js';\nimport { comboboxClass } from './class';\nimport { useComboboxContext } from './context';\nimport type { ComboboxContentProps } from './types';\n\nexport function ComboboxContent(props: ComboboxContentProps) {\n\tconst context = useComboboxContext<any, any>();\n\tconst [local, rest] = splitProps(props, ['class', 'children']);\n\tconst rootClass = () => clsx(comboboxClass.content, local.class);\n\n\treturn (\n\t\t<Show when={context.isOpen()}>\n\t\t\t<div\n\t\t\t\tclass={rootClass()}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{local.children}\n\t\t\t</div>\n\t\t</Show>\n\t);\n}\n"]}
@@ -1,29 +0,0 @@
1
- @layer components {
2
- .fl-combobox_control {
3
- /* layout */
4
- display: inline-flex;
5
- align-items: stretch;
6
- width: 100%;
7
- min-width: 0;
8
-
9
- /* background */
10
- background: var(--fl-input-bg-color, var(--fl-body-bg-color));
11
- border: var(--fl-input-border-size, var(--fl-border-size, 1px)) solid
12
- var(--fl-input-border-color, var(--fl-border-color));
13
- border-radius: var(--fl-input-border-radius, var(--fl-border-radius));
14
-
15
- /* effects */
16
- box-shadow: var(--fl-input-shadow);
17
- }
18
-
19
- .fl-combobox_control:focus-within {
20
- border-color: var(--fl-input-border-focus-color, var(--fl-focus-ring-color));
21
- outline: var(--fl-focus-ring-size) solid var(--fl-focus-ring-color);
22
- outline-offset: 0;
23
- }
24
-
25
- .fl-combobox_control[data-disabled] {
26
- cursor: var(--fl-disabled-cursor);
27
- opacity: var(--fl-disabled-opacity);
28
- }
29
- }
@@ -1,3 +0,0 @@
1
- import { type JSX } from 'solid-js';
2
- import type { ComboboxControlProps } from './types';
3
- export declare function ComboboxControl(props: ComboboxControlProps): JSX.Element;
@@ -1,19 +0,0 @@
1
- import clsx from 'clsx/lite';
2
- import { splitProps } from 'solid-js';
3
- import { comboboxClass } from './class';
4
- import { useComboboxContext } from './context';
5
- import { callEventHandler } from './util';
6
- export function ComboboxControl(props) {
7
- const context = useComboboxContext();
8
- const [local, rest] = splitProps(props, ['class', 'onMouseDown']);
9
- const rootClass = () => clsx(comboboxClass.control, local.class);
10
- const handleMouseDown = (event) => {
11
- callEventHandler(local.onMouseDown, event);
12
- if (context.disabled() || context.readOnly()) {
13
- return;
14
- }
15
- context.openPopup('preserve');
16
- };
17
- return (<div class={rootClass()} data-disabled={context.disabled() ? '' : undefined} onMouseDown={handleMouseDown} {...rest}/>);
18
- }
19
- //# sourceMappingURL=combobox-control.jsx.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"combobox-control.jsx","sourceRoot":"","sources":["../../../../src/components/combobox/combobox-control.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAY,UAAU,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE1C,MAAM,UAAU,eAAe,CAAC,KAA2B;IAC1D,MAAM,OAAO,GAAG,kBAAkB,EAAY,CAAC;IAC/C,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;IAClE,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAEjE,MAAM,eAAe,GAAsD,CAAC,KAAK,EAAE,EAAE;QACpF,gBAAgB,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QAE3C,IAAI,OAAO,CAAC,QAAQ,EAAE,IAAI,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC;YAC9C,OAAO;QACR,CAAC;QAED,OAAO,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACN,CAAC,GAAG,CACH,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,CACnB,aAAa,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CACnD,WAAW,CAAC,CAAC,eAAe,CAAC,CAC7B,IAAI,IAAI,CAAC,EACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { type JSX, splitProps } from 'solid-js';\nimport { comboboxClass } from './class';\nimport { useComboboxContext } from './context';\nimport type { ComboboxControlProps } from './types';\nimport { callEventHandler } from './util';\n\nexport function ComboboxControl(props: ComboboxControlProps) {\n\tconst context = useComboboxContext<any, any>();\n\tconst [local, rest] = splitProps(props, ['class', 'onMouseDown']);\n\tconst rootClass = () => clsx(comboboxClass.control, local.class);\n\n\tconst handleMouseDown: JSX.EventHandlerUnion<HTMLDivElement, MouseEvent> = (event) => {\n\t\tcallEventHandler(local.onMouseDown, event);\n\n\t\tif (context.disabled() || context.readOnly()) {\n\t\t\treturn;\n\t\t}\n\n\t\tcontext.openPopup('preserve');\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclass={rootClass()}\n\t\t\tdata-disabled={context.disabled() ? '' : undefined}\n\t\t\tonMouseDown={handleMouseDown}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n"]}
@@ -1,32 +0,0 @@
1
- @layer components {
2
- .fl-combobox_group {
3
- /* reset */
4
- list-style: none;
5
-
6
- /* layout */
7
- display: grid;
8
-
9
- /* spacing */
10
- gap: var(--fl-size-1);
11
- padding-bottom: var(--fl-size-1);
12
-
13
- /* text */
14
- color: var(--fl-body-muted-text-color);
15
- font-weight: var(--fl-font-weight-semibold);
16
- font-size: var(--fl-text-size-xs);
17
- }
18
-
19
- .fl-combobox_group hr {
20
- /* spacing */
21
- margin-block: var(--fl-size-1-5);
22
- margin-inline: calc(var(--fl-size-2) * -1);
23
-
24
- /* background */
25
- border: 0;
26
- border-top: var(--fl-border-size, 1px) solid var(--fl-border-color);
27
- }
28
-
29
- .fl-combobox_group:first-child hr {
30
- display: none;
31
- }
32
- }
@@ -1,2 +0,0 @@
1
- import type { ComboboxGroupProps } from './types';
2
- export declare function ComboboxGroup<TOptionGroup = any, TOption = any>(props: ComboboxGroupProps<TOptionGroup, TOption>): import("solid-js").JSX.Element;
@@ -1,12 +0,0 @@
1
- import clsx from 'clsx/lite';
2
- import { splitProps } from 'solid-js';
3
- import { comboboxClass } from './class';
4
- export function ComboboxGroup(props) {
5
- const [local, rest] = splitProps(props, ['class', 'group', 'children']);
6
- const rootClass = () => clsx(comboboxClass.group, local.class);
7
- return (<li class={rootClass()} role="presentation" {...rest}>
8
- <hr aria-hidden="true"/>
9
- <span>{local.children ?? local.group?.textValue}</span>
10
- </li>);
11
- }
12
- //# sourceMappingURL=combobox-group.jsx.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"combobox-group.jsx","sourceRoot":"","sources":["../../../../src/components/combobox/combobox-group.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC,MAAM,UAAU,aAAa,CAAoC,KAAgD;IAChH,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IACxE,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAE/D,OAAO,CACN,CAAC,EAAE,CACF,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,CACnB,IAAI,CAAC,cAAc,CACnB,IAAI,IAAI,CAAC,CAET;GAAA,CAAC,EAAE,CAAC,WAAW,CAAC,MAAM,EACtB;GAAA,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,IAAI,CACvD;EAAA,EAAE,EAAE,CAAC,CACL,CAAC;AACH,CAAC","sourcesContent":["import clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { comboboxClass } from './class';\nimport type { ComboboxGroupProps } from './types';\n\nexport function ComboboxGroup<TOptionGroup = any, TOption = any>(props: ComboboxGroupProps<TOptionGroup, TOption>) {\n\tconst [local, rest] = splitProps(props, ['class', 'group', 'children']);\n\tconst rootClass = () => clsx(comboboxClass.group, local.class);\n\n\treturn (\n\t\t<li\n\t\t\tclass={rootClass()}\n\t\t\trole=\"presentation\"\n\t\t\t{...rest}\n\t\t>\n\t\t\t<hr aria-hidden=\"true\" />\n\t\t\t<span>{local.children ?? local.group?.textValue}</span>\n\t\t</li>\n\t);\n}\n"]}
@@ -1,2 +0,0 @@
1
- import type { ComboboxHiddenSelectProps } from './types';
2
- export declare function ComboboxHiddenSelect(props: ComboboxHiddenSelectProps): import("solid-js").JSX.Element;
@@ -1,8 +0,0 @@
1
- import { splitProps } from 'solid-js';
2
- import { useComboboxContext } from './context';
3
- export function ComboboxHiddenSelect(props) {
4
- const context = useComboboxContext();
5
- const [local, rest] = splitProps(props, ['name', 'value']);
6
- return (<input type="hidden" name={local.name ?? context.name()} value={local.value ?? context.selectedItem()?.value ?? ''} {...rest}/>);
7
- }
8
- //# sourceMappingURL=combobox-hidden-select.jsx.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"combobox-hidden-select.jsx","sourceRoot":"","sources":["../../../../src/components/combobox/combobox-hidden-select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG/C,MAAM,UAAU,oBAAoB,CAAC,KAAgC;IACpE,MAAM,OAAO,GAAG,kBAAkB,EAAY,CAAC;IAC/C,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAE3D,OAAO,CACN,CAAC,KAAK,CACL,IAAI,CAAC,QAAQ,CACb,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC,CACnC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,OAAO,CAAC,YAAY,EAAE,EAAE,KAAK,IAAI,EAAE,CAAC,CAC1D,IAAI,IAAI,CAAC,EACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { splitProps } from 'solid-js';\nimport { useComboboxContext } from './context';\nimport type { ComboboxHiddenSelectProps } from './types';\n\nexport function ComboboxHiddenSelect(props: ComboboxHiddenSelectProps) {\n\tconst context = useComboboxContext<any, any>();\n\tconst [local, rest] = splitProps(props, ['name', 'value']);\n\n\treturn (\n\t\t<input\n\t\t\ttype=\"hidden\"\n\t\t\tname={local.name ?? context.name()}\n\t\t\tvalue={local.value ?? context.selectedItem()?.value ?? ''}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n"]}