@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,13 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { MkProgressBar } from './MkProgressBar';
3
- declare const meta: Meta<typeof MkProgressBar>;
4
- export default meta;
5
- type Story = StoryObj<typeof MkProgressBar>;
6
- export declare const Default: Story;
7
- export declare const WithLabel: Story;
8
- export declare const WithPercent: Story;
9
- export declare const Complete: Story;
10
- export declare const Variants: Story;
11
- export declare const Sizes: Story;
12
- export declare const NotAnimated: Story;
13
- //# sourceMappingURL=MkProgressBar.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkProgressBar.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkProgressBar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAapC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC"}
@@ -1,39 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { MkProgressBar } from './MkProgressBar';
3
- const meta = {
4
- title: 'Components/MkProgressBar',
5
- component: MkProgressBar,
6
- parameters: { layout: 'padded' },
7
- tags: ['autodocs'],
8
- argTypes: {
9
- value: { control: { type: 'number', min: 0, max: 100 } },
10
- max: { control: { type: 'number' } },
11
- showPercent: { control: 'boolean' },
12
- variant: { control: { type: 'select' }, options: ['primary', 'success', 'warning', 'error', 'info'] },
13
- size: { control: { type: 'select' }, options: ['sm', 'md', 'lg'] },
14
- animated: { control: 'boolean' },
15
- },
16
- };
17
- export default meta;
18
- export const Default = {
19
- args: { value: 45 },
20
- };
21
- export const WithLabel = {
22
- args: { value: 60, label: 'Subiendo archivos' },
23
- };
24
- export const WithPercent = {
25
- args: { value: 75, showPercent: true, label: 'Progreso' },
26
- };
27
- export const Complete = {
28
- args: { value: 100, showPercent: true, label: 'Completado', variant: 'success' },
29
- };
30
- export const Variants = {
31
- render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 16 }, children: [_jsx(MkProgressBar, { value: 30, variant: "primary", showPercent: true, label: "Primary" }), _jsx(MkProgressBar, { value: 50, variant: "success", showPercent: true, label: "Success" }), _jsx(MkProgressBar, { value: 70, variant: "warning", showPercent: true, label: "Warning" }), _jsx(MkProgressBar, { value: 90, variant: "error", showPercent: true, label: "Error" }), _jsx(MkProgressBar, { value: 40, variant: "info", showPercent: true, label: "Info" })] })),
32
- };
33
- export const Sizes = {
34
- render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 16 }, children: [_jsx(MkProgressBar, { value: 50, size: "sm", showPercent: true, label: "Small" }), _jsx(MkProgressBar, { value: 50, size: "md", showPercent: true, label: "Medium" }), _jsx(MkProgressBar, { value: 50, size: "lg", showPercent: true, label: "Large" })] })),
35
- };
36
- export const NotAnimated = {
37
- args: { value: 65, animated: false, label: 'Static' },
38
- };
39
- //# sourceMappingURL=MkProgressBar.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkProgressBar.stories.js","sourceRoot":"","sources":["../../src/components/MkProgressBar.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=MkProgressBar.stories.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkProgressBar.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkProgressBar.stories.test.tsx"],"names":[],"mappings":""}
@@ -1,15 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- /**
3
- * Smoke snapshot for MkProgressBar โ€” required by R-MK-002.
4
- */
5
- import { describe, it, expect, afterEach } from 'vitest';
6
- import { render, cleanup } from '@testing-library/react';
7
- import { MkProgressBar } from './MkProgressBar';
8
- describe('MkProgressBar story smoke', () => {
9
- afterEach(cleanup);
10
- it('renders with label and percent', () => {
11
- const { container } = render(_jsx(MkProgressBar, { value: 65, label: "Progreso", showPercent: true }));
12
- expect(container.firstChild).toMatchSnapshot();
13
- });
14
- });
15
- //# sourceMappingURL=MkProgressBar.stories.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkProgressBar.stories.test.js","sourceRoot":"","sources":["../../src/components/MkProgressBar.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,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACvC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACtC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,KAAC,aAAa,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAC,UAAU,EAAC,WAAW,SAAG,CAC5D,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
@@ -1,34 +0,0 @@
1
- import React from 'react';
2
- /**
3
- * @module MkRadio
4
- * @description Radio group component. Same prop API as mk-mobile MkRadio.
5
- *
6
- * @example
7
- * ```tsx
8
- * <MkRadio
9
- * label="Gรฉnero"
10
- * options={[{ value: 'M', label: 'Masculino' }, { value: 'F', label: 'Femenino' }]}
11
- * value={gender}
12
- * onChange={setGender}
13
- * />
14
- * ```
15
- */
16
- export interface MkRadioOption {
17
- value: string | number;
18
- label: string;
19
- disabled?: boolean;
20
- }
21
- export interface MkRadioProps {
22
- label?: string;
23
- options: MkRadioOption[];
24
- value?: string | number | null;
25
- onChange?: (value: string | number) => void;
26
- direction?: 'horizontal' | 'vertical';
27
- disabled?: boolean;
28
- error?: string;
29
- size?: 'sm' | 'md' | 'lg';
30
- name?: string;
31
- className?: string;
32
- }
33
- export declare const MkRadio: React.FC<MkRadioProps>;
34
- //# sourceMappingURL=MkRadio.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkRadio.d.ts","sourceRoot":"","sources":["../../src/components/MkRadio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C;;;;;;;;;;;;;GAaG;AAEH,MAAM,WAAW,aAAa;IAC1B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAID,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmD1C,CAAC"}
@@ -1,19 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useCallback } from 'react';
3
- import styles from './MkRadio.module.css';
4
- const _SIZES = { sm: 16, md: 20, lg: 24 };
5
- export const MkRadio = ({ label, options, value, onChange, direction = 'vertical', disabled = false, error, size = 'md', name: _name, className, }) => {
6
- const handleSelect = useCallback((optValue) => {
7
- if (!disabled)
8
- onChange === null || onChange === void 0 ? void 0 : onChange(optValue);
9
- }, [disabled, onChange]);
10
- return (_jsxs("div", { className: `${styles.container} ${className || ''}`, role: "radiogroup", "aria-label": label, children: [label && _jsx("span", { className: styles.groupLabel, children: label }), _jsx("div", { className: `${styles.options} ${styles[direction]}`, children: options.map((opt) => {
11
- const isSelected = value === opt.value;
12
- const isDisabled = disabled || opt.disabled;
13
- return (_jsxs("label", { className: `${styles.option} ${isDisabled ? styles.disabled : ''}`, children: [_jsx("div", { className: `${styles.radio} ${styles[size]} ${isSelected ? styles.selected : ''} ${error ? styles.error : ''}`, onClick: () => !isDisabled && handleSelect(opt.value), role: "radio", "aria-checked": isSelected, tabIndex: isDisabled ? -1 : 0, onKeyDown: (e) => {
14
- if (e.key === ' ' || e.key === 'Enter')
15
- handleSelect(opt.value);
16
- }, children: isSelected && _jsx("div", { className: styles.dot }) }), _jsx("span", { className: styles.text, children: opt.label })] }, String(opt.value)));
17
- }) }), error && _jsx("span", { className: styles.errorText, children: error })] }));
18
- };
19
- //# sourceMappingURL=MkRadio.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkRadio.js","sourceRoot":"","sources":["../../src/components/MkRadio.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAoC1C,MAAM,MAAM,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AAE1C,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC5C,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,UAAU,EACtB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,IAAI,GAAG,IAAI,EACX,IAAI,EAAE,KAAK,EACX,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,YAAY,GAAG,WAAW,CAC5B,CAAC,QAAyB,EAAE,EAAE;QAC1B,IAAI,CAAC,QAAQ;YAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,QAAQ,CAAC,CAAC;IACxC,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACvB,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,IAAI,EAAE,EAAE,EAAE,IAAI,EAAC,YAAY,gBAAa,KAAK,aACxF,KAAK,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,UAAU,YAAG,KAAK,GAAQ,EAC5D,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,EAAE,YACnD,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;oBACjB,MAAM,UAAU,GAAG,KAAK,KAAK,GAAG,CAAC,KAAK,CAAC;oBACvC,MAAM,UAAU,GAAG,QAAQ,IAAI,GAAG,CAAC,QAAQ,CAAC;oBAC5C,OAAO,CACH,iBAEI,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,aAElE,cACI,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EAC9G,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,IAAI,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,EACrD,IAAI,EAAC,OAAO,kBACE,UAAU,EACxB,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC7B,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;oCACb,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO;wCAAE,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gCACpE,CAAC,YAEA,UAAU,IAAI,cAAK,SAAS,EAAE,MAAM,CAAC,GAAG,GAAI,GAC3C,EACN,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,GAAG,CAAC,KAAK,GAAQ,KAf3C,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAgBlB,CACX,CAAC;gBACN,CAAC,CAAC,GACA,EACL,KAAK,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,SAAS,YAAG,KAAK,GAAQ,IACzD,CACT,CAAC;AACN,CAAC,CAAC"}
@@ -1,74 +0,0 @@
1
- .container {
2
- --mk-radio-bg: var(--mk-background);
3
- --mk-radio-border: var(--mk-border);
4
- --mk-radio-accent: var(--mk-primary);
5
- --mk-radio-color: var(--mk-foreground);
6
- --mk-radio-muted-color: var(--mk-muted-foreground);
7
-
8
- display: flex;
9
- flex-direction: column;
10
- gap: 0.375rem;
11
- color: var(--mk-radio-color);
12
- }
13
-
14
- .groupLabel {
15
- font-size: 0.875rem;
16
- font-weight: 500;
17
- color: inherit;
18
- opacity: 0.9;
19
- }
20
-
21
- .options { display: flex; gap: 0.75rem; }
22
- .vertical { flex-direction: column; }
23
- .horizontal { flex-direction: row; flex-wrap: wrap; }
24
-
25
- .option {
26
- display: inline-flex;
27
- align-items: center;
28
- gap: 0.5rem;
29
- cursor: pointer;
30
- user-select: none;
31
- color: inherit;
32
- }
33
- .option.disabled { opacity: 0.5; cursor: not-allowed; }
34
-
35
- .radio {
36
- display: flex;
37
- align-items: center;
38
- justify-content: center;
39
- border: 2px solid var(--mk-radio-border);
40
- border-radius: 50%;
41
- background-color: var(--mk-radio-bg);
42
- transition: all 0.15s ease;
43
- flex-shrink: 0;
44
- cursor: pointer;
45
- }
46
-
47
- .sm { width: 16px; height: 16px; }
48
- .md { width: 20px; height: 20px; }
49
- .lg { width: 24px; height: 24px; }
50
-
51
- .radio:hover { border-color: var(--mk-radio-accent); }
52
- .radio:focus-visible { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--mk-radio-accent), transparent 80%); }
53
-
54
- .selected { border-color: var(--mk-radio-accent); }
55
- .error {
56
- --mk-radio-border: var(--mk-error);
57
- --mk-radio-accent: var(--mk-error);
58
- }
59
-
60
- .dot {
61
- width: 60%;
62
- height: 60%;
63
- border-radius: 50%;
64
- background-color: var(--mk-radio-accent);
65
- animation: mk-scale-in 0.15s ease;
66
- }
67
-
68
- @keyframes mk-scale-in {
69
- from { transform: scale(0); }
70
- to { transform: scale(1); }
71
- }
72
-
73
- .text { font-size: 0.875rem; color: inherit; }
74
- .errorText { font-size: 0.75rem; color: var(--mk-error); font-weight: 500; }
@@ -1,13 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { MkRadio } from './MkRadio';
3
- declare const meta: Meta<typeof MkRadio>;
4
- export default meta;
5
- type Story = StoryObj<typeof MkRadio>;
6
- export declare const Default: Story;
7
- export declare const WithValue: Story;
8
- export declare const Horizontal: Story;
9
- export declare const Disabled: Story;
10
- export declare const WithDisabledOption: Story;
11
- export declare const WithError: Story;
12
- export declare const Sizes: Story;
13
- //# sourceMappingURL=MkRadio.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkRadio.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkRadio.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAW9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAetC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAShC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC"}
@@ -1,55 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { MkRadio } from './MkRadio';
3
- const meta = {
4
- title: 'Components/MkRadio',
5
- component: MkRadio,
6
- parameters: { layout: 'padded' },
7
- tags: ['autodocs'],
8
- argTypes: {
9
- label: { control: 'text' },
10
- direction: { control: { type: 'select' }, options: ['horizontal', 'vertical'] },
11
- disabled: { control: 'boolean' },
12
- size: { control: { type: 'select' }, options: ['sm', 'md', 'lg'] },
13
- },
14
- };
15
- export default meta;
16
- const GENDERS = [
17
- { value: 'M', label: 'Masculino' },
18
- { value: 'F', label: 'Femenino' },
19
- { value: 'O', label: 'Otro' },
20
- ];
21
- const SIZES = [
22
- { value: 'xs', label: 'XS' },
23
- { value: 's', label: 'S' },
24
- { value: 'm', label: 'M' },
25
- { value: 'l', label: 'L' },
26
- ];
27
- export const Default = {
28
- args: { label: 'Gรฉnero', options: GENDERS },
29
- };
30
- export const WithValue = {
31
- args: { label: 'Pre-selected', options: GENDERS, value: 'F' },
32
- };
33
- export const Horizontal = {
34
- args: { label: 'Size', options: SIZES, direction: 'horizontal', value: 'm' },
35
- };
36
- export const Disabled = {
37
- args: { label: 'Locked choice', options: GENDERS, value: 'M', disabled: true },
38
- };
39
- export const WithDisabledOption = {
40
- args: {
41
- label: 'Con opciรณn deshabilitada',
42
- options: [
43
- { value: 'a', label: 'Option A' },
44
- { value: 'b', label: 'Option B (locked)', disabled: true },
45
- { value: 'c', label: 'Option C' },
46
- ],
47
- },
48
- };
49
- export const WithError = {
50
- args: { label: 'Required choice', options: GENDERS, error: 'Por favor selecciona una opciรณn' },
51
- };
52
- export const Sizes = {
53
- render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 12 }, children: [_jsx(MkRadio, { label: "Small", size: "sm", options: GENDERS }), _jsx(MkRadio, { label: "Medium", size: "md", options: GENDERS }), _jsx(MkRadio, { label: "Large", size: "lg", options: GENDERS })] })),
54
- };
55
- //# sourceMappingURL=MkRadio.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkRadio.stories.js","sourceRoot":"","sources":["../../src/components/MkRadio.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=MkRadio.stories.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkRadio.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkRadio.stories.test.tsx"],"names":[],"mappings":""}
@@ -1,18 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- /**
3
- * Smoke snapshot for MkRadio โ€” required by R-MK-002 (mk:lint:stories).
4
- */
5
- import { describe, it, expect, afterEach } from 'vitest';
6
- import { render, cleanup } from '@testing-library/react';
7
- import { MkRadio } from './MkRadio';
8
- describe('MkRadio story smoke', () => {
9
- afterEach(cleanup);
10
- it('renders with options', () => {
11
- const { container } = render(_jsx(MkRadio, { label: "G\u00E9nero", options: [
12
- { value: 'M', label: 'Masculino' },
13
- { value: 'F', label: 'Femenino' },
14
- ] }));
15
- expect(container.firstChild).toMatchSnapshot();
16
- });
17
- });
18
- //# sourceMappingURL=MkRadio.stories.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkRadio.stories.test.js","sourceRoot":"","sources":["../../src/components/MkRadio.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,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACjC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAC5B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,KAAC,OAAO,IACJ,KAAK,EAAC,aAAQ,EACd,OAAO,EAAE;gBACL,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE;gBAClC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE;aACpC,GACH,CACL,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
@@ -1,30 +0,0 @@
1
- import React from 'react';
2
- /**
3
- * @module MkSearchInput
4
- * @description Search input with integrated debounce.
5
- * Fires onSearch only after the user stops typing.
6
- *
7
- * @example
8
- * ```tsx
9
- * <MkSearchInput
10
- * onSearch={(term) => list.setParams({ searchBy: term })}
11
- * delay={350}
12
- * placeholder="Buscar usuarios..."
13
- * />
14
- * ```
15
- */
16
- export interface MkSearchInputProps {
17
- onSearch: (term: string) => void;
18
- delay?: number;
19
- placeholder?: string;
20
- value?: string;
21
- defaultValue?: string;
22
- size?: 'sm' | 'md' | 'lg';
23
- disabled?: boolean;
24
- loading?: boolean;
25
- clearable?: boolean;
26
- className?: string;
27
- autoFocus?: boolean;
28
- }
29
- export declare const MkSearchInput: React.FC<MkSearchInputProps>;
30
- //# sourceMappingURL=MkSearchInput.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkSearchInput.d.ts","sourceRoot":"","sources":["../../src/components/MkSearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD;;;;;;;;;;;;;GAaG;AAEH,MAAM,WAAW,kBAAkB;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2EtD,CAAC"}
@@ -1,27 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import React, { useCallback, useRef } from 'react';
3
- import styles from './MkSearchInput.module.css';
4
- import { useMkDebounce } from '../hooks/useMkDebounce';
5
- export const MkSearchInput = ({ onSearch, delay = 350, placeholder = 'Buscar...', value, defaultValue = '', size = 'md', disabled = false, loading = false, clearable = true, className, autoFocus = false, }) => {
6
- const [internalValue, setInternalValue] = React.useState(defaultValue);
7
- const inputValue = value !== undefined ? value : internalValue;
8
- const debouncedTerm = useMkDebounce(inputValue, delay);
9
- const prevTermRef = useRef('');
10
- // Fire onSearch when debounced value changes
11
- React.useEffect(() => {
12
- if (debouncedTerm !== prevTermRef.current) {
13
- prevTermRef.current = debouncedTerm;
14
- onSearch(debouncedTerm);
15
- }
16
- }, [debouncedTerm, onSearch]);
17
- const handleChange = useCallback((e) => {
18
- setInternalValue(e.target.value);
19
- }, []);
20
- const handleClear = useCallback(() => {
21
- setInternalValue('');
22
- onSearch('');
23
- }, [onSearch]);
24
- const hasValue = inputValue.length > 0;
25
- return (_jsxs("div", { className: `${styles.wrapper} ${styles[size]} ${disabled ? styles.disabled : ''} ${className || ''}`, children: [_jsx("span", { className: styles.searchIcon, children: loading ? (_jsx("span", { className: styles.spinner })) : (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [_jsx("circle", { cx: "7", cy: "7", r: "5" }), _jsx("line", { x1: "12", y1: "12", x2: "10.5", y2: "10.5" })] })) }), _jsx("input", { type: "text", value: inputValue, onChange: handleChange, placeholder: placeholder, disabled: disabled, autoFocus: autoFocus, className: styles.input, "aria-label": placeholder }), clearable && hasValue && !disabled && (_jsx("button", { className: styles.clearBtn, onClick: handleClear, "aria-label": "Limpiar b\u00FAsqueda", type: "button", children: "\u2715" }))] }));
26
- };
27
- //# sourceMappingURL=MkSearchInput.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkSearchInput.js","sourceRoot":"","sources":["../../src/components/MkSearchInput.tsx"],"names":[],"mappings":"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"}
@@ -1,80 +0,0 @@
1
- .wrapper {
2
- --mk-search-bg: var(--mk-muted);
3
- --mk-search-border: var(--mk-border);
4
- --mk-search-focus-bg: var(--mk-background);
5
- --mk-search-color: var(--mk-foreground);
6
- --mk-search-placeholder: var(--mk-muted-foreground);
7
- --mk-search-radius: 999px;
8
-
9
- position: relative;
10
- display: flex;
11
- align-items: center;
12
- background-color: var(--mk-search-bg);
13
- border: 1px solid var(--mk-search-border);
14
- border-radius: var(--mk-search-radius);
15
- transition: all 0.2s ease;
16
- padding: 0 0.75rem;
17
- gap: 0.5rem;
18
- color: var(--mk-search-color);
19
- }
20
-
21
- .wrapper:focus-within {
22
- border-color: var(--mk-primary);
23
- box-shadow: 0 0 0 3px color-mix(in srgb, var(--mk-primary), transparent 85%);
24
- background-color: var(--mk-search-focus-bg);
25
- }
26
-
27
- .disabled { opacity: 0.5; pointer-events: none; }
28
-
29
- /* Sizes */
30
- .sm { height: 36px; }
31
- .md { height: 44px; }
32
- .lg { height: 52px; }
33
-
34
- .searchIcon {
35
- display: flex;
36
- color: var(--mk-search-placeholder);
37
- flex-shrink: 0;
38
- }
39
-
40
- .input {
41
- flex: 1;
42
- background: none;
43
- border: none;
44
- outline: none;
45
- font-size: 0.875rem;
46
- color: inherit;
47
- min-width: 0;
48
- }
49
-
50
- .sm .input { font-size: 0.8125rem; }
51
- .lg .input { font-size: 1rem; }
52
-
53
- .input::placeholder { color: var(--mk-search-placeholder); }
54
-
55
- .clearBtn {
56
- background: none;
57
- border: none;
58
- cursor: pointer;
59
- color: var(--mk-search-placeholder);
60
- font-size: 0.75rem;
61
- padding: 2px 6px;
62
- border-radius: 999px;
63
- line-height: 1;
64
- transition: all 0.15s ease;
65
- }
66
- .clearBtn:hover {
67
- background-color: var(--mk-border);
68
- color: var(--mk-search-color);
69
- }
70
-
71
- @keyframes spin { to { transform: rotate(360deg); } }
72
- .spinner {
73
- display: inline-block;
74
- width: 14px;
75
- height: 14px;
76
- border: 2px solid var(--mk-border);
77
- border-top-color: var(--mk-primary);
78
- border-radius: 50%;
79
- animation: spin 0.7s linear infinite;
80
- }
@@ -1,13 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { MkSearchInput } from './MkSearchInput';
3
- declare const meta: Meta<typeof MkSearchInput>;
4
- export default meta;
5
- type Story = StoryObj<typeof MkSearchInput>;
6
- export declare const Default: Story;
7
- export declare const WithPlaceholder: Story;
8
- export declare const WithValue: Story;
9
- export declare const Loading: Story;
10
- export declare const Disabled: Story;
11
- export declare const Sizes: Story;
12
- export declare const WithDebounce: Story;
13
- //# sourceMappingURL=MkSearchInput.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkSearchInput.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkSearchInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAYpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC"}
@@ -1,47 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { MkSearchInput } from './MkSearchInput';
3
- const meta = {
4
- title: 'Components/MkSearchInput',
5
- component: MkSearchInput,
6
- parameters: { layout: 'centered' },
7
- tags: ['autodocs'],
8
- argTypes: {
9
- placeholder: { control: 'text' },
10
- size: { control: { type: 'select' }, options: ['sm', 'md', 'lg'] },
11
- disabled: { control: 'boolean' },
12
- loading: { control: 'boolean' },
13
- clearable: { control: 'boolean' },
14
- },
15
- };
16
- export default meta;
17
- export const Default = {
18
- args: { onSearch: () => { } },
19
- };
20
- export const WithPlaceholder = {
21
- args: { onSearch: () => { }, placeholder: 'Buscar usuarios...' },
22
- };
23
- export const WithValue = {
24
- args: {
25
- onSearch: () => { },
26
- defaultValue: 'Mario',
27
- clearable: true,
28
- },
29
- };
30
- export const Loading = {
31
- args: { onSearch: () => { }, loading: true, defaultValue: 'buscando' },
32
- };
33
- export const Disabled = {
34
- args: { onSearch: () => { }, disabled: true, placeholder: 'Search disabled' },
35
- };
36
- export const Sizes = {
37
- render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 12, width: 320 }, children: [_jsx(MkSearchInput, { onSearch: () => { }, size: "sm", placeholder: "Small" }), _jsx(MkSearchInput, { onSearch: () => { }, size: "md", placeholder: "Medium" }), _jsx(MkSearchInput, { onSearch: () => { }, size: "lg", placeholder: "Large" })] })),
38
- };
39
- export const WithDebounce = {
40
- args: {
41
- onSearch: (term) => console.log('debounced search:', term),
42
- delay: 500,
43
- placeholder: 'Search with 500ms debounce',
44
- clearable: true,
45
- },
46
- };
47
- //# sourceMappingURL=MkSearchInput.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkSearchInput.stories.js","sourceRoot":"","sources":["../../src/components/MkSearchInput.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,IAAI,GAA+B;IACrC,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,aAAa;IACxB,UAAU,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;IAClC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;QAClE,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,OAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/B,SAAS,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACpC;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE;CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IAClC,IAAI,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,WAAW,EAAE,oBAAoB,EAAE;CAClE,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;QAClB,YAAY,EAAE,OAAO;QACrB,SAAS,EAAE,IAAI;KAClB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE;CACxE,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,iBAAiB,EAAE;CAC/E,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,aACzE,KAAC,aAAa,IAAC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,IAAI,EAAC,IAAI,EAAC,WAAW,EAAC,OAAO,GAAG,EACnE,KAAC,aAAa,IAAC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,IAAI,EAAC,IAAI,EAAC,WAAW,EAAC,QAAQ,GAAG,EACpE,KAAC,aAAa,IAAC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,IAAI,EAAC,IAAI,EAAC,WAAW,EAAC,OAAO,GAAG,IACjE,CACT;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IAC/B,IAAI,EAAE;QACF,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,IAAI,CAAC;QAC1D,KAAK,EAAE,GAAG;QACV,WAAW,EAAE,4BAA4B;QACzC,SAAS,EAAE,IAAI;KAClB;CACJ,CAAC"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=MkSearchInput.stories.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkSearchInput.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkSearchInput.stories.test.tsx"],"names":[],"mappings":""}
@@ -1,15 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- /**
3
- * Smoke snapshot for MkSearchInput โ€” 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 { MkSearchInput } from './MkSearchInput';
8
- describe('MkSearchInput story smoke', () => {
9
- afterEach(cleanup);
10
- it('renders with placeholder', () => {
11
- const { container } = render(_jsx(MkSearchInput, { onSearch: vi.fn(), placeholder: "Buscar..." }));
12
- expect(container.firstChild).toMatchSnapshot();
13
- });
14
- });
15
- //# sourceMappingURL=MkSearchInput.stories.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkSearchInput.stories.test.js","sourceRoot":"","sources":["../../src/components/MkSearchInput.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,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACvC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAChC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,KAAC,aAAa,IAAC,QAAQ,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,WAAW,EAAC,WAAW,GAAG,CAC/D,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
@@ -1,23 +0,0 @@
1
- import React from 'react';
2
- interface Option {
3
- label: string;
4
- value: string | number;
5
- }
6
- interface MkSelectProps {
7
- label?: string;
8
- error?: string;
9
- options: Option[];
10
- placeholder?: string;
11
- value?: string | number | (string | number)[];
12
- onChange?: (value: any) => void;
13
- searchable?: boolean;
14
- multiple?: boolean;
15
- className?: string;
16
- }
17
- /**
18
- * MkSelect
19
- * ๐Ÿงช Feature-rich selector with search and multiple selection support.
20
- */
21
- export declare const MkSelect: React.FC<MkSelectProps>;
22
- export {};
23
- //# sourceMappingURL=MkSelect.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkSelect.d.ts","sourceRoot":"","sources":["../../src/components/MkSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAKzD,UAAU,MAAM;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,UAAU,aAAa;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyH5C,CAAC"}