@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,94 +0,0 @@
1
- .container {
2
- --mk-input-bg: var(--mk-background);
3
- --mk-input-border: var(--mk-border);
4
- --mk-input-color: var(--mk-foreground);
5
- --mk-input-radius: var(--mk-radius, 8px);
6
- --mk-input-focus-border: var(--mk-primary);
7
- --mk-input-placeholder: var(--mk-muted-foreground);
8
-
9
- display: flex;
10
- flex-direction: column;
11
- gap: 0.375rem;
12
- width: 100%;
13
- }
14
-
15
- .label {
16
- font-size: 0.875rem;
17
- font-weight: 500;
18
- color: var(--mk-input-color);
19
- opacity: 0.9;
20
- }
21
-
22
- .wrapper {
23
- position: relative;
24
- display: flex;
25
- align-items: center;
26
- width: 100%;
27
- }
28
-
29
- .input {
30
- width: 100%;
31
- padding: 0.625rem 0.875rem;
32
- font-size: 0.875rem;
33
- background-color: var(--mk-input-bg);
34
- border: 1px solid var(--mk-input-border);
35
- border-radius: var(--mk-input-radius);
36
- color: var(--mk-input-color);
37
- transition: var(--mk-transition);
38
- outline: none;
39
- }
40
-
41
- .input::placeholder {
42
- color: var(--mk-input-placeholder);
43
- }
44
-
45
- .input:focus {
46
- border-color: var(--mk-input-focus-border);
47
- box-shadow: 0 0 0 3px color-mix(in srgb, var(--mk-input-focus-border), transparent 85%);
48
- }
49
-
50
- .wrapperError .input {
51
- --mk-input-border: var(--mk-error);
52
- --mk-input-focus-border: var(--mk-error);
53
- }
54
-
55
- .wrapperSuccess .input {
56
- --mk-input-border: var(--mk-success, #10b981);
57
- --mk-input-focus-border: var(--mk-success, #10b981);
58
- }
59
-
60
- .iconLeft, .iconRight {
61
- position: absolute;
62
- display: flex;
63
- align-items: center;
64
- justify-content: center;
65
- color: var(--mk-muted-foreground);
66
- pointer-events: none;
67
- }
68
-
69
- .iconLeft {
70
- left: 0.875rem;
71
- }
72
-
73
- .iconRight {
74
- right: 0.875rem;
75
- }
76
-
77
- .inputWithLeft {
78
- padding-left: 2.5rem;
79
- }
80
-
81
- .inputWithRight {
82
- padding-right: 2.5rem;
83
- }
84
-
85
- .errorText {
86
- font-size: 0.75rem;
87
- color: var(--mk-error);
88
- font-weight: 500;
89
- }
90
-
91
- .helperText {
92
- font-size: 0.75rem;
93
- color: var(--mk-muted-foreground);
94
- }
@@ -1,20 +0,0 @@
1
- import React from 'react';
2
- /**
3
- * @module MkLoading
4
- * @description Loading spinner/indicator with optional label and overlay mode.
5
- */
6
- export interface MkLoadingProps {
7
- /** Show/hide the loading state. Default true. */
8
- visible?: boolean;
9
- /** Loading label text. */
10
- label?: string;
11
- /** Spinner size. */
12
- size?: 'sm' | 'md' | 'lg';
13
- /** If true, renders as a full-screen overlay. */
14
- overlay?: boolean;
15
- /** Color override for the spinner. */
16
- color?: string;
17
- className?: string;
18
- }
19
- export declare const MkLoading: React.FC<MkLoadingProps>;
20
- //# sourceMappingURL=MkLoading.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkLoading.d.ts","sourceRoot":"","sources":["../../src/components/MkLoading.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;GAGG;AAEH,MAAM,WAAW,cAAc;IAC3B,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAID,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2B9C,CAAC"}
@@ -1,16 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- use;
3
- client;
4
- import styles from './MkLoading.module.css';
5
- const SIZES = { sm: 20, md: 32, lg: 48 };
6
- export const MkLoading = ({ visible = true, label, size = 'md', overlay = false, color, className, }) => {
7
- if (!visible)
8
- return null;
9
- const px = SIZES[size];
10
- const spinner = (_jsxs("div", { className: `${styles.wrapper} ${className || ''}`, children: [_jsxs("svg", { className: styles.spinner, width: px, height: px, viewBox: "0 0 24 24", fill: "none", children: [_jsx("circle", { cx: "12", cy: "12", r: "10", stroke: color || 'var(--mk-primary, #6366f1)', strokeWidth: "3", opacity: "0.25" }), _jsx("path", { d: "M12 2a10 10 0 0 1 10 10", stroke: color || 'var(--mk-primary, #6366f1)', strokeWidth: "3", strokeLinecap: "round" })] }), label && _jsx("span", { className: styles.label, children: label })] }));
11
- if (overlay) {
12
- return _jsx("div", { className: styles.overlay, children: spinner });
13
- }
14
- return spinner;
15
- };
16
- //# sourceMappingURL=MkLoading.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkLoading.js","sourceRoot":"","sources":["../../src/components/MkLoading.tsx"],"names":[],"mappings":";AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AAEV,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAqB5C,MAAM,KAAK,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AAEzC,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAChD,OAAO,GAAG,IAAI,EACd,KAAK,EACL,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,KAAK,EACf,KAAK,EACL,SAAS,GACZ,EAAE,EAAE;IACD,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IAEvB,MAAM,OAAO,GAAG,CACZ,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,SAAS,IAAI,EAAE,EAAE,aAClD,eAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,aAClF,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,MAAM,EAAE,KAAK,IAAI,4BAA4B,EAAE,WAAW,EAAC,GAAG,EAAC,OAAO,EAAC,MAAM,GAAG,EAC/G,eAAM,CAAC,EAAC,yBAAyB,EAAC,MAAM,EAAE,KAAK,IAAI,4BAA4B,EAAE,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,GAAG,IACvH,EACL,KAAK,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAQ,IACrD,CACT,CAAC;IAEF,IAAI,OAAO,EAAE,CAAC;QACV,OAAO,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAAG,OAAO,GAAO,CAAC;IAC3D,CAAC;IAED,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC"}
@@ -1,39 +0,0 @@
1
- .wrapper {
2
- --mk-loading-color: var(--mk-primary);
3
- --mk-loading-muted: var(--mk-muted-foreground);
4
- --mk-loading-overlay-bg: color-mix(in srgb, var(--mk-background) 80%, transparent);
5
- --mk-loading-overlay-blur: 4px;
6
-
7
- display: flex;
8
- flex-direction: column;
9
- align-items: center;
10
- justify-content: center;
11
- gap: 0.75rem;
12
- }
13
-
14
- .spinner {
15
- animation: mk-spin 0.75s linear infinite;
16
- color: var(--mk-loading-color);
17
- }
18
-
19
- @keyframes mk-spin {
20
- to {
21
- transform: rotate(360deg);
22
- }
23
- }
24
-
25
- .label {
26
- font-size: 0.8125rem;
27
- color: var(--mk-loading-muted);
28
- }
29
-
30
- .overlay {
31
- position: fixed;
32
- inset: 0;
33
- z-index: 9999;
34
- display: flex;
35
- align-items: center;
36
- justify-content: center;
37
- background-color: var(--mk-loading-overlay-bg);
38
- backdrop-filter: blur(var(--mk-loading-overlay-blur));
39
- }
@@ -1,20 +0,0 @@
1
- import React from 'react';
2
- import type { ReactNode } from 'react';
3
- export interface MkModalProps {
4
- isOpen: boolean;
5
- onClose: () => void;
6
- title?: string;
7
- children: ReactNode;
8
- confirmText?: string;
9
- cancelText?: string;
10
- onConfirm?: () => void;
11
- showCancel?: boolean;
12
- variant?: 'default' | 'destructive' | 'warning' | 'success';
13
- size?: 'sm' | 'md' | 'lg' | 'full';
14
- }
15
- /**
16
- * MkModal
17
- * 🚀 Premium Dialog component with blur background and smooth animations.
18
- */
19
- export declare const MkModal: React.FC<MkModalProps>;
20
- //# sourceMappingURL=MkModal.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkModal.d.ts","sourceRoot":"","sources":["../../src/components/MkModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,YAAY;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;IAC5D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;CACtC;AAED;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmE1C,CAAC"}
@@ -1,33 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- use;
3
- client;
4
- import { useEffect } from 'react';
5
- import { createPortal } from 'react-dom';
6
- import { MkButton } from './MkButton';
7
- import styles from './MkModal.module.css';
8
- /**
9
- * MkModal
10
- * 🚀 Premium Dialog component with blur background and smooth animations.
11
- */
12
- export const MkModal = ({ isOpen, onClose, title, children, confirmText, cancelText = 'Cancelar', onConfirm, showCancel = true, variant = 'default', size = 'md', }) => {
13
- // Handle Escape key
14
- useEffect(() => {
15
- const handleEsc = (e) => {
16
- if (e.key === 'Escape')
17
- onClose();
18
- };
19
- if (isOpen) {
20
- document.body.style.overflow = 'hidden';
21
- window.addEventListener('keydown', handleEsc);
22
- }
23
- return () => {
24
- document.body.style.overflow = '';
25
- window.removeEventListener('keydown', handleEsc);
26
- };
27
- }, [isOpen, onClose]);
28
- if (!isOpen)
29
- return null;
30
- const modalContent = (_jsx("div", { className: styles.overlay, onClick: onClose, children: _jsxs("div", { className: `${styles.container} ${styles[size]}`, onClick: (e) => e.stopPropagation(), role: "dialog", "aria-modal": "true", children: [title && (_jsxs("div", { className: styles.header, children: [_jsx("h2", { children: title }), _jsx("button", { className: styles.closeBtn, onClick: onClose, children: "\u00D7" })] })), _jsx("div", { className: styles.content, children: children }), (onConfirm || showCancel) && (_jsxs("div", { className: styles.footer, children: [showCancel && (_jsx(MkButton, { variant: "outline", onClick: onClose, children: cancelText })), onConfirm && (_jsx(MkButton, { variant: variant === 'destructive' ? 'error' : 'primary', onClick: onConfirm, children: confirmText || 'Aceptar' }))] }))] }) }));
31
- return createPortal(modalContent, document.body);
32
- };
33
- //# sourceMappingURL=MkModal.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkModal.js","sourceRoot":"","sources":["../../src/components/MkModal.tsx"],"names":[],"mappings":";AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AACV,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAe1C;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC5C,MAAM,EACN,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAW,EACX,UAAU,GAAG,UAAU,EACvB,SAAS,EACT,UAAU,GAAG,IAAI,EACjB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,GACd,EAAE,EAAE;IACD,oBAAoB;IACpB,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,SAAS,GAAG,CAAC,CAAgB,EAAE,EAAE;YACnC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ;gBAAE,OAAO,EAAE,CAAC;QACtC,CAAC,CAAC;QACF,IAAI,MAAM,EAAE,CAAC;YACT,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;YACxC,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAClD,CAAC;QACD,OAAO,GAAG,EAAE;YACR,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC;YAClC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACrD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAEtB,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,MAAM,YAAY,GAAG,CACjB,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,YAC5C,eACI,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE,EAChD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACnC,IAAI,EAAC,QAAQ,gBACF,MAAM,aAEhB,KAAK,IAAI,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,MAAM,aACzB,uBAAK,KAAK,GAAM,EAChB,iBAAQ,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,uBAE3C,IACP,CACT,EAED,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAAG,QAAQ,GAAO,EAE/C,CAAC,SAAS,IAAI,UAAU,CAAC,IAAI,CAC1B,eAAK,SAAS,EAAE,MAAM,CAAC,MAAM,aACxB,UAAU,IAAI,CACX,KAAC,QAAQ,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,YACvC,UAAU,GACJ,CACd,EACA,SAAS,IAAI,CACV,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,YACjF,WAAW,IAAI,SAAS,GAClB,CACd,IACC,CACT,IACC,GACJ,CACT,CAAC;IAEF,OAAO,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;AACrD,CAAC,CAAC"}
@@ -1,107 +0,0 @@
1
- .overlay {
2
- --mk-modal-overlay: rgba(0, 0, 0, 0.4);
3
- --mk-modal-blur: 8px;
4
-
5
- position: fixed;
6
- top: 0;
7
- left: 0;
8
- width: 100vw;
9
- height: 100vh;
10
- background: var(--mk-modal-overlay);
11
- backdrop-filter: blur(var(--mk-modal-blur));
12
- display: flex;
13
- align-items: center;
14
- justify-content: center;
15
- z-index: 1000;
16
- animation: mk-fade-in 0.3s ease-out;
17
- }
18
-
19
- :global([data-theme='dark']) .overlay {
20
- --mk-modal-overlay: rgba(0, 0, 0, 0.6);
21
- }
22
-
23
- .container {
24
- --mk-modal-bg: var(--mk-background);
25
- --mk-modal-border: var(--mk-border);
26
- --mk-modal-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
27
- --mk-modal-color: var(--mk-foreground);
28
- --mk-modal-header-bg: transparent;
29
- --mk-modal-footer-bg: var(--mk-muted);
30
-
31
- background: var(--mk-modal-bg);
32
- border: 1px solid var(--mk-modal-border);
33
- border-radius: var(--mk-radius);
34
- max-width: 90vw;
35
- max-height: 90vh;
36
- display: flex;
37
- flex-direction: column;
38
- box-shadow: var(--mk-modal-shadow);
39
- animation: mk-scale-up 0.3s cubic-bezier(0.16, 1, 0.3, 1);
40
- overflow: hidden;
41
- color: var(--mk-modal-color);
42
- }
43
-
44
- :global([data-theme='dark']) .container {
45
- --mk-modal-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.3);
46
- }
47
-
48
- .sm { width: 400px; }
49
- .md { width: 600px; }
50
- .lg { width: 800px; }
51
- .full { width: 95vw; height: 95vh; }
52
-
53
- .header {
54
- padding: 1.5rem;
55
- border-bottom: 1px solid var(--mk-modal-border);
56
- display: flex;
57
- justify-content: space-between;
58
- align-items: center;
59
- background: var(--mk-modal-header-bg);
60
- }
61
-
62
- .header h2 {
63
- margin: 0;
64
- font-size: 1.25rem;
65
- font-weight: 700;
66
- color: inherit;
67
- }
68
-
69
- .closeBtn {
70
- background: none;
71
- border: none;
72
- font-size: 1.5rem;
73
- color: var(--mk-muted-foreground);
74
- cursor: pointer;
75
- transition: var(--mk-transition);
76
- line-height: 1;
77
- display: flex;
78
- align-items: center;
79
- justify-content: center;
80
- padding: 4px;
81
- border-radius: 4px;
82
- }
83
-
84
- .closeBtn:hover {
85
- color: var(--mk-foreground);
86
- background-color: var(--mk-muted);
87
- }
88
-
89
- .content {
90
- padding: 1.5rem;
91
- overflow-y: auto;
92
- line-height: 1.6;
93
- }
94
-
95
- .footer {
96
- padding: 1.5rem;
97
- border-top: 1px solid var(--mk-modal-border);
98
- display: flex;
99
- justify-content: flex-end;
100
- gap: 1rem;
101
- background: var(--mk-modal-footer-bg);
102
- }
103
-
104
- @keyframes mk-scale-up {
105
- from { transform: scale(0.9) translateY(20px); opacity: 0; }
106
- to { transform: scale(1) translateY(0); opacity: 1; }
107
- }
@@ -1,17 +0,0 @@
1
- import React from 'react';
2
- /**
3
- * @module MkProgressBar
4
- * @description Animated progress bar with optional label, percentage text, and color variants.
5
- */
6
- export interface MkProgressBarProps {
7
- value: number;
8
- max?: number;
9
- label?: string;
10
- showPercent?: boolean;
11
- variant?: 'primary' | 'success' | 'warning' | 'error' | 'info';
12
- size?: 'sm' | 'md' | 'lg';
13
- animated?: boolean;
14
- className?: string;
15
- }
16
- export declare const MkProgressBar: React.FC<MkProgressBarProps>;
17
- //# sourceMappingURL=MkProgressBar.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkProgressBar.d.ts","sourceRoot":"","sources":["../../src/components/MkProgressBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;GAGG;AAEH,MAAM,WAAW,kBAAkB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgCtD,CAAC"}
@@ -1,9 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- use;
3
- client;
4
- import styles from './MkProgressBar.module.css';
5
- export const MkProgressBar = ({ value, max = 100, label, showPercent = false, variant = 'primary', size = 'md', animated = true, className, }) => {
6
- const percent = Math.min(Math.max((value / max) * 100, 0), 100);
7
- return (_jsxs("div", { className: `${styles.container} ${className || ''}`, children: [(label || showPercent) && (_jsxs("div", { className: styles.header, children: [label && _jsx("span", { className: styles.label, children: label }), showPercent && _jsxs("span", { className: styles.percent, children: [Math.round(percent), "%"] })] })), _jsx("div", { className: `${styles.track} ${styles[size]}`, children: _jsx("div", { className: `${styles.bar} ${styles[variant]} ${animated ? styles.animated : ''}`, style: { width: `${percent}%` }, role: "progressbar", "aria-valuenow": value, "aria-valuemin": 0, "aria-valuemax": max }) })] }));
8
- };
9
- //# sourceMappingURL=MkProgressBar.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkProgressBar.js","sourceRoot":"","sources":["../../src/components/MkProgressBar.tsx"],"names":[],"mappings":";AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AAEV,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAkBhD,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EACxD,KAAK,EACL,GAAG,GAAG,GAAG,EACT,KAAK,EACL,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,IAAI,EACf,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAEhE,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,IAAI,EAAE,EAAE,aACnD,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACvB,eAAK,SAAS,EAAE,MAAM,CAAC,MAAM,aACxB,KAAK,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAQ,EACtD,WAAW,IAAI,gBAAM,SAAS,EAAE,MAAM,CAAC,OAAO,aAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,IAC5E,CACT,EACD,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE,YAC7C,cACI,SAAS,EAAE,GAAG,MAAM,CAAC,GAAG,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EAChF,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,OAAO,GAAG,EAAE,EAC/B,IAAI,EAAC,aAAa,mBACH,KAAK,mBACL,CAAC,mBACD,GAAG,GACpB,GACA,IACJ,CACT,CAAC;AACN,CAAC,CAAC"}
@@ -1,48 +0,0 @@
1
- .container {
2
- display: flex;
3
- flex-direction: column;
4
- gap: 0.375rem;
5
- width: 100%;
6
- }
7
-
8
- .header { display: flex; justify-content: space-between; align-items: center; }
9
- .label { font-size: 0.8125rem; font-weight: 500; color: var(--mk-foreground); }
10
- .percent { font-size: 0.75rem; color: var(--mk-muted-foreground); font-weight: 600; font-variant-numeric: tabular-nums; }
11
-
12
- .track {
13
- --mk-progress-track-bg: var(--mk-muted);
14
- --mk-progress-radius: 999px;
15
-
16
- width: 100%;
17
- background-color: var(--mk-progress-track-bg);
18
- border-radius: var(--mk-progress-radius);
19
- overflow: hidden;
20
- }
21
-
22
- .sm { height: 4px; }
23
- .md { height: 8px; }
24
- .lg { height: 12px; }
25
-
26
- .bar {
27
- --mk-progress-color: var(--mk-primary);
28
-
29
- height: 100%;
30
- border-radius: 999px;
31
- background-color: var(--mk-progress-color);
32
- transition: width 0.4s ease, background-color 0.2s ease;
33
- }
34
-
35
- .animated { animation: mk-progress-shimmer 2s infinite; }
36
-
37
- @keyframes mk-progress-shimmer {
38
- 0% { opacity: 1; }
39
- 50% { opacity: 0.75; }
40
- 100% { opacity: 1; }
41
- }
42
-
43
- /* Variant Overrides */
44
- .primary { --mk-progress-color: var(--mk-primary); }
45
- .success { --mk-progress-color: #22c55e; }
46
- .warning { --mk-progress-color: #f59e0b; }
47
- .error { --mk-progress-color: #ef4444; }
48
- .info { --mk-progress-color: #3b82f6; }
@@ -1,34 +0,0 @@
1
- import React from 'react';
2
- /**
3
- * @module MkRadio
4
- * @description Radio group component. Same prop API as mk-mobile MkRadio.
5
- *
6
- * @example
7
- * ```tsx
8
- * <MkRadio
9
- * label="Género"
10
- * options={[{ value: 'M', label: 'Masculino' }, { value: 'F', label: 'Femenino' }]}
11
- * value={gender}
12
- * onChange={setGender}
13
- * />
14
- * ```
15
- */
16
- export interface MkRadioOption {
17
- value: string | number;
18
- label: string;
19
- disabled?: boolean;
20
- }
21
- export interface MkRadioProps {
22
- label?: string;
23
- options: MkRadioOption[];
24
- value?: string | number | null;
25
- onChange?: (value: string | number) => void;
26
- direction?: 'horizontal' | 'vertical';
27
- disabled?: boolean;
28
- error?: string;
29
- size?: 'sm' | 'md' | 'lg';
30
- name?: string;
31
- className?: string;
32
- }
33
- export declare const MkRadio: React.FC<MkRadioProps>;
34
- //# sourceMappingURL=MkRadio.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkRadio.d.ts","sourceRoot":"","sources":["../../src/components/MkRadio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C;;;;;;;;;;;;;GAaG;AAEH,MAAM,WAAW,aAAa;IAC1B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAID,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmD1C,CAAC"}
@@ -1,21 +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 './MkRadio.module.css';
6
- const _SIZES = { sm: 16, md: 20, lg: 24 };
7
- export const MkRadio = ({ label, options, value, onChange, direction = 'vertical', disabled = false, error, size = 'md', name: _name, className, }) => {
8
- const handleSelect = useCallback((optValue) => {
9
- if (!disabled)
10
- onChange === null || onChange === void 0 ? void 0 : onChange(optValue);
11
- }, [disabled, onChange]);
12
- return (_jsxs("div", { className: `${styles.container} ${className || ''}`, role: "radiogroup", "aria-label": label, children: [label && _jsx("span", { className: styles.groupLabel, children: label }), _jsx("div", { className: `${styles.options} ${styles[direction]}`, children: options.map((opt) => {
13
- const isSelected = value === opt.value;
14
- const isDisabled = disabled || opt.disabled;
15
- return (_jsxs("label", { className: `${styles.option} ${isDisabled ? styles.disabled : ''}`, children: [_jsx("div", { className: `${styles.radio} ${styles[size]} ${isSelected ? styles.selected : ''} ${error ? styles.error : ''}`, onClick: () => !isDisabled && handleSelect(opt.value), role: "radio", "aria-checked": isSelected, tabIndex: isDisabled ? -1 : 0, onKeyDown: (e) => {
16
- if (e.key === ' ' || e.key === 'Enter')
17
- handleSelect(opt.value);
18
- }, children: isSelected && _jsx("div", { className: styles.dot }) }), _jsx("span", { className: styles.text, children: opt.label })] }, String(opt.value)));
19
- }) }), error && _jsx("span", { className: styles.errorText, children: error })] }));
20
- };
21
- //# sourceMappingURL=MkRadio.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkRadio.js","sourceRoot":"","sources":["../../src/components/MkRadio.tsx"],"names":[],"mappings":";AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AACV,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAoC1C,MAAM,MAAM,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AAE1C,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC5C,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,UAAU,EACtB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,IAAI,GAAG,IAAI,EACX,IAAI,EAAE,KAAK,EACX,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,YAAY,GAAG,WAAW,CAC5B,CAAC,QAAyB,EAAE,EAAE;QAC1B,IAAI,CAAC,QAAQ;YAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,QAAQ,CAAC,CAAC;IACxC,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACvB,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,IAAI,EAAE,EAAE,EAAE,IAAI,EAAC,YAAY,gBAAa,KAAK,aACxF,KAAK,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,UAAU,YAAG,KAAK,GAAQ,EAC5D,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,EAAE,YACnD,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;oBACjB,MAAM,UAAU,GAAG,KAAK,KAAK,GAAG,CAAC,KAAK,CAAC;oBACvC,MAAM,UAAU,GAAG,QAAQ,IAAI,GAAG,CAAC,QAAQ,CAAC;oBAC5C,OAAO,CACH,iBAEI,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,aAElE,cACI,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EAC9G,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,IAAI,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,EACrD,IAAI,EAAC,OAAO,kBACE,UAAU,EACxB,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC7B,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;oCACb,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO;wCAAE,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gCACpE,CAAC,YAEA,UAAU,IAAI,cAAK,SAAS,EAAE,MAAM,CAAC,GAAG,GAAI,GAC3C,EACN,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,GAAG,CAAC,KAAK,GAAQ,KAf3C,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAgBlB,CACX,CAAC;gBACN,CAAC,CAAC,GACA,EACL,KAAK,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,SAAS,YAAG,KAAK,GAAQ,IACzD,CACT,CAAC;AACN,CAAC,CAAC"}
@@ -1,74 +0,0 @@
1
- .container {
2
- --mk-radio-bg: var(--mk-background);
3
- --mk-radio-border: var(--mk-border);
4
- --mk-radio-accent: var(--mk-primary);
5
- --mk-radio-color: var(--mk-foreground);
6
- --mk-radio-muted-color: var(--mk-muted-foreground);
7
-
8
- display: flex;
9
- flex-direction: column;
10
- gap: 0.375rem;
11
- color: var(--mk-radio-color);
12
- }
13
-
14
- .groupLabel {
15
- font-size: 0.875rem;
16
- font-weight: 500;
17
- color: inherit;
18
- opacity: 0.9;
19
- }
20
-
21
- .options { display: flex; gap: 0.75rem; }
22
- .vertical { flex-direction: column; }
23
- .horizontal { flex-direction: row; flex-wrap: wrap; }
24
-
25
- .option {
26
- display: inline-flex;
27
- align-items: center;
28
- gap: 0.5rem;
29
- cursor: pointer;
30
- user-select: none;
31
- color: inherit;
32
- }
33
- .option.disabled { opacity: 0.5; cursor: not-allowed; }
34
-
35
- .radio {
36
- display: flex;
37
- align-items: center;
38
- justify-content: center;
39
- border: 2px solid var(--mk-radio-border);
40
- border-radius: 50%;
41
- background-color: var(--mk-radio-bg);
42
- transition: all 0.15s ease;
43
- flex-shrink: 0;
44
- cursor: pointer;
45
- }
46
-
47
- .sm { width: 16px; height: 16px; }
48
- .md { width: 20px; height: 20px; }
49
- .lg { width: 24px; height: 24px; }
50
-
51
- .radio:hover { border-color: var(--mk-radio-accent); }
52
- .radio:focus-visible { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--mk-radio-accent), transparent 80%); }
53
-
54
- .selected { border-color: var(--mk-radio-accent); }
55
- .error {
56
- --mk-radio-border: var(--mk-error);
57
- --mk-radio-accent: var(--mk-error);
58
- }
59
-
60
- .dot {
61
- width: 60%;
62
- height: 60%;
63
- border-radius: 50%;
64
- background-color: var(--mk-radio-accent);
65
- animation: mk-scale-in 0.15s ease;
66
- }
67
-
68
- @keyframes mk-scale-in {
69
- from { transform: scale(0); }
70
- to { transform: scale(1); }
71
- }
72
-
73
- .text { font-size: 0.875rem; color: inherit; }
74
- .errorText { font-size: 0.75rem; color: var(--mk-error); font-weight: 500; }
@@ -1,30 +0,0 @@
1
- import React from 'react';
2
- /**
3
- * @module MkSearchInput
4
- * @description Search input with integrated debounce.
5
- * Fires onSearch only after the user stops typing.
6
- *
7
- * @example
8
- * ```tsx
9
- * <MkSearchInput
10
- * onSearch={(term) => list.setParams({ searchBy: term })}
11
- * delay={350}
12
- * placeholder="Buscar usuarios..."
13
- * />
14
- * ```
15
- */
16
- export interface MkSearchInputProps {
17
- onSearch: (term: string) => void;
18
- delay?: number;
19
- placeholder?: string;
20
- value?: string;
21
- defaultValue?: string;
22
- size?: 'sm' | 'md' | 'lg';
23
- disabled?: boolean;
24
- loading?: boolean;
25
- clearable?: boolean;
26
- className?: string;
27
- autoFocus?: boolean;
28
- }
29
- export declare const MkSearchInput: React.FC<MkSearchInputProps>;
30
- //# sourceMappingURL=MkSearchInput.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkSearchInput.d.ts","sourceRoot":"","sources":["../../src/components/MkSearchInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD;;;;;;;;;;;;;GAaG;AAEH,MAAM,WAAW,kBAAkB;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2EtD,CAAC"}
@@ -1,29 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- use;
3
- client;
4
- import React, { useCallback, useRef } from 'react';
5
- import styles from './MkSearchInput.module.css';
6
- import { useMkDebounce } from '../hooks/useMkDebounce';
7
- export const MkSearchInput = ({ onSearch, delay = 350, placeholder = 'Buscar...', value, defaultValue = '', size = 'md', disabled = false, loading = false, clearable = true, className, autoFocus = false, }) => {
8
- const [internalValue, setInternalValue] = React.useState(defaultValue);
9
- const inputValue = value !== undefined ? value : internalValue;
10
- const debouncedTerm = useMkDebounce(inputValue, delay);
11
- const prevTermRef = useRef('');
12
- // Fire onSearch when debounced value changes
13
- React.useEffect(() => {
14
- if (debouncedTerm !== prevTermRef.current) {
15
- prevTermRef.current = debouncedTerm;
16
- onSearch(debouncedTerm);
17
- }
18
- }, [debouncedTerm, onSearch]);
19
- const handleChange = useCallback((e) => {
20
- setInternalValue(e.target.value);
21
- }, []);
22
- const handleClear = useCallback(() => {
23
- setInternalValue('');
24
- onSearch('');
25
- }, [onSearch]);
26
- const hasValue = inputValue.length > 0;
27
- return (_jsxs("div", { className: `${styles.wrapper} ${styles[size]} ${disabled ? styles.disabled : ''} ${className || ''}`, children: [_jsx("span", { className: styles.searchIcon, children: loading ? (_jsx("span", { className: styles.spinner })) : (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [_jsx("circle", { cx: "7", cy: "7", r: "5" }), _jsx("line", { x1: "12", y1: "12", x2: "10.5", y2: "10.5" })] })) }), _jsx("input", { type: "text", value: inputValue, onChange: handleChange, placeholder: placeholder, disabled: disabled, autoFocus: autoFocus, className: styles.input, "aria-label": placeholder }), clearable && hasValue && !disabled && (_jsx("button", { className: styles.clearBtn, onClick: handleClear, "aria-label": "Limpiar b\u00FAsqueda", type: "button", children: "\u2715" }))] }));
28
- };
29
- //# sourceMappingURL=MkSearchInput.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MkSearchInput.js","sourceRoot":"","sources":["../../src/components/MkSearchInput.tsx"],"names":[],"mappings":";AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AACV,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AA+BvD,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EACxD,QAAQ,EACR,KAAK,GAAG,GAAG,EACX,WAAW,GAAG,WAAW,EACzB,KAAK,EACL,YAAY,GAAG,EAAE,EACjB,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,IAAI,EAChB,SAAS,EACT,SAAS,GAAG,KAAK,GACpB,EAAE,EAAE;IACD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IACvE,MAAM,UAAU,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC;IAE/D,MAAM,aAAa,GAAG,aAAa,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IACvD,MAAM,WAAW,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;IAE/B,6CAA6C;IAC7C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,aAAa,KAAK,WAAW,CAAC,OAAO,EAAE,CAAC;YACxC,WAAW,CAAC,OAAO,GAAG,aAAa,CAAC;YACpC,QAAQ,CAAC,aAAa,CAAC,CAAC;QAC5B,CAAC;IACL,CAAC,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE9B,MAAM,YAAY,GAAG,WAAW,CAC5B,CAAC,CAAsC,EAAE,EAAE;QACvC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC,EACD,EAAE,CACL,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,gBAAgB,CAAC,EAAE,CAAC,CAAC;QACrB,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,QAAQ,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;IAEvC,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,IAAI,EAAE,EAAE,aACrG,eAAM,SAAS,EAAE,MAAM,CAAC,UAAU,YAC7B,OAAO,CAAC,CAAC,CAAC,CACP,eAAM,SAAS,EAAE,MAAM,CAAC,OAAO,GAAI,CACtC,CAAC,CAAC,CAAC,CACA,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,aACnH,iBAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,GAAG,EAC9B,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,GAAG,IAC1C,CACT,GACE,EACP,gBACI,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,MAAM,CAAC,KAAK,gBACX,WAAW,GACzB,EACD,SAAS,IAAI,QAAQ,IAAI,CAAC,QAAQ,IAAI,CACnC,iBACI,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,OAAO,EAAE,WAAW,gBACT,uBAAkB,EAC7B,IAAI,EAAC,QAAQ,uBAGR,CACZ,IACC,CACT,CAAC;AACN,CAAC,CAAC"}