@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,24 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useRef, useState, useMemo } from 'react';
3
- import styles from './MkDropDown.module.css';
4
- import { Icon3Dots } from './MkIcons';
5
- import { useMkClickOutside } from '../hooks/useMkClickOutside';
6
- /**
7
- * MkDropDown
8
- * 🚀 Premium Floating Menu with search and theme support.
9
- */
10
- export const MkDropDown = ({ options, onSelect, initiator = _jsx(Icon3Dots, {}), withSearch = false, className = '', style = {}, value, placeholder = 'Buscar...', }) => {
11
- const [isOpen, setIsOpen] = useState(false);
12
- const [searchTerm, setSearchTerm] = useState('');
13
- const containerRef = useRef(null);
14
- useMkClickOutside([containerRef], () => setIsOpen(false));
15
- const filteredOptions = useMemo(() => {
16
- return options.filter((option) => option.label.toLowerCase().includes(searchTerm.toLowerCase()));
17
- }, [options, searchTerm]);
18
- const handleSelect = (val) => {
19
- onSelect(val);
20
- setIsOpen(false);
21
- };
22
- return (_jsxs("div", { ref: containerRef, className: `${styles.container} ${className}`, style: style, children: [_jsx("div", { className: styles.trigger, onClick: () => setIsOpen(!isOpen), children: initiator }), isOpen && (_jsxs("div", { className: styles.menu, children: [withSearch && (_jsx("div", { className: styles.search, children: _jsx("input", { autoFocus: true, type: "text", value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), placeholder: placeholder, className: styles.searchInput }) })), _jsx("div", { className: styles.optionsList, children: filteredOptions.length > 0 ? (filteredOptions.map((opt) => (_jsxs("div", { className: `${styles.option} ${value === opt.value ? styles.active : ''}`, onClick: () => handleSelect(opt.value), children: [opt.icon && _jsx("span", { className: styles.icon, children: opt.icon }), _jsx("span", { className: styles.label, children: opt.label })] }, opt.value)))) : (_jsx("div", { className: styles.empty, children: "Sin resultados" })) })] }))] }));
23
- };
24
- //# sourceMappingURL=MkDropDown.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkDropDown.js","sourceRoot":"","sources":["../../src/components/MkDropDown.tsx"],"names":[],"mappings":"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"}
@@ -1,108 +0,0 @@
1
- .container {
2
- position: relative;
3
- display: inline-block;
4
- }
5
-
6
- .trigger {
7
- cursor: pointer;
8
- display: flex;
9
- align-items: center;
10
- justify-content: center;
11
- transition: var(--mk-transition);
12
- opacity: 0.8;
13
- }
14
-
15
- .trigger:hover {
16
- opacity: 1;
17
- }
18
-
19
- .menu {
20
- --mk-dropdown-bg: var(--mk-popover);
21
- --mk-dropdown-fg: var(--mk-popover-foreground);
22
- --mk-dropdown-border: var(--mk-border);
23
- --mk-dropdown-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
24
- --mk-dropdown-radius: var(--mk-radius, 8px);
25
-
26
- position: absolute;
27
- top: calc(100% + 8px);
28
- right: 0;
29
- min-width: 200px;
30
- max-width: 300px;
31
- background-color: var(--mk-dropdown-bg);
32
- color: var(--mk-dropdown-fg);
33
- border: 1px solid var(--mk-dropdown-border);
34
- border-radius: var(--mk-dropdown-radius);
35
- box-shadow: var(--mk-dropdown-shadow);
36
- z-index: 50;
37
- overflow: hidden;
38
- animation: mk-fade-in 0.2s ease-out;
39
- }
40
-
41
- :global([data-theme='dark']) .menu {
42
- --mk-dropdown-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
43
- }
44
-
45
- .search {
46
- padding: 8px;
47
- border-bottom: 1px solid var(--mk-border);
48
- background-color: var(--mk-muted);
49
- }
50
-
51
- .searchInput {
52
- width: 100%;
53
- padding: 6px 12px;
54
- background-color: var(--mk-background);
55
- border: 1px solid var(--mk-border);
56
- border-radius: 4px;
57
- color: inherit;
58
- font-size: 0.875rem;
59
- outline: none;
60
- }
61
-
62
- .searchInput:focus {
63
- border-color: var(--mk-primary);
64
- }
65
-
66
- .optionsList {
67
- max-height: 250px;
68
- overflow-y: auto;
69
- padding: 4px;
70
- }
71
-
72
- .option {
73
- display: flex;
74
- align-items: center;
75
- gap: 8px;
76
- padding: 8px 12px;
77
- border-radius: 4px;
78
- cursor: pointer;
79
- color: inherit;
80
- font-size: 0.875rem;
81
- transition: var(--mk-transition);
82
- }
83
-
84
- .option:hover {
85
- background-color: var(--mk-muted);
86
- }
87
-
88
- .active {
89
- background-color: var(--mk-primary);
90
- color: var(--mk-primary-foreground);
91
- }
92
-
93
- .active:hover {
94
- background-color: var(--mk-primary);
95
- }
96
-
97
- .icon {
98
- display: flex;
99
- align-items: center;
100
- justify-content: center;
101
- }
102
-
103
- .empty {
104
- padding: 12px;
105
- text-align: center;
106
- color: var(--mk-muted-foreground);
107
- font-size: 0.875rem;
108
- }
@@ -1,12 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { MkDropDown } from './MkDropDown';
3
- declare const meta: Meta<typeof MkDropDown>;
4
- export default meta;
5
- type Story = StoryObj<typeof MkDropDown>;
6
- export declare const Default: Story;
7
- export declare const WithValue: Story;
8
- export declare const WithSearch: Story;
9
- export declare const WithIcons: Story;
10
- export declare const CustomInitiator: Story;
11
- export declare const ManyOptions: Story;
12
- //# sourceMappingURL=MkDropDown.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkDropDown.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkDropDown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAQjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAgBzC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAiBzB,CAAC"}
@@ -1,76 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { MkDropDown } from './MkDropDown';
3
- const meta = {
4
- title: 'Components/MkDropDown',
5
- component: MkDropDown,
6
- parameters: { layout: 'centered' },
7
- tags: ['autodocs'],
8
- argTypes: {
9
- withSearch: { control: 'boolean' },
10
- },
11
- };
12
- export default meta;
13
- const ACTIONS = [
14
- { value: 'edit', label: 'Edit' },
15
- { value: 'duplicate', label: 'Duplicate' },
16
- { value: 'archive', label: 'Archive' },
17
- { value: 'delete', label: 'Delete' },
18
- ];
19
- const ACTIONS_WITH_ICONS = [
20
- { value: 'view', label: 'View profile', icon: _jsx("span", { children: "\uD83D\uDC41" }) },
21
- { value: 'edit', label: 'Edit', icon: _jsx("span", { children: "\u270E" }) },
22
- { value: 'share', label: 'Share', icon: _jsx("span", { children: "\u2197" }) },
23
- { value: 'delete', label: 'Delete', icon: _jsx("span", { children: "\uD83D\uDDD1" }) },
24
- ];
25
- export const Default = {
26
- args: {
27
- options: ACTIONS,
28
- onSelect: () => { },
29
- },
30
- };
31
- export const WithValue = {
32
- args: {
33
- options: ACTIONS,
34
- onSelect: () => { },
35
- value: 'edit',
36
- },
37
- };
38
- export const WithSearch = {
39
- args: {
40
- options: ACTIONS,
41
- onSelect: () => { },
42
- withSearch: true,
43
- },
44
- };
45
- export const WithIcons = {
46
- args: {
47
- options: ACTIONS_WITH_ICONS,
48
- onSelect: () => { },
49
- },
50
- };
51
- export const CustomInitiator = {
52
- args: {
53
- options: ACTIONS,
54
- onSelect: () => { },
55
- initiator: _jsx("button", { children: "Open menu \u25BE" }),
56
- },
57
- };
58
- export const ManyOptions = {
59
- args: {
60
- options: [
61
- { value: 1, label: 'Argentina' },
62
- { value: 2, label: 'Bolivia' },
63
- { value: 3, label: 'Brazil' },
64
- { value: 4, label: 'Chile' },
65
- { value: 5, label: 'Colombia' },
66
- { value: 6, label: 'Ecuador' },
67
- { value: 7, label: 'Mexico' },
68
- { value: 8, label: 'Peru' },
69
- { value: 9, label: 'Uruguay' },
70
- { value: 10, label: 'Venezuela' },
71
- ],
72
- onSelect: () => { },
73
- withSearch: true,
74
- },
75
- };
76
- //# sourceMappingURL=MkDropDown.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkDropDown.stories.js","sourceRoot":"","sources":["../../src/components/MkDropDown.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=MkDropDown.stories.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkDropDown.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkDropDown.stories.test.tsx"],"names":[],"mappings":""}
@@ -1,18 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- /**
3
- * Smoke snapshot for MkDropDown — 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 { MkDropDown } from './MkDropDown';
8
- describe('MkDropDown story smoke', () => {
9
- afterEach(cleanup);
10
- it('renders with options', () => {
11
- const { container } = render(_jsx(MkDropDown, { options: [
12
- { value: 'edit', label: 'Edit' },
13
- { value: 'delete', label: 'Delete' },
14
- ], onSelect: vi.fn() }));
15
- expect(container.firstChild).toMatchSnapshot();
16
- });
17
- });
18
- //# sourceMappingURL=MkDropDown.stories.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkDropDown.stories.test.js","sourceRoot":"","sources":["../../src/components/MkDropDown.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,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACpC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAC5B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,KAAC,UAAU,IACP,OAAO,EAAE;gBACL,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;gBAChC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;aACvC,EACD,QAAQ,EAAE,EAAE,CAAC,EAAE,EAAE,GACnB,CACL,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
- /**
3
- * @module MkEmptyState
4
- * @description Empty state placeholder for when lists/tables have no data.
5
- */
6
- export interface MkEmptyStateProps {
7
- icon?: React.ReactNode;
8
- title?: string;
9
- description?: string;
10
- action?: React.ReactNode;
11
- className?: string;
12
- }
13
- export declare const MkEmptyState: React.FC<MkEmptyStateProps>;
14
- //# sourceMappingURL=MkEmptyState.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkEmptyState.d.ts","sourceRoot":"","sources":["../../src/components/MkEmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;GAGG;AAEH,MAAM,WAAW,iBAAiB;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgBpD,CAAC"}
@@ -1,6 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import styles from './MkEmptyState.module.css';
3
- export const MkEmptyState = ({ icon, title = 'Sin datos', description, action, className, }) => {
4
- return (_jsxs("div", { className: `${styles.container} ${className || ''}`, children: [icon && _jsx("div", { className: styles.icon, children: icon }), !icon && _jsx("div", { className: styles.defaultIcon, children: "\uD83D\uDCED" }), _jsx("h3", { className: styles.title, children: title }), description && _jsx("p", { className: styles.description, children: description }), action && _jsx("div", { className: styles.action, children: action })] }));
5
- };
6
- //# sourceMappingURL=MkEmptyState.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkEmptyState.js","sourceRoot":"","sources":["../../src/components/MkEmptyState.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAe/C,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACtD,IAAI,EACJ,KAAK,GAAG,WAAW,EACnB,WAAW,EACX,MAAM,EACN,SAAS,GACZ,EAAE,EAAE;IACD,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,IAAI,EAAE,EAAE,aACnD,IAAI,IAAI,cAAK,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,IAAI,GAAO,EACjD,CAAC,IAAI,IAAI,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,6BAAU,EACtD,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAM,EACxC,WAAW,IAAI,YAAG,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,WAAW,GAAK,EAClE,MAAM,IAAI,cAAK,SAAS,EAAE,MAAM,CAAC,MAAM,YAAG,MAAM,GAAO,IACtD,CACT,CAAC;AACN,CAAC,CAAC"}
@@ -1,35 +0,0 @@
1
- .container {
2
- --mk-empty-color: var(--mk-foreground);
3
- --mk-empty-muted-color: var(--mk-muted-foreground);
4
- --mk-empty-padding: 3rem 1.5rem;
5
- --mk-empty-gap: 0.5rem;
6
-
7
- display: flex;
8
- flex-direction: column;
9
- align-items: center;
10
- justify-content: center;
11
- padding: var(--mk-empty-padding);
12
- gap: var(--mk-empty-gap);
13
- text-align: center;
14
- color: var(--mk-empty-color);
15
- }
16
-
17
- .icon { font-size: 2.5rem; color: var(--mk-empty-muted-color); }
18
- .defaultIcon { font-size: 3rem; color: var(--mk-empty-muted-color); opacity: 0.8; }
19
-
20
- .title {
21
- margin: 0;
22
- font-size: 1.125rem;
23
- font-weight: 600;
24
- color: inherit;
25
- }
26
-
27
- .description {
28
- margin: 0;
29
- font-size: 0.875rem;
30
- color: var(--mk-empty-muted-color);
31
- max-width: 320px;
32
- line-height: 1.5;
33
- }
34
-
35
- .action { margin-top: 0.75rem; }
@@ -1,12 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { MkEmptyState } from './MkEmptyState';
3
- declare const meta: Meta<typeof MkEmptyState>;
4
- export default meta;
5
- type Story = StoryObj<typeof MkEmptyState>;
6
- export declare const Default: Story;
7
- export declare const WithTitle: Story;
8
- export declare const WithDescription: Story;
9
- export declare const WithIcon: Story;
10
- export declare const WithAction: Story;
11
- export declare const Full: Story;
12
- //# sourceMappingURL=MkEmptyState.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkEmptyState.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkEmptyState.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAKnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAC"}
@@ -1,44 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { MkEmptyState } from './MkEmptyState';
3
- const meta = {
4
- title: 'Components/MkEmptyState',
5
- component: MkEmptyState,
6
- parameters: { layout: 'padded' },
7
- tags: ['autodocs'],
8
- };
9
- export default meta;
10
- export const Default = {
11
- args: {},
12
- };
13
- export const WithTitle = {
14
- args: { title: 'No hay usuarios' },
15
- };
16
- export const WithDescription = {
17
- args: {
18
- title: 'No hay proyectos',
19
- description: 'Crea tu primer proyecto para empezar a colaborar con tu equipo.',
20
- },
21
- };
22
- export const WithIcon = {
23
- args: {
24
- icon: _jsx("span", { style: { fontSize: 64 }, children: "\uD83D\uDCE6" }),
25
- title: 'Sin productos',
26
- description: 'Tu catálogo está vacío.',
27
- },
28
- };
29
- export const WithAction = {
30
- args: {
31
- title: 'No hay notificaciones',
32
- description: 'Te avisaremos cuando llegue algo nuevo.',
33
- action: _jsx("button", { children: "Actualizar" }),
34
- },
35
- };
36
- export const Full = {
37
- args: {
38
- icon: _jsx("span", { style: { fontSize: 64 }, children: "\uD83D\uDD0D" }),
39
- title: 'Sin resultados',
40
- description: 'No encontramos nada que coincida con tu búsqueda.',
41
- action: _jsx("button", { children: "Limpiar filtros" }),
42
- },
43
- };
44
- //# sourceMappingURL=MkEmptyState.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkEmptyState.stories.js","sourceRoot":"","sources":["../../src/components/MkEmptyState.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;CACrB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE,EAAE;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE;CACrC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IAClC,IAAI,EAAE;QACF,KAAK,EAAE,kBAAkB;QACzB,WAAW,EAAE,iEAAiE;KACjF;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE;QACF,IAAI,EAAE,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,6BAAW;QAC9C,KAAK,EAAE,eAAe;QACtB,WAAW,EAAE,yBAAyB;KACzC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC7B,IAAI,EAAE;QACF,KAAK,EAAE,uBAAuB;QAC9B,WAAW,EAAE,yCAAyC;QACtD,MAAM,EAAE,0CAA2B;KACtC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACvB,IAAI,EAAE;QACF,IAAI,EAAE,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,6BAAW;QAC9C,KAAK,EAAE,gBAAgB;QACvB,WAAW,EAAE,mDAAmD;QAChE,MAAM,EAAE,+CAAgC;KAC3C;CACJ,CAAC"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=MkEmptyState.stories.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkEmptyState.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkEmptyState.stories.test.tsx"],"names":[],"mappings":""}
@@ -1,15 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- /**
3
- * Smoke snapshot for MkEmptyState — required by R-MK-002.
4
- */
5
- import { describe, it, expect, afterEach } from 'vitest';
6
- import { render, cleanup } from '@testing-library/react';
7
- import { MkEmptyState } from './MkEmptyState';
8
- describe('MkEmptyState story smoke', () => {
9
- afterEach(cleanup);
10
- it('renders with title and description', () => {
11
- const { container } = render(_jsx(MkEmptyState, { title: "No hay datos", description: "Crea el primer registro para empezar.", action: _jsx("button", { children: "Crear" }) }));
12
- expect(container.firstChild).toMatchSnapshot();
13
- });
14
- });
15
- //# sourceMappingURL=MkEmptyState.stories.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkEmptyState.stories.test.js","sourceRoot":"","sources":["../../src/components/MkEmptyState.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,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACtC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,KAAC,YAAY,IACT,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,uCAAuC,EACnD,MAAM,EAAE,qCAAsB,GAChC,CACL,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
@@ -1,36 +0,0 @@
1
- import React from 'react';
2
- /**
3
- * @module MkFileUpload
4
- * @description File upload with drag & drop, preview, multiple file support and validation.
5
- *
6
- * @example
7
- * ```tsx
8
- * <MkFileUpload
9
- * accept="image/*"
10
- * multiple
11
- * maxSizeMB={5}
12
- * onFiles={(files) => handleUpload(files)}
13
- * label="Arrastra imágenes aquí"
14
- * />
15
- * ```
16
- */
17
- export interface MkFileInfo {
18
- file: File;
19
- name: string;
20
- sizeMB: number;
21
- preview?: string;
22
- type: string;
23
- }
24
- export interface MkFileUploadProps {
25
- onFiles: (files: MkFileInfo[]) => void;
26
- accept?: string;
27
- multiple?: boolean;
28
- maxSizeMB?: number;
29
- label?: string;
30
- sublabel?: string;
31
- disabled?: boolean;
32
- error?: string;
33
- className?: string;
34
- }
35
- export declare const MkFileUpload: React.FC<MkFileUploadProps>;
36
- //# sourceMappingURL=MkFileUpload.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkFileUpload.d.ts","sourceRoot":"","sources":["../../src/components/MkFileUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAG7D;;;;;;;;;;;;;;GAcG;AAEH,MAAM,WAAW,UAAU;IACvB,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,iBAAiB;IAC9B,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8GpD,CAAC"}
@@ -1,50 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useCallback, useRef, useState } from 'react';
3
- import styles from './MkFileUpload.module.css';
4
- export const MkFileUpload = ({ onFiles, accept, multiple = false, maxSizeMB = 10, label = 'Arrastra archivos aquí o haz clic', sublabel, disabled = false, error, className, }) => {
5
- const inputRef = useRef(null);
6
- const [isDragging, setIsDragging] = useState(false);
7
- const [localError, setLocalError] = useState('');
8
- const [fileList, setFileList] = useState([]);
9
- const processFiles = useCallback((rawFiles) => {
10
- const results = [];
11
- const errors = [];
12
- Array.from(rawFiles).forEach((file) => {
13
- const sizeMB = file.size / (1024 * 1024);
14
- if (sizeMB > maxSizeMB) {
15
- errors.push(`"${file.name}" supera el límite de ${maxSizeMB}MB`);
16
- return;
17
- }
18
- const info = { file, name: file.name, sizeMB, type: file.type };
19
- if (file.type.startsWith('image/')) {
20
- info.preview = URL.createObjectURL(file);
21
- }
22
- results.push(info);
23
- });
24
- if (errors.length > 0) {
25
- setLocalError(errors.join('. '));
26
- return;
27
- }
28
- setLocalError('');
29
- const next = multiple ? [...fileList, ...results] : results;
30
- setFileList(next);
31
- onFiles(next);
32
- }, [fileList, maxSizeMB, multiple, onFiles]);
33
- const handleDrop = useCallback((e) => {
34
- e.preventDefault();
35
- setIsDragging(false);
36
- if (!disabled && e.dataTransfer.files.length > 0) {
37
- processFiles(e.dataTransfer.files);
38
- }
39
- }, [disabled, processFiles]);
40
- const removeFile = useCallback((idx) => {
41
- const next = fileList.filter((_, i) => i !== idx);
42
- setFileList(next);
43
- onFiles(next);
44
- }, [fileList, onFiles]);
45
- const displayedError = error || localError;
46
- return (_jsxs("div", { className: `${styles.container} ${className || ''}`, children: [_jsxs("div", { className: `${styles.dropzone} ${isDragging ? styles.dragging : ''} ${disabled ? styles.disabled : ''} ${displayedError ? styles.hasError : ''}`, onClick: () => { var _a; return !disabled && ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click()); }, onDragOver: (e) => { e.preventDefault(); setIsDragging(true); }, onDragLeave: () => setIsDragging(false), onDrop: handleDrop, role: "button", tabIndex: disabled ? -1 : 0, "aria-label": label, children: [_jsx("input", { ref: inputRef, type: "file", accept: accept, multiple: multiple, disabled: disabled, onChange: (e) => e.target.files && processFiles(e.target.files), className: styles.hiddenInput }), _jsx("span", { className: styles.uploadIcon, children: "\uD83D\uDCC2" }), _jsx("span", { className: styles.label, children: label }), sublabel && _jsx("span", { className: styles.sublabel, children: sublabel }), !sublabel && (_jsxs("span", { className: styles.sublabel, children: ["M\u00E1x. ", maxSizeMB, "MB", accept ? ` · ${accept}` : ''] }))] }), displayedError && _jsx("p", { className: styles.error, children: displayedError }), fileList.length > 0 && (_jsx("ul", { className: styles.fileList, children: fileList.map((f, idx) => (_jsxs("li", { className: styles.fileItem, children: [f.preview
47
- ? _jsx("img", { src: f.preview, alt: f.name, className: styles.thumb })
48
- : _jsx("span", { className: styles.fileIconDoc, children: "\uD83D\uDCC4" }), _jsx("span", { className: styles.fileName, children: f.name }), _jsxs("span", { className: styles.fileSize, children: ["(", f.sizeMB.toFixed(1), "MB)"] }), _jsx("button", { className: styles.removeBtn, onClick: () => removeFile(idx), "aria-label": "Eliminar", children: "\u2715" })] }, `${f.name}-${idx}`))) }))] }));
49
- };
50
- //# sourceMappingURL=MkFileUpload.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkFileUpload.js","sourceRoot":"","sources":["../../src/components/MkFileUpload.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAsC/C,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACtD,OAAO,EACP,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,mCAAmC,EAC3C,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAe,EAAE,CAAC,CAAC;IAE3D,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,QAAkB,EAAE,EAAE;QACpD,MAAM,OAAO,GAAiB,EAAE,CAAC;QACjC,MAAM,MAAM,GAAa,EAAE,CAAC;QAE5B,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAClC,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;YACzC,IAAI,MAAM,GAAG,SAAS,EAAE,CAAC;gBACrB,MAAM,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,yBAAyB,SAAS,IAAI,CAAC,CAAC;gBACjE,OAAO;YACX,CAAC;YACD,MAAM,IAAI,GAAe,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;YAC5E,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;gBACjC,IAAI,CAAC,OAAO,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YAC7C,CAAC;YACD,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;QAEH,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACpB,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;YACjC,OAAO;QACX,CAAC;QAED,aAAa,CAAC,EAAE,CAAC,CAAC;QAClB,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;QAC5D,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,OAAO,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAE7C,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAkB,EAAE,EAAE;QAClD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC/C,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACvC,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;IAE7B,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,GAAW,EAAE,EAAE;QAC3C,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;QAClD,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,OAAO,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,MAAM,cAAc,GAAG,KAAK,IAAI,UAAU,CAAC;IAE3C,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,IAAI,EAAE,EAAE,aACpD,eACI,SAAS,EAAE,GAAG,MAAM,CAAC,QAAQ,IAAI,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EAChJ,OAAO,EAAE,GAAG,EAAE,WAAC,OAAA,CAAC,QAAQ,KAAI,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,CAAA,EAAA,EACrD,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAC/D,WAAW,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EACvC,MAAM,EAAE,UAAU,EAClB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,gBACf,KAAK,aAEjB,gBACI,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/D,SAAS,EAAE,MAAM,CAAC,WAAW,GAC/B,EACF,eAAM,SAAS,EAAE,MAAM,CAAC,UAAU,6BAAW,EAC7C,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAQ,EAC5C,QAAQ,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,YAAG,QAAQ,GAAQ,EAC/D,CAAC,QAAQ,IAAI,CACV,gBAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,2BACtB,SAAS,QAAI,MAAM,CAAC,CAAC,CAAC,MAAM,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,IAC5C,CACV,IACC,EAEL,cAAc,IAAI,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,cAAc,GAAK,EAElE,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,aAAI,SAAS,EAAE,MAAM,CAAC,QAAQ,YACzB,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CACtB,cAA6B,SAAS,EAAE,MAAM,CAAC,QAAQ,aAClD,CAAC,CAAC,OAAO;4BACN,CAAC,CAAC,cAAK,GAAG,EAAE,CAAC,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,GAAI;4BAC/D,CAAC,CAAC,eAAM,SAAS,EAAE,MAAM,CAAC,WAAW,6BAAW,EAEpD,eAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,YAAG,CAAC,CAAC,IAAI,GAAQ,EACjD,gBAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,kBAAI,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,EAClE,iBAAQ,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,gBAAa,UAAU,uBAAW,KAPhG,GAAG,CAAC,CAAC,IAAI,IAAI,GAAG,EAAE,CAQtB,CACR,CAAC,GACD,CACR,IACC,CACT,CAAC;AACN,CAAC,CAAC"}
@@ -1,74 +0,0 @@
1
- .container {
2
- --mk-upload-bg: var(--mk-muted);
3
- --mk-upload-border: var(--mk-border);
4
- --mk-upload-radius: var(--mk-radius, 8px);
5
- --mk-upload-hover-bg: color-mix(in srgb, var(--mk-primary), transparent 95%);
6
- --mk-upload-accent: var(--mk-primary);
7
- --mk-upload-color: var(--mk-foreground);
8
- --mk-upload-muted-color: var(--mk-muted-foreground);
9
-
10
- display: flex;
11
- flex-direction: column;
12
- gap: 0.75rem;
13
- }
14
-
15
- .dropzone {
16
- display: flex;
17
- flex-direction: column;
18
- align-items: center;
19
- justify-content: center;
20
- gap: 0.375rem;
21
- padding: 2rem 1.5rem;
22
- border: 2px dashed var(--mk-upload-border);
23
- border-radius: var(--mk-upload-radius);
24
- background-color: var(--mk-upload-bg);
25
- cursor: pointer;
26
- transition: all 0.2s ease;
27
- text-align: center;
28
- outline: none;
29
- color: var(--mk-upload-color);
30
- }
31
-
32
- .dropzone:hover, .dropzone:focus-visible {
33
- border-color: var(--mk-upload-accent);
34
- background-color: var(--mk-upload-hover-bg);
35
- }
36
-
37
- .dragging {
38
- border-color: var(--mk-upload-accent);
39
- background-color: color-mix(in srgb, var(--mk-upload-accent), transparent 88%);
40
- transform: scale(1.01);
41
- }
42
-
43
- .disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; }
44
- .hasError {
45
- --mk-upload-border: var(--mk-error);
46
- --mk-upload-accent: var(--mk-error);
47
- --mk-upload-hover-bg: color-mix(in srgb, var(--mk-error), transparent 95%);
48
- }
49
-
50
- .hiddenInput { display: none; }
51
- .uploadIcon { font-size: 2rem; color: var(--mk-upload-muted-color); }
52
- .label { font-size: 0.9375rem; font-weight: 500; color: inherit; }
53
- .sublabel { font-size: 0.8125rem; color: var(--mk-upload-muted-color); }
54
- .error { font-size: 0.8125rem; color: var(--mk-error); font-weight: 500; margin: 0; }
55
-
56
- .fileList { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.5rem; }
57
-
58
- .fileItem {
59
- display: flex;
60
- align-items: center;
61
- gap: 0.625rem;
62
- padding: 0.5rem 0.75rem;
63
- background-color: var(--mk-upload-bg);
64
- border: 1px solid var(--mk-upload-border);
65
- border-radius: 6px;
66
- color: var(--mk-upload-color);
67
- }
68
-
69
- .thumb { width: 36px; height: 36px; object-fit: cover; border-radius: 4px; flex-shrink: 0; }
70
- .fileIconDoc { font-size: 1.5rem; flex-shrink: 0; }
71
- .fileName { flex: 1; font-size: 0.875rem; color: inherit; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
72
- .fileSize { font-size: 0.75rem; color: var(--mk-upload-muted-color); flex-shrink: 0; }
73
- .removeBtn { background: none; border: none; cursor: pointer; color: var(--mk-upload-muted-color); font-size: 0.875rem; padding: 2px 4px; border-radius: 4px; transition: all 0.15s ease; }
74
- .removeBtn:hover { color: var(--mk-error); background-color: color-mix(in srgb, var(--mk-error), transparent 95%); }
@@ -1,12 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { MkFileUpload } from './MkFileUpload';
3
- declare const meta: Meta<typeof MkFileUpload>;
4
- export default meta;
5
- type Story = StoryObj<typeof MkFileUpload>;
6
- export declare const Default: Story;
7
- export declare const ImagesOnly: Story;
8
- export declare const Multiple: Story;
9
- export declare const WithSizeLimit: Story;
10
- export declare const Disabled: Story;
11
- export declare const WithError: Story;
12
- //# sourceMappingURL=MkFileUpload.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkFileUpload.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkFileUpload.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAWnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC"}