@makroz/web 1.0.1 → 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 (290) hide show
  1. package/dist/components/MkButton.d.ts.map +1 -1
  2. package/dist/components/MkButton.js +0 -2
  3. package/dist/components/MkButton.js.map +1 -1
  4. package/dist/components/MkThemeEditor.js +1 -1
  5. package/dist/components/MkThemeEditor.js.map +1 -1
  6. package/dist/components/MkToastContainer.d.ts.map +1 -1
  7. package/dist/components/MkToastContainer.js +0 -2
  8. package/dist/components/MkToastContainer.js.map +1 -1
  9. package/dist/components/MkToastContainer.stories.d.ts.map +1 -0
  10. package/dist/components/MkToastContainer.stories.test.d.ts.map +1 -0
  11. package/dist/context/MkAuthContext.d.ts +1 -2
  12. package/dist/context/MkAuthContext.d.ts.map +1 -1
  13. package/dist/context/MkAuthContext.js +1 -3
  14. package/dist/context/MkAuthContext.js.map +1 -1
  15. package/dist/context/MkConfirmContext.d.ts +1 -2
  16. package/dist/context/MkConfirmContext.d.ts.map +1 -1
  17. package/dist/context/MkConfirmContext.js +0 -2
  18. package/dist/context/MkConfirmContext.js.map +1 -1
  19. package/dist/context/MkToastContext.d.ts +1 -2
  20. package/dist/context/MkToastContext.d.ts.map +1 -1
  21. package/dist/context/MkToastContext.js +0 -2
  22. package/dist/context/MkToastContext.js.map +1 -1
  23. package/dist/hooks/useApi.d.ts +5 -6
  24. package/dist/hooks/useApi.d.ts.map +1 -1
  25. package/dist/hooks/useApi.js +0 -2
  26. package/dist/hooks/useApi.js.map +1 -1
  27. package/dist/hooks/useMkCrud.d.ts.map +1 -1
  28. package/dist/hooks/useMkCrud.js +0 -2
  29. package/dist/hooks/useMkCrud.js.map +1 -1
  30. package/dist/hooks/useMkCrud.test.js +0 -2
  31. package/dist/hooks/useMkCrud.test.js.map +1 -1
  32. package/dist/hooks/useMkForm.d.ts.map +1 -1
  33. package/dist/hooks/useMkForm.js +1 -1
  34. package/dist/hooks/useMkForm.js.map +1 -1
  35. package/dist/hooks/useMkList.d.ts +7 -7
  36. package/dist/theme/MkThemeProvider.d.ts.map +1 -1
  37. package/dist/theme/MkThemeProvider.js +2 -2
  38. package/dist/theme/MkThemeProvider.js.map +1 -1
  39. package/eslint-plugin-mk/README.md +167 -0
  40. package/package.json +17 -5
  41. package/dist/auth/MkAuthContext.d.ts +0 -43
  42. package/dist/auth/MkAuthContext.d.ts.map +0 -1
  43. package/dist/auth/MkAuthContext.js +0 -3
  44. package/dist/auth/MkAuthContext.js.map +0 -1
  45. package/dist/auth/MkAuthForm.d.ts +0 -42
  46. package/dist/auth/MkAuthForm.d.ts.map +0 -1
  47. package/dist/auth/MkAuthForm.js +0 -53
  48. package/dist/auth/MkAuthForm.js.map +0 -1
  49. package/dist/auth/MkAuthProvider.d.ts +0 -30
  50. package/dist/auth/MkAuthProvider.d.ts.map +0 -1
  51. package/dist/auth/MkAuthProvider.js +0 -319
  52. package/dist/auth/MkAuthProvider.js.map +0 -1
  53. package/dist/auth/auth/MkAuthContext.d.ts +0 -42
  54. package/dist/auth/auth/MkAuthForm.d.ts +0 -41
  55. package/dist/auth/auth/MkAuthProvider.d.ts +0 -29
  56. package/dist/auth/auth/types.d.ts +0 -62
  57. package/dist/auth/auth/useMkAuth.d.ts +0 -18
  58. package/dist/auth/components/MkButton.d.ts +0 -10
  59. package/dist/auth/components/MkInput.d.ts +0 -12
  60. package/dist/auth/types.d.ts +0 -63
  61. package/dist/auth/types.d.ts.map +0 -1
  62. package/dist/auth/types.js +0 -20
  63. package/dist/auth/types.js.map +0 -1
  64. package/dist/auth/useMkAuth.d.ts +0 -19
  65. package/dist/auth/useMkAuth.d.ts.map +0 -1
  66. package/dist/auth/useMkAuth.js +0 -26
  67. package/dist/auth/useMkAuth.js.map +0 -1
  68. package/dist/components/MkAccordion.d.ts +0 -36
  69. package/dist/components/MkAccordion.d.ts.map +0 -1
  70. package/dist/components/MkAccordion.js +0 -25
  71. package/dist/components/MkAccordion.js.map +0 -1
  72. package/dist/components/MkAccordion.module.css +0 -79
  73. package/dist/components/MkAlert.d.ts +0 -25
  74. package/dist/components/MkAlert.d.ts.map +0 -1
  75. package/dist/components/MkAlert.js +0 -23
  76. package/dist/components/MkAlert.js.map +0 -1
  77. package/dist/components/MkAlert.module.css +0 -103
  78. package/dist/components/MkAvatar.d.ts +0 -16
  79. package/dist/components/MkAvatar.d.ts.map +0 -1
  80. package/dist/components/MkAvatar.js +0 -25
  81. package/dist/components/MkAvatar.js.map +0 -1
  82. package/dist/components/MkAvatar.module.css +0 -62
  83. package/dist/components/MkBadge.d.ts +0 -15
  84. package/dist/components/MkBadge.d.ts.map +0 -1
  85. package/dist/components/MkBadge.js +0 -9
  86. package/dist/components/MkBadge.js.map +0 -1
  87. package/dist/components/MkBadge.module.css +0 -74
  88. package/dist/components/MkButton.d.ts +0 -11
  89. package/dist/components/MkButton.module.css +0 -85
  90. package/dist/components/MkButton.test.d.ts +0 -2
  91. package/dist/components/MkButton.test.d.ts.map +0 -1
  92. package/dist/components/MkButton.test.js +0 -58
  93. package/dist/components/MkButton.test.js.map +0 -1
  94. package/dist/components/MkCard.d.ts +0 -18
  95. package/dist/components/MkCard.d.ts.map +0 -1
  96. package/dist/components/MkCard.js +0 -8
  97. package/dist/components/MkCard.js.map +0 -1
  98. package/dist/components/MkCard.module.css +0 -63
  99. package/dist/components/MkCheck.d.ts +0 -32
  100. package/dist/components/MkCheck.d.ts.map +0 -1
  101. package/dist/components/MkCheck.js +0 -14
  102. package/dist/components/MkCheck.js.map +0 -1
  103. package/dist/components/MkCheck.module.css +0 -87
  104. package/dist/components/MkDatePicker.d.ts +0 -29
  105. package/dist/components/MkDatePicker.d.ts.map +0 -1
  106. package/dist/components/MkDatePicker.js +0 -12
  107. package/dist/components/MkDatePicker.js.map +0 -1
  108. package/dist/components/MkDatePicker.module.css +0 -77
  109. package/dist/components/MkDivider.d.ts +0 -14
  110. package/dist/components/MkDivider.d.ts.map +0 -1
  111. package/dist/components/MkDivider.js +0 -14
  112. package/dist/components/MkDivider.js.map +0 -1
  113. package/dist/components/MkDivider.module.css +0 -39
  114. package/dist/components/MkDropDown.d.ts +0 -22
  115. package/dist/components/MkDropDown.d.ts.map +0 -1
  116. package/dist/components/MkDropDown.js +0 -26
  117. package/dist/components/MkDropDown.js.map +0 -1
  118. package/dist/components/MkDropDown.module.css +0 -108
  119. package/dist/components/MkEmptyState.d.ts +0 -14
  120. package/dist/components/MkEmptyState.d.ts.map +0 -1
  121. package/dist/components/MkEmptyState.js +0 -8
  122. package/dist/components/MkEmptyState.js.map +0 -1
  123. package/dist/components/MkEmptyState.module.css +0 -35
  124. package/dist/components/MkFileUpload.d.ts +0 -36
  125. package/dist/components/MkFileUpload.d.ts.map +0 -1
  126. package/dist/components/MkFileUpload.js +0 -52
  127. package/dist/components/MkFileUpload.js.map +0 -1
  128. package/dist/components/MkFileUpload.module.css +0 -74
  129. package/dist/components/MkIcons.d.ts +0 -14
  130. package/dist/components/MkIcons.d.ts.map +0 -1
  131. package/dist/components/MkIcons.js +0 -38
  132. package/dist/components/MkIcons.js.map +0 -1
  133. package/dist/components/MkInfiniteList.d.ts +0 -15
  134. package/dist/components/MkInfiniteList.d.ts.map +0 -1
  135. package/dist/components/MkInfiniteList.js +0 -31
  136. package/dist/components/MkInfiniteList.js.map +0 -1
  137. package/dist/components/MkInfiniteList.module.css +0 -69
  138. package/dist/components/MkInput.d.ts +0 -13
  139. package/dist/components/MkInput.d.ts.map +0 -1
  140. package/dist/components/MkInput.js +0 -23
  141. package/dist/components/MkInput.js.map +0 -1
  142. package/dist/components/MkInput.module.css +0 -94
  143. package/dist/components/MkLoading.d.ts +0 -20
  144. package/dist/components/MkLoading.d.ts.map +0 -1
  145. package/dist/components/MkLoading.js +0 -16
  146. package/dist/components/MkLoading.js.map +0 -1
  147. package/dist/components/MkLoading.module.css +0 -39
  148. package/dist/components/MkModal.d.ts +0 -20
  149. package/dist/components/MkModal.d.ts.map +0 -1
  150. package/dist/components/MkModal.js +0 -33
  151. package/dist/components/MkModal.js.map +0 -1
  152. package/dist/components/MkModal.module.css +0 -107
  153. package/dist/components/MkProgressBar.d.ts +0 -17
  154. package/dist/components/MkProgressBar.d.ts.map +0 -1
  155. package/dist/components/MkProgressBar.js +0 -9
  156. package/dist/components/MkProgressBar.js.map +0 -1
  157. package/dist/components/MkProgressBar.module.css +0 -48
  158. package/dist/components/MkRadio.d.ts +0 -34
  159. package/dist/components/MkRadio.d.ts.map +0 -1
  160. package/dist/components/MkRadio.js +0 -21
  161. package/dist/components/MkRadio.js.map +0 -1
  162. package/dist/components/MkRadio.module.css +0 -74
  163. package/dist/components/MkSearchInput.d.ts +0 -30
  164. package/dist/components/MkSearchInput.d.ts.map +0 -1
  165. package/dist/components/MkSearchInput.js +0 -29
  166. package/dist/components/MkSearchInput.js.map +0 -1
  167. package/dist/components/MkSearchInput.module.css +0 -80
  168. package/dist/components/MkSelect.d.ts +0 -23
  169. package/dist/components/MkSelect.d.ts.map +0 -1
  170. package/dist/components/MkSelect.js +0 -61
  171. package/dist/components/MkSelect.js.map +0 -1
  172. package/dist/components/MkSelect.module.css +0 -177
  173. package/dist/components/MkSkeleton.d.ts +0 -22
  174. package/dist/components/MkSkeleton.d.ts.map +0 -1
  175. package/dist/components/MkSkeleton.js +0 -23
  176. package/dist/components/MkSkeleton.js.map +0 -1
  177. package/dist/components/MkSkeleton.module.css +0 -28
  178. package/dist/components/MkSwitch.d.ts +0 -22
  179. package/dist/components/MkSwitch.d.ts.map +0 -1
  180. package/dist/components/MkSwitch.js +0 -16
  181. package/dist/components/MkSwitch.js.map +0 -1
  182. package/dist/components/MkSwitch.module.css +0 -108
  183. package/dist/components/MkTable.d.ts +0 -27
  184. package/dist/components/MkTable.d.ts.map +0 -1
  185. package/dist/components/MkTable.js +0 -13
  186. package/dist/components/MkTable.js.map +0 -1
  187. package/dist/components/MkTable.module.css +0 -163
  188. package/dist/components/MkTabs.d.ts +0 -22
  189. package/dist/components/MkTabs.d.ts.map +0 -1
  190. package/dist/components/MkTabs.js +0 -19
  191. package/dist/components/MkTabs.js.map +0 -1
  192. package/dist/components/MkTabs.module.css +0 -117
  193. package/dist/components/MkTextArea.d.ts +0 -21
  194. package/dist/components/MkTextArea.d.ts.map +0 -1
  195. package/dist/components/MkTextArea.js +0 -10
  196. package/dist/components/MkTextArea.js.map +0 -1
  197. package/dist/components/MkThemeEditor.d.ts +0 -8
  198. package/dist/components/MkThemeEditor.module.css +0 -177
  199. package/dist/components/MkToastContainer.d.ts +0 -3
  200. package/dist/components/MkToastContainer.module.css +0 -95
  201. package/dist/components/MkTooltip.d.ts +0 -14
  202. package/dist/components/MkTooltip.d.ts.map +0 -1
  203. package/dist/components/MkTooltip.js +0 -19
  204. package/dist/components/MkTooltip.js.map +0 -1
  205. package/dist/components/MkTooltip.module.css +0 -43
  206. package/dist/components/MkWindowList.d.ts +0 -20
  207. package/dist/components/MkWindowList.d.ts.map +0 -1
  208. package/dist/components/MkWindowList.js +0 -61
  209. package/dist/components/MkWindowList.js.map +0 -1
  210. package/dist/components/MkWindowList.module.css +0 -59
  211. package/dist/components/index.d.ts +0 -31
  212. package/dist/components/index.js +0 -34
  213. package/dist/components/index.js.map +0 -1
  214. package/dist/context/MkApiContext.d.ts +0 -15
  215. package/dist/context/MkApiContext.d.ts.map +0 -1
  216. package/dist/context/MkApiContext.js +0 -30
  217. package/dist/context/MkApiContext.js.map +0 -1
  218. package/dist/hooks/useApi.test.d.ts +0 -2
  219. package/dist/hooks/useApi.test.js +0 -186
  220. package/dist/hooks/useApi.test.js.map +0 -1
  221. package/dist/hooks/useMkClickOutside.d.ts +0 -8
  222. package/dist/hooks/useMkClickOutside.d.ts.map +0 -1
  223. package/dist/hooks/useMkClickOutside.js +0 -26
  224. package/dist/hooks/useMkClickOutside.js.map +0 -1
  225. package/dist/hooks/useMkCrud.d.ts +0 -39
  226. package/dist/hooks/useMkCrud.test.d.ts +0 -2
  227. package/dist/hooks/useMkDebounce.d.ts +0 -24
  228. package/dist/hooks/useMkDebounce.d.ts.map +0 -1
  229. package/dist/hooks/useMkDebounce.js +0 -38
  230. package/dist/hooks/useMkDebounce.js.map +0 -1
  231. package/dist/hooks/useMkEffectDebug.d.ts +0 -7
  232. package/dist/hooks/useMkEffectDebug.d.ts.map +0 -1
  233. package/dist/hooks/useMkEffectDebug.js +0 -26
  234. package/dist/hooks/useMkEffectDebug.js.map +0 -1
  235. package/dist/hooks/useMkEvent.d.ts +0 -31
  236. package/dist/hooks/useMkEvent.d.ts.map +0 -1
  237. package/dist/hooks/useMkEvent.js +0 -56
  238. package/dist/hooks/useMkEvent.js.map +0 -1
  239. package/dist/hooks/useMkForm.d.ts +0 -43
  240. package/dist/hooks/useMkForm.test.d.ts +0 -2
  241. package/dist/hooks/useMkInViewPort.d.ts +0 -14
  242. package/dist/hooks/useMkInViewPort.d.ts.map +0 -1
  243. package/dist/hooks/useMkInViewPort.js +0 -31
  244. package/dist/hooks/useMkInViewPort.js.map +0 -1
  245. package/dist/hooks/useMkInfiniteList.d.ts +0 -15
  246. package/dist/hooks/useMkInfiniteList.js +0 -47
  247. package/dist/hooks/useMkInfiniteList.js.map +0 -1
  248. package/dist/hooks/useMkList.js +0 -54
  249. package/dist/hooks/useMkList.js.map +0 -1
  250. package/dist/hooks/useMkLocalStorage.d.ts +0 -6
  251. package/dist/hooks/useMkLocalStorage.d.ts.map +0 -1
  252. package/dist/hooks/useMkLocalStorage.js +0 -33
  253. package/dist/hooks/useMkLocalStorage.js.map +0 -1
  254. package/dist/hooks/useMkLongPress.d.ts +0 -37
  255. package/dist/hooks/useMkLongPress.d.ts.map +0 -1
  256. package/dist/hooks/useMkLongPress.js +0 -59
  257. package/dist/hooks/useMkLongPress.js.map +0 -1
  258. package/dist/hooks/useMkMediaQuery.d.ts +0 -14
  259. package/dist/hooks/useMkMediaQuery.d.ts.map +0 -1
  260. package/dist/hooks/useMkMediaQuery.js +0 -31
  261. package/dist/hooks/useMkMediaQuery.js.map +0 -1
  262. package/dist/hooks/useMkPrevious.d.ts +0 -7
  263. package/dist/hooks/useMkPrevious.d.ts.map +0 -1
  264. package/dist/hooks/useMkPrevious.js +0 -14
  265. package/dist/hooks/useMkPrevious.js.map +0 -1
  266. package/dist/hooks/useMkScreenSize.d.ts +0 -25
  267. package/dist/hooks/useMkScreenSize.d.ts.map +0 -1
  268. package/dist/hooks/useMkScreenSize.js +0 -43
  269. package/dist/hooks/useMkScreenSize.js.map +0 -1
  270. package/dist/hooks/useMkStore.d.ts +0 -22
  271. package/dist/hooks/useMkStore.d.ts.map +0 -1
  272. package/dist/hooks/useMkStore.js +0 -58
  273. package/dist/hooks/useMkStore.js.map +0 -1
  274. package/dist/hooks/useMkToggle.d.ts +0 -6
  275. package/dist/hooks/useMkToggle.d.ts.map +0 -1
  276. package/dist/hooks/useMkToggle.js +0 -13
  277. package/dist/hooks/useMkToggle.js.map +0 -1
  278. package/dist/index.d.ts +0 -33
  279. package/dist/index.js +0 -37
  280. package/dist/index.js.map +0 -1
  281. package/dist/styles/index.css +0 -124
  282. package/dist/test-setup.d.ts +0 -2
  283. package/dist/test-setup.d.ts.map +0 -1
  284. package/dist/test-setup.js +0 -2
  285. package/dist/test-setup.js.map +0 -1
  286. package/dist/theme/MkThemeProvider.d.ts +0 -20
  287. package/dist/utils/images.d.ts +0 -9
  288. package/dist/utils/images.d.ts.map +0 -1
  289. package/dist/utils/images.js +0 -50
  290. package/dist/utils/images.js.map +0 -1
