@makroz/web 1.1.0 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/context/MkAuthContext.d.ts +1 -2
- package/dist/context/MkAuthContext.d.ts.map +1 -1
- package/dist/context/MkConfirmContext.d.ts +1 -2
- package/dist/context/MkConfirmContext.d.ts.map +1 -1
- package/dist/context/MkToastContext.d.ts +1 -2
- package/dist/context/MkToastContext.d.ts.map +1 -1
- package/dist/hooks/useApi.d.ts +5 -6
- package/dist/hooks/useApi.d.ts.map +1 -1
- package/dist/hooks/useMkList.d.ts +7 -7
- package/package.json +2 -2
- package/dist/auth/MkAuthContext.d.ts +0 -43
- package/dist/auth/MkAuthContext.d.ts.map +0 -1
- package/dist/auth/MkAuthContext.js +0 -3
- package/dist/auth/MkAuthContext.js.map +0 -1
- package/dist/auth/MkAuthForm.d.ts +0 -42
- package/dist/auth/MkAuthForm.d.ts.map +0 -1
- package/dist/auth/MkAuthForm.js +0 -53
- package/dist/auth/MkAuthForm.js.map +0 -1
- package/dist/auth/MkAuthProvider.d.ts +0 -30
- package/dist/auth/MkAuthProvider.d.ts.map +0 -1
- package/dist/auth/MkAuthProvider.js +0 -317
- package/dist/auth/MkAuthProvider.js.map +0 -1
- package/dist/auth/types.d.ts +0 -63
- package/dist/auth/types.d.ts.map +0 -1
- package/dist/auth/types.js +0 -20
- package/dist/auth/types.js.map +0 -1
- package/dist/auth/useMkAuth.d.ts +0 -19
- package/dist/auth/useMkAuth.d.ts.map +0 -1
- package/dist/auth/useMkAuth.js +0 -26
- package/dist/auth/useMkAuth.js.map +0 -1
- package/dist/components/FormField.d.ts +0 -27
- package/dist/components/FormField.d.ts.map +0 -1
- package/dist/components/FormField.js +0 -18
- package/dist/components/FormField.js.map +0 -1
- package/dist/components/FormField.stories.d.ts +0 -11
- package/dist/components/FormField.stories.d.ts.map +0 -1
- package/dist/components/FormField.stories.js +0 -61
- package/dist/components/FormField.stories.js.map +0 -1
- package/dist/components/MkAccordion.d.ts +0 -36
- package/dist/components/MkAccordion.d.ts.map +0 -1
- package/dist/components/MkAccordion.js +0 -23
- package/dist/components/MkAccordion.js.map +0 -1
- package/dist/components/MkAccordion.module.css +0 -79
- package/dist/components/MkAccordion.stories.d.ts +0 -13
- package/dist/components/MkAccordion.stories.d.ts.map +0 -1
- package/dist/components/MkAccordion.stories.js +0 -76
- package/dist/components/MkAccordion.stories.js.map +0 -1
- package/dist/components/MkAccordion.stories.test.d.ts +0 -2
- package/dist/components/MkAccordion.stories.test.d.ts.map +0 -1
- package/dist/components/MkAccordion.stories.test.js +0 -18
- package/dist/components/MkAccordion.stories.test.js.map +0 -1
- package/dist/components/MkAlert.d.ts +0 -25
- package/dist/components/MkAlert.d.ts.map +0 -1
- package/dist/components/MkAlert.js +0 -21
- package/dist/components/MkAlert.js.map +0 -1
- package/dist/components/MkAlert.module.css +0 -103
- package/dist/components/MkAlert.stories.d.ts +0 -13
- package/dist/components/MkAlert.stories.d.ts.map +0 -1
- package/dist/components/MkAlert.stories.js +0 -75
- package/dist/components/MkAlert.stories.js.map +0 -1
- package/dist/components/MkAlert.stories.test.d.ts +0 -2
- package/dist/components/MkAlert.stories.test.d.ts.map +0 -1
- package/dist/components/MkAlert.stories.test.js +0 -16
- package/dist/components/MkAlert.stories.test.js.map +0 -1
- package/dist/components/MkAvatar.d.ts +0 -16
- package/dist/components/MkAvatar.d.ts.map +0 -1
- package/dist/components/MkAvatar.js +0 -23
- package/dist/components/MkAvatar.js.map +0 -1
- package/dist/components/MkAvatar.module.css +0 -62
- package/dist/components/MkAvatar.stories.d.ts +0 -14
- package/dist/components/MkAvatar.stories.d.ts.map +0 -1
- package/dist/components/MkAvatar.stories.js +0 -67
- package/dist/components/MkAvatar.stories.js.map +0 -1
- package/dist/components/MkAvatar.stories.test.d.ts +0 -2
- package/dist/components/MkAvatar.stories.test.d.ts.map +0 -1
- package/dist/components/MkAvatar.stories.test.js +0 -16
- package/dist/components/MkAvatar.stories.test.js.map +0 -1
- package/dist/components/MkBadge.d.ts +0 -15
- package/dist/components/MkBadge.d.ts.map +0 -1
- package/dist/components/MkBadge.js +0 -7
- package/dist/components/MkBadge.js.map +0 -1
- package/dist/components/MkBadge.module.css +0 -74
- package/dist/components/MkBadge.stories.d.ts +0 -15
- package/dist/components/MkBadge.stories.d.ts.map +0 -1
- package/dist/components/MkBadge.stories.js +0 -78
- package/dist/components/MkBadge.stories.js.map +0 -1
- package/dist/components/MkBadge.stories.test.d.ts +0 -2
- package/dist/components/MkBadge.stories.test.d.ts.map +0 -1
- package/dist/components/MkBadge.stories.test.js +0 -16
- package/dist/components/MkBadge.stories.test.js.map +0 -1
- package/dist/components/MkButton.d.ts +0 -11
- package/dist/components/MkButton.module.css +0 -85
- package/dist/components/MkButton.stories.d.ts +0 -12
- package/dist/components/MkButton.stories.d.ts.map +0 -1
- package/dist/components/MkButton.stories.js +0 -57
- package/dist/components/MkButton.stories.js.map +0 -1
- package/dist/components/MkButton.test.d.ts +0 -2
- package/dist/components/MkButton.test.d.ts.map +0 -1
- package/dist/components/MkButton.test.js +0 -56
- package/dist/components/MkButton.test.js.map +0 -1
- package/dist/components/MkCard.d.ts +0 -18
- package/dist/components/MkCard.d.ts.map +0 -1
- package/dist/components/MkCard.js +0 -6
- package/dist/components/MkCard.js.map +0 -1
- package/dist/components/MkCard.module.css +0 -63
- package/dist/components/MkCard.stories.d.ts +0 -11
- package/dist/components/MkCard.stories.d.ts.map +0 -1
- package/dist/components/MkCard.stories.js +0 -57
- package/dist/components/MkCard.stories.js.map +0 -1
- package/dist/components/MkCheck.d.ts +0 -32
- package/dist/components/MkCheck.d.ts.map +0 -1
- package/dist/components/MkCheck.js +0 -12
- package/dist/components/MkCheck.js.map +0 -1
- package/dist/components/MkCheck.module.css +0 -87
- package/dist/components/MkCheck.stories.d.ts +0 -13
- package/dist/components/MkCheck.stories.d.ts.map +0 -1
- package/dist/components/MkCheck.stories.js +0 -63
- package/dist/components/MkCheck.stories.js.map +0 -1
- package/dist/components/MkCheck.stories.test.d.ts +0 -2
- package/dist/components/MkCheck.stories.test.d.ts.map +0 -1
- package/dist/components/MkCheck.stories.test.js +0 -16
- package/dist/components/MkCheck.stories.test.js.map +0 -1
- package/dist/components/MkDatePicker.d.ts +0 -29
- package/dist/components/MkDatePicker.d.ts.map +0 -1
- package/dist/components/MkDatePicker.js +0 -10
- package/dist/components/MkDatePicker.js.map +0 -1
- package/dist/components/MkDatePicker.module.css +0 -77
- package/dist/components/MkDatePicker.stories.d.ts +0 -11
- package/dist/components/MkDatePicker.stories.d.ts.map +0 -1
- package/dist/components/MkDatePicker.stories.js +0 -47
- package/dist/components/MkDatePicker.stories.js.map +0 -1
- package/dist/components/MkDatePicker.stories.test.d.ts +0 -2
- package/dist/components/MkDatePicker.stories.test.d.ts.map +0 -1
- package/dist/components/MkDatePicker.stories.test.js +0 -16
- package/dist/components/MkDatePicker.stories.test.js.map +0 -1
- package/dist/components/MkDivider.d.ts +0 -14
- package/dist/components/MkDivider.d.ts.map +0 -1
- package/dist/components/MkDivider.js +0 -12
- package/dist/components/MkDivider.js.map +0 -1
- package/dist/components/MkDivider.module.css +0 -39
- package/dist/components/MkDivider.stories.d.ts +0 -12
- package/dist/components/MkDivider.stories.d.ts.map +0 -1
- package/dist/components/MkDivider.stories.js +0 -33
- package/dist/components/MkDivider.stories.js.map +0 -1
- package/dist/components/MkDivider.stories.test.d.ts +0 -2
- package/dist/components/MkDivider.stories.test.d.ts.map +0 -1
- package/dist/components/MkDivider.stories.test.js +0 -15
- package/dist/components/MkDivider.stories.test.js.map +0 -1
- package/dist/components/MkDropDown.d.ts +0 -22
- package/dist/components/MkDropDown.d.ts.map +0 -1
- package/dist/components/MkDropDown.js +0 -24
- package/dist/components/MkDropDown.js.map +0 -1
- package/dist/components/MkDropDown.module.css +0 -108
- package/dist/components/MkDropDown.stories.d.ts +0 -12
- package/dist/components/MkDropDown.stories.d.ts.map +0 -1
- package/dist/components/MkDropDown.stories.js +0 -76
- package/dist/components/MkDropDown.stories.js.map +0 -1
- package/dist/components/MkDropDown.stories.test.d.ts +0 -2
- package/dist/components/MkDropDown.stories.test.d.ts.map +0 -1
- package/dist/components/MkDropDown.stories.test.js +0 -18
- package/dist/components/MkDropDown.stories.test.js.map +0 -1
- package/dist/components/MkEmptyState.d.ts +0 -14
- package/dist/components/MkEmptyState.d.ts.map +0 -1
- package/dist/components/MkEmptyState.js +0 -6
- package/dist/components/MkEmptyState.js.map +0 -1
- package/dist/components/MkEmptyState.module.css +0 -35
- package/dist/components/MkEmptyState.stories.d.ts +0 -12
- package/dist/components/MkEmptyState.stories.d.ts.map +0 -1
- package/dist/components/MkEmptyState.stories.js +0 -44
- package/dist/components/MkEmptyState.stories.js.map +0 -1
- package/dist/components/MkEmptyState.stories.test.d.ts +0 -2
- package/dist/components/MkEmptyState.stories.test.d.ts.map +0 -1
- package/dist/components/MkEmptyState.stories.test.js +0 -15
- package/dist/components/MkEmptyState.stories.test.js.map +0 -1
- package/dist/components/MkFileUpload.d.ts +0 -36
- package/dist/components/MkFileUpload.d.ts.map +0 -1
- package/dist/components/MkFileUpload.js +0 -50
- package/dist/components/MkFileUpload.js.map +0 -1
- package/dist/components/MkFileUpload.module.css +0 -74
- package/dist/components/MkFileUpload.stories.d.ts +0 -12
- package/dist/components/MkFileUpload.stories.d.ts.map +0 -1
- package/dist/components/MkFileUpload.stories.js +0 -53
- package/dist/components/MkFileUpload.stories.js.map +0 -1
- package/dist/components/MkFileUpload.stories.test.d.ts +0 -2
- package/dist/components/MkFileUpload.stories.test.d.ts.map +0 -1
- package/dist/components/MkFileUpload.stories.test.js +0 -15
- package/dist/components/MkFileUpload.stories.test.js.map +0 -1
- package/dist/components/MkIcons.d.ts +0 -14
- package/dist/components/MkIcons.d.ts.map +0 -1
- package/dist/components/MkIcons.js +0 -36
- package/dist/components/MkIcons.js.map +0 -1
- package/dist/components/MkInfiniteList.d.ts +0 -15
- package/dist/components/MkInfiniteList.d.ts.map +0 -1
- package/dist/components/MkInfiniteList.js +0 -29
- package/dist/components/MkInfiniteList.js.map +0 -1
- package/dist/components/MkInfiniteList.module.css +0 -69
- package/dist/components/MkInfiniteList.stories.d.ts +0 -17
- package/dist/components/MkInfiniteList.stories.d.ts.map +0 -1
- package/dist/components/MkInfiniteList.stories.js +0 -90
- package/dist/components/MkInfiniteList.stories.js.map +0 -1
- package/dist/components/MkInfiniteList.stories.test.d.ts +0 -2
- package/dist/components/MkInfiniteList.stories.test.d.ts.map +0 -1
- package/dist/components/MkInfiniteList.stories.test.js +0 -24
- package/dist/components/MkInfiniteList.stories.test.js.map +0 -1
- package/dist/components/MkInput.d.ts +0 -13
- package/dist/components/MkInput.d.ts.map +0 -1
- package/dist/components/MkInput.js +0 -21
- package/dist/components/MkInput.js.map +0 -1
- package/dist/components/MkInput.module.css +0 -94
- package/dist/components/MkInput.stories.d.ts +0 -13
- package/dist/components/MkInput.stories.d.ts.map +0 -1
- package/dist/components/MkInput.stories.js +0 -75
- package/dist/components/MkInput.stories.js.map +0 -1
- package/dist/components/MkInput.stories.test.d.ts +0 -2
- package/dist/components/MkInput.stories.test.d.ts.map +0 -1
- package/dist/components/MkInput.stories.test.js +0 -16
- package/dist/components/MkInput.stories.test.js.map +0 -1
- package/dist/components/MkLoading.d.ts +0 -20
- package/dist/components/MkLoading.d.ts.map +0 -1
- package/dist/components/MkLoading.js +0 -14
- package/dist/components/MkLoading.js.map +0 -1
- package/dist/components/MkLoading.module.css +0 -39
- package/dist/components/MkLoading.stories.d.ts +0 -13
- package/dist/components/MkLoading.stories.d.ts.map +0 -1
- package/dist/components/MkLoading.stories.js +0 -35
- package/dist/components/MkLoading.stories.js.map +0 -1
- package/dist/components/MkLoading.stories.test.d.ts +0 -2
- package/dist/components/MkLoading.stories.test.d.ts.map +0 -1
- package/dist/components/MkLoading.stories.test.js +0 -15
- package/dist/components/MkLoading.stories.test.js.map +0 -1
- package/dist/components/MkModal.d.ts +0 -20
- package/dist/components/MkModal.d.ts.map +0 -1
- package/dist/components/MkModal.js +0 -31
- package/dist/components/MkModal.js.map +0 -1
- package/dist/components/MkModal.module.css +0 -107
- package/dist/components/MkModal.stories.d.ts +0 -13
- package/dist/components/MkModal.stories.d.ts.map +0 -1
- package/dist/components/MkModal.stories.js +0 -73
- package/dist/components/MkModal.stories.js.map +0 -1
- package/dist/components/MkProgressBar.d.ts +0 -17
- package/dist/components/MkProgressBar.d.ts.map +0 -1
- package/dist/components/MkProgressBar.js +0 -7
- package/dist/components/MkProgressBar.js.map +0 -1
- package/dist/components/MkProgressBar.module.css +0 -48
- package/dist/components/MkProgressBar.stories.d.ts +0 -13
- package/dist/components/MkProgressBar.stories.d.ts.map +0 -1
- package/dist/components/MkProgressBar.stories.js +0 -39
- package/dist/components/MkProgressBar.stories.js.map +0 -1
- package/dist/components/MkProgressBar.stories.test.d.ts +0 -2
- package/dist/components/MkProgressBar.stories.test.d.ts.map +0 -1
- package/dist/components/MkProgressBar.stories.test.js +0 -15
- package/dist/components/MkProgressBar.stories.test.js.map +0 -1
- package/dist/components/MkRadio.d.ts +0 -34
- package/dist/components/MkRadio.d.ts.map +0 -1
- package/dist/components/MkRadio.js +0 -19
- package/dist/components/MkRadio.js.map +0 -1
- package/dist/components/MkRadio.module.css +0 -74
- package/dist/components/MkRadio.stories.d.ts +0 -13
- package/dist/components/MkRadio.stories.d.ts.map +0 -1
- package/dist/components/MkRadio.stories.js +0 -55
- package/dist/components/MkRadio.stories.js.map +0 -1
- package/dist/components/MkRadio.stories.test.d.ts +0 -2
- package/dist/components/MkRadio.stories.test.d.ts.map +0 -1
- package/dist/components/MkRadio.stories.test.js +0 -18
- package/dist/components/MkRadio.stories.test.js.map +0 -1
- package/dist/components/MkSearchInput.d.ts +0 -30
- package/dist/components/MkSearchInput.d.ts.map +0 -1
- package/dist/components/MkSearchInput.js +0 -27
- package/dist/components/MkSearchInput.js.map +0 -1
- package/dist/components/MkSearchInput.module.css +0 -80
- package/dist/components/MkSearchInput.stories.d.ts +0 -13
- package/dist/components/MkSearchInput.stories.d.ts.map +0 -1
- package/dist/components/MkSearchInput.stories.js +0 -47
- package/dist/components/MkSearchInput.stories.js.map +0 -1
- package/dist/components/MkSearchInput.stories.test.d.ts +0 -2
- package/dist/components/MkSearchInput.stories.test.d.ts.map +0 -1
- package/dist/components/MkSearchInput.stories.test.js +0 -15
- package/dist/components/MkSearchInput.stories.test.js.map +0 -1
- package/dist/components/MkSelect.d.ts +0 -23
- package/dist/components/MkSelect.d.ts.map +0 -1
- package/dist/components/MkSelect.js +0 -59
- package/dist/components/MkSelect.js.map +0 -1
- package/dist/components/MkSelect.module.css +0 -177
- package/dist/components/MkSelect.stories.d.ts +0 -12
- package/dist/components/MkSelect.stories.d.ts.map +0 -1
- package/dist/components/MkSelect.stories.js +0 -84
- package/dist/components/MkSelect.stories.js.map +0 -1
- package/dist/components/MkSelect.stories.test.d.ts +0 -2
- package/dist/components/MkSelect.stories.test.d.ts.map +0 -1
- package/dist/components/MkSelect.stories.test.js +0 -21
- package/dist/components/MkSelect.stories.test.js.map +0 -1
- package/dist/components/MkSkeleton.d.ts +0 -22
- package/dist/components/MkSkeleton.d.ts.map +0 -1
- package/dist/components/MkSkeleton.js +0 -21
- package/dist/components/MkSkeleton.js.map +0 -1
- package/dist/components/MkSkeleton.module.css +0 -28
- package/dist/components/MkSkeleton.stories.d.ts +0 -12
- package/dist/components/MkSkeleton.stories.d.ts.map +0 -1
- package/dist/components/MkSkeleton.stories.js +0 -32
- package/dist/components/MkSkeleton.stories.js.map +0 -1
- package/dist/components/MkSkeleton.stories.test.d.ts +0 -2
- package/dist/components/MkSkeleton.stories.test.d.ts.map +0 -1
- package/dist/components/MkSkeleton.stories.test.js +0 -15
- package/dist/components/MkSkeleton.stories.test.js.map +0 -1
- package/dist/components/MkSwitch.d.ts +0 -22
- package/dist/components/MkSwitch.d.ts.map +0 -1
- package/dist/components/MkSwitch.js +0 -14
- package/dist/components/MkSwitch.js.map +0 -1
- package/dist/components/MkSwitch.module.css +0 -108
- package/dist/components/MkSwitch.stories.d.ts +0 -13
- package/dist/components/MkSwitch.stories.d.ts.map +0 -1
- package/dist/components/MkSwitch.stories.js +0 -37
- package/dist/components/MkSwitch.stories.js.map +0 -1
- package/dist/components/MkSwitch.stories.test.d.ts +0 -2
- package/dist/components/MkSwitch.stories.test.d.ts.map +0 -1
- package/dist/components/MkSwitch.stories.test.js +0 -15
- package/dist/components/MkSwitch.stories.test.js.map +0 -1
- package/dist/components/MkTable.d.ts +0 -27
- package/dist/components/MkTable.d.ts.map +0 -1
- package/dist/components/MkTable.js +0 -11
- package/dist/components/MkTable.js.map +0 -1
- package/dist/components/MkTable.module.css +0 -163
- package/dist/components/MkTable.stories.d.ts +0 -16
- package/dist/components/MkTable.stories.d.ts.map +0 -1
- package/dist/components/MkTable.stories.js +0 -65
- package/dist/components/MkTable.stories.js.map +0 -1
- package/dist/components/MkTable.stories.test.d.ts +0 -2
- package/dist/components/MkTable.stories.test.d.ts.map +0 -1
- package/dist/components/MkTable.stories.test.js +0 -25
- package/dist/components/MkTable.stories.test.js.map +0 -1
- package/dist/components/MkTabs.d.ts +0 -22
- package/dist/components/MkTabs.d.ts.map +0 -1
- package/dist/components/MkTabs.js +0 -17
- package/dist/components/MkTabs.js.map +0 -1
- package/dist/components/MkTabs.module.css +0 -117
- package/dist/components/MkTabs.stories.d.ts +0 -11
- package/dist/components/MkTabs.stories.d.ts.map +0 -1
- package/dist/components/MkTabs.stories.js +0 -73
- package/dist/components/MkTabs.stories.js.map +0 -1
- package/dist/components/MkTextArea.d.ts +0 -21
- package/dist/components/MkTextArea.d.ts.map +0 -1
- package/dist/components/MkTextArea.js +0 -8
- package/dist/components/MkTextArea.js.map +0 -1
- package/dist/components/MkTextArea.stories.d.ts +0 -13
- package/dist/components/MkTextArea.stories.d.ts.map +0 -1
- package/dist/components/MkTextArea.stories.js +0 -56
- package/dist/components/MkTextArea.stories.js.map +0 -1
- package/dist/components/MkTextArea.stories.test.d.ts +0 -2
- package/dist/components/MkTextArea.stories.test.d.ts.map +0 -1
- package/dist/components/MkTextArea.stories.test.js +0 -15
- package/dist/components/MkTextArea.stories.test.js.map +0 -1
- package/dist/components/MkThemeEditor.d.ts +0 -8
- package/dist/components/MkThemeEditor.module.css +0 -177
- package/dist/components/MkToastContainer.d.ts +0 -3
- package/dist/components/MkToastContainer.module.css +0 -95
- package/dist/components/MkToastContainer.stories.d.ts +0 -9
- package/dist/components/MkToastContainer.stories.js +0 -43
- package/dist/components/MkToastContainer.stories.js.map +0 -1
- package/dist/components/MkToastContainer.stories.test.d.ts +0 -2
- package/dist/components/MkToastContainer.stories.test.js +0 -29
- package/dist/components/MkToastContainer.stories.test.js.map +0 -1
- package/dist/components/MkTooltip.d.ts +0 -14
- package/dist/components/MkTooltip.d.ts.map +0 -1
- package/dist/components/MkTooltip.js +0 -17
- package/dist/components/MkTooltip.js.map +0 -1
- package/dist/components/MkTooltip.module.css +0 -43
- package/dist/components/MkTooltip.stories.d.ts +0 -13
- package/dist/components/MkTooltip.stories.d.ts.map +0 -1
- package/dist/components/MkTooltip.stories.js +0 -59
- package/dist/components/MkTooltip.stories.js.map +0 -1
- package/dist/components/MkTooltip.stories.test.d.ts +0 -2
- package/dist/components/MkTooltip.stories.test.d.ts.map +0 -1
- package/dist/components/MkTooltip.stories.test.js +0 -15
- package/dist/components/MkTooltip.stories.test.js.map +0 -1
- package/dist/components/MkWindowList.d.ts +0 -20
- package/dist/components/MkWindowList.d.ts.map +0 -1
- package/dist/components/MkWindowList.js +0 -59
- package/dist/components/MkWindowList.js.map +0 -1
- package/dist/components/MkWindowList.module.css +0 -59
- package/dist/components/MkWindowList.stories.d.ts +0 -16
- package/dist/components/MkWindowList.stories.d.ts.map +0 -1
- package/dist/components/MkWindowList.stories.js +0 -76
- package/dist/components/MkWindowList.stories.js.map +0 -1
- package/dist/components/MkWindowList.stories.test.d.ts +0 -2
- package/dist/components/MkWindowList.stories.test.d.ts.map +0 -1
- package/dist/components/MkWindowList.stories.test.js +0 -19
- package/dist/components/MkWindowList.stories.test.js.map +0 -1
- package/dist/components/index.d.ts +0 -31
- package/dist/components/index.js +0 -34
- package/dist/components/index.js.map +0 -1
- package/dist/context/MkApiContext.d.ts +0 -15
- package/dist/context/MkApiContext.d.ts.map +0 -1
- package/dist/context/MkApiContext.js +0 -28
- package/dist/context/MkApiContext.js.map +0 -1
- package/dist/hooks/useApi.test.d.ts +0 -2
- package/dist/hooks/useApi.test.js +0 -184
- package/dist/hooks/useApi.test.js.map +0 -1
- package/dist/hooks/useMkClickOutside.d.ts +0 -8
- package/dist/hooks/useMkClickOutside.d.ts.map +0 -1
- package/dist/hooks/useMkClickOutside.js +0 -24
- package/dist/hooks/useMkClickOutside.js.map +0 -1
- package/dist/hooks/useMkCrud.d.ts +0 -39
- package/dist/hooks/useMkCrud.test.d.ts +0 -2
- package/dist/hooks/useMkDebounce.d.ts +0 -24
- package/dist/hooks/useMkDebounce.d.ts.map +0 -1
- package/dist/hooks/useMkDebounce.js +0 -36
- package/dist/hooks/useMkDebounce.js.map +0 -1
- package/dist/hooks/useMkEffectDebug.d.ts +0 -7
- package/dist/hooks/useMkEffectDebug.d.ts.map +0 -1
- package/dist/hooks/useMkEffectDebug.js +0 -26
- package/dist/hooks/useMkEffectDebug.js.map +0 -1
- package/dist/hooks/useMkEvent.d.ts +0 -31
- package/dist/hooks/useMkEvent.d.ts.map +0 -1
- package/dist/hooks/useMkEvent.js +0 -56
- package/dist/hooks/useMkEvent.js.map +0 -1
- package/dist/hooks/useMkForm.d.ts +0 -43
- package/dist/hooks/useMkForm.test.d.ts +0 -2
- package/dist/hooks/useMkInViewPort.d.ts +0 -14
- package/dist/hooks/useMkInViewPort.d.ts.map +0 -1
- package/dist/hooks/useMkInViewPort.js +0 -31
- package/dist/hooks/useMkInViewPort.js.map +0 -1
- package/dist/hooks/useMkInfiniteList.d.ts +0 -15
- package/dist/hooks/useMkInfiniteList.js +0 -47
- package/dist/hooks/useMkInfiniteList.js.map +0 -1
- package/dist/hooks/useMkList.js +0 -53
- package/dist/hooks/useMkList.js.map +0 -1
- package/dist/hooks/useMkLocalStorage.d.ts +0 -6
- package/dist/hooks/useMkLocalStorage.d.ts.map +0 -1
- package/dist/hooks/useMkLocalStorage.js +0 -33
- package/dist/hooks/useMkLocalStorage.js.map +0 -1
- package/dist/hooks/useMkLongPress.d.ts +0 -37
- package/dist/hooks/useMkLongPress.d.ts.map +0 -1
- package/dist/hooks/useMkLongPress.js +0 -59
- package/dist/hooks/useMkLongPress.js.map +0 -1
- package/dist/hooks/useMkMediaQuery.d.ts +0 -14
- package/dist/hooks/useMkMediaQuery.d.ts.map +0 -1
- package/dist/hooks/useMkMediaQuery.js +0 -31
- package/dist/hooks/useMkMediaQuery.js.map +0 -1
- package/dist/hooks/useMkPrevious.d.ts +0 -7
- package/dist/hooks/useMkPrevious.d.ts.map +0 -1
- package/dist/hooks/useMkPrevious.js +0 -14
- package/dist/hooks/useMkPrevious.js.map +0 -1
- package/dist/hooks/useMkScreenSize.d.ts +0 -25
- package/dist/hooks/useMkScreenSize.d.ts.map +0 -1
- package/dist/hooks/useMkScreenSize.js +0 -42
- package/dist/hooks/useMkScreenSize.js.map +0 -1
- package/dist/hooks/useMkStore.d.ts +0 -22
- package/dist/hooks/useMkStore.d.ts.map +0 -1
- package/dist/hooks/useMkStore.js +0 -58
- package/dist/hooks/useMkStore.js.map +0 -1
- package/dist/hooks/useMkToggle.d.ts +0 -6
- package/dist/hooks/useMkToggle.d.ts.map +0 -1
- package/dist/hooks/useMkToggle.js +0 -13
- package/dist/hooks/useMkToggle.js.map +0 -1
- package/dist/index.d.ts +0 -33
- package/dist/index.js +0 -37
- package/dist/index.js.map +0 -1
- package/dist/styles/index.css +0 -124
- package/dist/test-setup.d.ts +0 -2
- package/dist/test-setup.d.ts.map +0 -1
- package/dist/test-setup.js +0 -31
- package/dist/test-setup.js.map +0 -1
- package/dist/theme/MkThemeProvider.d.ts +0 -20
- package/dist/utils/images.d.ts +0 -9
- package/dist/utils/images.d.ts.map +0 -1
- package/dist/utils/images.js +0 -50
- package/dist/utils/images.js.map +0 -1
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { MkInput } from './MkInput';
|
|
3
|
-
const meta = {
|
|
4
|
-
title: 'Components/MkInput',
|
|
5
|
-
component: MkInput,
|
|
6
|
-
parameters: {
|
|
7
|
-
layout: 'centered',
|
|
8
|
-
},
|
|
9
|
-
tags: ['autodocs'],
|
|
10
|
-
argTypes: {
|
|
11
|
-
label: { control: 'text' },
|
|
12
|
-
placeholder: { control: 'text' },
|
|
13
|
-
error: { control: 'text' },
|
|
14
|
-
helperText: { control: 'text' },
|
|
15
|
-
success: { control: 'boolean' },
|
|
16
|
-
disabled: { control: 'boolean' },
|
|
17
|
-
type: {
|
|
18
|
-
control: { type: 'select' },
|
|
19
|
-
options: ['text', 'email', 'password', 'number', 'tel', 'url'],
|
|
20
|
-
},
|
|
21
|
-
},
|
|
22
|
-
};
|
|
23
|
-
export default meta;
|
|
24
|
-
export const Default = {
|
|
25
|
-
args: {
|
|
26
|
-
placeholder: 'Enter your name',
|
|
27
|
-
},
|
|
28
|
-
};
|
|
29
|
-
export const WithLabel = {
|
|
30
|
-
args: {
|
|
31
|
-
label: 'Full name',
|
|
32
|
-
placeholder: 'Mario Guzman',
|
|
33
|
-
},
|
|
34
|
-
};
|
|
35
|
-
export const Disabled = {
|
|
36
|
-
args: {
|
|
37
|
-
label: 'Disabled field',
|
|
38
|
-
placeholder: 'Cannot edit',
|
|
39
|
-
disabled: true,
|
|
40
|
-
value: 'Locked value',
|
|
41
|
-
},
|
|
42
|
-
};
|
|
43
|
-
export const WithError = {
|
|
44
|
-
args: {
|
|
45
|
-
label: 'Email',
|
|
46
|
-
placeholder: 'you@example.com',
|
|
47
|
-
error: 'Invalid email address',
|
|
48
|
-
value: 'not-an-email',
|
|
49
|
-
},
|
|
50
|
-
};
|
|
51
|
-
export const WithSuccess = {
|
|
52
|
-
args: {
|
|
53
|
-
label: 'Username',
|
|
54
|
-
value: 'marioguzman',
|
|
55
|
-
success: true,
|
|
56
|
-
helperText: 'Username is available',
|
|
57
|
-
},
|
|
58
|
-
};
|
|
59
|
-
export const WithHelperText = {
|
|
60
|
-
args: {
|
|
61
|
-
label: 'Password',
|
|
62
|
-
type: 'password',
|
|
63
|
-
placeholder: '••••••••',
|
|
64
|
-
helperText: 'At least 8 characters',
|
|
65
|
-
},
|
|
66
|
-
};
|
|
67
|
-
export const WithIcons = {
|
|
68
|
-
args: {
|
|
69
|
-
label: 'Search',
|
|
70
|
-
placeholder: 'Search...',
|
|
71
|
-
iconLeft: _jsx("span", { "aria-hidden": true, children: "\uD83D\uDD0D" }),
|
|
72
|
-
iconRight: _jsx("span", { "aria-hidden": true, children: "\u2715" }),
|
|
73
|
-
},
|
|
74
|
-
};
|
|
75
|
-
//# sourceMappingURL=MkInput.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkInput.stories.js","sourceRoot":"","sources":["../../src/components/MkInput.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,IAAI,GAAyB;IAC/B,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE;QACR,MAAM,EAAE,UAAU;KACrB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,UAAU,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC/B,OAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,IAAI,EAAE;YACF,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC;SACjE;KACJ;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,WAAW,EAAE,iBAAiB;KACjC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,KAAK,EAAE,WAAW;QAClB,WAAW,EAAE,cAAc;KAC9B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE;QACF,KAAK,EAAE,gBAAgB;QACvB,WAAW,EAAE,aAAa;QAC1B,QAAQ,EAAE,IAAI;QACd,KAAK,EAAE,cAAc;KACxB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,iBAAiB;QAC9B,KAAK,EAAE,uBAAuB;QAC9B,KAAK,EAAE,cAAc;KACxB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAC9B,IAAI,EAAE;QACF,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,aAAa;QACpB,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,uBAAuB;KACtC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACjC,IAAI,EAAE;QACF,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,UAAU;QAChB,WAAW,EAAE,UAAU;QACvB,UAAU,EAAE,uBAAuB;KACtC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,KAAK,EAAE,QAAQ;QACf,WAAW,EAAE,WAAW;QACxB,QAAQ,EAAE,+DAA2B;QACrC,SAAS,EAAE,yDAA0B;KACxC;CACJ,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkInput.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkInput.stories.test.tsx"],"names":[],"mappings":""}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
/**
|
|
3
|
-
* Smoke snapshot for MkInput — generates `__snapshots__/MkInput.stories.snap`.
|
|
4
|
-
* Required by R-MK-002 stories coverage rule (mk:lint:stories).
|
|
5
|
-
*/
|
|
6
|
-
import { describe, it, expect, afterEach } from 'vitest';
|
|
7
|
-
import { render, cleanup } from '@testing-library/react';
|
|
8
|
-
import { MkInput } from './MkInput';
|
|
9
|
-
describe('MkInput story smoke', () => {
|
|
10
|
-
afterEach(cleanup);
|
|
11
|
-
it('renders default', () => {
|
|
12
|
-
const { container } = render(_jsx(MkInput, { placeholder: "Enter your name" }));
|
|
13
|
-
expect(container.firstChild).toMatchSnapshot();
|
|
14
|
-
});
|
|
15
|
-
});
|
|
16
|
-
//# sourceMappingURL=MkInput.stories.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkInput.stories.test.js","sourceRoot":"","sources":["../../src/components/MkInput.stories.test.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AACH,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACjC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,iBAAiB,EAAE,GAAG,EAAE;QACvB,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,OAAO,IAAC,WAAW,EAAC,iBAAiB,GAAG,CAAC,CAAC;QACxE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
|
|
@@ -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":"AAAA,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,14 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import styles from './MkLoading.module.css';
|
|
3
|
-
const SIZES = { sm: 20, md: 32, lg: 48 };
|
|
4
|
-
export const MkLoading = ({ visible = true, label, size = 'md', overlay = false, color, className, }) => {
|
|
5
|
-
if (!visible)
|
|
6
|
-
return null;
|
|
7
|
-
const px = SIZES[size];
|
|
8
|
-
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 })] }));
|
|
9
|
-
if (overlay) {
|
|
10
|
-
return _jsx("div", { className: styles.overlay, children: spinner });
|
|
11
|
-
}
|
|
12
|
-
return spinner;
|
|
13
|
-
};
|
|
14
|
-
//# sourceMappingURL=MkLoading.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkLoading.js","sourceRoot":"","sources":["../../src/components/MkLoading.tsx"],"names":[],"mappings":";AACA,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,13 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { MkLoading } from './MkLoading';
|
|
3
|
-
declare const meta: Meta<typeof MkLoading>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof MkLoading>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithLabel: Story;
|
|
8
|
-
export declare const Small: Story;
|
|
9
|
-
export declare const Large: Story;
|
|
10
|
-
export declare const Sizes: Story;
|
|
11
|
-
export declare const WithCustomColor: Story;
|
|
12
|
-
export declare const Hidden: Story;
|
|
13
|
-
//# sourceMappingURL=MkLoading.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkLoading.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkLoading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAShC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC"}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { MkLoading } from './MkLoading';
|
|
3
|
-
const meta = {
|
|
4
|
-
title: 'Components/MkLoading',
|
|
5
|
-
component: MkLoading,
|
|
6
|
-
parameters: { layout: 'padded' },
|
|
7
|
-
tags: ['autodocs'],
|
|
8
|
-
argTypes: {
|
|
9
|
-
size: { control: { type: 'select' }, options: ['sm', 'md', 'lg'] },
|
|
10
|
-
visible: { control: 'boolean' },
|
|
11
|
-
},
|
|
12
|
-
};
|
|
13
|
-
export default meta;
|
|
14
|
-
export const Default = {
|
|
15
|
-
args: {},
|
|
16
|
-
};
|
|
17
|
-
export const WithLabel = {
|
|
18
|
-
args: { label: 'Cargando datos...' },
|
|
19
|
-
};
|
|
20
|
-
export const Small = {
|
|
21
|
-
args: { size: 'sm', label: 'Procesando' },
|
|
22
|
-
};
|
|
23
|
-
export const Large = {
|
|
24
|
-
args: { size: 'lg', label: 'Por favor espera' },
|
|
25
|
-
};
|
|
26
|
-
export const Sizes = {
|
|
27
|
-
render: () => (_jsxs("div", { style: { display: 'flex', gap: 32, alignItems: 'center' }, children: [_jsx(MkLoading, { size: "sm" }), _jsx(MkLoading, { size: "md" }), _jsx(MkLoading, { size: "lg" })] })),
|
|
28
|
-
};
|
|
29
|
-
export const WithCustomColor = {
|
|
30
|
-
args: { color: '#10b981', label: 'Sincronizando' },
|
|
31
|
-
};
|
|
32
|
-
export const Hidden = {
|
|
33
|
-
args: { visible: false },
|
|
34
|
-
};
|
|
35
|
-
//# sourceMappingURL=MkLoading.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkLoading.stories.js","sourceRoot":"","sources":["../../src/components/MkLoading.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,IAAI,GAA2B;IACjC,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;QAClE,OAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KAClC;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE,EAAE;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE;CACvC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE;CAC5C,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,kBAAkB,EAAE;CAClD,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,aAC1D,KAAC,SAAS,IAAC,IAAI,EAAC,IAAI,GAAG,EACvB,KAAC,SAAS,IAAC,IAAI,EAAC,IAAI,GAAG,EACvB,KAAC,SAAS,IAAC,IAAI,EAAC,IAAI,GAAG,IACrB,CACT;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IAClC,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,eAAe,EAAE;CACrD,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IACzB,IAAI,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;CAC3B,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkLoading.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkLoading.stories.test.tsx"],"names":[],"mappings":""}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
/**
|
|
3
|
-
* Smoke snapshot for MkLoading — required by R-MK-002.
|
|
4
|
-
*/
|
|
5
|
-
import { describe, it, expect, afterEach } from 'vitest';
|
|
6
|
-
import { render, cleanup } from '@testing-library/react';
|
|
7
|
-
import { MkLoading } from './MkLoading';
|
|
8
|
-
describe('MkLoading story smoke', () => {
|
|
9
|
-
afterEach(cleanup);
|
|
10
|
-
it('renders with label', () => {
|
|
11
|
-
const { container } = render(_jsx(MkLoading, { label: "Cargando..." }));
|
|
12
|
-
expect(container.firstChild).toMatchSnapshot();
|
|
13
|
-
});
|
|
14
|
-
});
|
|
15
|
-
//# sourceMappingURL=MkLoading.stories.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkLoading.stories.test.js","sourceRoot":"","sources":["../../src/components/MkLoading.stories.test.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACnC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,oBAAoB,EAAE,GAAG,EAAE;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,SAAS,IAAC,KAAK,EAAC,aAAa,GAAG,CAAC,CAAC;QAChE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
|
|
@@ -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":"AAAA,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,31 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect } from 'react';
|
|
3
|
-
import { createPortal } from 'react-dom';
|
|
4
|
-
import { MkButton } from './MkButton';
|
|
5
|
-
import styles from './MkModal.module.css';
|
|
6
|
-
/**
|
|
7
|
-
* MkModal
|
|
8
|
-
* 🚀 Premium Dialog component with blur background and smooth animations.
|
|
9
|
-
*/
|
|
10
|
-
export const MkModal = ({ isOpen, onClose, title, children, confirmText, cancelText = 'Cancelar', onConfirm, showCancel = true, variant = 'default', size = 'md', }) => {
|
|
11
|
-
// Handle Escape key
|
|
12
|
-
useEffect(() => {
|
|
13
|
-
const handleEsc = (e) => {
|
|
14
|
-
if (e.key === 'Escape')
|
|
15
|
-
onClose();
|
|
16
|
-
};
|
|
17
|
-
if (isOpen) {
|
|
18
|
-
document.body.style.overflow = 'hidden';
|
|
19
|
-
window.addEventListener('keydown', handleEsc);
|
|
20
|
-
}
|
|
21
|
-
return () => {
|
|
22
|
-
document.body.style.overflow = '';
|
|
23
|
-
window.removeEventListener('keydown', handleEsc);
|
|
24
|
-
};
|
|
25
|
-
}, [isOpen, onClose]);
|
|
26
|
-
if (!isOpen)
|
|
27
|
-
return null;
|
|
28
|
-
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' }))] }))] }) }));
|
|
29
|
-
return createPortal(modalContent, document.body);
|
|
30
|
-
};
|
|
31
|
-
//# sourceMappingURL=MkModal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkModal.js","sourceRoot":"","sources":["../../src/components/MkModal.tsx"],"names":[],"mappings":";AAAA,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,13 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { MkModal } from './MkModal';
|
|
4
|
-
declare const InteractiveModal: React.FC<React.ComponentProps<typeof MkModal>>;
|
|
5
|
-
declare const meta: Meta<typeof InteractiveModal>;
|
|
6
|
-
export default meta;
|
|
7
|
-
type Story = StoryObj<typeof InteractiveModal>;
|
|
8
|
-
export declare const Small: Story;
|
|
9
|
-
export declare const Medium: Story;
|
|
10
|
-
export declare const Large: Story;
|
|
11
|
-
export declare const WithFooter: Story;
|
|
12
|
-
export declare const Warning: Story;
|
|
13
|
-
//# sourceMappingURL=MkModal.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkModal.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkModal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAGpE,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAkBvC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE/C,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAQpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { MkModal } from './MkModal';
|
|
4
|
-
const InteractiveModal = (props) => {
|
|
5
|
-
const [open, setOpen] = React.useState(true);
|
|
6
|
-
return _jsx(MkModal, Object.assign({}, props, { isOpen: open, onClose: () => setOpen(false) }));
|
|
7
|
-
};
|
|
8
|
-
const meta = {
|
|
9
|
-
title: 'Components/MkModal',
|
|
10
|
-
component: InteractiveModal,
|
|
11
|
-
parameters: {
|
|
12
|
-
layout: 'fullscreen',
|
|
13
|
-
},
|
|
14
|
-
tags: ['autodocs'],
|
|
15
|
-
argTypes: {
|
|
16
|
-
size: {
|
|
17
|
-
control: { type: 'select' },
|
|
18
|
-
options: ['sm', 'md', 'lg', 'full'],
|
|
19
|
-
},
|
|
20
|
-
variant: {
|
|
21
|
-
control: { type: 'select' },
|
|
22
|
-
options: ['default', 'destructive', 'warning', 'success'],
|
|
23
|
-
},
|
|
24
|
-
showCancel: { control: 'boolean' },
|
|
25
|
-
},
|
|
26
|
-
};
|
|
27
|
-
export default meta;
|
|
28
|
-
export const Small = {
|
|
29
|
-
args: {
|
|
30
|
-
title: 'Small Modal',
|
|
31
|
-
size: 'sm',
|
|
32
|
-
children: 'A small confirmation dialog. Good for alerts and quick prompts.',
|
|
33
|
-
confirmText: 'OK',
|
|
34
|
-
},
|
|
35
|
-
};
|
|
36
|
-
export const Medium = {
|
|
37
|
-
args: {
|
|
38
|
-
title: 'Medium Modal',
|
|
39
|
-
size: 'md',
|
|
40
|
-
children: 'The default size. Useful for forms, confirmations, and content blocks.',
|
|
41
|
-
confirmText: 'Confirm',
|
|
42
|
-
cancelText: 'Cancel',
|
|
43
|
-
},
|
|
44
|
-
};
|
|
45
|
-
export const Large = {
|
|
46
|
-
args: {
|
|
47
|
-
title: 'Large Modal',
|
|
48
|
-
size: 'lg',
|
|
49
|
-
children: 'A large modal can hold more content, such as detailed forms or rich media. The body expands naturally.',
|
|
50
|
-
confirmText: 'Save changes',
|
|
51
|
-
cancelText: 'Discard',
|
|
52
|
-
},
|
|
53
|
-
};
|
|
54
|
-
export const WithFooter = {
|
|
55
|
-
args: {
|
|
56
|
-
title: 'Confirm Action',
|
|
57
|
-
variant: 'destructive',
|
|
58
|
-
children: 'Are you sure you want to delete this item? This action cannot be undone.',
|
|
59
|
-
confirmText: 'Delete',
|
|
60
|
-
cancelText: 'Cancel',
|
|
61
|
-
showCancel: true,
|
|
62
|
-
},
|
|
63
|
-
};
|
|
64
|
-
export const Warning = {
|
|
65
|
-
args: {
|
|
66
|
-
title: 'Warning',
|
|
67
|
-
variant: 'warning',
|
|
68
|
-
children: 'Your subscription is about to expire in 3 days.',
|
|
69
|
-
confirmText: 'Renew now',
|
|
70
|
-
cancelText: 'Later',
|
|
71
|
-
},
|
|
72
|
-
};
|
|
73
|
-
//# sourceMappingURL=MkModal.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkModal.stories.js","sourceRoot":"","sources":["../../src/components/MkModal.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,gBAAgB,GAAmD,CAAC,KAAK,EAAE,EAAE;IAC/E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,OAAO,KAAC,OAAO,oBAAK,KAAK,IAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;AAC/E,CAAC,CAAC;AAEF,MAAM,IAAI,GAAkC;IACxC,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,gBAAgB;IAC3B,UAAU,EAAE;QACR,MAAM,EAAE,YAAY;KACvB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC;SACtC;QACD,OAAO,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,CAAC;SAC5D;QACD,UAAU,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACrC;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE;QACF,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,iEAAiE;QAC3E,WAAW,EAAE,IAAI;KACpB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IACzB,IAAI,EAAE;QACF,KAAK,EAAE,cAAc;QACrB,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,wEAAwE;QAClF,WAAW,EAAE,SAAS;QACtB,UAAU,EAAE,QAAQ;KACvB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE;QACF,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,IAAI;QACV,QAAQ,EACJ,wGAAwG;QAC5G,WAAW,EAAE,cAAc;QAC3B,UAAU,EAAE,SAAS;KACxB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC7B,IAAI,EAAE;QACF,KAAK,EAAE,gBAAgB;QACvB,OAAO,EAAE,aAAa;QACtB,QAAQ,EAAE,0EAA0E;QACpF,WAAW,EAAE,QAAQ;QACrB,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE,IAAI;KACnB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,iDAAiD;QAC3D,WAAW,EAAE,WAAW;QACxB,UAAU,EAAE,OAAO;KACtB;CACJ,CAAC"}
|
|
@@ -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":"AAAA,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,7 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import styles from './MkProgressBar.module.css';
|
|
3
|
-
export const MkProgressBar = ({ value, max = 100, label, showPercent = false, variant = 'primary', size = 'md', animated = true, className, }) => {
|
|
4
|
-
const percent = Math.min(Math.max((value / max) * 100, 0), 100);
|
|
5
|
-
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 }) })] }));
|
|
6
|
-
};
|
|
7
|
-
//# sourceMappingURL=MkProgressBar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkProgressBar.js","sourceRoot":"","sources":["../../src/components/MkProgressBar.tsx"],"names":[],"mappings":";AACA,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; }
|