@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,43 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { MkToastContainer } from './MkToastContainer';
3
- import { MkToastProvider, useMkToast } from '../context/MkToastContext';
4
- import React from 'react';
5
- const meta = {
6
- title: 'Components/MkToastContainer',
7
- component: MkToastContainer,
8
- parameters: {
9
- layout: 'fullscreen',
10
- },
11
- tags: ['autodocs'],
12
- decorators: [
13
- (Story) => (_jsxs(MkToastProvider, { children: [_jsx(Story, {}), _jsx(MkToastContainer, {})] })),
14
- ],
15
- };
16
- export default meta;
17
- /** Helper component that fires toasts on mount to populate the container. */
18
- const ToastFireOnMount = ({ messages }) => {
19
- const { showToast } = useMkToast();
20
- React.useEffect(() => {
21
- messages.forEach((m, i) => {
22
- setTimeout(() => showToast(m.message, { type: m.type, title: m.title }), i * 300);
23
- });
24
- }, [showToast, messages]);
25
- return null;
26
- };
27
- export const Empty = {
28
- render: () => (_jsx(MkToastProvider, { children: _jsx(MkToastContainer, {}) })),
29
- };
30
- export const WithToasts = {
31
- render: () => (_jsxs(MkToastProvider, { children: [_jsx(ToastFireOnMount, { messages: [
32
- { type: 'success', title: 'Saved', message: 'Profile updated.' },
33
- { type: 'error', title: 'Error', message: 'Could not save changes.' },
34
- { type: 'info', title: 'Info', message: 'A new version is available.' },
35
- { type: 'warning', title: 'Warning', message: 'You are about to expire.' },
36
- ] }), _jsx(MkToastContainer, {})] })),
37
- };
38
- export const SingleToast = {
39
- render: () => (_jsxs(MkToastProvider, { children: [_jsx(ToastFireOnMount, { messages: [
40
- { type: 'success', title: 'Done', message: 'Your changes were saved.' },
41
- ] }), _jsx(MkToastContainer, {})] })),
42
- };
43
- //# sourceMappingURL=MkToastContainer.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkToastContainer.stories.js","sourceRoot":"","sources":["../../src/components/MkToastContainer.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,IAAI,GAAkC;IACxC,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,gBAAgB;IAC3B,UAAU,EAAE;QACR,MAAM,EAAE,YAAY;KACvB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACR,CAAC,KAAK,EAAE,EAAE,CAAC,CACP,MAAC,eAAe,eACZ,KAAC,KAAK,KAAG,EACT,KAAC,gBAAgB,KAAG,IACN,CACrB;KACJ;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,6EAA6E;AAC7E,MAAM,gBAAgB,GAEjB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClB,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,CAAC;IACnC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACtB,UAAU,CACN,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,EAC5D,CAAC,GAAG,GAAG,CACV,CAAC;QACN,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAC1B,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,KAAC,eAAe,cACZ,KAAC,gBAAgB,KAAG,GACN,CACrB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,MAAC,eAAe,eACZ,KAAC,gBAAgB,IACb,QAAQ,EAAE;oBACN,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE;oBAChE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,yBAAyB,EAAE;oBACrE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,6BAA6B,EAAE;oBACvE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,0BAA0B,EAAE;iBAC7E,GACH,EACF,KAAC,gBAAgB,KAAG,IACN,CACrB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAC9B,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,MAAC,eAAe,eACZ,KAAC,gBAAgB,IACb,QAAQ,EAAE;oBACN,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,0BAA0B,EAAE;iBAC1E,GACH,EACF,KAAC,gBAAgB,KAAG,IACN,CACrB;CACJ,CAAC"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=MkToastContainer.stories.test.d.ts.map
@@ -1,29 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- /**
3
- * Smoke snapshot for MkToastContainer — generates
4
- * `__snapshots__/MkToastContainer.stories.snap`. Required by R-MK-002.
5
- *
6
- * Note: this one is special — MkToastContainer depends on MkToastProvider
7
- * being mounted in the tree. We use a helper component to fire a single
8
- * toast on mount, then render the container.
9
- */
10
- import { describe, it, expect, afterEach } from 'vitest';
11
- import { render, cleanup } from '@testing-library/react';
12
- import { MkToastProvider, useMkToast } from '../context/MkToastContext';
13
- import { MkToastContainer } from './MkToastContainer';
14
- import React from 'react';
15
- const ToastFirer = () => {
16
- const { showToast } = useMkToast();
17
- React.useEffect(() => {
18
- showToast('Your changes were saved.', { type: 'success', title: 'Saved' });
19
- }, [showToast]);
20
- return null;
21
- };
22
- describe('MkToastContainer story smoke', () => {
23
- afterEach(cleanup);
24
- it('renders with one toast', () => {
25
- const { container } = render(_jsxs(MkToastProvider, { children: [_jsx(ToastFirer, {}), _jsx(MkToastContainer, {})] }));
26
- expect(container).toMatchSnapshot();
27
- });
28
- });
29
- //# sourceMappingURL=MkToastContainer.stories.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkToastContainer.stories.test.js","sourceRoot":"","sources":["../../src/components/MkToastContainer.stories.test.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,GAAa,GAAG,EAAE;IAC9B,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,CAAC;IACnC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,SAAS,CAAC,0BAA0B,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;IAC/E,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAChB,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF,QAAQ,CAAC,8BAA8B,EAAE,GAAG,EAAE;IAC1C,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;QAC9B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,MAAC,eAAe,eACZ,KAAC,UAAU,KAAG,EACd,KAAC,gBAAgB,KAAG,IACN,CACrB,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- /**
3
- * @module MkTooltip
4
- * @description Hover/focus tooltip for web. Shows contextual info on hover.
5
- */
6
- export interface MkTooltipProps {
7
- content: string | React.ReactNode;
8
- position?: 'top' | 'bottom' | 'left' | 'right';
9
- delay?: number;
10
- children: React.ReactElement;
11
- className?: string;
12
- }
13
- export declare const MkTooltip: React.FC<MkTooltipProps>;
14
- //# sourceMappingURL=MkTooltip.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkTooltip.d.ts","sourceRoot":"","sources":["../../src/components/MkTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAGhD;;;GAGG;AAEH,MAAM,WAAW,cAAc;IAC3B,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoC9C,CAAC"}
@@ -1,17 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useState, useRef } from 'react';
3
- import styles from './MkTooltip.module.css';
4
- export const MkTooltip = ({ content, position = 'top', delay = 200, children, className, }) => {
5
- const [visible, setVisible] = useState(false);
6
- const timerRef = useRef(null);
7
- const show = () => {
8
- timerRef.current = setTimeout(() => setVisible(true), delay);
9
- };
10
- const hide = () => {
11
- if (timerRef.current)
12
- clearTimeout(timerRef.current);
13
- setVisible(false);
14
- };
15
- return (_jsxs("div", { className: `${styles.wrapper} ${className || ''}`, onMouseEnter: show, onMouseLeave: hide, onFocus: show, onBlur: hide, children: [children, visible && (_jsxs("div", { className: `${styles.tooltip} ${styles[position]}`, role: "tooltip", children: [content, _jsx("div", { className: `${styles.arrow} ${styles[`arrow-${position}`]}` })] }))] }));
16
- };
17
- //# sourceMappingURL=MkTooltip.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkTooltip.js","sourceRoot":"","sources":["../../src/components/MkTooltip.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAe5C,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAChD,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,GAAG,EACX,QAAQ,EACR,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IAEpE,MAAM,IAAI,GAAG,GAAG,EAAE;QACd,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC;IACjE,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,GAAG,EAAE;QACd,IAAI,QAAQ,CAAC,OAAO;YAAE,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrD,UAAU,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACH,eACI,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,SAAS,IAAI,EAAE,EAAE,EACjD,YAAY,EAAE,IAAI,EAClB,YAAY,EAAE,IAAI,EAClB,OAAO,EAAE,IAAI,EACb,MAAM,EAAE,IAAI,aAEX,QAAQ,EACR,OAAO,IAAI,CACR,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,IAAI,EAAC,SAAS,aAClE,OAAO,EACR,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,SAAS,QAAQ,EAAE,CAAC,EAAE,GAAI,IAClE,CACT,IACC,CACT,CAAC;AACN,CAAC,CAAC"}
@@ -1,43 +0,0 @@
1
- .wrapper { position: relative; display: inline-flex; }
2
-
3
- .tooltip {
4
- --mk-tooltip-bg: var(--mk-foreground);
5
- --mk-tooltip-color: var(--mk-background);
6
- --mk-tooltip-radius: 6px;
7
- --mk-tooltip-shadow: 0 4px 12px rgba(0,0,0,0.12);
8
-
9
- position: absolute;
10
- z-index: 100;
11
- padding: 0.5rem 0.75rem;
12
- background-color: var(--mk-tooltip-bg);
13
- color: var(--mk-tooltip-color);
14
- font-size: 0.8125rem;
15
- border-radius: var(--mk-tooltip-radius);
16
- white-space: nowrap;
17
- pointer-events: none;
18
- animation: mk-fade-in 0.1s ease;
19
- box-shadow: var(--mk-tooltip-shadow);
20
- line-height: 1.4;
21
- }
22
-
23
- :global([data-theme='dark']) .tooltip {
24
- --mk-tooltip-shadow: 0 4px 12px rgba(0,0,0,0.4);
25
- }
26
-
27
- .top { bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%); }
28
- .bottom { top: calc(100% + 8px); left: 50%; transform: translateX(-50%); }
29
- .left { right: calc(100% + 8px); top: 50%; transform: translateY(-50%); }
30
- .right { left: calc(100% + 8px); top: 50%; transform: translateY(-50%); }
31
-
32
- .arrow {
33
- position: absolute;
34
- width: 8px;
35
- height: 8px;
36
- background: inherit;
37
- transform: rotate(45deg);
38
- }
39
-
40
- .arrowTop { bottom: -4px; left: 50%; margin-left: -4px; }
41
- .arrowBottom { top: -4px; left: 50%; margin-left: -4px; }
42
- .arrowLeft { right: -4px; top: 50%; margin-top: -4px; }
43
- .arrowRight { left: -4px; top: 50%; margin-top: -4px; }
@@ -1,13 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { MkTooltip } from './MkTooltip';
3
- declare const meta: Meta<typeof MkTooltip>;
4
- export default meta;
5
- type Story = StoryObj<typeof MkTooltip>;
6
- export declare const Top: Story;
7
- export declare const Bottom: Story;
8
- export declare const Left: Story;
9
- export declare const Right: Story;
10
- export declare const WithRichContent: Story;
11
- export declare const WithDelay: Story;
12
- export declare const AllPositions: Story;
13
- //# sourceMappingURL=MkTooltip.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkTooltip.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkTooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAShC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,GAAG,EAAE,KAMjB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAiB1B,CAAC"}
@@ -1,59 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { MkTooltip } from './MkTooltip';
3
- const meta = {
4
- title: 'Components/MkTooltip',
5
- component: MkTooltip,
6
- parameters: { layout: 'centered' },
7
- tags: ['autodocs'],
8
- argTypes: {
9
- position: { control: { type: 'select' }, options: ['top', 'bottom', 'left', 'right'] },
10
- delay: { control: { type: 'number' } },
11
- },
12
- };
13
- export default meta;
14
- export const Top = {
15
- args: {
16
- content: 'This is a tooltip on top',
17
- position: 'top',
18
- children: _jsx("button", { children: "Hover me (top)" }),
19
- },
20
- };
21
- export const Bottom = {
22
- args: {
23
- content: 'This is a tooltip on bottom',
24
- position: 'bottom',
25
- children: _jsx("button", { children: "Hover me (bottom)" }),
26
- },
27
- };
28
- export const Left = {
29
- args: {
30
- content: 'On the left',
31
- position: 'left',
32
- children: _jsx("button", { children: "Hover me (left)" }),
33
- },
34
- };
35
- export const Right = {
36
- args: {
37
- content: 'On the right',
38
- position: 'right',
39
- children: _jsx("button", { children: "Hover me (right)" }),
40
- },
41
- };
42
- export const WithRichContent = {
43
- args: {
44
- content: (_jsxs("div", { children: [_jsx("strong", { children: "Pro tip" }), _jsxs("p", { children: ["Use ", _jsx("code", { children: "Cmd+K" }), " to open the command palette."] })] })),
45
- position: 'top',
46
- children: _jsx("button", { children: "Hover for rich tooltip" }),
47
- },
48
- };
49
- export const WithDelay = {
50
- args: {
51
- content: 'Appears after 1 second',
52
- delay: 1000,
53
- children: _jsx("button", { children: "Hover and wait" }),
54
- },
55
- };
56
- export const AllPositions = {
57
- render: () => (_jsxs("div", { style: { display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 80, padding: 60 }, children: [_jsx(MkTooltip, { content: "Top", position: "top", children: _jsx("button", { children: "Top" }) }), _jsx(MkTooltip, { content: "Bottom", position: "bottom", children: _jsx("button", { children: "Bottom" }) }), _jsx(MkTooltip, { content: "Left", position: "left", children: _jsx("button", { children: "Left" }) }), _jsx(MkTooltip, { content: "Right", position: "right", children: _jsx("button", { children: "Right" }) })] })),
58
- };
59
- //# sourceMappingURL=MkTooltip.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkTooltip.stories.js","sourceRoot":"","sources":["../../src/components/MkTooltip.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,IAAI,GAA2B;IACjC,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;IAClC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QACtF,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;KACzC;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,GAAG,GAAU;IACtB,IAAI,EAAE;QACF,OAAO,EAAE,0BAA0B;QACnC,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,8CAA+B;KAC5C;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IACzB,IAAI,EAAE;QACF,OAAO,EAAE,6BAA6B;QACtC,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,iDAAkC;KAC/C;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACvB,IAAI,EAAE;QACF,OAAO,EAAE,aAAa;QACtB,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,+CAAgC;KAC7C;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE;QACF,OAAO,EAAE,cAAc;QACvB,QAAQ,EAAE,OAAO;QACjB,QAAQ,EAAE,gDAAiC;KAC9C;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IAClC,IAAI,EAAE;QACF,OAAO,EAAE,CACL,0BACI,uCAAwB,EACxB,gCAAO,mCAAkB,qCAAiC,IACxD,CACT;QACD,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,sDAAuC;KACpD;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,OAAO,EAAE,wBAAwB;QACjC,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,8CAA+B;KAC5C;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,SAAS,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,aACjF,KAAC,SAAS,IAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,YACnC,mCAAoB,GACZ,EACZ,KAAC,SAAS,IAAC,OAAO,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,YACzC,sCAAuB,GACf,EACZ,KAAC,SAAS,IAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAC,MAAM,YACrC,oCAAqB,GACb,EACZ,KAAC,SAAS,IAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,YACvC,qCAAsB,GACd,IACV,CACT;CACJ,CAAC"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=MkTooltip.stories.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkTooltip.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkTooltip.stories.test.tsx"],"names":[],"mappings":""}
@@ -1,15 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- /**
3
- * Smoke snapshot for MkTooltip — required by R-MK-002.
4
- */
5
- import { describe, it, expect, afterEach } from 'vitest';
6
- import { render, cleanup } from '@testing-library/react';
7
- import { MkTooltip } from './MkTooltip';
8
- describe('MkTooltip story smoke', () => {
9
- afterEach(cleanup);
10
- it('renders with content', () => {
11
- const { container } = render(_jsx(MkTooltip, { content: "A helpful hint", position: "top", children: _jsx("button", { children: "Trigger" }) }));
12
- expect(container.firstChild).toMatchSnapshot();
13
- });
14
- });
15
- //# sourceMappingURL=MkTooltip.stories.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkTooltip.stories.test.js","sourceRoot":"","sources":["../../src/components/MkTooltip.stories.test.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACnC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAC5B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,KAAC,SAAS,IAAC,OAAO,EAAC,gBAAgB,EAAC,QAAQ,EAAC,KAAK,YAC9C,uCAAwB,GAChB,CACf,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
@@ -1,20 +0,0 @@
1
- import React from 'react';
2
- export interface MkWindowListProps<T> {
3
- items: T[];
4
- renderItem: (item: T, index: number) => React.ReactNode;
5
- itemHeight: number;
6
- containerHeight?: number | string;
7
- overscan?: number;
8
- loading?: boolean;
9
- hasMore?: boolean;
10
- onLoadMore?: () => void;
11
- emptyMessage?: string;
12
- className?: string;
13
- }
14
- /**
15
- * MkWindowList (Web)
16
- * 🚀 High-performance Virtualized List.
17
- * Renders only the visible portion of a massive list to keep the DOM light.
18
- */
19
- export declare function MkWindowList<T>({ items, renderItem, itemHeight, containerHeight, overscan, loading, hasMore, onLoadMore, emptyMessage, className }: MkWindowListProps<T>): import("react/jsx-runtime").JSX.Element;
20
- //# sourceMappingURL=MkWindowList.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkWindowList.d.ts","sourceRoot":"","sources":["../../src/components/MkWindowList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAGjF,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAChC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC5B,KAAK,EACL,UAAU,EACV,UAAU,EACV,eAAyB,EACzB,QAAY,EACZ,OAAO,EACP,OAAO,EACP,UAAU,EACV,YAAyC,EACzC,SAAc,EACjB,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAoGtB"}
@@ -1,59 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useState, useEffect, useRef, useMemo } from 'react';
3
- import styles from './MkWindowList.module.css';
4
- /**
5
- * MkWindowList (Web)
6
- * 🚀 High-performance Virtualized List.
7
- * Renders only the visible portion of a massive list to keep the DOM light.
8
- */
9
- export function MkWindowList({ items, renderItem, itemHeight, containerHeight = '500px', overscan = 5, loading, hasMore, onLoadMore, emptyMessage = "No se encontraron datos.", className = "" }) {
10
- const containerRef = useRef(null);
11
- const [scrollTop, setScrollTop] = useState(0);
12
- const [viewportHeight, setViewportHeight] = useState(0);
13
- // Initial and resize height tracking
14
- useEffect(() => {
15
- if (containerRef.current) {
16
- setViewportHeight(containerRef.current.clientHeight);
17
- const resizeObserver = new ResizeObserver(entries => {
18
- for (const entry of entries) {
19
- setViewportHeight(entry.contentRect.height);
20
- }
21
- });
22
- resizeObserver.observe(containerRef.current);
23
- return () => resizeObserver.disconnect();
24
- }
25
- }, []);
26
- const onScroll = (e) => {
27
- const target = e.currentTarget;
28
- setScrollTop(target.scrollTop);
29
- // Check if we reached the bottom for infinite loading
30
- if (onLoadMore && hasMore && !loading) {
31
- const isBottom = target.scrollHeight - target.scrollTop <= target.clientHeight * 1.5;
32
- if (isBottom) {
33
- onLoadMore();
34
- }
35
- }
36
- };
37
- // Calculate window range
38
- const { startIndex, endIndex, totalHeight } = useMemo(() => {
39
- const start = Math.max(0, Math.floor(scrollTop / itemHeight) - overscan);
40
- const end = Math.min(items.length, Math.ceil((scrollTop + viewportHeight) / itemHeight) + overscan);
41
- return {
42
- startIndex: start,
43
- endIndex: end,
44
- totalHeight: items.length * itemHeight
45
- };
46
- }, [scrollTop, viewportHeight, items.length, itemHeight, overscan]);
47
- // Slice data to render
48
- const visibleItems = useMemo(() => {
49
- return items.slice(startIndex, endIndex).map((item, index) => {
50
- const absoluteIndex = startIndex + index;
51
- return (_jsx("div", { className: styles.itemWrapper, style: {
52
- height: itemHeight,
53
- transform: `translateY(${absoluteIndex * itemHeight}px)`
54
- }, children: renderItem(item, absoluteIndex) }, absoluteIndex));
55
- });
56
- }, [items, startIndex, endIndex, itemHeight, renderItem]);
57
- return (_jsxs("div", { ref: containerRef, className: `${styles.container} ${className}`, onScroll: onScroll, style: { height: containerHeight }, children: [items.length > 0 ? (_jsxs("div", { className: styles.scrollArea, style: { height: totalHeight }, children: [visibleItems, loading && (_jsx("div", { className: styles.loader, style: { transform: `translateY(${items.length * itemHeight}px)` }, children: "Cargando m\u00E1s..." }))] })) : (!loading && (_jsx("div", { className: styles.empty, children: emptyMessage }))), loading && items.length === 0 && (_jsx("div", { className: styles.initialLoader, children: "Cargando..." }))] }));
58
- }
59
- //# sourceMappingURL=MkWindowList.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkWindowList.js","sourceRoot":"","sources":["../../src/components/MkWindowList.tsx"],"names":[],"mappings":"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"}
@@ -1,59 +0,0 @@
1
- .container {
2
- --mk-winlist-bg: var(--mk-background);
3
- --mk-winlist-border: var(--mk-border);
4
- --mk-winlist-radius: var(--mk-radius, 8px);
5
- --mk-winlist-muted: var(--mk-muted-foreground);
6
- --mk-winlist-accent: var(--mk-primary);
7
-
8
- overflow-y: auto;
9
- position: relative;
10
- width: 100%;
11
- background-color: var(--mk-winlist-bg);
12
- border: 1px solid var(--mk-winlist-border);
13
- border-radius: var(--mk-winlist-radius);
14
- padding: 0;
15
- margin: 1rem 0;
16
- scrollbar-width: thin;
17
- scrollbar-color: var(--mk-muted) transparent;
18
- color: var(--mk-foreground);
19
- }
20
-
21
- .scrollArea {
22
- position: relative;
23
- width: 100%;
24
- }
25
-
26
- .itemWrapper {
27
- position: absolute;
28
- top: 0;
29
- left: 0;
30
- width: 100%;
31
- display: flex;
32
- align-items: center;
33
- border-bottom: 1px solid var(--mk-winlist-border);
34
- }
35
-
36
- .loader {
37
- position: absolute;
38
- top: 0;
39
- left: 0;
40
- width: 100%;
41
- padding: 1rem;
42
- text-align: center;
43
- color: var(--mk-winlist-accent);
44
- font-weight: 600;
45
- }
46
-
47
- .initialLoader, .empty {
48
- padding: 4rem;
49
- text-align: center;
50
- color: var(--mk-winlist-muted);
51
- display: flex;
52
- align-items: center;
53
- justify-content: center;
54
- height: 100%;
55
- }
56
-
57
- .empty {
58
- font-style: italic;
59
- }
@@ -1,16 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { MkWindowList } from './MkWindowList';
3
- interface User {
4
- id: number;
5
- name: string;
6
- role: string;
7
- }
8
- declare const meta: Meta<typeof MkWindowList<User>>;
9
- export default meta;
10
- type Story = StoryObj<typeof MkWindowList<User>>;
11
- export declare const Empty: Story;
12
- export declare const WithItems: Story;
13
- export declare const LargeDataset: Story;
14
- export declare const WithCustomEmptyMessage: Story;
15
- export declare const WithOverscan: Story;
16
- //# sourceMappingURL=MkWindowList.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkWindowList.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkWindowList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,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,YAAY,CAAC,IAAI,CAAC,CAKzC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;AA2CjD,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAOpC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAC"}
@@ -1,76 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { MkWindowList } from './MkWindowList';
3
- const meta = {
4
- title: 'Components/MkWindowList',
5
- component: MkWindowList,
6
- parameters: { layout: 'padded' },
7
- tags: ['autodocs'],
8
- };
9
- export default meta;
10
- const SAMPLE_USERS = Array.from({ length: 1000 }, (_, i) => ({
11
- id: i + 1,
12
- name: `User ${i + 1}`,
13
- role: i % 3 === 0 ? 'admin' : 'user',
14
- }));
15
- const renderUser = (user, index) => (_jsxs("div", { style: {
16
- display: 'flex',
17
- alignItems: 'center',
18
- gap: 12,
19
- padding: '0 16px',
20
- height: 48,
21
- borderBottom: '1px solid #f3f4f6',
22
- }, children: [_jsx("div", { style: {
23
- width: 32,
24
- height: 32,
25
- borderRadius: '50%',
26
- background: '#6366f1',
27
- color: 'white',
28
- display: 'flex',
29
- alignItems: 'center',
30
- justifyContent: 'center',
31
- fontSize: 12,
32
- fontWeight: 600,
33
- }, children: user.id }), _jsxs("div", { style: { flex: 1 }, children: [_jsx("div", { style: { fontWeight: 500 }, children: user.name }), _jsx("div", { style: { fontSize: 12, color: '#6b7280' }, children: user.role })] })] }, user.id));
34
- export const Empty = {
35
- args: {
36
- items: [],
37
- renderItem: renderUser,
38
- itemHeight: 48,
39
- containerHeight: 400,
40
- emptyMessage: 'No users found',
41
- },
42
- };
43
- export const WithItems = {
44
- args: {
45
- items: SAMPLE_USERS.slice(0, 50),
46
- renderItem: renderUser,
47
- itemHeight: 48,
48
- containerHeight: 400,
49
- },
50
- };
51
- export const LargeDataset = {
52
- args: {
53
- items: SAMPLE_USERS,
54
- renderItem: renderUser,
55
- itemHeight: 48,
56
- containerHeight: 500,
57
- },
58
- };
59
- export const WithCustomEmptyMessage = {
60
- args: {
61
- items: [],
62
- renderItem: renderUser,
63
- itemHeight: 48,
64
- emptyMessage: 'Aplica filtros para ver resultados',
65
- },
66
- };
67
- export const WithOverscan = {
68
- args: {
69
- items: SAMPLE_USERS,
70
- renderItem: renderUser,
71
- itemHeight: 48,
72
- containerHeight: 400,
73
- overscan: 10,
74
- },
75
- };
76
- //# sourceMappingURL=MkWindowList.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkWindowList.stories.js","sourceRoot":"","sources":["../../src/components/MkWindowList.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=MkWindowList.stories.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkWindowList.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkWindowList.stories.test.tsx"],"names":[],"mappings":""}
@@ -1,19 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- /**
3
- * Smoke snapshot for MkWindowList — required by R-MK-002.
4
- *
5
- * Note: jsdom doesn't compute real layout (clientHeight = 0),
6
- * so the virtualized list falls back to rendering all items.
7
- * The snapshot still captures the component's API and DOM structure.
8
- */
9
- import { describe, it, expect, afterEach } from 'vitest';
10
- import { render, cleanup } from '@testing-library/react';
11
- import { MkWindowList } from './MkWindowList';
12
- describe('MkWindowList story smoke', () => {
13
- afterEach(cleanup);
14
- it('renders with items', () => {
15
- const { container } = render(_jsx(MkWindowList, { items: Array.from({ length: 20 }, (_, i) => ({ id: i + 1, name: `Item ${i + 1}` })), renderItem: (item) => _jsx("div", { style: { height: 48 }, children: item.name }, item.id), itemHeight: 48, containerHeight: 400 }));
16
- expect(container.firstChild).toMatchSnapshot();
17
- });
18
- });
19
- //# sourceMappingURL=MkWindowList.stories.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkWindowList.stories.test.js","sourceRoot":"","sources":["../../src/components/MkWindowList.stories.test.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AACH,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAO9C,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACtC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,oBAAoB,EAAE,GAAG,EAAE;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,KAAC,YAAY,IACT,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EACnF,UAAU,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,cAAmB,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YAAG,IAAI,CAAC,IAAI,IAA1C,IAAI,CAAC,EAAE,CAA0C,EACjF,UAAU,EAAE,EAAE,EACd,eAAe,EAAE,GAAG,GACtB,CACL,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
@@ -1,31 +0,0 @@
1
- export * from './MkButton';
2
- export * from './MkInput';
3
- export * from './MkTextArea';
4
- export * from './MkCheck';
5
- export * from './MkSwitch';
6
- export * from './MkRadio';
7
- export * from './MkSelect';
8
- export * from './MkFileUpload';
9
- export * from './MkSearchInput';
10
- export * from './MkDatePicker';
11
- export * from './MkAccordion';
12
- export * from './MkAlert';
13
- export * from './MkAvatar';
14
- export * from './MkBadge';
15
- export * from './MkCard';
16
- export * from './MkDivider';
17
- export * from './MkEmptyState';
18
- export * from './MkLoading';
19
- export * from './MkProgressBar';
20
- export * from './MkSkeleton';
21
- export * from './MkTabs';
22
- export * from './MkTooltip';
23
- export * from './MkModal';
24
- export * from './MkDropDown';
25
- export * from './MkToastContainer';
26
- export * from './MkThemeEditor';
27
- export * from './MkTable';
28
- export * from './MkInfiniteList';
29
- export * from './MkWindowList';
30
- export * from './MkIcons';
31
- //# sourceMappingURL=index.d.ts.map