@@ -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,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":"AACA,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"}
@@ -1,61 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- use;
3
- client;
4
- import { useState, useRef, useMemo } from 'react';
5
- import styles from './MkSelect.module.css';
6
- import { IconArrowDown, IconCheck } from './MkIcons';
7
- import { useMkClickOutside } from '../hooks/useMkClickOutside';
8
- /**
9
- * MkSelect
10
- * 🧪 Feature-rich selector with search and multiple selection support.
11
- */
12
- export const MkSelect = ({ label, error, options = [], placeholder = "Seleccionar...", value, onChange, searchable = false, multiple = false, className = "" }) => {
13
- const [isOpen, setIsOpen] = useState(false);
14
- const [searchTerm, setSearchTerm] = useState("");
15
- const containerRef = useRef(null);
16
- useMkClickOutside([containerRef], () => setIsOpen(false));
17
- // Normalize value to array for easier processing if multiple
18
- const selectedValues = useMemo(() => {
19
- if (value === undefined || value === null || value === '')
20
- return [];
21
- return Array.isArray(value) ? value : [value];
22
- }, [value]);
23
- const filteredOptions = useMemo(() => {
24
- if (!searchable || !searchTerm)
25
- return options;
26
- return options.filter(opt => opt.label.toLowerCase().includes(searchTerm.toLowerCase()));
27
- }, [options, searchable, searchTerm]);
28
- const handleSelect = (val) => {
29
- if (multiple) {
30
- const next = selectedValues.includes(val)
31
- ? selectedValues.filter(v => v !== val)
32
- : [...selectedValues, val];
33
- onChange === null || onChange === void 0 ? void 0 : onChange(next);
34
- }
35
- else {
36
- onChange === null || onChange === void 0 ? void 0 : onChange(val);
37
- setIsOpen(false);
38
- }
39
- };
40
- const displayText = useMemo(() => {
41
- var _a;
42
- if (multiple) {
43
- if (selectedValues.length === 0)
44
- return placeholder;
45
- if (selectedValues.length === 1) {
46
- return ((_a = options.find(o => o.value === selectedValues[0])) === null || _a === void 0 ? void 0 : _a.label) || placeholder;
47
- }
48
- return `${selectedValues.length} seleccionados`;
49
- }
50
- const found = options.find(o => o.value === value);
51
- return found ? found.label : placeholder;
52
- }, [multiple, selectedValues, value, options, placeholder]);
53
- return (_jsxs("div", { className: `${styles.container} ${className}`, ref: containerRef, children: [label && _jsx("label", { className: styles.label, children: label }), _jsxs("div", { className: styles.selectWrapper, children: [_jsxs("div", { className: `${styles.select} ${error ? styles.selectError : ''} ${isOpen ? styles.selectActive : ''}`, onClick: () => setIsOpen(!isOpen), children: [_jsx("span", { className: (selectedValues.length > 0 || (value !== undefined && value !== null && value !== '')) ? styles.valueText : styles.placeholderText, children: displayText }), _jsx("span", { className: `${styles.chevron} ${isOpen ? styles.chevronOpen : ''}`, children: _jsx(IconArrowDown, { size: 16 }) })] }), isOpen && (_jsxs("div", { className: styles.dropdown, children: [searchable && (_jsx("div", { className: styles.searchContainer, children: _jsx("input", { autoFocus: true, className: styles.searchInput, placeholder: "Buscar...", value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), onClick: (e) => e.stopPropagation() }) })), _jsx("div", { className: styles.optionsList, children: filteredOptions.length > 0 ? (filteredOptions.map((opt) => {
54
- const isSelected = selectedValues.includes(opt.value);
55
- return (_jsxs("div", { className: `${styles.option} ${isSelected ? styles.optionSelected : ''}`, onClick: (e) => {
56
- e.stopPropagation();
57
- handleSelect(opt.value);
58
- }, children: [_jsx("span", { className: styles.optionLabel, children: opt.label }), isSelected && (_jsx("span", { className: styles.checkIcon, children: _jsx(IconCheck, { size: 14 }) }))] }, opt.value));
59
- })) : (_jsx("div", { className: styles.noResults, children: "Sin resultados" })) })] }))] }), error && _jsx("span", { className: styles.errorText, children: error })] }));
60
- };
61
- //# sourceMappingURL=MkSelect.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkSelect.js","sourceRoot":"","sources":["../../src/components/MkSelect.tsx"],"names":[],"mappings":"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"}
@@ -1,177 +0,0 @@
1
- .container {
2
- --mk-select-bg: var(--mk-background);
3
- --mk-select-border: var(--mk-border);
4
- --mk-select-color: var(--mk-foreground);
5
- --mk-select-radius: var(--mk-radius, 8px);
6
- --mk-select-focus-border: var(--mk-primary);
7
- --mk-select-placeholder: var(--mk-muted-foreground);
8
- --mk-dropdown-bg: var(--mk-popover);
9
- --mk-dropdown-fg: var(--mk-popover-foreground);
10
- --mk-dropdown-border: var(--mk-border);
11
- --mk-option-hover-bg: var(--mk-muted);
12
- --mk-option-selected-bg: color-mix(in srgb, var(--mk-primary) 15%, var(--mk-background));
13
-
14
- display: flex;
15
- flex-direction: column;
16
- gap: 0.375rem;
17
- width: 100%;
18
- position: relative;
19
- color: var(--mk-select-color);
20
- }
21
-
22
- .label {
23
- font-size: 0.875rem;
24
- font-weight: 500;
25
- color: inherit;
26
- opacity: 0.9;
27
- }
28
-
29
- .selectWrapper {
30
- position: relative;
31
- width: 100%;
32
- }
33
-
34
- .select {
35
- display: flex;
36
- align-items: center;
37
- justify-content: space-between;
38
- width: 100%;
39
- padding: 0.625rem 0.875rem;
40
- min-height: 40px;
41
- font-size: 0.875rem;
42
- background-color: var(--mk-select-bg);
43
- border: 1px solid var(--mk-select-border);
44
- border-radius: var(--mk-select-radius);
45
- color: inherit;
46
- transition: all 0.2s ease;
47
- cursor: pointer;
48
- user-select: none;
49
- }
50
-
51
- .select:hover {
52
- border-color: var(--mk-muted-foreground);
53
- }
54
-
55
- .selectActive {
56
- border-color: var(--mk-select-focus-border);
57
- box-shadow: 0 0 0 3px color-mix(in srgb, var(--mk-select-focus-border), transparent 85%);
58
- }
59
-
60
- .selectError {
61
- --mk-select-border: var(--mk-error);
62
- --mk-select-focus-border: var(--mk-error);
63
- }
64
-
65
- .valueText {
66
- color: inherit;
67
- }
68
-
69
- .placeholderText {
70
- color: var(--mk-select-placeholder);
71
- }
72
-
73
- .chevron {
74
- display: flex;
75
- align-items: center;
76
- justify-content: center;
77
- color: var(--mk-muted-foreground);
78
- transition: transform 0.2s ease;
79
- margin-left: 0.5rem;
80
- }
81
-
82
- .chevronOpen {
83
- transform: rotate(180deg);
84
- color: var(--mk-primary);
85
- }
86
-
87
- .dropdown {
88
- position: absolute;
89
- top: calc(100% + 4px);
90
- left: 0;
91
- width: 100%;
92
- background-color: var(--mk-dropdown-bg);
93
- border: 1px solid var(--mk-dropdown-border);
94
- border-radius: var(--mk-select-radius);
95
- box-shadow:
96
- 0 10px 15px -3px rgba(0, 0, 0, 0.1),
97
- 0 4px 6px -2px rgba(0, 0, 0, 0.05);
98
- z-index: 50;
99
- overflow: hidden;
100
- animation: slideDown 0.2s ease-out;
101
- }
102
-
103
- @keyframes slideDown {
104
- from {
105
- opacity: 0;
106
- transform: translateY(-10px);
107
- }
108
- to {
109
- opacity: 1;
110
- transform: translateY(0);
111
- }
112
- }
113
-
114
- .searchContainer {
115
- padding: 0.5rem;
116
- border-bottom: 1px solid var(--mk-dropdown-border);
117
- }
118
-
119
- .searchInput {
120
- width: 100%;
121
- padding: 0.5rem 0.75rem;
122
- font-size: 0.875rem;
123
- background-color: var(--mk-muted);
124
- border: 1px solid var(--mk-dropdown-border);
125
- border-radius: calc(var(--mk-select-radius) - 2px);
126
- color: inherit;
127
- outline: none;
128
- }
129
-
130
- .searchInput:focus {
131
- border-color: var(--mk-primary);
132
- }
133
-
134
- .optionsList {
135
- max-height: 240px;
136
- overflow-y: auto;
137
- }
138
-
139
- .option {
140
- display: flex;
141
- align-items: center;
142
- justify-content: space-between;
143
- padding: 0.625rem 0.875rem;
144
- font-size: 0.875rem;
145
- cursor: pointer;
146
- transition: background 0.1s;
147
- color: inherit;
148
- }
149
-
150
- .option:hover {
151
- background-color: var(--mk-option-hover-bg);
152
- }
153
-
154
- .optionSelected {
155
- background-color: var(--mk-option-selected-bg);
156
- color: var(--mk-primary);
157
- font-weight: 500;
158
- }
159
-
160
- .checkIcon {
161
- display: flex;
162
- color: var(--mk-primary);
163
- }
164
-
165
- .noResults {
166
- padding: 1rem;
167
- text-align: center;
168
- color: var(--mk-muted-foreground);
169
- font-size: 0.875rem;
170
- }
171
-
172
- .errorText {
173
- font-size: 0.75rem;
174
- color: var(--mk-error);
175
- font-weight: 500;
176
- margin-top: 0.25rem;
177
- }
@@ -1,22 +0,0 @@
1
- import React from 'react';
2
- /**
3
- * @module MkSkeleton
4
- * @description Placeholder loading skeleton. Supports text lines, circles, and custom dimensions.
5
- */
6
- export interface MkSkeletonProps {
7
- /** Shape: 'text', 'circle', 'rect'. Default 'text'. */
8
- variant?: 'text' | 'circle' | 'rect';
9
- /** Width in px or string. Default '100%'. */
10
- width?: number | string;
11
- /** Height in px. Default auto-calculated by variant. */
12
- height?: number | string;
13
- /** Number of text lines to render. Default 1. */
14
- lines?: number;
15
- /** Gap between lines. Default '0.5rem'. */
16
- gap?: string;
17
- /** Border radius override. */
18
- radius?: number | string;
19
- className?: string;
20
- }
21
- export declare const MkSkeleton: React.FC<MkSkeletonProps>;
22
- //# sourceMappingURL=MkSkeleton.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkSkeleton.d.ts","sourceRoot":"","sources":["../../src/components/MkSkeleton.tsx"],"names":[],"mappings":"AACA,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"}
@@ -1,23 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- use;
3
- client;
4
- import styles from './MkSkeleton.module.css';
5
- export const MkSkeleton = ({ variant = 'text', width = '100%', height, lines = 1, gap = '0.5rem', radius, className, }) => {
6
- if (variant === 'circle') {
7
- const size = width || 40;
8
- return (_jsx("div", { className: `${styles.skeleton} ${className || ''}`, style: { width: size, height: size, borderRadius: '50%' } }));
9
- }
10
- if (variant === 'rect') {
11
- return (_jsx("div", { className: `${styles.skeleton} ${className || ''}`, style: { width, height: height || 80, borderRadius: radius !== null && radius !== void 0 ? radius : 'var(--mk-radius, 8px)' } }));
12
- }
13
- // Text variant
14
- if (lines <= 1) {
15
- return (_jsx("div", { className: `${styles.skeleton} ${className || ''}`, style: { width, height: height || '0.875rem', borderRadius: radius !== null && radius !== void 0 ? radius : 4 } }));
16
- }
17
- return (_jsx("div", { style: { display: 'flex', flexDirection: 'column', gap }, children: Array.from({ length: lines }).map((_, i) => (_jsx("div", { className: styles.skeleton, style: {
18
- width: i === lines - 1 ? '70%' : '100%',
19
- height: height || '0.875rem',
20
- borderRadius: radius !== null && radius !== void 0 ? radius : 4,
21
- } }, i))) }));
22
- };
23
- //# sourceMappingURL=MkSkeleton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkSkeleton.js","sourceRoot":"","sources":["../../src/components/MkSkeleton.tsx"],"names":[],"mappings":";AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AAEV,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"}
@@ -1,28 +0,0 @@
1
- .skeleton {
2
- --mk-skeleton-bg: var(--mk-muted);
3
- --mk-skeleton-shimmer: color-mix(in srgb, var(--mk-skeleton-bg), white 40%);
4
-
5
- background: linear-gradient(
6
- 90deg,
7
- var(--mk-skeleton-bg) 25%,
8
- var(--mk-skeleton-shimmer) 50%,
9
- var(--mk-skeleton-bg) 75%
10
- );
11
- background-size: 200% 100%;
12
- animation: mk-shimmer 2s ease-in-out infinite;
13
- border-radius: var(--mk-radius, 4px);
14
- transition: all 0.2s ease;
15
- }
16
-
17
- :global([data-theme='dark']) .skeleton {
18
- --mk-skeleton-shimmer: color-mix(in srgb, var(--mk-skeleton-bg), white 8%);
19
- }
20
-
21
- @keyframes mk-shimmer {
22
- 0% {
23
- background-position: 200% 0;
24
- }
25
- 100% {
26
- background-position: -200% 0;
27
- }
28
- }
@@ -1,22 +0,0 @@
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
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkSwitch.d.ts","sourceRoot":"","sources":["../../src/components/MkSwitch.tsx"],"names":[],"mappings":"AACA,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"}
@@ -1,16 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- use;
3
- client;
4
- import { useCallback } from 'react';
5
- import styles from './MkSwitch.module.css';
6
- export const MkSwitch = ({ label, checked = false, onChange, disabled = false, size = 'md', error, className, }) => {
7
- const handleToggle = useCallback(() => {
8
- if (!disabled)
9
- onChange === null || onChange === void 0 ? void 0 : onChange(!checked);
10
- }, [checked, disabled, onChange]);
11
- 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') {
12
- e.preventDefault();
13
- handleToggle();
14
- } }, 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 })] }));
15
- };
16
- //# sourceMappingURL=MkSwitch.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkSwitch.js","sourceRoot":"","sources":["../../src/components/MkSwitch.tsx"],"names":[],"mappings":";AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AACV,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"}
@@ -1,108 +0,0 @@
1
- .container {
2
- --mk-switch-track-bg: var(--mk-muted);
3
- --mk-switch-track-active: var(--mk-primary);
4
- --mk-switch-thumb-bg: #ffffff;
5
- --mk-switch-color: var(--mk-foreground);
6
- --mk-switch-accent: var(--mk-primary);
7
-
8
- display: flex;
9
- flex-direction: column;
10
- gap: 0.25rem;
11
- }
12
-
13
- .label {
14
- display: inline-flex;
15
- align-items: center;
16
- gap: 0.625rem;
17
- cursor: pointer;
18
- user-select: none;
19
- color: var(--mk-switch-color);
20
- }
21
-
22
- .label.disabled {
23
- opacity: 0.5;
24
- cursor: not-allowed;
25
- }
26
-
27
- .track {
28
- position: relative;
29
- border-radius: 999px;
30
- background-color: var(--mk-switch-track-bg);
31
- transition: all 0.2s ease;
32
- cursor: pointer;
33
- flex-shrink: 0;
34
- }
35
-
36
- :global([data-theme='dark']) .track {
37
- --mk-switch-thumb-bg: var(--mk-popover);
38
- }
39
-
40
- .sm {
41
- width: 32px;
42
- height: 18px;
43
- }
44
- .md {
45
- width: 40px;
46
- height: 22px;
47
- }
48
- .lg {
49
- width: 48px;
50
- height: 26px;
51
- }
52
-
53
- .track:focus-visible {
54
- outline: none;
55
- box-shadow: 0 0 0 3px color-mix(in srgb, var(--mk-switch-accent), transparent 80%);
56
- }
57
-
58
- .checked {
59
- background-color: var(--mk-switch-track-active);
60
- }
61
- .error {
62
- --mk-switch-accent: var(--mk-error);
63
- box-shadow: 0 0 0 2px var(--mk-error);
64
- }
65
-
66
- .thumb {
67
- position: absolute;
68
- top: 2px;
69
- left: 2px;
70
- background-color: var(--mk-switch-thumb-bg);
71
- border-radius: 50%;
72
- transition: transform 0.2s ease;
73
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
74
- }
75
-
76
- .sm .thumb {
77
- width: 14px;
78
- height: 14px;
79
- }
80
- .md .thumb {
81
- width: 18px;
82
- height: 18px;
83
- }
84
- .lg .thumb {
85
- width: 22px;
86
- height: 22px;
87
- }
88
-
89
- .sm .thumbChecked {
90
- transform: translateX(14px);
91
- }
92
- .md .thumbChecked {
93
- transform: translateX(18px);
94
- }
95
- .lg .thumbChecked {
96
- transform: translateX(22px);
97
- }
98
-
99
- .text {
100
- font-size: 0.875rem;
101
- color: inherit;
102
- }
103
- .errorText {
104
- font-size: 0.75rem;
105
- color: var(--mk-error);
106
- font-weight: 500;
107
- margin-left: 3rem;
108
- }
@@ -1,27 +0,0 @@
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>): React.JSX.Element;
26
- export {};
27
- //# sourceMappingURL=MkTable.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkTable.d.ts","sourceRoot":"","sources":["../../src/components/MkTable.tsx"],"names":[],"mappings":"AACA,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,qBA4FjB"}
@@ -1,13 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- use;
3
- client;
4
- import styles from './MkTable.module.css';
5
- import { MkDropDown } from './MkDropDown';
6
- export function MkTable({ data = [], columns = [], loading, onSort, sortField, sortOrder, pagination, onPageChange, actions, onAction }) {
7
- const handleSort = (key) => {
8
- if (onSort)
9
- onSort(key);
10
- };
11
- 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" })] }))] }));
12
- }
13
- //# sourceMappingURL=MkTable.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkTable.js","sourceRoot":"","sources":["../../src/components/MkTable.tsx"],"names":[],"mappings":"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"}