@makroz/web 1.1.0 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (467) hide show
  1. package/dist/context/MkAuthContext.d.ts +1 -2
  2. package/dist/context/MkAuthContext.d.ts.map +1 -1
  3. package/dist/context/MkConfirmContext.d.ts +1 -2
  4. package/dist/context/MkConfirmContext.d.ts.map +1 -1
  5. package/dist/context/MkToastContext.d.ts +1 -2
  6. package/dist/context/MkToastContext.d.ts.map +1 -1
  7. package/dist/hooks/useApi.d.ts +5 -6
  8. package/dist/hooks/useApi.d.ts.map +1 -1
  9. package/dist/hooks/useMkList.d.ts +7 -7
  10. package/package.json +2 -2
  11. package/dist/auth/MkAuthContext.d.ts +0 -43
  12. package/dist/auth/MkAuthContext.d.ts.map +0 -1
  13. package/dist/auth/MkAuthContext.js +0 -3
  14. package/dist/auth/MkAuthContext.js.map +0 -1
  15. package/dist/auth/MkAuthForm.d.ts +0 -42
  16. package/dist/auth/MkAuthForm.d.ts.map +0 -1
  17. package/dist/auth/MkAuthForm.js +0 -53
  18. package/dist/auth/MkAuthForm.js.map +0 -1
  19. package/dist/auth/MkAuthProvider.d.ts +0 -30
  20. package/dist/auth/MkAuthProvider.d.ts.map +0 -1
  21. package/dist/auth/MkAuthProvider.js +0 -317
  22. package/dist/auth/MkAuthProvider.js.map +0 -1
  23. package/dist/auth/types.d.ts +0 -63
  24. package/dist/auth/types.d.ts.map +0 -1
  25. package/dist/auth/types.js +0 -20
  26. package/dist/auth/types.js.map +0 -1
  27. package/dist/auth/useMkAuth.d.ts +0 -19
  28. package/dist/auth/useMkAuth.d.ts.map +0 -1
  29. package/dist/auth/useMkAuth.js +0 -26
  30. package/dist/auth/useMkAuth.js.map +0 -1
  31. package/dist/components/FormField.d.ts +0 -27
  32. package/dist/components/FormField.d.ts.map +0 -1
  33. package/dist/components/FormField.js +0 -18
  34. package/dist/components/FormField.js.map +0 -1
  35. package/dist/components/FormField.stories.d.ts +0 -11
  36. package/dist/components/FormField.stories.d.ts.map +0 -1
  37. package/dist/components/FormField.stories.js +0 -61
  38. package/dist/components/FormField.stories.js.map +0 -1
  39. package/dist/components/MkAccordion.d.ts +0 -36
  40. package/dist/components/MkAccordion.d.ts.map +0 -1
  41. package/dist/components/MkAccordion.js +0 -23
  42. package/dist/components/MkAccordion.js.map +0 -1
  43. package/dist/components/MkAccordion.module.css +0 -79
  44. package/dist/components/MkAccordion.stories.d.ts +0 -13
  45. package/dist/components/MkAccordion.stories.d.ts.map +0 -1
  46. package/dist/components/MkAccordion.stories.js +0 -76
  47. package/dist/components/MkAccordion.stories.js.map +0 -1
  48. package/dist/components/MkAccordion.stories.test.d.ts +0 -2
  49. package/dist/components/MkAccordion.stories.test.d.ts.map +0 -1
  50. package/dist/components/MkAccordion.stories.test.js +0 -18
  51. package/dist/components/MkAccordion.stories.test.js.map +0 -1
  52. package/dist/components/MkAlert.d.ts +0 -25
  53. package/dist/components/MkAlert.d.ts.map +0 -1
  54. package/dist/components/MkAlert.js +0 -21
  55. package/dist/components/MkAlert.js.map +0 -1
  56. package/dist/components/MkAlert.module.css +0 -103
  57. package/dist/components/MkAlert.stories.d.ts +0 -13
  58. package/dist/components/MkAlert.stories.d.ts.map +0 -1
  59. package/dist/components/MkAlert.stories.js +0 -75
  60. package/dist/components/MkAlert.stories.js.map +0 -1
  61. package/dist/components/MkAlert.stories.test.d.ts +0 -2
  62. package/dist/components/MkAlert.stories.test.d.ts.map +0 -1
  63. package/dist/components/MkAlert.stories.test.js +0 -16
  64. package/dist/components/MkAlert.stories.test.js.map +0 -1
  65. package/dist/components/MkAvatar.d.ts +0 -16
  66. package/dist/components/MkAvatar.d.ts.map +0 -1
  67. package/dist/components/MkAvatar.js +0 -23
  68. package/dist/components/MkAvatar.js.map +0 -1
  69. package/dist/components/MkAvatar.module.css +0 -62
  70. package/dist/components/MkAvatar.stories.d.ts +0 -14
  71. package/dist/components/MkAvatar.stories.d.ts.map +0 -1
  72. package/dist/components/MkAvatar.stories.js +0 -67
  73. package/dist/components/MkAvatar.stories.js.map +0 -1
  74. package/dist/components/MkAvatar.stories.test.d.ts +0 -2
  75. package/dist/components/MkAvatar.stories.test.d.ts.map +0 -1
  76. package/dist/components/MkAvatar.stories.test.js +0 -16
  77. package/dist/components/MkAvatar.stories.test.js.map +0 -1
  78. package/dist/components/MkBadge.d.ts +0 -15
  79. package/dist/components/MkBadge.d.ts.map +0 -1
  80. package/dist/components/MkBadge.js +0 -7
  81. package/dist/components/MkBadge.js.map +0 -1
  82. package/dist/components/MkBadge.module.css +0 -74
  83. package/dist/components/MkBadge.stories.d.ts +0 -15
  84. package/dist/components/MkBadge.stories.d.ts.map +0 -1
  85. package/dist/components/MkBadge.stories.js +0 -78
  86. package/dist/components/MkBadge.stories.js.map +0 -1
  87. package/dist/components/MkBadge.stories.test.d.ts +0 -2
  88. package/dist/components/MkBadge.stories.test.d.ts.map +0 -1
  89. package/dist/components/MkBadge.stories.test.js +0 -16
  90. package/dist/components/MkBadge.stories.test.js.map +0 -1
  91. package/dist/components/MkButton.d.ts +0 -11
  92. package/dist/components/MkButton.module.css +0 -85
  93. package/dist/components/MkButton.stories.d.ts +0 -12
  94. package/dist/components/MkButton.stories.d.ts.map +0 -1
  95. package/dist/components/MkButton.stories.js +0 -57
  96. package/dist/components/MkButton.stories.js.map +0 -1
  97. package/dist/components/MkButton.test.d.ts +0 -2
  98. package/dist/components/MkButton.test.d.ts.map +0 -1
  99. package/dist/components/MkButton.test.js +0 -56
  100. package/dist/components/MkButton.test.js.map +0 -1
  101. package/dist/components/MkCard.d.ts +0 -18
  102. package/dist/components/MkCard.d.ts.map +0 -1
  103. package/dist/components/MkCard.js +0 -6
  104. package/dist/components/MkCard.js.map +0 -1
  105. package/dist/components/MkCard.module.css +0 -63
  106. package/dist/components/MkCard.stories.d.ts +0 -11
  107. package/dist/components/MkCard.stories.d.ts.map +0 -1
  108. package/dist/components/MkCard.stories.js +0 -57
  109. package/dist/components/MkCard.stories.js.map +0 -1
  110. package/dist/components/MkCheck.d.ts +0 -32
  111. package/dist/components/MkCheck.d.ts.map +0 -1
  112. package/dist/components/MkCheck.js +0 -12
  113. package/dist/components/MkCheck.js.map +0 -1
  114. package/dist/components/MkCheck.module.css +0 -87
  115. package/dist/components/MkCheck.stories.d.ts +0 -13
  116. package/dist/components/MkCheck.stories.d.ts.map +0 -1
  117. package/dist/components/MkCheck.stories.js +0 -63
  118. package/dist/components/MkCheck.stories.js.map +0 -1
  119. package/dist/components/MkCheck.stories.test.d.ts +0 -2
  120. package/dist/components/MkCheck.stories.test.d.ts.map +0 -1
  121. package/dist/components/MkCheck.stories.test.js +0 -16
  122. package/dist/components/MkCheck.stories.test.js.map +0 -1
  123. package/dist/components/MkDatePicker.d.ts +0 -29
  124. package/dist/components/MkDatePicker.d.ts.map +0 -1
  125. package/dist/components/MkDatePicker.js +0 -10
  126. package/dist/components/MkDatePicker.js.map +0 -1
  127. package/dist/components/MkDatePicker.module.css +0 -77
  128. package/dist/components/MkDatePicker.stories.d.ts +0 -11
  129. package/dist/components/MkDatePicker.stories.d.ts.map +0 -1
  130. package/dist/components/MkDatePicker.stories.js +0 -47
  131. package/dist/components/MkDatePicker.stories.js.map +0 -1
  132. package/dist/components/MkDatePicker.stories.test.d.ts +0 -2
  133. package/dist/components/MkDatePicker.stories.test.d.ts.map +0 -1
  134. package/dist/components/MkDatePicker.stories.test.js +0 -16
  135. package/dist/components/MkDatePicker.stories.test.js.map +0 -1
  136. package/dist/components/MkDivider.d.ts +0 -14
  137. package/dist/components/MkDivider.d.ts.map +0 -1
  138. package/dist/components/MkDivider.js +0 -12
  139. package/dist/components/MkDivider.js.map +0 -1
  140. package/dist/components/MkDivider.module.css +0 -39
  141. package/dist/components/MkDivider.stories.d.ts +0 -12
  142. package/dist/components/MkDivider.stories.d.ts.map +0 -1
  143. package/dist/components/MkDivider.stories.js +0 -33
  144. package/dist/components/MkDivider.stories.js.map +0 -1
  145. package/dist/components/MkDivider.stories.test.d.ts +0 -2
  146. package/dist/components/MkDivider.stories.test.d.ts.map +0 -1
  147. package/dist/components/MkDivider.stories.test.js +0 -15
  148. package/dist/components/MkDivider.stories.test.js.map +0 -1
  149. package/dist/components/MkDropDown.d.ts +0 -22
  150. package/dist/components/MkDropDown.d.ts.map +0 -1
  151. package/dist/components/MkDropDown.js +0 -24
  152. package/dist/components/MkDropDown.js.map +0 -1
  153. package/dist/components/MkDropDown.module.css +0 -108
  154. package/dist/components/MkDropDown.stories.d.ts +0 -12
  155. package/dist/components/MkDropDown.stories.d.ts.map +0 -1
  156. package/dist/components/MkDropDown.stories.js +0 -76
  157. package/dist/components/MkDropDown.stories.js.map +0 -1
  158. package/dist/components/MkDropDown.stories.test.d.ts +0 -2
  159. package/dist/components/MkDropDown.stories.test.d.ts.map +0 -1
  160. package/dist/components/MkDropDown.stories.test.js +0 -18
  161. package/dist/components/MkDropDown.stories.test.js.map +0 -1
  162. package/dist/components/MkEmptyState.d.ts +0 -14
  163. package/dist/components/MkEmptyState.d.ts.map +0 -1
  164. package/dist/components/MkEmptyState.js +0 -6
  165. package/dist/components/MkEmptyState.js.map +0 -1
  166. package/dist/components/MkEmptyState.module.css +0 -35
  167. package/dist/components/MkEmptyState.stories.d.ts +0 -12
  168. package/dist/components/MkEmptyState.stories.d.ts.map +0 -1
  169. package/dist/components/MkEmptyState.stories.js +0 -44
  170. package/dist/components/MkEmptyState.stories.js.map +0 -1
  171. package/dist/components/MkEmptyState.stories.test.d.ts +0 -2
  172. package/dist/components/MkEmptyState.stories.test.d.ts.map +0 -1
  173. package/dist/components/MkEmptyState.stories.test.js +0 -15
  174. package/dist/components/MkEmptyState.stories.test.js.map +0 -1
  175. package/dist/components/MkFileUpload.d.ts +0 -36
  176. package/dist/components/MkFileUpload.d.ts.map +0 -1
  177. package/dist/components/MkFileUpload.js +0 -50
  178. package/dist/components/MkFileUpload.js.map +0 -1
  179. package/dist/components/MkFileUpload.module.css +0 -74
  180. package/dist/components/MkFileUpload.stories.d.ts +0 -12
  181. package/dist/components/MkFileUpload.stories.d.ts.map +0 -1
  182. package/dist/components/MkFileUpload.stories.js +0 -53
  183. package/dist/components/MkFileUpload.stories.js.map +0 -1
  184. package/dist/components/MkFileUpload.stories.test.d.ts +0 -2
  185. package/dist/components/MkFileUpload.stories.test.d.ts.map +0 -1
  186. package/dist/components/MkFileUpload.stories.test.js +0 -15
  187. package/dist/components/MkFileUpload.stories.test.js.map +0 -1
  188. package/dist/components/MkIcons.d.ts +0 -14
  189. package/dist/components/MkIcons.d.ts.map +0 -1
  190. package/dist/components/MkIcons.js +0 -36
  191. package/dist/components/MkIcons.js.map +0 -1
  192. package/dist/components/MkInfiniteList.d.ts +0 -15
  193. package/dist/components/MkInfiniteList.d.ts.map +0 -1
  194. package/dist/components/MkInfiniteList.js +0 -29
  195. package/dist/components/MkInfiniteList.js.map +0 -1
  196. package/dist/components/MkInfiniteList.module.css +0 -69
  197. package/dist/components/MkInfiniteList.stories.d.ts +0 -17
  198. package/dist/components/MkInfiniteList.stories.d.ts.map +0 -1
  199. package/dist/components/MkInfiniteList.stories.js +0 -90
  200. package/dist/components/MkInfiniteList.stories.js.map +0 -1
  201. package/dist/components/MkInfiniteList.stories.test.d.ts +0 -2
  202. package/dist/components/MkInfiniteList.stories.test.d.ts.map +0 -1
  203. package/dist/components/MkInfiniteList.stories.test.js +0 -24
  204. package/dist/components/MkInfiniteList.stories.test.js.map +0 -1
  205. package/dist/components/MkInput.d.ts +0 -13
  206. package/dist/components/MkInput.d.ts.map +0 -1
  207. package/dist/components/MkInput.js +0 -21
  208. package/dist/components/MkInput.js.map +0 -1
  209. package/dist/components/MkInput.module.css +0 -94
  210. package/dist/components/MkInput.stories.d.ts +0 -13
  211. package/dist/components/MkInput.stories.d.ts.map +0 -1
  212. package/dist/components/MkInput.stories.js +0 -75
  213. package/dist/components/MkInput.stories.js.map +0 -1
  214. package/dist/components/MkInput.stories.test.d.ts +0 -2
  215. package/dist/components/MkInput.stories.test.d.ts.map +0 -1
  216. package/dist/components/MkInput.stories.test.js +0 -16
  217. package/dist/components/MkInput.stories.test.js.map +0 -1
  218. package/dist/components/MkLoading.d.ts +0 -20
  219. package/dist/components/MkLoading.d.ts.map +0 -1
  220. package/dist/components/MkLoading.js +0 -14
  221. package/dist/components/MkLoading.js.map +0 -1
  222. package/dist/components/MkLoading.module.css +0 -39
  223. package/dist/components/MkLoading.stories.d.ts +0 -13
  224. package/dist/components/MkLoading.stories.d.ts.map +0 -1
  225. package/dist/components/MkLoading.stories.js +0 -35
  226. package/dist/components/MkLoading.stories.js.map +0 -1
  227. package/dist/components/MkLoading.stories.test.d.ts +0 -2
  228. package/dist/components/MkLoading.stories.test.d.ts.map +0 -1
  229. package/dist/components/MkLoading.stories.test.js +0 -15
  230. package/dist/components/MkLoading.stories.test.js.map +0 -1
  231. package/dist/components/MkModal.d.ts +0 -20
  232. package/dist/components/MkModal.d.ts.map +0 -1
  233. package/dist/components/MkModal.js +0 -31
  234. package/dist/components/MkModal.js.map +0 -1
  235. package/dist/components/MkModal.module.css +0 -107
  236. package/dist/components/MkModal.stories.d.ts +0 -13
  237. package/dist/components/MkModal.stories.d.ts.map +0 -1
  238. package/dist/components/MkModal.stories.js +0 -73
  239. package/dist/components/MkModal.stories.js.map +0 -1
  240. package/dist/components/MkProgressBar.d.ts +0 -17
  241. package/dist/components/MkProgressBar.d.ts.map +0 -1
  242. package/dist/components/MkProgressBar.js +0 -7
  243. package/dist/components/MkProgressBar.js.map +0 -1
  244. package/dist/components/MkProgressBar.module.css +0 -48
  245. package/dist/components/MkProgressBar.stories.d.ts +0 -13
  246. package/dist/components/MkProgressBar.stories.d.ts.map +0 -1
  247. package/dist/components/MkProgressBar.stories.js +0 -39
  248. package/dist/components/MkProgressBar.stories.js.map +0 -1
  249. package/dist/components/MkProgressBar.stories.test.d.ts +0 -2
  250. package/dist/components/MkProgressBar.stories.test.d.ts.map +0 -1
  251. package/dist/components/MkProgressBar.stories.test.js +0 -15
  252. package/dist/components/MkProgressBar.stories.test.js.map +0 -1
  253. package/dist/components/MkRadio.d.ts +0 -34
  254. package/dist/components/MkRadio.d.ts.map +0 -1
  255. package/dist/components/MkRadio.js +0 -19
  256. package/dist/components/MkRadio.js.map +0 -1
  257. package/dist/components/MkRadio.module.css +0 -74
  258. package/dist/components/MkRadio.stories.d.ts +0 -13
  259. package/dist/components/MkRadio.stories.d.ts.map +0 -1
  260. package/dist/components/MkRadio.stories.js +0 -55
  261. package/dist/components/MkRadio.stories.js.map +0 -1
  262. package/dist/components/MkRadio.stories.test.d.ts +0 -2
  263. package/dist/components/MkRadio.stories.test.d.ts.map +0 -1
  264. package/dist/components/MkRadio.stories.test.js +0 -18
  265. package/dist/components/MkRadio.stories.test.js.map +0 -1
  266. package/dist/components/MkSearchInput.d.ts +0 -30
  267. package/dist/components/MkSearchInput.d.ts.map +0 -1
  268. package/dist/components/MkSearchInput.js +0 -27
  269. package/dist/components/MkSearchInput.js.map +0 -1
  270. package/dist/components/MkSearchInput.module.css +0 -80
  271. package/dist/components/MkSearchInput.stories.d.ts +0 -13
  272. package/dist/components/MkSearchInput.stories.d.ts.map +0 -1
  273. package/dist/components/MkSearchInput.stories.js +0 -47
  274. package/dist/components/MkSearchInput.stories.js.map +0 -1
  275. package/dist/components/MkSearchInput.stories.test.d.ts +0 -2
  276. package/dist/components/MkSearchInput.stories.test.d.ts.map +0 -1
  277. package/dist/components/MkSearchInput.stories.test.js +0 -15
  278. package/dist/components/MkSearchInput.stories.test.js.map +0 -1
  279. package/dist/components/MkSelect.d.ts +0 -23
  280. package/dist/components/MkSelect.d.ts.map +0 -1
  281. package/dist/components/MkSelect.js +0 -59
  282. package/dist/components/MkSelect.js.map +0 -1
  283. package/dist/components/MkSelect.module.css +0 -177
  284. package/dist/components/MkSelect.stories.d.ts +0 -12
  285. package/dist/components/MkSelect.stories.d.ts.map +0 -1
  286. package/dist/components/MkSelect.stories.js +0 -84
  287. package/dist/components/MkSelect.stories.js.map +0 -1
  288. package/dist/components/MkSelect.stories.test.d.ts +0 -2
  289. package/dist/components/MkSelect.stories.test.d.ts.map +0 -1
  290. package/dist/components/MkSelect.stories.test.js +0 -21
  291. package/dist/components/MkSelect.stories.test.js.map +0 -1
  292. package/dist/components/MkSkeleton.d.ts +0 -22
  293. package/dist/components/MkSkeleton.d.ts.map +0 -1
  294. package/dist/components/MkSkeleton.js +0 -21
  295. package/dist/components/MkSkeleton.js.map +0 -1
  296. package/dist/components/MkSkeleton.module.css +0 -28
  297. package/dist/components/MkSkeleton.stories.d.ts +0 -12
  298. package/dist/components/MkSkeleton.stories.d.ts.map +0 -1
  299. package/dist/components/MkSkeleton.stories.js +0 -32
  300. package/dist/components/MkSkeleton.stories.js.map +0 -1
  301. package/dist/components/MkSkeleton.stories.test.d.ts +0 -2
  302. package/dist/components/MkSkeleton.stories.test.d.ts.map +0 -1
  303. package/dist/components/MkSkeleton.stories.test.js +0 -15
  304. package/dist/components/MkSkeleton.stories.test.js.map +0 -1
  305. package/dist/components/MkSwitch.d.ts +0 -22
  306. package/dist/components/MkSwitch.d.ts.map +0 -1
  307. package/dist/components/MkSwitch.js +0 -14
  308. package/dist/components/MkSwitch.js.map +0 -1
  309. package/dist/components/MkSwitch.module.css +0 -108
  310. package/dist/components/MkSwitch.stories.d.ts +0 -13
  311. package/dist/components/MkSwitch.stories.d.ts.map +0 -1
  312. package/dist/components/MkSwitch.stories.js +0 -37
  313. package/dist/components/MkSwitch.stories.js.map +0 -1
  314. package/dist/components/MkSwitch.stories.test.d.ts +0 -2
  315. package/dist/components/MkSwitch.stories.test.d.ts.map +0 -1
  316. package/dist/components/MkSwitch.stories.test.js +0 -15
  317. package/dist/components/MkSwitch.stories.test.js.map +0 -1
  318. package/dist/components/MkTable.d.ts +0 -27
  319. package/dist/components/MkTable.d.ts.map +0 -1
  320. package/dist/components/MkTable.js +0 -11
  321. package/dist/components/MkTable.js.map +0 -1
  322. package/dist/components/MkTable.module.css +0 -163
  323. package/dist/components/MkTable.stories.d.ts +0 -16
  324. package/dist/components/MkTable.stories.d.ts.map +0 -1
  325. package/dist/components/MkTable.stories.js +0 -65
  326. package/dist/components/MkTable.stories.js.map +0 -1
  327. package/dist/components/MkTable.stories.test.d.ts +0 -2
  328. package/dist/components/MkTable.stories.test.d.ts.map +0 -1
  329. package/dist/components/MkTable.stories.test.js +0 -25
  330. package/dist/components/MkTable.stories.test.js.map +0 -1
  331. package/dist/components/MkTabs.d.ts +0 -22
  332. package/dist/components/MkTabs.d.ts.map +0 -1
  333. package/dist/components/MkTabs.js +0 -17
  334. package/dist/components/MkTabs.js.map +0 -1
  335. package/dist/components/MkTabs.module.css +0 -117
  336. package/dist/components/MkTabs.stories.d.ts +0 -11
  337. package/dist/components/MkTabs.stories.d.ts.map +0 -1
  338. package/dist/components/MkTabs.stories.js +0 -73
  339. package/dist/components/MkTabs.stories.js.map +0 -1
  340. package/dist/components/MkTextArea.d.ts +0 -21
  341. package/dist/components/MkTextArea.d.ts.map +0 -1
  342. package/dist/components/MkTextArea.js +0 -8
  343. package/dist/components/MkTextArea.js.map +0 -1
  344. package/dist/components/MkTextArea.stories.d.ts +0 -13
  345. package/dist/components/MkTextArea.stories.d.ts.map +0 -1
  346. package/dist/components/MkTextArea.stories.js +0 -56
  347. package/dist/components/MkTextArea.stories.js.map +0 -1
  348. package/dist/components/MkTextArea.stories.test.d.ts +0 -2
  349. package/dist/components/MkTextArea.stories.test.d.ts.map +0 -1
  350. package/dist/components/MkTextArea.stories.test.js +0 -15
  351. package/dist/components/MkTextArea.stories.test.js.map +0 -1
  352. package/dist/components/MkThemeEditor.d.ts +0 -8
  353. package/dist/components/MkThemeEditor.module.css +0 -177
  354. package/dist/components/MkToastContainer.d.ts +0 -3
  355. package/dist/components/MkToastContainer.module.css +0 -95
  356. package/dist/components/MkToastContainer.stories.d.ts +0 -9
  357. package/dist/components/MkToastContainer.stories.js +0 -43
  358. package/dist/components/MkToastContainer.stories.js.map +0 -1
  359. package/dist/components/MkToastContainer.stories.test.d.ts +0 -2
  360. package/dist/components/MkToastContainer.stories.test.js +0 -29
  361. package/dist/components/MkToastContainer.stories.test.js.map +0 -1
  362. package/dist/components/MkTooltip.d.ts +0 -14
  363. package/dist/components/MkTooltip.d.ts.map +0 -1
  364. package/dist/components/MkTooltip.js +0 -17
  365. package/dist/components/MkTooltip.js.map +0 -1
  366. package/dist/components/MkTooltip.module.css +0 -43
  367. package/dist/components/MkTooltip.stories.d.ts +0 -13
  368. package/dist/components/MkTooltip.stories.d.ts.map +0 -1
  369. package/dist/components/MkTooltip.stories.js +0 -59
  370. package/dist/components/MkTooltip.stories.js.map +0 -1
  371. package/dist/components/MkTooltip.stories.test.d.ts +0 -2
  372. package/dist/components/MkTooltip.stories.test.d.ts.map +0 -1
  373. package/dist/components/MkTooltip.stories.test.js +0 -15
  374. package/dist/components/MkTooltip.stories.test.js.map +0 -1
  375. package/dist/components/MkWindowList.d.ts +0 -20
  376. package/dist/components/MkWindowList.d.ts.map +0 -1
  377. package/dist/components/MkWindowList.js +0 -59
  378. package/dist/components/MkWindowList.js.map +0 -1
  379. package/dist/components/MkWindowList.module.css +0 -59
  380. package/dist/components/MkWindowList.stories.d.ts +0 -16
  381. package/dist/components/MkWindowList.stories.d.ts.map +0 -1
  382. package/dist/components/MkWindowList.stories.js +0 -76
  383. package/dist/components/MkWindowList.stories.js.map +0 -1
  384. package/dist/components/MkWindowList.stories.test.d.ts +0 -2
  385. package/dist/components/MkWindowList.stories.test.d.ts.map +0 -1
  386. package/dist/components/MkWindowList.stories.test.js +0 -19
  387. package/dist/components/MkWindowList.stories.test.js.map +0 -1
  388. package/dist/components/index.d.ts +0 -31
  389. package/dist/components/index.js +0 -34
  390. package/dist/components/index.js.map +0 -1
  391. package/dist/context/MkApiContext.d.ts +0 -15
  392. package/dist/context/MkApiContext.d.ts.map +0 -1
  393. package/dist/context/MkApiContext.js +0 -28
  394. package/dist/context/MkApiContext.js.map +0 -1
  395. package/dist/hooks/useApi.test.d.ts +0 -2
  396. package/dist/hooks/useApi.test.js +0 -184
  397. package/dist/hooks/useApi.test.js.map +0 -1
  398. package/dist/hooks/useMkClickOutside.d.ts +0 -8
  399. package/dist/hooks/useMkClickOutside.d.ts.map +0 -1
  400. package/dist/hooks/useMkClickOutside.js +0 -24
  401. package/dist/hooks/useMkClickOutside.js.map +0 -1
  402. package/dist/hooks/useMkCrud.d.ts +0 -39
  403. package/dist/hooks/useMkCrud.test.d.ts +0 -2
  404. package/dist/hooks/useMkDebounce.d.ts +0 -24
  405. package/dist/hooks/useMkDebounce.d.ts.map +0 -1
  406. package/dist/hooks/useMkDebounce.js +0 -36
  407. package/dist/hooks/useMkDebounce.js.map +0 -1
  408. package/dist/hooks/useMkEffectDebug.d.ts +0 -7
  409. package/dist/hooks/useMkEffectDebug.d.ts.map +0 -1
  410. package/dist/hooks/useMkEffectDebug.js +0 -26
  411. package/dist/hooks/useMkEffectDebug.js.map +0 -1
  412. package/dist/hooks/useMkEvent.d.ts +0 -31
  413. package/dist/hooks/useMkEvent.d.ts.map +0 -1
  414. package/dist/hooks/useMkEvent.js +0 -56
  415. package/dist/hooks/useMkEvent.js.map +0 -1
  416. package/dist/hooks/useMkForm.d.ts +0 -43
  417. package/dist/hooks/useMkForm.test.d.ts +0 -2
  418. package/dist/hooks/useMkInViewPort.d.ts +0 -14
  419. package/dist/hooks/useMkInViewPort.d.ts.map +0 -1
  420. package/dist/hooks/useMkInViewPort.js +0 -31
  421. package/dist/hooks/useMkInViewPort.js.map +0 -1
  422. package/dist/hooks/useMkInfiniteList.d.ts +0 -15
  423. package/dist/hooks/useMkInfiniteList.js +0 -47
  424. package/dist/hooks/useMkInfiniteList.js.map +0 -1
  425. package/dist/hooks/useMkList.js +0 -53
  426. package/dist/hooks/useMkList.js.map +0 -1
  427. package/dist/hooks/useMkLocalStorage.d.ts +0 -6
  428. package/dist/hooks/useMkLocalStorage.d.ts.map +0 -1
  429. package/dist/hooks/useMkLocalStorage.js +0 -33
  430. package/dist/hooks/useMkLocalStorage.js.map +0 -1
  431. package/dist/hooks/useMkLongPress.d.ts +0 -37
  432. package/dist/hooks/useMkLongPress.d.ts.map +0 -1
  433. package/dist/hooks/useMkLongPress.js +0 -59
  434. package/dist/hooks/useMkLongPress.js.map +0 -1
  435. package/dist/hooks/useMkMediaQuery.d.ts +0 -14
  436. package/dist/hooks/useMkMediaQuery.d.ts.map +0 -1
  437. package/dist/hooks/useMkMediaQuery.js +0 -31
  438. package/dist/hooks/useMkMediaQuery.js.map +0 -1
  439. package/dist/hooks/useMkPrevious.d.ts +0 -7
  440. package/dist/hooks/useMkPrevious.d.ts.map +0 -1
  441. package/dist/hooks/useMkPrevious.js +0 -14
  442. package/dist/hooks/useMkPrevious.js.map +0 -1
  443. package/dist/hooks/useMkScreenSize.d.ts +0 -25
  444. package/dist/hooks/useMkScreenSize.d.ts.map +0 -1
  445. package/dist/hooks/useMkScreenSize.js +0 -42
  446. package/dist/hooks/useMkScreenSize.js.map +0 -1
  447. package/dist/hooks/useMkStore.d.ts +0 -22
  448. package/dist/hooks/useMkStore.d.ts.map +0 -1
  449. package/dist/hooks/useMkStore.js +0 -58
  450. package/dist/hooks/useMkStore.js.map +0 -1
  451. package/dist/hooks/useMkToggle.d.ts +0 -6
  452. package/dist/hooks/useMkToggle.d.ts.map +0 -1
  453. package/dist/hooks/useMkToggle.js +0 -13
  454. package/dist/hooks/useMkToggle.js.map +0 -1
  455. package/dist/index.d.ts +0 -33
  456. package/dist/index.js +0 -37
  457. package/dist/index.js.map +0 -1
  458. package/dist/styles/index.css +0 -124
  459. package/dist/test-setup.d.ts +0 -2
  460. package/dist/test-setup.d.ts.map +0 -1
  461. package/dist/test-setup.js +0 -31
  462. package/dist/test-setup.js.map +0 -1
  463. package/dist/theme/MkThemeProvider.d.ts +0 -20
  464. package/dist/utils/images.d.ts +0 -9
  465. package/dist/utils/images.d.ts.map +0 -1
  466. package/dist/utils/images.js +0 -50
  467. package/dist/utils/images.js.map +0 -1
