@makroz/web 1.2.0 → 1.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (438) hide show
  1. package/dist/auth/MkAuthContext.d.ts +43 -0
  2. package/dist/auth/MkAuthContext.d.ts.map +1 -0
  3. package/dist/auth/MkAuthContext.js +3 -0
  4. package/dist/auth/MkAuthContext.js.map +1 -0
  5. package/dist/auth/MkAuthForm.d.ts +42 -0
  6. package/dist/auth/MkAuthForm.d.ts.map +1 -0
  7. package/dist/auth/MkAuthForm.js +53 -0
  8. package/dist/auth/MkAuthForm.js.map +1 -0
  9. package/dist/auth/MkAuthProvider.d.ts +30 -0
  10. package/dist/auth/MkAuthProvider.d.ts.map +1 -0
  11. package/dist/auth/MkAuthProvider.js +317 -0
  12. package/dist/auth/MkAuthProvider.js.map +1 -0
  13. package/dist/auth/types.d.ts +63 -0
  14. package/dist/auth/types.d.ts.map +1 -0
  15. package/dist/auth/types.js +20 -0
  16. package/dist/auth/types.js.map +1 -0
  17. package/dist/auth/useMkAuth.d.ts +19 -0
  18. package/dist/auth/useMkAuth.d.ts.map +1 -0
  19. package/dist/auth/useMkAuth.js +26 -0
  20. package/dist/auth/useMkAuth.js.map +1 -0
  21. package/dist/components/FormField.d.ts +27 -0
  22. package/dist/components/FormField.d.ts.map +1 -0
  23. package/dist/components/FormField.js +18 -0
  24. package/dist/components/FormField.js.map +1 -0
  25. package/dist/components/FormField.stories.d.ts +11 -0
  26. package/dist/components/FormField.stories.d.ts.map +1 -0
  27. package/dist/components/FormField.stories.js +61 -0
  28. package/dist/components/FormField.stories.js.map +1 -0
  29. package/dist/components/MkAccordion.d.ts +36 -0
  30. package/dist/components/MkAccordion.d.ts.map +1 -0
  31. package/dist/components/MkAccordion.js +23 -0
  32. package/dist/components/MkAccordion.js.map +1 -0
  33. package/dist/components/MkAccordion.stories.d.ts +13 -0
  34. package/dist/components/MkAccordion.stories.d.ts.map +1 -0
  35. package/dist/components/MkAccordion.stories.js +76 -0
  36. package/dist/components/MkAccordion.stories.js.map +1 -0
  37. package/dist/components/MkAccordion.stories.test.d.ts +2 -0
  38. package/dist/components/MkAccordion.stories.test.d.ts.map +1 -0
  39. package/dist/components/MkAccordion.stories.test.js +18 -0
  40. package/dist/components/MkAccordion.stories.test.js.map +1 -0
  41. package/dist/components/MkAlert.d.ts +25 -0
  42. package/dist/components/MkAlert.d.ts.map +1 -0
  43. package/dist/components/MkAlert.js +21 -0
  44. package/dist/components/MkAlert.js.map +1 -0
  45. package/dist/components/MkAlert.stories.d.ts +13 -0
  46. package/dist/components/MkAlert.stories.d.ts.map +1 -0
  47. package/dist/components/MkAlert.stories.js +75 -0
  48. package/dist/components/MkAlert.stories.js.map +1 -0
  49. package/dist/components/MkAlert.stories.test.d.ts +2 -0
  50. package/dist/components/MkAlert.stories.test.d.ts.map +1 -0
  51. package/dist/components/MkAlert.stories.test.js +16 -0
  52. package/dist/components/MkAlert.stories.test.js.map +1 -0
  53. package/dist/components/MkAvatar.d.ts +16 -0
  54. package/dist/components/MkAvatar.d.ts.map +1 -0
  55. package/dist/components/MkAvatar.js +23 -0
  56. package/dist/components/MkAvatar.js.map +1 -0
  57. package/dist/components/MkAvatar.stories.d.ts +14 -0
  58. package/dist/components/MkAvatar.stories.d.ts.map +1 -0
  59. package/dist/components/MkAvatar.stories.js +67 -0
  60. package/dist/components/MkAvatar.stories.js.map +1 -0
  61. package/dist/components/MkAvatar.stories.test.d.ts +2 -0
  62. package/dist/components/MkAvatar.stories.test.d.ts.map +1 -0
  63. package/dist/components/MkAvatar.stories.test.js +16 -0
  64. package/dist/components/MkAvatar.stories.test.js.map +1 -0
  65. package/dist/components/MkBadge.d.ts +15 -0
  66. package/dist/components/MkBadge.d.ts.map +1 -0
  67. package/dist/components/MkBadge.js +7 -0
  68. package/dist/components/MkBadge.js.map +1 -0
  69. package/dist/components/MkBadge.stories.d.ts +15 -0
  70. package/dist/components/MkBadge.stories.d.ts.map +1 -0
  71. package/dist/components/MkBadge.stories.js +78 -0
  72. package/dist/components/MkBadge.stories.js.map +1 -0
  73. package/dist/components/MkBadge.stories.test.d.ts +2 -0
  74. package/dist/components/MkBadge.stories.test.d.ts.map +1 -0
  75. package/dist/components/MkBadge.stories.test.js +16 -0
  76. package/dist/components/MkBadge.stories.test.js.map +1 -0
  77. package/dist/components/MkButton.d.ts +11 -0
  78. package/dist/components/MkButton.stories.d.ts +12 -0
  79. package/dist/components/MkButton.stories.d.ts.map +1 -0
  80. package/dist/components/MkButton.stories.js +57 -0
  81. package/dist/components/MkButton.stories.js.map +1 -0
  82. package/dist/components/MkButton.test.d.ts +2 -0
  83. package/dist/components/MkButton.test.d.ts.map +1 -0
  84. package/dist/components/MkButton.test.js +56 -0
  85. package/dist/components/MkButton.test.js.map +1 -0
  86. package/dist/components/MkCard.d.ts +18 -0
  87. package/dist/components/MkCard.d.ts.map +1 -0
  88. package/dist/components/MkCard.js +6 -0
  89. package/dist/components/MkCard.js.map +1 -0
  90. package/dist/components/MkCard.stories.d.ts +11 -0
  91. package/dist/components/MkCard.stories.d.ts.map +1 -0
  92. package/dist/components/MkCard.stories.js +57 -0
  93. package/dist/components/MkCard.stories.js.map +1 -0
  94. package/dist/components/MkCheck.d.ts +32 -0
  95. package/dist/components/MkCheck.d.ts.map +1 -0
  96. package/dist/components/MkCheck.js +12 -0
  97. package/dist/components/MkCheck.js.map +1 -0
  98. package/dist/components/MkCheck.stories.d.ts +13 -0
  99. package/dist/components/MkCheck.stories.d.ts.map +1 -0
  100. package/dist/components/MkCheck.stories.js +63 -0
  101. package/dist/components/MkCheck.stories.js.map +1 -0
  102. package/dist/components/MkCheck.stories.test.d.ts +2 -0
  103. package/dist/components/MkCheck.stories.test.d.ts.map +1 -0
  104. package/dist/components/MkCheck.stories.test.js +16 -0
  105. package/dist/components/MkCheck.stories.test.js.map +1 -0
  106. package/dist/components/MkDatePicker.d.ts +29 -0
  107. package/dist/components/MkDatePicker.d.ts.map +1 -0
  108. package/dist/components/MkDatePicker.js +10 -0
  109. package/dist/components/MkDatePicker.js.map +1 -0
  110. package/dist/components/MkDatePicker.stories.d.ts +11 -0
  111. package/dist/components/MkDatePicker.stories.d.ts.map +1 -0
  112. package/dist/components/MkDatePicker.stories.js +47 -0
  113. package/dist/components/MkDatePicker.stories.js.map +1 -0
  114. package/dist/components/MkDatePicker.stories.test.d.ts +2 -0
  115. package/dist/components/MkDatePicker.stories.test.d.ts.map +1 -0
  116. package/dist/components/MkDatePicker.stories.test.js +16 -0
  117. package/dist/components/MkDatePicker.stories.test.js.map +1 -0
  118. package/dist/components/MkDivider.d.ts +14 -0
  119. package/dist/components/MkDivider.d.ts.map +1 -0
  120. package/dist/components/MkDivider.js +12 -0
  121. package/dist/components/MkDivider.js.map +1 -0
  122. package/dist/components/MkDivider.stories.d.ts +12 -0
  123. package/dist/components/MkDivider.stories.d.ts.map +1 -0
  124. package/dist/components/MkDivider.stories.js +33 -0
  125. package/dist/components/MkDivider.stories.js.map +1 -0
  126. package/dist/components/MkDivider.stories.test.d.ts +2 -0
  127. package/dist/components/MkDivider.stories.test.d.ts.map +1 -0
  128. package/dist/components/MkDivider.stories.test.js +15 -0
  129. package/dist/components/MkDivider.stories.test.js.map +1 -0
  130. package/dist/components/MkDropDown.d.ts +22 -0
  131. package/dist/components/MkDropDown.d.ts.map +1 -0
  132. package/dist/components/MkDropDown.js +24 -0
  133. package/dist/components/MkDropDown.js.map +1 -0
  134. package/dist/components/MkDropDown.stories.d.ts +12 -0
  135. package/dist/components/MkDropDown.stories.d.ts.map +1 -0
  136. package/dist/components/MkDropDown.stories.js +76 -0
  137. package/dist/components/MkDropDown.stories.js.map +1 -0
  138. package/dist/components/MkDropDown.stories.test.d.ts +2 -0
  139. package/dist/components/MkDropDown.stories.test.d.ts.map +1 -0
  140. package/dist/components/MkDropDown.stories.test.js +18 -0
  141. package/dist/components/MkDropDown.stories.test.js.map +1 -0
  142. package/dist/components/MkEmptyState.d.ts +14 -0
  143. package/dist/components/MkEmptyState.d.ts.map +1 -0
  144. package/dist/components/MkEmptyState.js +6 -0
  145. package/dist/components/MkEmptyState.js.map +1 -0
  146. package/dist/components/MkEmptyState.stories.d.ts +12 -0
  147. package/dist/components/MkEmptyState.stories.d.ts.map +1 -0
  148. package/dist/components/MkEmptyState.stories.js +44 -0
  149. package/dist/components/MkEmptyState.stories.js.map +1 -0
  150. package/dist/components/MkEmptyState.stories.test.d.ts +2 -0
  151. package/dist/components/MkEmptyState.stories.test.d.ts.map +1 -0
  152. package/dist/components/MkEmptyState.stories.test.js +15 -0
  153. package/dist/components/MkEmptyState.stories.test.js.map +1 -0
  154. package/dist/components/MkFileUpload.d.ts +36 -0
  155. package/dist/components/MkFileUpload.d.ts.map +1 -0
  156. package/dist/components/MkFileUpload.js +50 -0
  157. package/dist/components/MkFileUpload.js.map +1 -0
  158. package/dist/components/MkFileUpload.stories.d.ts +12 -0
  159. package/dist/components/MkFileUpload.stories.d.ts.map +1 -0
  160. package/dist/components/MkFileUpload.stories.js +53 -0
  161. package/dist/components/MkFileUpload.stories.js.map +1 -0
  162. package/dist/components/MkFileUpload.stories.test.d.ts +2 -0
  163. package/dist/components/MkFileUpload.stories.test.d.ts.map +1 -0
  164. package/dist/components/MkFileUpload.stories.test.js +15 -0
  165. package/dist/components/MkFileUpload.stories.test.js.map +1 -0
  166. package/dist/components/MkIcons.d.ts +14 -0
  167. package/dist/components/MkIcons.d.ts.map +1 -0
  168. package/dist/components/MkIcons.js +36 -0
  169. package/dist/components/MkIcons.js.map +1 -0
  170. package/dist/components/MkInfiniteList.d.ts +15 -0
  171. package/dist/components/MkInfiniteList.d.ts.map +1 -0
  172. package/dist/components/MkInfiniteList.js +29 -0
  173. package/dist/components/MkInfiniteList.js.map +1 -0
  174. package/dist/components/MkInfiniteList.stories.d.ts +17 -0
  175. package/dist/components/MkInfiniteList.stories.d.ts.map +1 -0
  176. package/dist/components/MkInfiniteList.stories.js +90 -0
  177. package/dist/components/MkInfiniteList.stories.js.map +1 -0
  178. package/dist/components/MkInfiniteList.stories.test.d.ts +2 -0
  179. package/dist/components/MkInfiniteList.stories.test.d.ts.map +1 -0
  180. package/dist/components/MkInfiniteList.stories.test.js +24 -0
  181. package/dist/components/MkInfiniteList.stories.test.js.map +1 -0
  182. package/dist/components/MkInput.d.ts +13 -0
  183. package/dist/components/MkInput.d.ts.map +1 -0
  184. package/dist/components/MkInput.js +21 -0
  185. package/dist/components/MkInput.js.map +1 -0
  186. package/dist/components/MkInput.stories.d.ts +13 -0
  187. package/dist/components/MkInput.stories.d.ts.map +1 -0
  188. package/dist/components/MkInput.stories.js +75 -0
  189. package/dist/components/MkInput.stories.js.map +1 -0
  190. package/dist/components/MkInput.stories.test.d.ts +2 -0
  191. package/dist/components/MkInput.stories.test.d.ts.map +1 -0
  192. package/dist/components/MkInput.stories.test.js +16 -0
  193. package/dist/components/MkInput.stories.test.js.map +1 -0
  194. package/dist/components/MkLoading.d.ts +20 -0
  195. package/dist/components/MkLoading.d.ts.map +1 -0
  196. package/dist/components/MkLoading.js +14 -0
  197. package/dist/components/MkLoading.js.map +1 -0
  198. package/dist/components/MkLoading.stories.d.ts +13 -0
  199. package/dist/components/MkLoading.stories.d.ts.map +1 -0
  200. package/dist/components/MkLoading.stories.js +35 -0
  201. package/dist/components/MkLoading.stories.js.map +1 -0
  202. package/dist/components/MkLoading.stories.test.d.ts +2 -0
  203. package/dist/components/MkLoading.stories.test.d.ts.map +1 -0
  204. package/dist/components/MkLoading.stories.test.js +15 -0
  205. package/dist/components/MkLoading.stories.test.js.map +1 -0
  206. package/dist/components/MkModal.d.ts +20 -0
  207. package/dist/components/MkModal.d.ts.map +1 -0
  208. package/dist/components/MkModal.js +31 -0
  209. package/dist/components/MkModal.js.map +1 -0
  210. package/dist/components/MkModal.stories.d.ts +13 -0
  211. package/dist/components/MkModal.stories.d.ts.map +1 -0
  212. package/dist/components/MkModal.stories.js +73 -0
  213. package/dist/components/MkModal.stories.js.map +1 -0
  214. package/dist/components/MkProgressBar.d.ts +17 -0
  215. package/dist/components/MkProgressBar.d.ts.map +1 -0
  216. package/dist/components/MkProgressBar.js +7 -0
  217. package/dist/components/MkProgressBar.js.map +1 -0
  218. package/dist/components/MkProgressBar.stories.d.ts +13 -0
  219. package/dist/components/MkProgressBar.stories.d.ts.map +1 -0
  220. package/dist/components/MkProgressBar.stories.js +39 -0
  221. package/dist/components/MkProgressBar.stories.js.map +1 -0
  222. package/dist/components/MkProgressBar.stories.test.d.ts +2 -0
  223. package/dist/components/MkProgressBar.stories.test.d.ts.map +1 -0
  224. package/dist/components/MkProgressBar.stories.test.js +15 -0
  225. package/dist/components/MkProgressBar.stories.test.js.map +1 -0
  226. package/dist/components/MkRadio.d.ts +34 -0
  227. package/dist/components/MkRadio.d.ts.map +1 -0
  228. package/dist/components/MkRadio.js +19 -0
  229. package/dist/components/MkRadio.js.map +1 -0
  230. package/dist/components/MkRadio.stories.d.ts +13 -0
  231. package/dist/components/MkRadio.stories.d.ts.map +1 -0
  232. package/dist/components/MkRadio.stories.js +55 -0
  233. package/dist/components/MkRadio.stories.js.map +1 -0
  234. package/dist/components/MkRadio.stories.test.d.ts +2 -0
  235. package/dist/components/MkRadio.stories.test.d.ts.map +1 -0
  236. package/dist/components/MkRadio.stories.test.js +18 -0
  237. package/dist/components/MkRadio.stories.test.js.map +1 -0
  238. package/dist/components/MkSearchInput.d.ts +30 -0
  239. package/dist/components/MkSearchInput.d.ts.map +1 -0
  240. package/dist/components/MkSearchInput.js +27 -0
  241. package/dist/components/MkSearchInput.js.map +1 -0
  242. package/dist/components/MkSearchInput.stories.d.ts +13 -0
  243. package/dist/components/MkSearchInput.stories.d.ts.map +1 -0
  244. package/dist/components/MkSearchInput.stories.js +47 -0
  245. package/dist/components/MkSearchInput.stories.js.map +1 -0
  246. package/dist/components/MkSearchInput.stories.test.d.ts +2 -0
  247. package/dist/components/MkSearchInput.stories.test.d.ts.map +1 -0
  248. package/dist/components/MkSearchInput.stories.test.js +15 -0
  249. package/dist/components/MkSearchInput.stories.test.js.map +1 -0
  250. package/dist/components/MkSelect.d.ts +23 -0
  251. package/dist/components/MkSelect.d.ts.map +1 -0
  252. package/dist/components/MkSelect.js +59 -0
  253. package/dist/components/MkSelect.js.map +1 -0
  254. package/dist/components/MkSelect.stories.d.ts +12 -0
  255. package/dist/components/MkSelect.stories.d.ts.map +1 -0
  256. package/dist/components/MkSelect.stories.js +84 -0
  257. package/dist/components/MkSelect.stories.js.map +1 -0
  258. package/dist/components/MkSelect.stories.test.d.ts +2 -0
  259. package/dist/components/MkSelect.stories.test.d.ts.map +1 -0
  260. package/dist/components/MkSelect.stories.test.js +21 -0
  261. package/dist/components/MkSelect.stories.test.js.map +1 -0
  262. package/dist/components/MkSkeleton.d.ts +22 -0
  263. package/dist/components/MkSkeleton.d.ts.map +1 -0
  264. package/dist/components/MkSkeleton.js +21 -0
  265. package/dist/components/MkSkeleton.js.map +1 -0
  266. package/dist/components/MkSkeleton.stories.d.ts +12 -0
  267. package/dist/components/MkSkeleton.stories.d.ts.map +1 -0
  268. package/dist/components/MkSkeleton.stories.js +32 -0
  269. package/dist/components/MkSkeleton.stories.js.map +1 -0
  270. package/dist/components/MkSkeleton.stories.test.d.ts +2 -0
  271. package/dist/components/MkSkeleton.stories.test.d.ts.map +1 -0
  272. package/dist/components/MkSkeleton.stories.test.js +15 -0
  273. package/dist/components/MkSkeleton.stories.test.js.map +1 -0
  274. package/dist/components/MkSwitch.d.ts +22 -0
  275. package/dist/components/MkSwitch.d.ts.map +1 -0
  276. package/dist/components/MkSwitch.js +14 -0
  277. package/dist/components/MkSwitch.js.map +1 -0
  278. package/dist/components/MkSwitch.stories.d.ts +13 -0
  279. package/dist/components/MkSwitch.stories.d.ts.map +1 -0
  280. package/dist/components/MkSwitch.stories.js +37 -0
  281. package/dist/components/MkSwitch.stories.js.map +1 -0
  282. package/dist/components/MkSwitch.stories.test.d.ts +2 -0
  283. package/dist/components/MkSwitch.stories.test.d.ts.map +1 -0
  284. package/dist/components/MkSwitch.stories.test.js +15 -0
  285. package/dist/components/MkSwitch.stories.test.js.map +1 -0
  286. package/dist/components/MkTable.d.ts +27 -0
  287. package/dist/components/MkTable.d.ts.map +1 -0
  288. package/dist/components/MkTable.js +11 -0
  289. package/dist/components/MkTable.js.map +1 -0
  290. package/dist/components/MkTable.stories.d.ts +16 -0
  291. package/dist/components/MkTable.stories.d.ts.map +1 -0
  292. package/dist/components/MkTable.stories.js +65 -0
  293. package/dist/components/MkTable.stories.js.map +1 -0
  294. package/dist/components/MkTable.stories.test.d.ts +2 -0
  295. package/dist/components/MkTable.stories.test.d.ts.map +1 -0
  296. package/dist/components/MkTable.stories.test.js +25 -0
  297. package/dist/components/MkTable.stories.test.js.map +1 -0
  298. package/dist/components/MkTabs.d.ts +22 -0
  299. package/dist/components/MkTabs.d.ts.map +1 -0
  300. package/dist/components/MkTabs.js +17 -0
  301. package/dist/components/MkTabs.js.map +1 -0
  302. package/dist/components/MkTabs.stories.d.ts +11 -0
  303. package/dist/components/MkTabs.stories.d.ts.map +1 -0
  304. package/dist/components/MkTabs.stories.js +73 -0
  305. package/dist/components/MkTabs.stories.js.map +1 -0
  306. package/dist/components/MkTextArea.d.ts +21 -0
  307. package/dist/components/MkTextArea.d.ts.map +1 -0
  308. package/dist/components/MkTextArea.js +8 -0
  309. package/dist/components/MkTextArea.js.map +1 -0
  310. package/dist/components/MkTextArea.stories.d.ts +13 -0
  311. package/dist/components/MkTextArea.stories.d.ts.map +1 -0
  312. package/dist/components/MkTextArea.stories.js +56 -0
  313. package/dist/components/MkTextArea.stories.js.map +1 -0
  314. package/dist/components/MkTextArea.stories.test.d.ts +2 -0
  315. package/dist/components/MkTextArea.stories.test.d.ts.map +1 -0
  316. package/dist/components/MkTextArea.stories.test.js +15 -0
  317. package/dist/components/MkTextArea.stories.test.js.map +1 -0
  318. package/dist/components/MkThemeEditor.d.ts +8 -0
  319. package/dist/components/MkToastContainer.d.ts +3 -0
  320. package/dist/components/MkToastContainer.stories.d.ts +9 -0
  321. package/dist/components/MkToastContainer.stories.js +43 -0
  322. package/dist/components/MkToastContainer.stories.js.map +1 -0
  323. package/dist/components/MkToastContainer.stories.test.d.ts +2 -0
  324. package/dist/components/MkToastContainer.stories.test.js +29 -0
  325. package/dist/components/MkToastContainer.stories.test.js.map +1 -0
  326. package/dist/components/MkTooltip.d.ts +14 -0
  327. package/dist/components/MkTooltip.d.ts.map +1 -0
  328. package/dist/components/MkTooltip.js +17 -0
  329. package/dist/components/MkTooltip.js.map +1 -0
  330. package/dist/components/MkTooltip.stories.d.ts +13 -0
  331. package/dist/components/MkTooltip.stories.d.ts.map +1 -0
  332. package/dist/components/MkTooltip.stories.js +59 -0
  333. package/dist/components/MkTooltip.stories.js.map +1 -0
  334. package/dist/components/MkTooltip.stories.test.d.ts +2 -0
  335. package/dist/components/MkTooltip.stories.test.d.ts.map +1 -0
  336. package/dist/components/MkTooltip.stories.test.js +15 -0
  337. package/dist/components/MkTooltip.stories.test.js.map +1 -0
  338. package/dist/components/MkWindowList.d.ts +20 -0
  339. package/dist/components/MkWindowList.d.ts.map +1 -0
  340. package/dist/components/MkWindowList.js +59 -0
  341. package/dist/components/MkWindowList.js.map +1 -0
  342. package/dist/components/MkWindowList.stories.d.ts +16 -0
  343. package/dist/components/MkWindowList.stories.d.ts.map +1 -0
  344. package/dist/components/MkWindowList.stories.js +76 -0
  345. package/dist/components/MkWindowList.stories.js.map +1 -0
  346. package/dist/components/MkWindowList.stories.test.d.ts +2 -0
  347. package/dist/components/MkWindowList.stories.test.d.ts.map +1 -0
  348. package/dist/components/MkWindowList.stories.test.js +19 -0
  349. package/dist/components/MkWindowList.stories.test.js.map +1 -0
  350. package/dist/components/index.d.ts +31 -0
  351. package/dist/components/index.js +34 -0
  352. package/dist/components/index.js.map +1 -0
  353. package/dist/context/MkApiContext.d.ts +15 -0
  354. package/dist/context/MkApiContext.d.ts.map +1 -0
  355. package/dist/context/MkApiContext.js +28 -0
  356. package/dist/context/MkApiContext.js.map +1 -0
  357. package/dist/context/MkAuthContext.d.ts +2 -1
  358. package/dist/context/MkAuthContext.d.ts.map +1 -1
  359. package/dist/context/MkConfirmContext.d.ts +2 -1
  360. package/dist/context/MkConfirmContext.d.ts.map +1 -1
  361. package/dist/context/MkToastContext.d.ts +2 -1
  362. package/dist/context/MkToastContext.d.ts.map +1 -1
  363. package/dist/hooks/useApi.d.ts +6 -5
  364. package/dist/hooks/useApi.d.ts.map +1 -1
  365. package/dist/hooks/useApi.test.d.ts +2 -0
  366. package/dist/hooks/useApi.test.js +184 -0
  367. package/dist/hooks/useApi.test.js.map +1 -0
  368. package/dist/hooks/useMkClickOutside.d.ts +8 -0
  369. package/dist/hooks/useMkClickOutside.d.ts.map +1 -0
  370. package/dist/hooks/useMkClickOutside.js +24 -0
  371. package/dist/hooks/useMkClickOutside.js.map +1 -0
  372. package/dist/hooks/useMkCrud.d.ts +39 -0
  373. package/dist/hooks/useMkCrud.test.d.ts +2 -0
  374. package/dist/hooks/useMkDebounce.d.ts +24 -0
  375. package/dist/hooks/useMkDebounce.d.ts.map +1 -0
  376. package/dist/hooks/useMkDebounce.js +36 -0
  377. package/dist/hooks/useMkDebounce.js.map +1 -0
  378. package/dist/hooks/useMkEffectDebug.d.ts +7 -0
  379. package/dist/hooks/useMkEffectDebug.d.ts.map +1 -0
  380. package/dist/hooks/useMkEffectDebug.js +26 -0
  381. package/dist/hooks/useMkEffectDebug.js.map +1 -0
  382. package/dist/hooks/useMkEvent.d.ts +31 -0
  383. package/dist/hooks/useMkEvent.d.ts.map +1 -0
  384. package/dist/hooks/useMkEvent.js +56 -0
  385. package/dist/hooks/useMkEvent.js.map +1 -0
  386. package/dist/hooks/useMkForm.d.ts +43 -0
  387. package/dist/hooks/useMkForm.test.d.ts +2 -0
  388. package/dist/hooks/useMkInViewPort.d.ts +14 -0
  389. package/dist/hooks/useMkInViewPort.d.ts.map +1 -0
  390. package/dist/hooks/useMkInViewPort.js +31 -0
  391. package/dist/hooks/useMkInViewPort.js.map +1 -0
  392. package/dist/hooks/useMkInfiniteList.d.ts +15 -0
  393. package/dist/hooks/useMkInfiniteList.js +47 -0
  394. package/dist/hooks/useMkInfiniteList.js.map +1 -0
  395. package/dist/hooks/useMkList.d.ts +7 -7
  396. package/dist/hooks/useMkList.js +53 -0
  397. package/dist/hooks/useMkList.js.map +1 -0
  398. package/dist/hooks/useMkLocalStorage.d.ts +6 -0
  399. package/dist/hooks/useMkLocalStorage.d.ts.map +1 -0
  400. package/dist/hooks/useMkLocalStorage.js +33 -0
  401. package/dist/hooks/useMkLocalStorage.js.map +1 -0
  402. package/dist/hooks/useMkLongPress.d.ts +37 -0
  403. package/dist/hooks/useMkLongPress.d.ts.map +1 -0
  404. package/dist/hooks/useMkLongPress.js +59 -0
  405. package/dist/hooks/useMkLongPress.js.map +1 -0
  406. package/dist/hooks/useMkMediaQuery.d.ts +14 -0
  407. package/dist/hooks/useMkMediaQuery.d.ts.map +1 -0
  408. package/dist/hooks/useMkMediaQuery.js +31 -0
  409. package/dist/hooks/useMkMediaQuery.js.map +1 -0
  410. package/dist/hooks/useMkPrevious.d.ts +7 -0
  411. package/dist/hooks/useMkPrevious.d.ts.map +1 -0
  412. package/dist/hooks/useMkPrevious.js +14 -0
  413. package/dist/hooks/useMkPrevious.js.map +1 -0
  414. package/dist/hooks/useMkScreenSize.d.ts +25 -0
  415. package/dist/hooks/useMkScreenSize.d.ts.map +1 -0
  416. package/dist/hooks/useMkScreenSize.js +42 -0
  417. package/dist/hooks/useMkScreenSize.js.map +1 -0
  418. package/dist/hooks/useMkStore.d.ts +22 -0
  419. package/dist/hooks/useMkStore.d.ts.map +1 -0
  420. package/dist/hooks/useMkStore.js +58 -0
  421. package/dist/hooks/useMkStore.js.map +1 -0
  422. package/dist/hooks/useMkToggle.d.ts +6 -0
  423. package/dist/hooks/useMkToggle.d.ts.map +1 -0
  424. package/dist/hooks/useMkToggle.js +13 -0
  425. package/dist/hooks/useMkToggle.js.map +1 -0
  426. package/dist/index.d.ts +33 -0
  427. package/dist/index.js +37 -0
  428. package/dist/index.js.map +1 -0
  429. package/dist/test-setup.d.ts +2 -0
  430. package/dist/test-setup.d.ts.map +1 -0
  431. package/dist/test-setup.js +31 -0
  432. package/dist/test-setup.js.map +1 -0
  433. package/dist/theme/MkThemeProvider.d.ts +20 -0
  434. package/dist/utils/images.d.ts +9 -0
  435. package/dist/utils/images.d.ts.map +1 -0
  436. package/dist/utils/images.js +50 -0
  437. package/dist/utils/images.js.map +1 -0
  438. package/package.json +2 -2
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MkSkeleton.d.ts","sourceRoot":"","sources":["../../src/components/MkSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;GAGG;AAEH,MAAM,WAAW,eAAe;IAC5B,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IACrC,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqDhD,CAAC"}
@@ -0,0 +1,21 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import styles from './MkSkeleton.module.css';
3
+ export const MkSkeleton = ({ variant = 'text', width = '100%', height, lines = 1, gap = '0.5rem', radius, className, }) => {
4
+ if (variant === 'circle') {
5
+ const size = width || 40;
6
+ return (_jsx("div", { className: `${styles.skeleton} ${className || ''}`, style: { width: size, height: size, borderRadius: '50%' } }));
7
+ }
8
+ if (variant === 'rect') {
9
+ return (_jsx("div", { className: `${styles.skeleton} ${className || ''}`, style: { width, height: height || 80, borderRadius: radius !== null && radius !== void 0 ? radius : 'var(--mk-radius, 8px)' } }));
10
+ }
11
+ // Text variant
12
+ if (lines <= 1) {
13
+ return (_jsx("div", { className: `${styles.skeleton} ${className || ''}`, style: { width, height: height || '0.875rem', borderRadius: radius !== null && radius !== void 0 ? radius : 4 } }));
14
+ }
15
+ return (_jsx("div", { style: { display: 'flex', flexDirection: 'column', gap }, children: Array.from({ length: lines }).map((_, i) => (_jsx("div", { className: styles.skeleton, style: {
16
+ width: i === lines - 1 ? '70%' : '100%',
17
+ height: height || '0.875rem',
18
+ borderRadius: radius !== null && radius !== void 0 ? radius : 4,
19
+ } }, i))) }));
20
+ };
21
+ //# sourceMappingURL=MkSkeleton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MkSkeleton.js","sourceRoot":"","sources":["../../src/components/MkSkeleton.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAuB7C,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAClD,OAAO,GAAG,MAAM,EAChB,KAAK,GAAG,MAAM,EACd,MAAM,EACN,KAAK,GAAG,CAAC,EACT,GAAG,GAAG,QAAQ,EACd,MAAM,EACN,SAAS,GACZ,EAAE,EAAE;IACD,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;QACvB,MAAM,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;QACzB,OAAO,CACH,cACI,SAAS,EAAE,GAAG,MAAM,CAAC,QAAQ,IAAI,SAAS,IAAI,EAAE,EAAE,EAClD,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,GAC3D,CACL,CAAC;IACN,CAAC;IAED,IAAI,OAAO,KAAK,MAAM,EAAE,CAAC;QACrB,OAAO,CACH,cACI,SAAS,EAAE,GAAG,MAAM,CAAC,QAAQ,IAAI,SAAS,IAAI,EAAE,EAAE,EAClD,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,IAAI,EAAE,EAAE,YAAY,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,uBAAuB,EAAE,GACzF,CACL,CAAC;IACN,CAAC;IAED,eAAe;IACf,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;QACb,OAAO,CACH,cACI,SAAS,EAAE,GAAG,MAAM,CAAC,QAAQ,IAAI,SAAS,IAAI,EAAE,EAAE,EAClD,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,IAAI,UAAU,EAAE,YAAY,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,CAAC,EAAE,GAC3E,CACL,CAAC;IACN,CAAC;IAED,OAAO,CACH,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,YACxD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACzC,cAEI,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,KAAK,EAAE;gBACH,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;gBACvC,MAAM,EAAE,MAAM,IAAI,UAAU;gBAC5B,YAAY,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,CAAC;aAC5B,IANI,CAAC,CAOR,CACL,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC"}
@@ -0,0 +1,12 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { MkSkeleton } from './MkSkeleton';
3
+ declare const meta: Meta<typeof MkSkeleton>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof MkSkeleton>;
6
+ export declare const Default: Story;
7
+ export declare const TextLines: Story;
8
+ export declare const Circle: Story;
9
+ export declare const Rectangle: Story;
10
+ export declare const CardPlaceholder: Story;
11
+ export declare const ArticlePlaceholder: Story;
12
+ //# sourceMappingURL=MkSkeleton.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MkSkeleton.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkSkeleton.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,CASjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAU7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAQhC,CAAC"}
@@ -0,0 +1,32 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { MkSkeleton } from './MkSkeleton';
3
+ const meta = {
4
+ title: 'Components/MkSkeleton',
5
+ component: MkSkeleton,
6
+ parameters: { layout: 'padded' },
7
+ tags: ['autodocs'],
8
+ argTypes: {
9
+ variant: { control: { type: 'select' }, options: ['text', 'circle', 'rect'] },
10
+ lines: { control: { type: 'number', min: 1, max: 10 } },
11
+ },
12
+ };
13
+ export default meta;
14
+ export const Default = {
15
+ args: {},
16
+ };
17
+ export const TextLines = {
18
+ args: { variant: 'text', lines: 4 },
19
+ };
20
+ export const Circle = {
21
+ args: { variant: 'circle', width: 64 },
22
+ };
23
+ export const Rectangle = {
24
+ args: { variant: 'rect', width: 200, height: 100 },
25
+ };
26
+ export const CardPlaceholder = {
27
+ render: () => (_jsxs("div", { style: { display: 'flex', gap: 16, alignItems: 'center' }, children: [_jsx(MkSkeleton, { variant: "circle", width: 48 }), _jsxs("div", { style: { flex: 1 }, children: [_jsx(MkSkeleton, { variant: "text" }), _jsx(MkSkeleton, { variant: "text", width: "60%" })] })] })),
28
+ };
29
+ export const ArticlePlaceholder = {
30
+ render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 12, maxWidth: 400 }, children: [_jsx(MkSkeleton, { variant: "rect", height: 180 }), _jsx(MkSkeleton, { variant: "text", lines: 3 }), _jsx(MkSkeleton, { variant: "text", width: "40%" })] })),
31
+ };
32
+ //# sourceMappingURL=MkSkeleton.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MkSkeleton.stories.js","sourceRoot":"","sources":["../../src/components/MkSkeleton.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,IAAI,GAA4B;IAClC,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE;QAC7E,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE;KAC1D;CACJ,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,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE;CACtC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IACzB,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;CACzC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;CACrD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IAClC,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,aAC1D,KAAC,UAAU,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,GAAI,EAC1C,eAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,aACnB,KAAC,UAAU,IAAC,OAAO,EAAC,MAAM,GAAG,EAC7B,KAAC,UAAU,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK,GAAG,IACvC,IACJ,CACT;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAU;IACrC,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,aAC5E,KAAC,UAAU,IAAC,OAAO,EAAC,MAAM,EAAC,MAAM,EAAE,GAAG,GAAI,EAC1C,KAAC,UAAU,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,CAAC,GAAI,EACvC,KAAC,UAAU,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK,GAAG,IACvC,CACT;CACJ,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=MkSkeleton.stories.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MkSkeleton.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkSkeleton.stories.test.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,15 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ /**
3
+ * Smoke snapshot for MkSkeleton — required by R-MK-002.
4
+ */
5
+ import { describe, it, expect, afterEach } from 'vitest';
6
+ import { render, cleanup } from '@testing-library/react';
7
+ import { MkSkeleton } from './MkSkeleton';
8
+ describe('MkSkeleton story smoke', () => {
9
+ afterEach(cleanup);
10
+ it('renders text lines', () => {
11
+ const { container } = render(_jsx(MkSkeleton, { variant: "text", lines: 3 }));
12
+ expect(container.firstChild).toMatchSnapshot();
13
+ });
14
+ });
15
+ //# sourceMappingURL=MkSkeleton.stories.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MkSkeleton.stories.test.js","sourceRoot":"","sources":["../../src/components/MkSkeleton.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,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACpC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,oBAAoB,EAAE,GAAG,EAAE;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,UAAU,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,CAAC,GAAI,CAAC,CAAC;QACtE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
@@ -0,0 +1,22 @@
1
+ import React from 'react';
2
+ /**
3
+ * @module MkSwitch
4
+ * @description Toggle switch component. Same prop API across web and mobile.
5
+ *
6
+ * @example
7
+ * ```tsx
8
+ * <MkSwitch label="Dark mode" checked={isDark} onChange={setIsDark} />
9
+ * <MkSwitch label="Notifications" checked={notif} onChange={setNotif} size="lg" />
10
+ * ```
11
+ */
12
+ export interface MkSwitchProps {
13
+ label?: string;
14
+ checked?: boolean;
15
+ onChange?: (checked: boolean) => void;
16
+ disabled?: boolean;
17
+ size?: 'sm' | 'md' | 'lg';
18
+ error?: string;
19
+ className?: string;
20
+ }
21
+ export declare const MkSwitch: React.FC<MkSwitchProps>;
22
+ //# sourceMappingURL=MkSwitch.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MkSwitch.d.ts","sourceRoot":"","sources":["../../src/components/MkSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C;;;;;;;;;GASG;AAEH,MAAM,WAAW,aAAa;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgC5C,CAAC"}
@@ -0,0 +1,14 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useCallback } from 'react';
3
+ import styles from './MkSwitch.module.css';
4
+ export const MkSwitch = ({ label, checked = false, onChange, disabled = false, size = 'md', error, className, }) => {
5
+ const handleToggle = useCallback(() => {
6
+ if (!disabled)
7
+ onChange === null || onChange === void 0 ? void 0 : onChange(!checked);
8
+ }, [checked, disabled, onChange]);
9
+ return (_jsxs("div", { className: `${styles.container} ${className || ''}`, children: [_jsxs("label", { className: `${styles.label} ${disabled ? styles.disabled : ''}`, children: [_jsx("div", { className: `${styles.track} ${styles[size]} ${checked ? styles.checked : ''} ${error ? styles.error : ''}`, onClick: handleToggle, role: "switch", "aria-checked": checked, "aria-disabled": disabled, tabIndex: disabled ? -1 : 0, onKeyDown: (e) => { if (e.key === ' ' || e.key === 'Enter') {
10
+ e.preventDefault();
11
+ handleToggle();
12
+ } }, children: _jsx("div", { className: `${styles.thumb} ${checked ? styles.thumbChecked : ''}` }) }), label && _jsx("span", { className: styles.text, children: label })] }), error && _jsx("span", { className: styles.errorText, children: error })] }));
13
+ };
14
+ //# sourceMappingURL=MkSwitch.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MkSwitch.js","sourceRoot":"","sources":["../../src/components/MkSwitch.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAuB3C,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAC9C,KAAK,EACL,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,KAAK,EACL,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,CAAC,QAAQ;YAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,OAAO,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAElC,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,IAAI,EAAE,EAAE,aACpD,iBAAO,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,aAClE,cACI,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EAC1G,OAAO,EAAE,YAAY,EACrB,IAAI,EAAC,QAAQ,kBACC,OAAO,mBACN,QAAQ,EACvB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;4BAAC,CAAC,CAAC,cAAc,EAAE,CAAC;4BAAC,YAAY,EAAE,CAAC;wBAAC,CAAC,CAAC,CAAC,YAErG,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,GAAI,GACzE,EACL,KAAK,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,KAAK,GAAQ,IAClD,EACP,KAAK,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,SAAS,YAAG,KAAK,GAAQ,IACzD,CACT,CAAC;AACN,CAAC,CAAC"}
@@ -0,0 +1,13 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { MkSwitch } from './MkSwitch';
3
+ declare const meta: Meta<typeof MkSwitch>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof MkSwitch>;
6
+ export declare const Off: Story;
7
+ export declare const On: Story;
8
+ export declare const WithLabel: Story;
9
+ export declare const Disabled: Story;
10
+ export declare const DisabledOn: Story;
11
+ export declare const WithError: Story;
12
+ export declare const Sizes: Story;
13
+ //# sourceMappingURL=MkSwitch.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MkSwitch.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkSwitch.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAW/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,GAAG,EAAE,KAEjB,CAAC;AAEF,eAAO,MAAM,EAAE,EAAE,KAEhB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC"}
@@ -0,0 +1,37 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { MkSwitch } from './MkSwitch';
3
+ const meta = {
4
+ title: 'Components/MkSwitch',
5
+ component: MkSwitch,
6
+ parameters: { layout: 'padded' },
7
+ tags: ['autodocs'],
8
+ argTypes: {
9
+ label: { control: 'text' },
10
+ checked: { control: 'boolean' },
11
+ disabled: { control: 'boolean' },
12
+ size: { control: { type: 'select' }, options: ['sm', 'md', 'lg'] },
13
+ },
14
+ };
15
+ export default meta;
16
+ export const Off = {
17
+ args: { label: 'Receive notifications', checked: false },
18
+ };
19
+ export const On = {
20
+ args: { label: 'Receive notifications', checked: true },
21
+ };
22
+ export const WithLabel = {
23
+ args: { label: 'Dark mode', checked: false },
24
+ };
25
+ export const Disabled = {
26
+ args: { label: 'Locked setting', disabled: true, checked: false },
27
+ };
28
+ export const DisabledOn = {
29
+ args: { label: 'Pre-enabled (locked)', disabled: true, checked: true },
30
+ };
31
+ export const WithError = {
32
+ args: { label: 'Required setting', error: 'You must accept this', checked: false },
33
+ };
34
+ export const Sizes = {
35
+ render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 12 }, children: [_jsx(MkSwitch, { label: "Small", size: "sm", checked: true }), _jsx(MkSwitch, { label: "Medium", size: "md", checked: true }), _jsx(MkSwitch, { label: "Large", size: "lg", checked: true })] })),
36
+ };
37
+ //# sourceMappingURL=MkSwitch.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MkSwitch.stories.js","sourceRoot":"","sources":["../../src/components/MkSwitch.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,IAAI,GAA0B;IAChC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,OAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;KACrE;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,GAAG,GAAU;IACtB,IAAI,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,OAAO,EAAE,KAAK,EAAE;CAC3D,CAAC;AAEF,MAAM,CAAC,MAAM,EAAE,GAAU;IACrB,IAAI,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,OAAO,EAAE,IAAI,EAAE;CAC1D,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE;CAC/C,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE;CACpE,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC7B,IAAI,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE;CACzE,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,sBAAsB,EAAE,OAAO,EAAE,KAAK,EAAE;CACrF,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,aAC7D,KAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,SAAG,EAC5C,KAAC,QAAQ,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,SAAG,EAC7C,KAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,SAAG,IAC1C,CACT;CACJ,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=MkSwitch.stories.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MkSwitch.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkSwitch.stories.test.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,15 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ /**
3
+ * Smoke snapshot for MkSwitch — required by R-MK-002.
4
+ */
5
+ import { describe, it, expect, afterEach } from 'vitest';
6
+ import { render, cleanup } from '@testing-library/react';
7
+ import { MkSwitch } from './MkSwitch';
8
+ describe('MkSwitch story smoke', () => {
9
+ afterEach(cleanup);
10
+ it('renders on', () => {
11
+ const { container } = render(_jsx(MkSwitch, { label: "Enabled", checked: true }));
12
+ expect(container.firstChild).toMatchSnapshot();
13
+ });
14
+ });
15
+ //# sourceMappingURL=MkSwitch.stories.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MkSwitch.stories.test.js","sourceRoot":"","sources":["../../src/components/MkSwitch.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,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IAClC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,YAAY,EAAE,GAAG,EAAE;QAClB,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,QAAQ,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,SAAG,CAAC,CAAC;QACnE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
@@ -0,0 +1,27 @@
1
+ import React from 'react';
2
+ import type { MkDropdownOptionType } from './MkDropDown';
3
+ interface Column<T> {
4
+ key: keyof T | string;
5
+ label: string;
6
+ render?: (item: T) => React.ReactNode;
7
+ sortable?: boolean;
8
+ }
9
+ interface MkTableProps<T> {
10
+ data: T[];
11
+ columns: Column<T>[];
12
+ loading?: boolean;
13
+ onSort?: (field: string) => void;
14
+ sortField?: string;
15
+ sortOrder?: 'asc' | 'desc';
16
+ pagination?: {
17
+ current_page?: number;
18
+ last_page?: number;
19
+ total?: number;
20
+ };
21
+ onPageChange?: (page: number) => void;
22
+ actions?: (item: T) => MkDropdownOptionType[];
23
+ onAction?: (action: string | number, item: T) => void;
24
+ }
25
+ export declare function MkTable<T>({ data, columns, loading, onSort, sortField, sortOrder, pagination, onPageChange, actions, onAction }: MkTableProps<T>): import("react/jsx-runtime").JSX.Element;
26
+ export {};
27
+ //# sourceMappingURL=MkTable.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MkTable.d.ts","sourceRoot":"","sources":["../../src/components/MkTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAGzD,UAAU,MAAM,CAAC,CAAC;IACd,GAAG,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,YAAY,CAAC,CAAC;IACpB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE;QACT,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,oBAAoB,EAAE,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CACzD;AAED,wBAAgB,OAAO,CAAC,CAAC,EAAE,EACvB,IAAS,EACT,OAAY,EACZ,OAAO,EACP,MAAM,EACN,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,OAAO,EACP,QAAQ,EACX,EAAE,YAAY,CAAC,CAAC,CAAC,2CA4FjB"}
@@ -0,0 +1,11 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import styles from './MkTable.module.css';
3
+ import { MkDropDown } from './MkDropDown';
4
+ export function MkTable({ data = [], columns = [], loading, onSort, sortField, sortOrder, pagination, onPageChange, actions, onAction }) {
5
+ const handleSort = (key) => {
6
+ if (onSort)
7
+ onSort(key);
8
+ };
9
+ return (_jsxs("div", { className: styles.container, children: [_jsx("div", { className: styles.tableWrapper, children: _jsxs("table", { className: styles.table, children: [_jsx("thead", { children: _jsxs("tr", { children: [columns.map((col) => (_jsx("th", { onClick: () => col.sortable && handleSort(String(col.key)), className: col.sortable ? styles.sortable : '', children: _jsxs("div", { className: styles.headerContent, children: [col.label, col.sortable && sortField === col.key && (_jsx("span", { className: styles.sortIcon, children: sortOrder === 'asc' ? '↑' : '↓' }))] }) }, String(col.key)))), actions && _jsx("th", { className: styles.actionsHeader, children: "Acciones" })] }) }), _jsxs("tbody", { children: [loading && (_jsx("tr", { className: styles.loadingRow, children: _jsx("td", { colSpan: columns.length, children: _jsx("div", { className: styles.skeleton }) }) })), !loading && data.length === 0 && (_jsx("tr", { className: styles.emptyRow, children: _jsx("td", { colSpan: columns.length, children: "No se encontraron datos." }) })), !loading && data.map((item, idx) => (_jsxs("tr", { className: styles.row, style: { '--row-index': idx }, children: [columns.map((col) => (_jsx("td", { children: col.render ? col.render(item) : item[col.key] }, String(col.key)))), actions && (_jsx("td", { className: styles.actionsCell, children: _jsx(MkDropDown, { options: actions(item), onSelect: (val) => onAction === null || onAction === void 0 ? void 0 : onAction(val, item) }) }))] }, idx)))] })] }) }), pagination && pagination.last_page && pagination.last_page > 1 && (_jsxs("div", { className: styles.pagination, children: [_jsx("button", { disabled: pagination.current_page === 1, onClick: () => onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange((pagination.current_page || 1) - 1), className: styles.pageBtn, children: "Anterior" }), _jsxs("span", { className: styles.pageInfo, children: ["P\u00E1gina ", pagination.current_page, " de ", pagination.last_page] }), _jsx("button", { disabled: pagination.current_page === pagination.last_page, onClick: () => onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange((pagination.current_page || 1) + 1), className: styles.pageBtn, children: "Siguiente" })] }))] }));
10
+ }
11
+ //# sourceMappingURL=MkTable.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MkTable.js","sourceRoot":"","sources":["../../src/components/MkTable.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AA0B1C,MAAM,UAAU,OAAO,CAAI,EACvB,IAAI,GAAG,EAAE,EACT,OAAO,GAAG,EAAE,EACZ,OAAO,EACP,MAAM,EACN,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,OAAO,EACP,QAAQ,EACM;IAEd,MAAM,UAAU,GAAG,CAAC,GAAW,EAAE,EAAE;QAC/B,IAAI,MAAM;YAAE,MAAM,CAAC,GAAG,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC5B,cAAK,SAAS,EAAE,MAAM,CAAC,YAAY,YAC/B,iBAAO,SAAS,EAAE,MAAM,CAAC,KAAK,aAC1B,0BACI,yBACK,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAClB,aAEI,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,QAAQ,IAAI,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAC1D,SAAS,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,YAE9C,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,aAC/B,GAAG,CAAC,KAAK,EACT,GAAG,CAAC,QAAQ,IAAI,SAAS,KAAK,GAAG,CAAC,GAAG,IAAI,CACtC,eAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,YAC3B,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAC7B,CACV,IACC,IAXD,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAYnB,CACR,CAAC,EACD,OAAO,IAAI,aAAI,SAAS,EAAE,MAAM,CAAC,aAAa,yBAAe,IAC7D,GACD,EACR,4BACK,OAAO,IAAI,CACR,aAAI,SAAS,EAAE,MAAM,CAAC,UAAU,YAC5B,aAAI,OAAO,EAAE,OAAO,CAAC,MAAM,YACvB,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,GAAI,GAClC,GACJ,CACR,EACA,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,CAC9B,aAAI,SAAS,EAAE,MAAM,CAAC,QAAQ,YAC1B,aAAI,OAAO,EAAE,OAAO,CAAC,MAAM,yCAA+B,GACzD,CACR,EACA,CAAC,OAAO,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CACjC,cAEI,SAAS,EAAE,MAAM,CAAC,GAAG,EACrB,KAAK,EAAE,EAAE,aAAa,EAAE,GAAG,EAAyB,aAEnD,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAClB,uBACK,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAE,IAAY,CAAC,GAAG,CAAC,GAAG,CAAC,IADlD,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAEnB,CACR,CAAC,EACD,OAAO,IAAI,CACR,aAAI,SAAS,EAAE,MAAM,CAAC,WAAW,YAC7B,KAAC,UAAU,IACP,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,EACtB,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,GAAG,EAAE,IAAI,CAAC,GAC1C,GACD,CACR,KAhBI,GAAG,CAiBP,CACR,CAAC,IACE,IACJ,GACN,EAEL,UAAU,IAAI,UAAU,CAAC,SAAS,IAAI,UAAU,CAAC,SAAS,GAAG,CAAC,IAAI,CAC/D,eAAK,SAAS,EAAE,MAAM,CAAC,UAAU,aAC7B,iBACI,QAAQ,EAAE,UAAU,CAAC,YAAY,KAAK,CAAC,EACvC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,CAAC,UAAU,CAAC,YAAY,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EACjE,SAAS,EAAE,MAAM,CAAC,OAAO,yBAGpB,EACT,gBAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,6BACpB,UAAU,CAAC,YAAY,UAAM,UAAU,CAAC,SAAS,IACtD,EACP,iBACI,QAAQ,EAAE,UAAU,CAAC,YAAY,KAAK,UAAU,CAAC,SAAS,EAC1D,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,CAAC,UAAU,CAAC,YAAY,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EACjE,SAAS,EAAE,MAAM,CAAC,OAAO,0BAGpB,IACP,CACT,IACC,CACT,CAAC;AACN,CAAC"}
@@ -0,0 +1,16 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { MkTable } from './MkTable';
3
+ interface User {
4
+ id: number;
5
+ name: string;
6
+ email: string;
7
+ role: 'admin' | 'user' | 'guest';
8
+ }
9
+ declare const meta: Meta<typeof MkTable<User>>;
10
+ export default meta;
11
+ type Story = StoryObj<typeof MkTable<User>>;
12
+ export declare const Empty: Story;
13
+ export declare const WithRows: Story;
14
+ export declare const Loading: Story;
15
+ export declare const WithPagination: Story;
16
+ //# sourceMappingURL=MkTable.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MkTable.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkTable.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,UAAU,IAAI;IACV,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;CACpC;AAED,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAAC,IAAI,CAAC,CAOpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;AAiC5C,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAU5B,CAAC"}
@@ -0,0 +1,65 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { MkTable } from './MkTable';
3
+ const meta = {
4
+ title: 'Components/MkTable',
5
+ component: MkTable,
6
+ parameters: {
7
+ layout: 'padded',
8
+ },
9
+ tags: ['autodocs'],
10
+ };
11
+ export default meta;
12
+ const SAMPLE_USERS = [
13
+ { id: 1, name: 'Mario Guzman', email: 'mario@makromania.com', role: 'admin' },
14
+ { id: 2, name: 'Ana López', email: 'ana@example.com', role: 'user' },
15
+ { id: 3, name: 'Carlos Pérez', email: 'carlos@example.com', role: 'user' },
16
+ { id: 4, name: 'Diana Ruiz', email: 'diana@example.com', role: 'guest' },
17
+ { id: 5, name: 'Eduardo Vega', email: 'eduardo@example.com', role: 'admin' },
18
+ ];
19
+ const COLUMNS = [
20
+ { key: 'id', label: 'ID', sortable: true },
21
+ { key: 'name', label: 'Name', sortable: true },
22
+ { key: 'email', label: 'Email' },
23
+ {
24
+ key: 'role',
25
+ label: 'Role',
26
+ render: (item) => (_jsx("span", { style: {
27
+ padding: '2px 8px',
28
+ borderRadius: 4,
29
+ fontSize: 12,
30
+ background: item.role === 'admin' ? '#fef3c7' : '#e0e7ff',
31
+ color: item.role === 'admin' ? '#92400e' : '#3730a3',
32
+ }, children: item.role })),
33
+ },
34
+ ];
35
+ export const Empty = {
36
+ args: {
37
+ data: [],
38
+ columns: COLUMNS,
39
+ },
40
+ };
41
+ export const WithRows = {
42
+ args: {
43
+ data: SAMPLE_USERS,
44
+ columns: COLUMNS,
45
+ },
46
+ };
47
+ export const Loading = {
48
+ args: {
49
+ data: SAMPLE_USERS,
50
+ columns: COLUMNS,
51
+ loading: true,
52
+ },
53
+ };
54
+ export const WithPagination = {
55
+ args: {
56
+ data: SAMPLE_USERS,
57
+ columns: COLUMNS,
58
+ pagination: {
59
+ current_page: 1,
60
+ last_page: 5,
61
+ total: 47,
62
+ },
63
+ },
64
+ };
65
+ //# sourceMappingURL=MkTable.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MkTable.stories.js","sourceRoot":"","sources":["../../src/components/MkTable.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AASpC,MAAM,IAAI,GAA+B;IACrC,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAc;IACzB,UAAU,EAAE;QACR,MAAM,EAAE,QAAQ;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACrB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,YAAY,GAAW;IACzB,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,sBAAsB,EAAE,IAAI,EAAE,OAAO,EAAE;IAC7E,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,EAAE;IACpE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,oBAAoB,EAAE,IAAI,EAAE,MAAM,EAAE;IAC1E,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,mBAAmB,EAAE,IAAI,EAAE,OAAO,EAAE;IACxE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,qBAAqB,EAAE,IAAI,EAAE,OAAO,EAAE;CAC/E,CAAC;AAEF,MAAM,OAAO,GAAG;IACZ,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE;IAC1C,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE;IAC9C,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAChC;QACI,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,CAAC,IAAU,EAAE,EAAE,CAAC,CACpB,eACI,KAAK,EAAE;gBACH,OAAO,EAAE,SAAS;gBAClB,YAAY,EAAE,CAAC;gBACf,QAAQ,EAAE,EAAE;gBACZ,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;gBACzD,KAAK,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;aACvD,YAEA,IAAI,CAAC,IAAI,GACP,CACV;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE;QACF,IAAI,EAAE,EAAE;QACR,OAAO,EAAE,OAAc;KAC1B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE;QACF,IAAI,EAAE,YAAY;QAClB,OAAO,EAAE,OAAc;KAC1B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,IAAI,EAAE,YAAY;QAClB,OAAO,EAAE,OAAc;QACvB,OAAO,EAAE,IAAI;KAChB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACjC,IAAI,EAAE;QACF,IAAI,EAAE,YAAY;QAClB,OAAO,EAAE,OAAc;QACvB,UAAU,EAAE;YACR,YAAY,EAAE,CAAC;YACf,SAAS,EAAE,CAAC;YACZ,KAAK,EAAE,EAAE;SACZ;KACJ;CACJ,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=MkTable.stories.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MkTable.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkTable.stories.test.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,25 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ /**
3
+ * Smoke snapshot for MkTable — generates `__snapshots__/MkTable.stories.snap`.
4
+ * Required by R-MK-002 stories coverage rule (mk:lint:stories).
5
+ */
6
+ import { describe, it, expect, afterEach } from 'vitest';
7
+ import { render, cleanup } from '@testing-library/react';
8
+ import { MkTable } from './MkTable';
9
+ const SAMPLE_USERS = [
10
+ { id: 1, name: 'Mario Guzman', email: 'mario@makromania.com' },
11
+ { id: 2, name: 'Ana López', email: 'ana@example.com' },
12
+ ];
13
+ const COLUMNS = [
14
+ { key: 'id', label: 'ID' },
15
+ { key: 'name', label: 'Name' },
16
+ { key: 'email', label: 'Email' },
17
+ ];
18
+ describe('MkTable story smoke', () => {
19
+ afterEach(cleanup);
20
+ it('renders with rows', () => {
21
+ const { container } = render(_jsx(MkTable, { data: SAMPLE_USERS, columns: COLUMNS }));
22
+ expect(container.firstChild).toMatchSnapshot();
23
+ });
24
+ });
25
+ //# sourceMappingURL=MkTable.stories.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MkTable.stories.test.js","sourceRoot":"","sources":["../../src/components/MkTable.stories.test.tsx"],"names":[],"mappings":";AAAA;;;GAGG;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;AAQpC,MAAM,YAAY,GAAW;IACzB,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,sBAAsB,EAAE;IAC9D,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,iBAAiB,EAAE;CACzD,CAAC;AAEF,MAAM,OAAO,GAAG;IACZ,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;IAC1B,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAC9B,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;CACnC,CAAC;AAEF,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACjC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;QACzB,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,KAAC,OAAO,IAAO,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,OAAc,GAAI,CACjE,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
@@ -0,0 +1,22 @@
1
+ import React from 'react';
2
+ /**
3
+ * @module MkTabs
4
+ * @description Tabbed navigation with optional badge counts and icons.
5
+ */
6
+ export interface MkTabItem {
7
+ key: string;
8
+ label: string;
9
+ icon?: React.ReactNode;
10
+ badge?: number | string;
11
+ disabled?: boolean;
12
+ }
13
+ export interface MkTabsProps {
14
+ tabs: MkTabItem[];
15
+ activeKey?: string;
16
+ onChange?: (key: string) => void;
17
+ variant?: 'underline' | 'pills' | 'segmented';
18
+ size?: 'sm' | 'md';
19
+ className?: string;
20
+ }
21
+ export declare const MkTabs: React.FC<MkTabsProps>;
22
+ //# sourceMappingURL=MkTabs.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MkTabs.d.ts","sourceRoot":"","sources":["../../src/components/MkTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD;;;GAGG;AAEH,MAAM,WAAW,SAAS;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,WAAW;IACxB,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,GAAG,WAAW,CAAC;IAC9C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0CxC,CAAC"}
@@ -0,0 +1,17 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useState, useCallback } from 'react';
3
+ import styles from './MkTabs.module.css';
4
+ export const MkTabs = ({ tabs, activeKey, onChange, variant = 'underline', size = 'md', className, }) => {
5
+ var _a, _b;
6
+ const [internalKey, setInternalKey] = useState((_b = (_a = tabs[0]) === null || _a === void 0 ? void 0 : _a.key) !== null && _b !== void 0 ? _b : '');
7
+ const currentKey = activeKey !== null && activeKey !== void 0 ? activeKey : internalKey;
8
+ const handleSelect = useCallback((key) => {
9
+ setInternalKey(key);
10
+ onChange === null || onChange === void 0 ? void 0 : onChange(key);
11
+ }, [onChange]);
12
+ return (_jsx("div", { className: `${styles.container} ${styles[variant]} ${styles[size]} ${className || ''}`, role: "tablist", children: tabs.map((tab) => {
13
+ const isActive = currentKey === tab.key;
14
+ return (_jsxs("button", { role: "tab", "aria-selected": isActive, disabled: tab.disabled, className: `${styles.tab} ${isActive ? styles.active : ''}`, onClick: () => !tab.disabled && handleSelect(tab.key), children: [tab.icon && _jsx("span", { className: styles.icon, children: tab.icon }), _jsx("span", { children: tab.label }), tab.badge !== null && tab.badge !== undefined && (_jsx("span", { className: styles.badge, children: tab.badge }))] }, tab.key));
15
+ }) }));
16
+ };
17
+ //# sourceMappingURL=MkTabs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MkTabs.js","sourceRoot":"","sources":["../../src/components/MkTabs.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAwBzC,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAC1C,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,WAAW,EACrB,IAAI,GAAG,IAAI,EACX,SAAS,GACZ,EAAE,EAAE;;IACD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,MAAA,MAAA,IAAI,CAAC,CAAC,CAAC,0CAAE,GAAG,mCAAI,EAAE,CAAC,CAAC;IACnE,MAAM,UAAU,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,WAAW,CAAC;IAE5C,MAAM,YAAY,GAAG,WAAW,CAC5B,CAAC,GAAW,EAAE,EAAE;QACZ,cAAc,CAAC,GAAG,CAAC,CAAC;QACpB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,GAAG,CAAC,CAAC;IACpB,CAAC,EACD,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,OAAO,CACH,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,SAAS,IAAI,EAAE,EAAE,EAAE,IAAI,EAAC,SAAS,YACtG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACd,MAAM,QAAQ,GAAG,UAAU,KAAK,GAAG,CAAC,GAAG,CAAC;YACxC,OAAO,CACH,kBAEI,IAAI,EAAC,KAAK,mBACK,QAAQ,EACvB,QAAQ,EAAE,GAAG,CAAC,QAAQ,EACtB,SAAS,EAAE,GAAG,MAAM,CAAC,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,EAC3D,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,IAAI,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,aAEpD,GAAG,CAAC,IAAI,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,GAAG,CAAC,IAAI,GAAQ,EAC5D,yBAAO,GAAG,CAAC,KAAK,GAAQ,EACvB,GAAG,CAAC,KAAK,KAAK,IAAI,IAAI,GAAG,CAAC,KAAK,KAAK,SAAS,IAAI,CAC9C,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,GAAG,CAAC,KAAK,GAAQ,CACpD,KAXI,GAAG,CAAC,GAAG,CAYP,CACZ,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC"}
@@ -0,0 +1,11 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { MkTabs } from './MkTabs';
3
+ declare const meta: Meta<typeof MkTabs>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof MkTabs>;
6
+ export declare const TwoTabs: Story;
7
+ export declare const FourTabs: Story;
8
+ export declare const Pills: Story;
9
+ export declare const Segmented: Story;
10
+ export declare const WithDisabled: Story;
11
+ //# sourceMappingURL=MkTabs.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MkTabs.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkTabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAiB7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAUnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAC"}
@@ -0,0 +1,73 @@
1
+ import { MkTabs } from './MkTabs';
2
+ const meta = {
3
+ title: 'Components/MkTabs',
4
+ component: MkTabs,
5
+ parameters: {
6
+ layout: 'padded',
7
+ },
8
+ tags: ['autodocs'],
9
+ argTypes: {
10
+ variant: {
11
+ control: { type: 'select' },
12
+ options: ['underline', 'pills', 'segmented'],
13
+ },
14
+ size: {
15
+ control: { type: 'select' },
16
+ options: ['sm', 'md'],
17
+ },
18
+ },
19
+ };
20
+ export default meta;
21
+ export const TwoTabs = {
22
+ args: {
23
+ tabs: [
24
+ { key: 'overview', label: 'Overview' },
25
+ { key: 'details', label: 'Details' },
26
+ ],
27
+ variant: 'underline',
28
+ },
29
+ };
30
+ export const FourTabs = {
31
+ args: {
32
+ tabs: [
33
+ { key: 'all', label: 'All', badge: 42 },
34
+ { key: 'unread', label: 'Unread', badge: 3 },
35
+ { key: 'starred', label: 'Starred' },
36
+ { key: 'archived', label: 'Archived' },
37
+ ],
38
+ variant: 'underline',
39
+ },
40
+ };
41
+ export const Pills = {
42
+ args: {
43
+ tabs: [
44
+ { key: 'day', label: 'Day' },
45
+ { key: 'week', label: 'Week' },
46
+ { key: 'month', label: 'Month' },
47
+ { key: 'year', label: 'Year' },
48
+ ],
49
+ variant: 'pills',
50
+ },
51
+ };
52
+ export const Segmented = {
53
+ args: {
54
+ tabs: [
55
+ { key: 'list', label: 'List view' },
56
+ { key: 'grid', label: 'Grid view' },
57
+ { key: 'board', label: 'Board view' },
58
+ ],
59
+ variant: 'segmented',
60
+ },
61
+ };
62
+ export const WithDisabled = {
63
+ args: {
64
+ tabs: [
65
+ { key: 'profile', label: 'Profile' },
66
+ { key: 'security', label: 'Security' },
67
+ { key: 'billing', label: 'Billing', disabled: true },
68
+ { key: 'team', label: 'Team' },
69
+ ],
70
+ variant: 'underline',
71
+ },
72
+ };
73
+ //# sourceMappingURL=MkTabs.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MkTabs.stories.js","sourceRoot":"","sources":["../../src/components/MkTabs.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,IAAI,GAAwB;IAC9B,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE;QACR,MAAM,EAAE,QAAQ;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,WAAW,CAAC;SAC/C;QACD,IAAI,EAAE;YACF,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;SACxB;KACJ;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,IAAI,EAAE;YACF,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;YACtC,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;SACvC;QACD,OAAO,EAAE,WAAW;KACvB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE;QACF,IAAI,EAAE;YACF,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;YACvC,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE;YAC5C,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACpC,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;SACzC;QACD,OAAO,EAAE,WAAW;KACvB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE;QACF,IAAI,EAAE;YACF,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;YAC5B,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;YAC9B,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;YAChC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;SACjC;QACD,OAAO,EAAE,OAAO;KACnB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,IAAI,EAAE;YACF,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE;YACnC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE;YACnC,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE;SACxC;QACD,OAAO,EAAE,WAAW;KACvB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IAC/B,IAAI,EAAE;QACF,IAAI,EAAE;YACF,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACpC,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;YACtC,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE;YACpD,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;SACjC;QACD,OAAO,EAAE,WAAW;KACvB;CACJ,CAAC"}