@@ -1,53 +0,0 @@
1
- import { MkFileUpload } from './MkFileUpload';
2
- const meta = {
3
- title: 'Components/MkFileUpload',
4
- component: MkFileUpload,
5
- parameters: { layout: 'padded' },
6
- tags: ['autodocs'],
7
- argTypes: {
8
- accept: { control: 'text' },
9
- multiple: { control: 'boolean' },
10
- maxSizeMB: { control: { type: 'number' } },
11
- disabled: { control: 'boolean' },
12
- },
13
- };
14
- export default meta;
15
- export const Default = {
16
- args: { onFiles: () => { } },
17
- };
18
- export const ImagesOnly = {
19
- args: {
20
- onFiles: () => { },
21
- accept: 'image/*',
22
- label: 'Arrastra tus imágenes aquí',
23
- sublabel: 'o haz clic para seleccionar',
24
- },
25
- };
26
- export const Multiple = {
27
- args: {
28
- onFiles: () => { },
29
- multiple: true,
30
- accept: 'image/*,application/pdf',
31
- label: 'Sube tus documentos',
32
- sublabel: 'Imágenes o PDFs, hasta 5 archivos',
33
- maxSizeMB: 10,
34
- },
35
- };
36
- export const WithSizeLimit = {
37
- args: {
38
- onFiles: () => { },
39
- accept: 'image/*',
40
- maxSizeMB: 2,
41
- label: 'Imágenes (máx 2MB)',
42
- },
43
- };
44
- export const Disabled = {
45
- args: { onFiles: () => { }, disabled: true, label: 'Upload disabled' },
46
- };
47
- export const WithError = {
48
- args: {
49
- onFiles: () => { },
50
- error: 'No se pudo subir el archivo. Intenta de nuevo.',
51
- },
52
- };
53
- //# sourceMappingURL=MkFileUpload.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkFileUpload.stories.js","sourceRoot":"","sources":["../../src/components/MkFileUpload.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,IAAI,GAA8B;IACpC,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC3B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;QAC1C,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACnC;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE;CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC7B,IAAI,EAAE;QACF,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;QACjB,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,4BAA4B;QACnC,QAAQ,EAAE,6BAA6B;KAC1C;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE;QACF,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;QACjB,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,yBAAyB;QACjC,KAAK,EAAE,qBAAqB;QAC5B,QAAQ,EAAE,mCAAmC;QAC7C,SAAS,EAAE,EAAE;KAChB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IAChC,IAAI,EAAE;QACF,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;QACjB,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,CAAC;QACZ,KAAK,EAAE,oBAAoB;KAC9B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,iBAAiB,EAAE;CACxE,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;QACjB,KAAK,EAAE,gDAAgD;KAC1D;CACJ,CAAC"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=MkFileUpload.stories.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkFileUpload.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkFileUpload.stories.test.tsx"],"names":[],"mappings":""}
@@ -1,15 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- /**
3
- * Smoke snapshot for MkFileUpload — required by R-MK-002.
4
- */
5
- import { describe, it, expect, afterEach, vi } from 'vitest';
6
- import { render, cleanup } from '@testing-library/react';
7
- import { MkFileUpload } from './MkFileUpload';
8
- describe('MkFileUpload story smoke', () => {
9
- afterEach(cleanup);
10
- it('renders default', () => {
11
- const { container } = render(_jsx(MkFileUpload, { onFiles: vi.fn(), label: "Sube un archivo" }));
12
- expect(container.firstChild).toMatchSnapshot();
13
- });
14
- });
15
- //# sourceMappingURL=MkFileUpload.stories.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkFileUpload.stories.test.js","sourceRoot":"","sources":["../../src/components/MkFileUpload.stories.test.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACtC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,iBAAiB,EAAE,GAAG,EAAE;QACvB,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,KAAC,YAAY,IAAC,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,EAAC,iBAAiB,GAAG,CAC7D,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- export interface MkIconProps extends React.SVGProps<SVGSVGElement> {
3
- size?: number | string;
4
- color?: string;
5
- variant?: string;
6
- }
7
- export declare const MkIconWrap: React.FC<MkIconProps>;
8
- export declare const IconArrowDown: (props: MkIconProps) => import("react/jsx-runtime").JSX.Element;
9
- export declare const IconCheck: (props: MkIconProps) => import("react/jsx-runtime").JSX.Element;
10
- export declare const IconTrash: (props: MkIconProps) => import("react/jsx-runtime").JSX.Element;
11
- export declare const IconEdit: (props: MkIconProps) => import("react/jsx-runtime").JSX.Element;
12
- export declare const IconClose: (props: MkIconProps) => import("react/jsx-runtime").JSX.Element;
13
- export declare const Icon3Dots: (props: MkIconProps) => import("react/jsx-runtime").JSX.Element;
14
- //# sourceMappingURL=MkIcons.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkIcons.d.ts","sourceRoot":"","sources":["../../src/components/MkIcons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IAC9D,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAeD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmB5C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,WAAW,4CAI/C,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,WAAW,4CAI3C,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,WAAW,4CAK3C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,OAAO,WAAW,4CAK1C,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,WAAW,4CAK3C,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,WAAW,4CAM3C,CAAC"}
@@ -1,36 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
- const getVariantColor = (variant) => {
14
- switch (variant) {
15
- case 'primary':
16
- return 'var(--mk-primary)';
17
- case 'muted':
18
- return 'var(--mk-muted-foreground)';
19
- case 'error':
20
- return 'var(--mk-error)';
21
- default:
22
- return 'currentColor';
23
- }
24
- };
25
- export const MkIconWrap = (_a) => {
26
- var { children, size = 24, color, variant, style } = _a, props = __rest(_a, ["children", "size", "color", "variant", "style"]);
27
- const finalColor = color || getVariantColor(variant);
28
- return (_jsx("svg", Object.assign({ width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: finalColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: Object.assign({ display: 'inline-block', verticalAlign: 'middle' }, style) }, props, { children: children })));
29
- };
30
- export const IconArrowDown = (props) => (_jsx(MkIconWrap, Object.assign({}, props, { children: _jsx("polyline", { points: "6 9 12 15 18 9" }) })));
31
- export const IconCheck = (props) => (_jsx(MkIconWrap, Object.assign({}, props, { children: _jsx("polyline", { points: "20 6 9 17 4 12" }) })));
32
- export const IconTrash = (props) => (_jsxs(MkIconWrap, Object.assign({}, props, { children: [_jsx("polyline", { points: "3 6 5 6 21 6" }), _jsx("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })] })));
33
- export const IconEdit = (props) => (_jsxs(MkIconWrap, Object.assign({}, props, { children: [_jsx("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }), _jsx("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })] })));
34
- export const IconClose = (props) => (_jsxs(MkIconWrap, Object.assign({}, props, { children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] })));
35
- export const Icon3Dots = (props) => (_jsxs(MkIconWrap, Object.assign({}, props, { children: [_jsx("circle", { cx: "12", cy: "12", r: "1" }), _jsx("circle", { cx: "19", cy: "12", r: "1" }), _jsx("circle", { cx: "5", cy: "12", r: "1" })] })));
36
- //# sourceMappingURL=MkIcons.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkIcons.js","sourceRoot":"","sources":["../../src/components/MkIcons.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAQA,MAAM,eAAe,GAAG,CAAC,OAAgB,EAAE,EAAE;IACzC,QAAQ,OAAO,EAAE,CAAC;QACd,KAAK,SAAS;YACV,OAAO,mBAAmB,CAAC;QAC/B,KAAK,OAAO;YACR,OAAO,4BAA4B,CAAC;QACxC,KAAK,OAAO;YACR,OAAO,iBAAiB,CAAC;QAC7B;YACI,OAAO,cAAc,CAAC;IAC9B,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAA0B,CAAC,EAAwD,EAAE,EAAE;QAA5D,EAAE,QAAQ,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,OAAY,EAAP,KAAK,cAAtD,iDAAwD,CAAF;IACpG,MAAM,UAAU,GAAG,KAAK,IAAI,eAAe,CAAC,OAAO,CAAC,CAAC;IAErD,OAAO,CACH,4BACI,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,UAAU,EAClB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,KAAK,kBAAI,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,QAAQ,IAAK,KAAK,KAC/D,KAAK,cAER,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CACjD,KAAC,UAAU,oBAAK,KAAK,cACjB,mBAAU,MAAM,EAAC,gBAAgB,GAAG,IAC3B,CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CAC7C,KAAC,UAAU,oBAAK,KAAK,cACjB,mBAAU,MAAM,EAAC,gBAAgB,GAAG,IAC3B,CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CAC7C,MAAC,UAAU,oBAAK,KAAK,eACjB,mBAAU,MAAM,EAAC,cAAc,GAAG,EAClC,eAAM,CAAC,EAAC,gFAAgF,GAAG,KAClF,CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CAC5C,MAAC,UAAU,oBAAK,KAAK,eACjB,eAAM,CAAC,EAAC,4DAA4D,GAAG,EACvE,eAAM,CAAC,EAAC,yDAAyD,GAAG,KAC3D,CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CAC7C,MAAC,UAAU,oBAAK,KAAK,eACjB,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG,EACtC,eAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,KAC7B,CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CAC7C,MAAC,UAAU,oBAAK,KAAK,eACjB,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAG,EAChC,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAG,EAChC,iBAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAG,KACtB,CAChB,CAAC"}
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- interface MkInfiniteListProps<T> {
3
- items: T[];
4
- renderItem: (item: T) => React.ReactNode;
5
- loading?: boolean;
6
- hasMore?: boolean;
7
- onLoadMore: () => void;
8
- emptyMessage?: string;
9
- skeletonCount?: number;
10
- skeletonItem?: React.ReactNode;
11
- perPage?: number;
12
- }
13
- export declare function MkInfiniteList<T>({ items, renderItem, loading, hasMore, onLoadMore, emptyMessage, skeletonCount, skeletonItem, perPage }: MkInfiniteListProps<T>): import("react/jsx-runtime").JSX.Element;
14
- export {};
15
- //# sourceMappingURL=MkInfiniteList.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkInfiniteList.d.ts","sourceRoot":"","sources":["../../src/components/MkInfiniteList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,UAAU,mBAAmB,CAAC,CAAC;IAC3B,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,EAC9B,KAAK,EACL,UAAU,EACV,OAAO,EACP,OAAO,EACP,UAAU,EACV,YAA8C,EAC9C,aAAiB,EACjB,YAAY,EACZ,OAAY,EACf,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CA2DxB"}
@@ -1,29 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useEffect, useRef, useCallback } from 'react';
3
- import styles from './MkInfiniteList.module.css';
4
- export function MkInfiniteList({ items, renderItem, loading, hasMore, onLoadMore, emptyMessage = "No se encontraron resultados.", skeletonCount = 3, skeletonItem, perPage = 15 }) {
5
- const observerTarget = useRef(null);
6
- const handleObserver = useCallback((entries) => {
7
- const target = entries[0];
8
- if (target.isIntersecting && hasMore && !loading) {
9
- onLoadMore();
10
- }
11
- }, [hasMore, loading, onLoadMore]);
12
- useEffect(() => {
13
- const element = observerTarget.current;
14
- const observer = new IntersectionObserver(handleObserver, {
15
- root: null, // Use viewport
16
- threshold: 1.0, // Fully visible trigger
17
- rootMargin: '100px' // Pre-fetch slightly before reaching bottom
18
- });
19
- if (element) {
20
- observer.observe(element);
21
- }
22
- return () => {
23
- if (element)
24
- observer.unobserve(element);
25
- };
26
- }, [handleObserver]);
27
- return (_jsx("div", { className: styles.scrollContainer, children: _jsxs("div", { className: styles.list, children: [items.length === 0 && !loading && (_jsx("div", { className: styles.empty, children: emptyMessage })), items.map((item, index) => (_jsx("div", { className: styles.itemWrapper, style: { '--row-index': index % perPage }, children: renderItem(item) }, index))), loading && (_jsx("div", { className: styles.loadingArea, children: Array.from({ length: skeletonCount }).map((_, i) => (_jsx("div", { className: styles.skeletonWrapper, children: skeletonItem || _jsx("div", { className: styles.defaultSkeleton }) }, `skeleton-${i}`))) })), _jsx("div", { ref: observerTarget, className: styles.trigger })] }) }));
28
- }
29
- //# sourceMappingURL=MkInfiniteList.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkInfiniteList.js","sourceRoot":"","sources":["../../src/components/MkInfiniteList.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAcjD,MAAM,UAAU,cAAc,CAAI,EAC9B,KAAK,EACL,UAAU,EACV,OAAO,EACP,OAAO,EACP,UAAU,EACV,YAAY,GAAG,+BAA+B,EAC9C,aAAa,GAAG,CAAC,EACjB,YAAY,EACZ,OAAO,GAAG,EAAE,EACS;IAErB,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEpD,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,OAAoC,EAAE,EAAE;QACxE,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;QAC1B,IAAI,MAAM,CAAC,cAAc,IAAI,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC;YAC/C,UAAU,EAAE,CAAC;QACjB,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAEnC,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC;QACvC,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,cAAc,EAAE;YACtD,IAAI,EAAE,IAAI,EAAE,eAAe;YAC3B,SAAS,EAAE,GAAG,EAAE,wBAAwB;YACxC,UAAU,EAAE,OAAO,CAAC,4CAA4C;SACnE,CAAC,CAAC;QAEH,IAAI,OAAO,EAAE,CAAC;YACV,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAC9B,CAAC;QAED,OAAO,GAAG,EAAE;YACR,IAAI,OAAO;gBAAE,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QAC7C,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACH,cAAK,SAAS,EAAE,MAAM,CAAC,eAAe,YAClC,eAAK,SAAS,EAAE,MAAM,CAAC,IAAI,aACtB,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,OAAO,IAAI,CAC/B,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,YAAY,GAAO,CACrD,EAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,cAEI,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,GAAG,OAAO,EAAyB,YAE/D,UAAU,CAAC,IAAI,CAAC,IAJZ,KAAK,CAKR,CACT,CAAC,EAED,OAAO,IAAI,CACR,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAC7B,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACjD,cAA2B,SAAS,EAAE,MAAM,CAAC,eAAe,YACvD,YAAY,IAAI,cAAK,SAAS,EAAE,MAAM,CAAC,eAAe,GAAI,IADrD,YAAY,CAAC,EAAE,CAEnB,CACT,CAAC,GACA,CACT,EAED,cAAK,GAAG,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,GAAI,IACrD,GACJ,CACT,CAAC;AACN,CAAC"}
@@ -1,69 +0,0 @@
1
- .scrollContainer {
2
- --mk-inf-list-gap: 1rem;
3
- --mk-inf-list-item-bg: transparent;
4
- --mk-inf-list-border: var(--mk-border);
5
- --mk-inf-list-radius: var(--mk-radius, 8px);
6
- --mk-inf-list-muted-color: var(--mk-muted-foreground);
7
-
8
- width: 100%;
9
- margin: 1rem 0;
10
- }
11
-
12
- .list {
13
- display: flex;
14
- flex-direction: column;
15
- gap: var(--mk-inf-list-gap);
16
- }
17
-
18
- .itemWrapper {
19
- width: 100%;
20
- background-color: var(--mk-inf-list-item-bg);
21
- animation: mk-fade-in 0.5s var(--mk-ease-out) backwards;
22
- animation-delay: calc(var(--row-index, 0) * 0.05s);
23
- }
24
-
25
- .trigger {
26
- height: 10px;
27
- margin-top: 10px;
28
- }
29
-
30
- .loadingArea {
31
- display: flex;
32
- flex-direction: column;
33
- gap: var(--mk-inf-list-gap);
34
- padding: 1rem 0;
35
- }
36
-
37
- .defaultSkeleton {
38
- height: 4rem;
39
- background-color: var(--mk-muted);
40
- background-image: linear-gradient(
41
- 90deg,
42
- transparent 25%,
43
- var(--mk-border) 50%,
44
- transparent 75%
45
- );
46
- background-size: 200% 100%;
47
- animation: mk-shimmer 2s infinite linear;
48
- border-radius: var(--mk-inf-list-radius);
49
- width: 100%;
50
- }
51
-
52
- .empty {
53
- text-align: center;
54
- padding: 4rem 1rem;
55
- color: var(--mk-inf-list-muted-color);
56
- font-size: 0.875rem;
57
- border: 1px dashed var(--mk-inf-list-border);
58
- border-radius: var(--mk-inf-list-radius);
59
- }
60
-
61
- @keyframes skeleton-loading {
62
- 0% { background-position: 200% 0; }
63
- 100% { background-position: -200% 0; }
64
- }
65
-
66
- @keyframes fadeIn {
67
- from { opacity: 0; transform: translateY(10px); }
68
- to { opacity: 1; transform: translateY(0); }
69
- }
@@ -1,17 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { MkInfiniteList } from './MkInfiniteList';
3
- interface User {
4
- id: number;
5
- name: string;
6
- role: string;
7
- }
8
- declare const meta: Meta<typeof MkInfiniteList<User>>;
9
- export default meta;
10
- type Story = StoryObj<typeof MkInfiniteList<User>>;
11
- export declare const Empty: Story;
12
- export declare const WithItems: Story;
13
- export declare const Loading: Story;
14
- export declare const EndOfList: Story;
15
- export declare const WithCustomSkeleton: Story;
16
- export declare const WithPerPage: Story;
17
- //# sourceMappingURL=MkInfiniteList.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkInfiniteList.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkInfiniteList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,UAAU,IAAI;IACV,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,CAK3C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;AAyCnD,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAchC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC"}
@@ -1,90 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { MkInfiniteList } from './MkInfiniteList';
3
- const meta = {
4
- title: 'Components/MkInfiniteList',
5
- component: MkInfiniteList,
6
- parameters: { layout: 'padded' },
7
- tags: ['autodocs'],
8
- };
9
- export default meta;
10
- const SAMPLE_USERS = Array.from({ length: 50 }, (_, i) => ({
11
- id: i + 1,
12
- name: `User ${i + 1}`,
13
- role: i % 3 === 0 ? 'admin' : 'user',
14
- }));
15
- const renderUser = (user) => (_jsxs("div", { style: {
16
- padding: '12px 16px',
17
- borderBottom: '1px solid #f3f4f6',
18
- display: 'flex',
19
- alignItems: 'center',
20
- gap: 12,
21
- }, children: [_jsx("div", { style: {
22
- width: 40,
23
- height: 40,
24
- borderRadius: '50%',
25
- background: '#6366f1',
26
- color: 'white',
27
- display: 'flex',
28
- alignItems: 'center',
29
- justifyContent: 'center',
30
- fontWeight: 600,
31
- }, children: user.id }), _jsxs("div", { children: [_jsx("div", { style: { fontWeight: 500 }, children: user.name }), _jsx("div", { style: { fontSize: 12, color: '#6b7280' }, children: user.role })] })] }, user.id));
32
- export const Empty = {
33
- args: {
34
- items: [],
35
- renderItem: renderUser,
36
- hasMore: false,
37
- loading: false,
38
- onLoadMore: () => { },
39
- emptyMessage: 'No users yet',
40
- },
41
- };
42
- export const WithItems = {
43
- args: {
44
- items: SAMPLE_USERS,
45
- renderItem: renderUser,
46
- hasMore: true,
47
- loading: false,
48
- onLoadMore: () => console.log('load more'),
49
- },
50
- };
51
- export const Loading = {
52
- args: {
53
- items: SAMPLE_USERS,
54
- renderItem: renderUser,
55
- hasMore: true,
56
- loading: true,
57
- onLoadMore: () => { },
58
- },
59
- };
60
- export const EndOfList = {
61
- args: {
62
- items: SAMPLE_USERS,
63
- renderItem: renderUser,
64
- hasMore: false,
65
- loading: false,
66
- onLoadMore: () => { },
67
- },
68
- };
69
- export const WithCustomSkeleton = {
70
- args: {
71
- items: [],
72
- renderItem: renderUser,
73
- loading: true,
74
- hasMore: true,
75
- onLoadMore: () => { },
76
- skeletonCount: 5,
77
- skeletonItem: (_jsx("div", { style: { padding: 16, background: '#f3f4f6', margin: 8, borderRadius: 4 }, children: "Loading item..." })),
78
- },
79
- };
80
- export const WithPerPage = {
81
- args: {
82
- items: SAMPLE_USERS,
83
- renderItem: renderUser,
84
- hasMore: true,
85
- loading: false,
86
- onLoadMore: () => console.log('load more'),
87
- perPage: 10,
88
- },
89
- };
90
- //# sourceMappingURL=MkInfiniteList.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkInfiniteList.stories.js","sourceRoot":"","sources":["../../src/components/MkInfiniteList.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQlD,MAAM,IAAI,GAAsC;IAC5C,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,cAAqB;IAChC,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC;CACrB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,YAAY,GAAW,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC/D,EAAE,EAAE,CAAC,GAAG,CAAC;IACT,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE;IACrB,IAAI,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;CACvC,CAAC,CAAC,CAAC;AAEJ,MAAM,UAAU,GAAG,CAAC,IAAU,EAAE,EAAE,CAAC,CAC/B,eAEI,KAAK,EAAE;QACH,OAAO,EAAE,WAAW;QACpB,YAAY,EAAE,mBAAmB;QACjC,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,EAAE;KACV,aAED,cACI,KAAK,EAAE;gBACH,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;gBACV,YAAY,EAAE,KAAK;gBACnB,UAAU,EAAE,SAAS;gBACrB,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,GAAG;aAClB,YAEA,IAAI,CAAC,EAAE,GACN,EACN,0BACI,cAAK,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,YAAG,IAAI,CAAC,IAAI,GAAO,EAClD,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,YAAG,IAAI,CAAC,IAAI,GAAO,IAC/D,KA3BD,IAAI,CAAC,EAAE,CA4BV,CACT,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE;QACF,KAAK,EAAE,EAAE;QACT,UAAU,EAAE,UAAU;QACtB,OAAO,EAAE,KAAK;QACd,OAAO,EAAE,KAAK;QACd,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;QACpB,YAAY,EAAE,cAAc;KAC/B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,KAAK,EAAE,YAAY;QACnB,UAAU,EAAE,UAAU;QACtB,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,KAAK;QACd,UAAU,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC;KAC7C;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,KAAK,EAAE,YAAY;QACnB,UAAU,EAAE,UAAU;QACtB,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;KACvB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,KAAK,EAAE,YAAY;QACnB,UAAU,EAAE,UAAU;QACtB,OAAO,EAAE,KAAK;QACd,OAAO,EAAE,KAAK;QACd,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;KACvB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAU;IACrC,IAAI,EAAE;QACF,KAAK,EAAE,EAAE;QACT,UAAU,EAAE,UAAU;QACtB,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;QACpB,aAAa,EAAE,CAAC;QAChB,YAAY,EAAE,CACV,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,gCAExE,CACT;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAC9B,IAAI,EAAE;QACF,KAAK,EAAE,YAAY;QACnB,UAAU,EAAE,UAAU;QACtB,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,KAAK;QACd,UAAU,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC;QAC1C,OAAO,EAAE,EAAE;KACd;CACJ,CAAC"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=MkInfiniteList.stories.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkInfiniteList.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkInfiniteList.stories.test.tsx"],"names":[],"mappings":""}
@@ -1,24 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- /**
3
- * Smoke snapshot for MkInfiniteList — required by R-MK-002.
4
- *
5
- * Note: jsdom's IntersectionObserver is not implemented natively,
6
- * so onLoadMore will not be triggered by the observer. We just
7
- * render the items as-is. The snapshot captures the component
8
- * structure.
9
- */
10
- import { describe, it, expect, afterEach, vi } from 'vitest';
11
- import { render, cleanup } from '@testing-library/react';
12
- import { MkInfiniteList } from './MkInfiniteList';
13
- describe('MkInfiniteList story smoke', () => {
14
- afterEach(cleanup);
15
- it('renders with items', () => {
16
- const { container } = render(_jsx(MkInfiniteList, { items: [
17
- { id: 1, name: 'A' },
18
- { id: 2, name: 'B' },
19
- { id: 3, name: 'C' },
20
- ], renderItem: (item) => _jsx("div", { children: item.name }, item.id), hasMore: true, loading: false, onLoadMore: vi.fn() }));
21
- expect(container.firstChild).toMatchSnapshot();
22
- });
23
- });
24
- //# sourceMappingURL=MkInfiniteList.stories.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkInfiniteList.stories.test.js","sourceRoot":"","sources":["../../src/components/MkInfiniteList.stories.test.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,QAAQ,CAAC,4BAA4B,EAAE,GAAG,EAAE;IACxC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,oBAAoB,EAAE,GAAG,EAAE;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,KAAC,cAAc,IACX,KAAK,EAAE;gBACH,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE;gBACpB,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE;gBACpB,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE;aACvB,EACD,UAAU,EAAE,CAAC,IAAS,EAAE,EAAE,CAAC,wBAAoB,IAAI,CAAC,IAAI,IAAnB,IAAI,CAAC,EAAE,CAAmB,EAC/D,OAAO,QACP,OAAO,EAAE,KAAK,EACd,UAAU,EAAE,EAAE,CAAC,EAAE,EAAE,GACrB,CACL,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- interface MkInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
3
- label?: string;
4
- error?: string;
5
- success?: boolean;
6
- helperText?: string;
7
- iconLeft?: React.ReactNode;
8
- iconRight?: React.ReactNode;
9
- onChange?: (value: string) => void;
10
- }
11
- export declare const MkInput: React.FC<MkInputProps>;
12
- export {};
13
- //# sourceMappingURL=MkInput.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkInput.d.ts","sourceRoot":"","sources":["../../src/components/MkInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IACxF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA+B1C,CAAC"}
@@ -1,21 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
- import styles from './MkInput.module.css';
14
- export const MkInput = (_a) => {
15
- var { label, error, success, helperText, iconLeft, iconRight, className, onChange } = _a, props = __rest(_a, ["label", "error", "success", "helperText", "iconLeft", "iconRight", "className", "onChange"]);
16
- const handleChange = (e) => {
17
- onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
18
- };
19
- return (_jsxs("div", { className: styles.container, children: [label && _jsx("label", { className: styles.label, children: label }), _jsxs("div", { className: `${styles.wrapper} ${error ? styles.wrapperError : success ? styles.wrapperSuccess : ''}`, children: [iconLeft && _jsx("span", { className: styles.iconLeft, children: iconLeft }), _jsx("input", Object.assign({ className: `${styles.input} ${iconLeft ? styles.inputWithLeft : ''} ${iconRight ? styles.inputWithRight : ''} ${className || ''}`, onChange: handleChange }, props)), iconRight && _jsx("span", { className: styles.iconRight, children: iconRight })] }), error && _jsx("span", { className: styles.errorText, children: error }), !error && helperText && _jsx("span", { className: styles.helperText, children: helperText })] }));
20
- };
21
- //# sourceMappingURL=MkInput.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkInput.js","sourceRoot":"","sources":["../../src/components/MkInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAY1C,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAU/C,EAAE,EAAE;QAV2C,EAC5C,KAAK,EACL,KAAK,EACL,OAAO,EACP,UAAU,EACV,QAAQ,EACR,SAAS,EACT,SAAS,EACT,QAAQ,OAEX,EADM,KAAK,cAToC,6FAU/C,CADW;IAER,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC5D,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC3B,KAAK,IAAI,gBAAO,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAS,EACzD,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,aACpG,QAAQ,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,YAAG,QAAQ,GAAQ,EAChE,8BACI,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,IAAI,EAAE,EAAE,EACjI,QAAQ,EAAE,YAAY,IAClB,KAAK,EACX,EACD,SAAS,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,SAAS,YAAG,SAAS,GAAQ,IACjE,EACL,KAAK,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,SAAS,YAAG,KAAK,GAAQ,EAC1D,CAAC,KAAK,IAAI,UAAU,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,UAAU,YAAG,UAAU,GAAQ,IAC9E,CACT,CAAC;AACN,CAAC,CAAC"}
@@ -1,94 +0,0 @@
1
- .container {
2
- --mk-input-bg: var(--mk-background);
3
- --mk-input-border: var(--mk-border);
4
- --mk-input-color: var(--mk-foreground);
5
- --mk-input-radius: var(--mk-radius, 8px);
6
- --mk-input-focus-border: var(--mk-primary);
7
- --mk-input-placeholder: var(--mk-muted-foreground);
8
-
9
- display: flex;
10
- flex-direction: column;
11
- gap: 0.375rem;
12
- width: 100%;
13
- }
14
-
15
- .label {
16
- font-size: 0.875rem;
17
- font-weight: 500;
18
- color: var(--mk-input-color);
19
- opacity: 0.9;
20
- }
21
-
22
- .wrapper {
23
- position: relative;
24
- display: flex;
25
- align-items: center;
26
- width: 100%;
27
- }
28
-
29
- .input {
30
- width: 100%;
31
- padding: 0.625rem 0.875rem;
32
- font-size: 0.875rem;
33
- background-color: var(--mk-input-bg);
34
- border: 1px solid var(--mk-input-border);
35
- border-radius: var(--mk-input-radius);
36
- color: var(--mk-input-color);
37
- transition: var(--mk-transition);
38
- outline: none;
39
- }
40
-
41
- .input::placeholder {
42
- color: var(--mk-input-placeholder);
43
- }
44
-
45
- .input:focus {
46
- border-color: var(--mk-input-focus-border);
47
- box-shadow: 0 0 0 3px color-mix(in srgb, var(--mk-input-focus-border), transparent 85%);
48
- }
49
-
50
- .wrapperError .input {
51
- --mk-input-border: var(--mk-error);
52
- --mk-input-focus-border: var(--mk-error);
53
- }
54
-
55
- .wrapperSuccess .input {
56
- --mk-input-border: var(--mk-success, #10b981);
57
- --mk-input-focus-border: var(--mk-success, #10b981);
58
- }
59
-
60
- .iconLeft, .iconRight {
61
- position: absolute;
62
- display: flex;
63
- align-items: center;
64
- justify-content: center;
65
- color: var(--mk-muted-foreground);
66
- pointer-events: none;
67
- }
68
-
69
- .iconLeft {
70
- left: 0.875rem;
71
- }
72
-
73
- .iconRight {
74
- right: 0.875rem;
75
- }
76
-
77
- .inputWithLeft {
78
- padding-left: 2.5rem;
79
- }
80
-
81
- .inputWithRight {
82
- padding-right: 2.5rem;
83
- }
84
-
85
- .errorText {
86
- font-size: 0.75rem;
87
- color: var(--mk-error);
88
- font-weight: 500;
89
- }
90
-
91
- .helperText {
92
- font-size: 0.75rem;
93
- color: var(--mk-muted-foreground);
94
- }
@@ -1,13 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { MkInput } from './MkInput';
3
- declare const meta: Meta<typeof MkInput>;
4
- export default meta;
5
- type Story = StoryObj<typeof MkInput>;
6
- export declare const Default: Story;
7
- export declare const WithLabel: Story;
8
- export declare const Disabled: Story;
9
- export declare const WithError: Story;
10
- export declare const WithSuccess: Story;
11
- export declare const WithHelperText: Story;
12
- export declare const WithIcons: Story;
13
- //# sourceMappingURL=MkInput.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkInput.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAmB9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC"}