maz-ui 4.1.7 → 4.1.8-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (150) hide show
  1. package/dist/assets/MazBackdrop.CO7YPR-g.css +1 -0
  2. package/dist/assets/{MazDropzone.B5e-z_Ba.css → MazDropzone.Ch5EPpDi.css} +1 -1
  3. package/dist/components/MazBackdrop.js +2 -2
  4. package/dist/components/MazDropzone.js +23 -29
  5. package/dist/types/components/MazDropzone.vue.d.ts +0 -5
  6. package/package.json +9 -9
  7. package/dist/assets/MazBackdrop.09bziTPM.css +0 -1
  8. package/dist/components/MazAccordion.vue.d.ts +0 -36
  9. package/dist/components/MazAnimatedCounter.vue.d.ts +0 -59
  10. package/dist/components/MazAnimatedElement.vue.d.ts +0 -44
  11. package/dist/components/MazAnimatedText.vue.d.ts +0 -57
  12. package/dist/components/MazAvatar.vue.d.ts +0 -99
  13. package/dist/components/MazBackdrop.vue.d.ts +0 -91
  14. package/dist/components/MazBadge.vue.d.ts +0 -61
  15. package/dist/components/MazBottomSheet.vue.d.ts +0 -35
  16. package/dist/components/MazBtn.vue.d.ts +0 -105
  17. package/dist/components/MazCard.vue.d.ts +0 -81
  18. package/dist/components/MazCardSpotlight.vue.d.ts +0 -57
  19. package/dist/components/MazCarousel.vue.d.ts +0 -48
  20. package/dist/components/MazChart.vue.d.ts +0 -53
  21. package/dist/components/MazCheckbox.vue.d.ts +0 -55
  22. package/dist/components/MazChecklist.vue.d.ts +0 -87
  23. package/dist/components/MazCircularProgressBar.vue.d.ts +0 -106
  24. package/dist/components/MazDatePicker/MazPickerCalendar.vue.d.ts +0 -28
  25. package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarDays.vue.d.ts +0 -20
  26. package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarGrid.vue.d.ts +0 -133
  27. package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarMonth.vue.d.ts +0 -142
  28. package/dist/components/MazDatePicker/MazPickerCalendarSwitcher.vue.d.ts +0 -42
  29. package/dist/components/MazDatePicker/MazPickerContainer.vue.d.ts +0 -38
  30. package/dist/components/MazDatePicker/MazPickerHeader.vue.d.ts +0 -15
  31. package/dist/components/MazDatePicker/MazPickerMonthSwitcher.vue.d.ts +0 -44
  32. package/dist/components/MazDatePicker/MazPickerShortcuts.vue.d.ts +0 -16
  33. package/dist/components/MazDatePicker/MazPickerTime.vue.d.ts +0 -107
  34. package/dist/components/MazDatePicker/MazPickerYearSwitcher.vue.d.ts +0 -36
  35. package/dist/components/MazDatePicker/types.d.ts +0 -14
  36. package/dist/components/MazDatePicker/utils.d.ts +0 -61
  37. package/dist/components/MazDatePicker.vue.d.ts +0 -567
  38. package/dist/components/MazDialog.vue.d.ts +0 -247
  39. package/dist/components/MazDialogConfirm/useMazDialogConfirm.d.ts +0 -47
  40. package/dist/components/MazDialogConfirm.vue.d.ts +0 -270
  41. package/dist/components/MazDrawer.vue.d.ts +0 -52
  42. package/dist/components/MazDropdown.vue.d.ts +0 -246
  43. package/dist/components/MazDropzone.vue.d.ts +0 -299
  44. package/dist/components/MazExpandAnimation.vue.d.ts +0 -44
  45. package/dist/components/MazFullscreenLoader.vue.d.ts +0 -26
  46. package/dist/components/MazGallery.vue.d.ts +0 -85
  47. package/dist/components/MazIcon.vue.d.ts +0 -33
  48. package/dist/components/MazInput.vue.d.ts +0 -225
  49. package/dist/components/MazInputCode.vue.d.ts +0 -49
  50. package/dist/components/MazInputNumber.vue.d.ts +0 -125
  51. package/dist/components/MazInputPhoneNumber/PhoneInput.vue.d.ts +0 -29
  52. package/dist/components/MazInputPhoneNumber/useLibphonenumber.d.ts +0 -26
  53. package/dist/components/MazInputPhoneNumber/useMazInputPhoneNumber.d.ts +0 -26
  54. package/dist/components/MazInputPhoneNumber.vue.d.ts +0 -421
  55. package/dist/components/MazInputPrice.vue.d.ts +0 -48
  56. package/dist/components/MazInputTags.vue.d.ts +0 -51
  57. package/dist/components/MazLazyImg.vue.d.ts +0 -78
  58. package/dist/components/MazLink.vue.d.ts +0 -116
  59. package/dist/components/MazLoadingBar.vue.d.ts +0 -12
  60. package/dist/components/MazPagination.vue.d.ts +0 -83
  61. package/dist/components/MazPopover.vue.d.ts +0 -258
  62. package/dist/components/MazPullToRefresh.vue.d.ts +0 -52
  63. package/dist/components/MazRadio.vue.d.ts +0 -55
  64. package/dist/components/MazRadioButtons.vue.d.ts +0 -74
  65. package/dist/components/MazReadingProgressBar.vue.d.ts +0 -55
  66. package/dist/components/MazSelect.vue.d.ts +0 -209
  67. package/dist/components/MazSelectCountry.vue.d.ts +0 -171
  68. package/dist/components/MazSlider/utils.d.ts +0 -15
  69. package/dist/components/MazSlider.vue.d.ts +0 -31
  70. package/dist/components/MazSpinner.vue.d.ts +0 -15
  71. package/dist/components/MazStepper.vue.d.ts +0 -60
  72. package/dist/components/MazSwitch.vue.d.ts +0 -69
  73. package/dist/components/MazTable.vue.d.ts +0 -324
  74. package/dist/components/MazTableCell.vue.d.ts +0 -17
  75. package/dist/components/MazTableRow.vue.d.ts +0 -23
  76. package/dist/components/MazTableTitle.vue.d.ts +0 -17
  77. package/dist/components/MazTabs.vue.d.ts +0 -30
  78. package/dist/components/MazTabsBar.vue.d.ts +0 -96
  79. package/dist/components/MazTabsContent.vue.d.ts +0 -17
  80. package/dist/components/MazTabsContentItem.vue.d.ts +0 -31
  81. package/dist/components/MazTextarea.vue.d.ts +0 -88
  82. package/dist/components/constantes.d.ts +0 -2
  83. package/dist/components/index.d.ts +0 -109
  84. package/dist/components/types.d.ts +0 -4
  85. package/dist/composables/index.d.ts +0 -22
  86. package/dist/composables/useAos.d.ts +0 -2
  87. package/dist/composables/useBreakpoints.d.ts +0 -38
  88. package/dist/composables/useDialog.d.ts +0 -2
  89. package/dist/composables/useDisplayNames.d.ts +0 -101
  90. package/dist/composables/useDropzone.d.ts +0 -27
  91. package/dist/composables/useFormField.d.ts +0 -16
  92. package/dist/composables/useFormValidator/config.d.ts +0 -7
  93. package/dist/composables/useFormValidator/dom-events.d.ts +0 -19
  94. package/dist/composables/useFormValidator/state-management.d.ts +0 -72
  95. package/dist/composables/useFormValidator/types.d.ts +0 -98
  96. package/dist/composables/useFormValidator/validation.d.ts +0 -37
  97. package/dist/composables/useFormValidator.d.ts +0 -23
  98. package/dist/composables/useFreezeValue.d.ts +0 -5
  99. package/dist/composables/useIdleTimeout.d.ts +0 -5
  100. package/dist/composables/useInjectStrict.d.ts +0 -2
  101. package/dist/composables/useInstanceUniqId.d.ts +0 -4
  102. package/dist/composables/useMountComponent.d.ts +0 -14
  103. package/dist/composables/useMutationObserver.d.ts +0 -13
  104. package/dist/composables/useReadingTime.d.ts +0 -25
  105. package/dist/composables/useStringMatching.d.ts +0 -5
  106. package/dist/composables/useSwipe.d.ts +0 -14
  107. package/dist/composables/useTimer.d.ts +0 -30
  108. package/dist/composables/useToast.d.ts +0 -22
  109. package/dist/composables/useUserVisibility.d.ts +0 -5
  110. package/dist/composables/useWait.d.ts +0 -2
  111. package/dist/composables/useWindowSize.d.ts +0 -32
  112. package/dist/directives/index.d.ts +0 -5
  113. package/dist/directives/vClickOutside.d.ts +0 -36
  114. package/dist/directives/vFullscreenImg/MazFullscreenImg.vue.d.ts +0 -50
  115. package/dist/directives/vFullscreenImg/fullscreen-img.directive.d.ts +0 -5
  116. package/dist/directives/vFullscreenImg/fullscreen-img.handler.d.ts +0 -36
  117. package/dist/directives/vFullscreenImg.d.ts +0 -11
  118. package/dist/directives/vLazyImg/lazy-img.directive.d.ts +0 -5
  119. package/dist/directives/vLazyImg/lazy-img.handler.d.ts +0 -38
  120. package/dist/directives/vLazyImg/types.d.ts +0 -29
  121. package/dist/directives/vLazyImg.d.ts +0 -12
  122. package/dist/directives/vTooltip.d.ts +0 -54
  123. package/dist/directives/vZoomImg/style.d.ts +0 -1
  124. package/dist/directives/vZoomImg/svgs.d.ts +0 -3
  125. package/dist/directives/vZoomImg/zoom-img.directive.d.ts +0 -8
  126. package/dist/directives/vZoomImg/zoom-img.handler.d.ts +0 -46
  127. package/dist/directives/vZoomImg.d.ts +0 -10
  128. package/dist/index.d.ts +0 -1
  129. package/dist/plugins/aos.d.ts +0 -81
  130. package/dist/plugins/dialog/DialogHandler.d.ts +0 -16
  131. package/dist/plugins/dialog.d.ts +0 -26
  132. package/dist/plugins/index.d.ts +0 -5
  133. package/dist/plugins/maz-ui.d.ts +0 -43
  134. package/dist/plugins/toast/MazToast.vue.d.ts +0 -34
  135. package/dist/plugins/toast/ToastHandler.d.ts +0 -29
  136. package/dist/plugins/toast/types.d.ts +0 -104
  137. package/dist/plugins/toast.d.ts +0 -25
  138. package/dist/plugins/wait.d.ts +0 -33
  139. package/dist/resolvers/MazComponentsResolver.d.ts +0 -10
  140. package/dist/resolvers/MazDirectivesResolver.d.ts +0 -11
  141. package/dist/resolvers/MazModulesResolver.d.ts +0 -11
  142. package/dist/resolvers/index.d.ts +0 -3
  143. package/dist/tailwindcss/index.d.ts +0 -6
  144. package/dist/tailwindcss/tailwind.config.d.ts +0 -89
  145. package/dist/tailwindcss/utils/colors.d.ts +0 -7
  146. package/dist/tailwindcss/variables/breakpoints.d.ts +0 -15
  147. package/dist/tailwindcss/variables/colors.d.ts +0 -21
  148. package/dist/tailwindcss/variables/design-tokens.d.ts +0 -35
  149. package/dist/tailwindcss/variables/utilities.d.ts +0 -17
  150. package/dist/tailwindcss/variables/z-indexes.d.ts +0 -14
@@ -0,0 +1 @@
1
+ html.--backdrop-present{overflow-y:hidden;height:100vh!important}html.--backdrop-present.--has-scrollbar{padding-right:var(--scrollbar-width)}.m-backdrop[data-v-2ba650a3]{z-index:1050;background-color:hsl(var(--maz-overlay)/.25);--maz-tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--maz-tw-backdrop-blur)var(--maz-tw-backdrop-brightness)var(--maz-tw-backdrop-contrast)var(--maz-tw-backdrop-grayscale)var(--maz-tw-backdrop-hue-rotate)var(--maz-tw-backdrop-invert)var(--maz-tw-backdrop-opacity)var(--maz-tw-backdrop-saturate)var(--maz-tw-backdrop-sepia);backdrop-filter:var(--maz-tw-backdrop-blur)var(--maz-tw-backdrop-brightness)var(--maz-tw-backdrop-contrast)var(--maz-tw-backdrop-grayscale)var(--maz-tw-backdrop-hue-rotate)var(--maz-tw-backdrop-invert)var(--maz-tw-backdrop-opacity)var(--maz-tw-backdrop-saturate)var(--maz-tw-backdrop-sepia);transition-behavior:allow-discrete;position:fixed;inset:0}.m-backdrop.--persistent .m-backdrop-content[data-v-2ba650a3]{cursor:default}.m-backdrop-container[data-v-2ba650a3]{z-index:1050;position:fixed;inset:0}.m-backdrop-wrapper[data-v-2ba650a3]{position:fixed;inset:0;overflow-y:auto}.m-backdrop-content[data-v-2ba650a3]{align-items:flex-end;min-height:100%;display:flex}@media (min-width:640px){.m-backdrop-content[data-v-2ba650a3]{align-items:center;padding:0}}.m-backdrop-content.--padding[data-v-2ba650a3]{padding:1rem}.m-backdrop-content.--justify-center[data-v-2ba650a3]{justify-content:center}.m-backdrop-content.--justify-end[data-v-2ba650a3]{justify-content:flex-end}.m-backdrop-content.--justify-start[data-v-2ba650a3]{justify-content:flex-start}.m-backdrop-content.--justify-space-between[data-v-2ba650a3]{justify-content:space-between}.m-backdrop-content.--justify-space-around[data-v-2ba650a3]{justify-content:space-around}.m-backdrop-content.--align-center[data-v-2ba650a3]{align-items:center}.m-backdrop-content.--align-end[data-v-2ba650a3]{align-items:flex-end}.m-backdrop-content.--align-start[data-v-2ba650a3]{align-items:flex-start}.m-backdrop-content[data-v-2ba650a3]>*{cursor:default}.m-backdrop.--variant-bottom-sheet .m-backdrop-content[data-v-2ba650a3],.m-backdrop.--variant-drawer .m-backdrop-content[data-v-2ba650a3]{position:fixed;inset:0}.m-backdrop.bottom-sheet-anim-enter-active[data-v-2ba650a3],.m-backdrop.bottom-sheet-anim-leave-active[data-v-2ba650a3]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content[data-v-2ba650a3]>*,.m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content[data-v-2ba650a3]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.bottom-sheet-anim-enter-from[data-v-2ba650a3],.m-backdrop.bottom-sheet-anim-leave-to[data-v-2ba650a3]{opacity:0}.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content[data-v-2ba650a3]>*,.m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content[data-v-2ba650a3]>*{transform:translateY(100%)}.m-backdrop.modal-anim-enter-active[data-v-2ba650a3],.m-backdrop.modal-anim-leave-active[data-v-2ba650a3]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.modal-anim-enter-active .m-backdrop-content[data-v-2ba650a3]>*,.m-backdrop.modal-anim-leave-active .m-backdrop-content[data-v-2ba650a3]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.modal-anim-enter-from[data-v-2ba650a3],.m-backdrop.modal-anim-leave-to[data-v-2ba650a3]{opacity:0}.m-backdrop.modal-anim-enter-from .m-backdrop-content[data-v-2ba650a3]>*,.m-backdrop.modal-anim-leave-to .m-backdrop-content[data-v-2ba650a3]>*{transform:scale(.5)}.m-backdrop.drawer-anim-top-enter-active[data-v-2ba650a3],.m-backdrop.drawer-anim-top-leave-active[data-v-2ba650a3]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.drawer-anim-top-enter-active .m-backdrop-content[data-v-2ba650a3]>*,.m-backdrop.drawer-anim-top-leave-active .m-backdrop-content[data-v-2ba650a3]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.drawer-anim-top-enter-from[data-v-2ba650a3],.m-backdrop.drawer-anim-top-leave-to[data-v-2ba650a3]{opacity:0}.m-backdrop.drawer-anim-top-enter-from .m-backdrop-content[data-v-2ba650a3]>*,.m-backdrop.drawer-anim-top-leave-to .m-backdrop-content[data-v-2ba650a3]>*{transform:translateY(-100%)}.m-backdrop.drawer-anim-bottom-enter-active[data-v-2ba650a3],.m-backdrop.drawer-anim-bottom-leave-active[data-v-2ba650a3]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.drawer-anim-bottom-enter-active .m-backdrop-content[data-v-2ba650a3]>*,.m-backdrop.drawer-anim-bottom-leave-active .m-backdrop-content[data-v-2ba650a3]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.drawer-anim-bottom-enter-from[data-v-2ba650a3],.m-backdrop.drawer-anim-bottom-leave-to[data-v-2ba650a3]{opacity:0}.m-backdrop.drawer-anim-bottom-enter-from .m-backdrop-content[data-v-2ba650a3]>*,.m-backdrop.drawer-anim-bottom-leave-to .m-backdrop-content[data-v-2ba650a3]>*{transform:translateY(100%)}.m-backdrop.drawer-anim-left-enter-active[data-v-2ba650a3],.m-backdrop.drawer-anim-left-leave-active[data-v-2ba650a3]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.drawer-anim-left-enter-active .m-backdrop-content[data-v-2ba650a3]>*,.m-backdrop.drawer-anim-left-leave-active .m-backdrop-content[data-v-2ba650a3]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.drawer-anim-left-enter-from[data-v-2ba650a3],.m-backdrop.drawer-anim-left-leave-to[data-v-2ba650a3]{opacity:0}.m-backdrop.drawer-anim-left-enter-from .m-backdrop-content[data-v-2ba650a3]>*,.m-backdrop.drawer-anim-left-leave-to .m-backdrop-content[data-v-2ba650a3]>*{transform:translate(-100%)}.m-backdrop.drawer-anim-right-enter-active[data-v-2ba650a3],.m-backdrop.drawer-anim-right-leave-active[data-v-2ba650a3]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.drawer-anim-right-enter-active .m-backdrop-content[data-v-2ba650a3]>*,.m-backdrop.drawer-anim-right-leave-active .m-backdrop-content[data-v-2ba650a3]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.drawer-anim-right-enter-from[data-v-2ba650a3],.m-backdrop.drawer-anim-right-leave-to[data-v-2ba650a3]{opacity:0}.m-backdrop.drawer-anim-right-enter-from .m-backdrop-content[data-v-2ba650a3]>*,.m-backdrop.drawer-anim-right-leave-to .m-backdrop-content[data-v-2ba650a3]>*{transform:translate(100%)}.m-backdrop.backdrop-anim-enter-active[data-v-2ba650a3],.m-backdrop.backdrop-anim-leave-active[data-v-2ba650a3]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.backdrop-anim-enter-from[data-v-2ba650a3],.m-backdrop.backdrop-anim-leave-to[data-v-2ba650a3]{opacity:0}
@@ -1 +1 @@
1
- .m-dropzone[data-v-2e1585c8]{cursor:pointer;border-radius:var(--maz-radius);border-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-style:dashed;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.m-dropzone[data-v-2e1585c8]:hover{background-color:hsl(var(--maz-background-600)/.5)}.m-dropzone[data-v-2e1585c8]:hover:is([class~=dark] *){background-color:hsl(var(--maz-background-400)/.5)}.m-dropzone--disabled[data-v-2e1585c8]{cursor:not-allowed;opacity:.5}.m-dropzone--is-over-drop-zone[data-v-2e1585c8]{background-color:hsl(var(--maz-primary-400)/.2)}.m-dropzone--is-over-drop-zone[data-v-2e1585c8]:hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1))}.m-dropzone--is-over-drop-zone[data-v-2e1585c8]:hover:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-dropzone--is-over-drop-zone[data-v-2e1585c8]{border-color:var(--active-color)}.m-dropzone--is-over-drop-zone .maz-dropzone__upload-icon[data-v-2e1585c8]{color:var(--active-color)}.m-dropzone--is-over-error[data-v-2e1585c8]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-destructive)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive-50)/var(--maz-tw-bg-opacity,1))}.m-dropzone--is-over-error[data-v-2e1585c8]:hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive-50)/var(--maz-tw-bg-opacity,1))}.m-dropzone--is-over-error .maz-dropzone__upload-icon[data-v-2e1585c8]{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive)/var(--maz-tw-text-opacity,1))}.m-dropzone__divider[data-v-2e1585c8]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));font-size:.875rem;line-height:1.25rem}.m-dropzone__content[data-v-2e1585c8]{flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:flex}.m-dropzone__files-container[data-v-2e1585c8]{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex;position:relative}.m-dropzone__file-item[data-v-2e1585c8]{cursor:auto;border-radius:var(--maz-radius);--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1));flex-direction:column;align-items:center;width:10rem;height:10rem;display:flex;position:relative;overflow:hidden}.m-dropzone__file-item[data-v-2e1585c8]:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-dropzone__file-item[data-v-2e1585c8]{transition:all .3s ease-in-out}.m-dropzone__thumbnail[data-v-2e1585c8]{position:absolute;inset:0}.m-dropzone__overlay[data-v-2e1585c8]{border-radius:var(--maz-radius);background-color:hsl(var(--maz-background)/.4);--maz-tw-backdrop-blur:blur(.125rem);-webkit-backdrop-filter:var(--maz-tw-backdrop-blur)var(--maz-tw-backdrop-brightness)var(--maz-tw-backdrop-contrast)var(--maz-tw-backdrop-grayscale)var(--maz-tw-backdrop-hue-rotate)var(--maz-tw-backdrop-invert)var(--maz-tw-backdrop-opacity)var(--maz-tw-backdrop-saturate)var(--maz-tw-backdrop-sepia);backdrop-filter:var(--maz-tw-backdrop-blur)var(--maz-tw-backdrop-brightness)var(--maz-tw-backdrop-contrast)var(--maz-tw-backdrop-grayscale)var(--maz-tw-backdrop-hue-rotate)var(--maz-tw-backdrop-invert)var(--maz-tw-backdrop-opacity)var(--maz-tw-backdrop-saturate)var(--maz-tw-backdrop-sepia);position:absolute;inset:0}.m-dropzone__icon-container[data-v-2e1585c8]{z-index:2;flex:1;justify-content:center;align-items:center;padding:.5rem;display:flex}.m-dropzone__spinner[data-v-2e1585c8]{font-size:1.125rem;line-height:1.75rem}.m-dropzone__success-icon[data-v-2e1585c8]{--maz-tw-text-opacity:1;color:hsl(var(--maz-success)/var(--maz-tw-text-opacity,1));font-size:2.25rem;line-height:2.5rem}.m-dropzone__error-icon[data-v-2e1585c8]{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive)/var(--maz-tw-text-opacity,1));font-size:2.25rem;line-height:2.5rem}.m-dropzone__file-icon-wrapper[data-v-2e1585c8]{border-radius:var(--maz-radius);--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1));padding:.25rem}.m-dropzone__description[data-v-2e1585c8]{z-index:2;text-overflow:ellipsis;white-space:nowrap;flex-direction:column;gap:.25rem;width:100%;padding:.5rem;display:flex;overflow:hidden}.m-dropzone__file-info[data-v-2e1585c8]{text-align:center;flex-direction:column;gap:.125rem;font-size:.875rem;font-weight:600;line-height:1.25rem;display:flex}.m-dropzone__file-name[data-v-2e1585c8],.m-dropzone__file-size[data-v-2e1585c8]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m-dropzone__upload-icon[data-v-2e1585c8]{font-size:1.875rem;line-height:2.25rem}.m-dropzone__upload-text[data-v-2e1585c8]{text-align:center}.m-dropzone__info-text[data-v-2e1585c8]{text-align:center;--maz-tw-text-opacity:1;max-width:100%;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));margin-top:1rem;font-size:.875rem;line-height:1.25rem}.m-dropzone__file-input[data-v-2e1585c8]{display:none}.m-dropzone .icon-scale-enter-active[data-v-2e1585c8],.m-dropzone .icon-scale-leave-active[data-v-2e1585c8]{transition:transform .3s ease-in-out}.m-dropzone .icon-scale-enter-from[data-v-2e1585c8]{opacity:0;position:absolute;transform:scale(0)}.m-dropzone .icon-scale-leave-to[data-v-2e1585c8]{display:none}.m-dropzone .file-scale-enter-active[data-v-2e1585c8],.m-dropzone .file-scale-leave-active[data-v-2e1585c8]{transition:all .3s ease-in-out}.m-dropzone .file-scale-enter-from[data-v-2e1585c8]{opacity:0;transform:scale(.3)}.m-dropzone .file-scale-leave-to[data-v-2e1585c8]{opacity:0;transform:translateY(-100%)}.m-dropzone .file-scale-move[data-v-2e1585c8]{transition:transform .3s ease-in-out}
1
+ .m-dropzone[data-v-50e5b169]{cursor:pointer;border-radius:var(--maz-radius);border-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-style:dashed;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.m-dropzone[data-v-50e5b169]:hover{background-color:hsl(var(--maz-background-600)/.5)}.m-dropzone[data-v-50e5b169]:hover:is([class~=dark] *){background-color:hsl(var(--maz-background-400)/.5)}.m-dropzone--disabled[data-v-50e5b169]{cursor:not-allowed;opacity:.5}.m-dropzone--is-over-drop-zone[data-v-50e5b169]{background-color:hsl(var(--maz-primary-400)/.2)}.m-dropzone--is-over-drop-zone[data-v-50e5b169]:hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1))}.m-dropzone--is-over-drop-zone[data-v-50e5b169]:hover:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-dropzone--is-over-drop-zone[data-v-50e5b169]{border-color:var(--active-color)}.m-dropzone--is-over-drop-zone .maz-dropzone__upload-icon[data-v-50e5b169]{color:var(--active-color)}.m-dropzone--is-over-error[data-v-50e5b169]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-destructive)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive-50)/var(--maz-tw-bg-opacity,1))}.m-dropzone--is-over-error[data-v-50e5b169]:hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-destructive-50)/var(--maz-tw-bg-opacity,1))}.m-dropzone--is-over-error .maz-dropzone__upload-icon[data-v-50e5b169]{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive)/var(--maz-tw-text-opacity,1))}.m-dropzone__divider[data-v-50e5b169]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));font-size:.875rem;line-height:1.25rem}.m-dropzone__content[data-v-50e5b169]{flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:flex}.m-dropzone__files-container[data-v-50e5b169]{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex;position:relative}.m-dropzone__file-item[data-v-50e5b169]{cursor:auto;border-radius:var(--maz-radius);--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1));flex-direction:column;align-items:center;width:10rem;height:10rem;display:flex;position:relative;overflow:hidden}.m-dropzone__file-item[data-v-50e5b169]:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-dropzone__file-item[data-v-50e5b169]{transition:all .3s ease-in-out}.m-dropzone__thumbnail[data-v-50e5b169]{position:absolute;inset:0}.m-dropzone__overlay[data-v-50e5b169]{border-radius:var(--maz-radius);background-color:hsl(var(--maz-background)/.4);--maz-tw-backdrop-blur:blur(.125rem);-webkit-backdrop-filter:var(--maz-tw-backdrop-blur)var(--maz-tw-backdrop-brightness)var(--maz-tw-backdrop-contrast)var(--maz-tw-backdrop-grayscale)var(--maz-tw-backdrop-hue-rotate)var(--maz-tw-backdrop-invert)var(--maz-tw-backdrop-opacity)var(--maz-tw-backdrop-saturate)var(--maz-tw-backdrop-sepia);backdrop-filter:var(--maz-tw-backdrop-blur)var(--maz-tw-backdrop-brightness)var(--maz-tw-backdrop-contrast)var(--maz-tw-backdrop-grayscale)var(--maz-tw-backdrop-hue-rotate)var(--maz-tw-backdrop-invert)var(--maz-tw-backdrop-opacity)var(--maz-tw-backdrop-saturate)var(--maz-tw-backdrop-sepia);position:absolute;inset:0}.m-dropzone__icon-container[data-v-50e5b169]{z-index:2;flex:1;justify-content:center;align-items:center;padding:.5rem;display:flex}.m-dropzone__spinner[data-v-50e5b169]{font-size:1.125rem;line-height:1.75rem}.m-dropzone__success-icon[data-v-50e5b169]{--maz-tw-text-opacity:1;color:hsl(var(--maz-success)/var(--maz-tw-text-opacity,1));font-size:2.25rem;line-height:2.5rem}.m-dropzone__error-icon[data-v-50e5b169]{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive)/var(--maz-tw-text-opacity,1));font-size:2.25rem;line-height:2.5rem}.m-dropzone__file-icon-wrapper[data-v-50e5b169]{border-radius:var(--maz-radius);--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1));padding:.25rem}.m-dropzone__description[data-v-50e5b169]{z-index:2;text-overflow:ellipsis;white-space:nowrap;flex-direction:column;gap:.25rem;width:100%;padding:.5rem;display:flex;overflow:hidden}.m-dropzone__file-info[data-v-50e5b169]{text-align:center;flex-direction:column;gap:.125rem;font-size:.875rem;font-weight:600;line-height:1.25rem;display:flex}.m-dropzone__file-name[data-v-50e5b169],.m-dropzone__file-size[data-v-50e5b169]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m-dropzone__upload-icon[data-v-50e5b169]{font-size:1.875rem;line-height:2.25rem}.m-dropzone__upload-text[data-v-50e5b169]{text-align:center}.m-dropzone__info-text[data-v-50e5b169]{text-align:center;--maz-tw-text-opacity:1;max-width:100%;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));flex-direction:column;margin-top:1rem;font-size:.875rem;line-height:1.25rem;display:flex}.m-dropzone__file-input[data-v-50e5b169]{display:none}.m-dropzone .icon-scale-enter-active[data-v-50e5b169],.m-dropzone .icon-scale-leave-active[data-v-50e5b169]{transition:transform .3s ease-in-out}.m-dropzone .icon-scale-enter-from[data-v-50e5b169]{opacity:0;position:absolute;transform:scale(0)}.m-dropzone .icon-scale-leave-to[data-v-50e5b169]{display:none}.m-dropzone .file-scale-enter-active[data-v-50e5b169],.m-dropzone .file-scale-leave-active[data-v-50e5b169]{transition:all .3s ease-in-out}.m-dropzone .file-scale-enter-from[data-v-50e5b169]{opacity:0;transform:scale(.3)}.m-dropzone .file-scale-leave-to[data-v-50e5b169]{opacity:0;transform:translateY(-100%)}.m-dropzone .file-scale-move[data-v-50e5b169]{transition:transform .3s ease-in-out}
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, ref, onMounted, watch, nextTick, createBlock, openBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, createCommentVNode, mergeProps, createElementVNode, withModifiers, normalizeClass, renderSlot } from "vue";
2
2
  import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
3
- import '../assets/MazBackdrop.09bziTPM.css';const _hoisted_1 = ["aria-labelledby", "aria-describedby"], _hoisted_2 = {
3
+ import '../assets/MazBackdrop.CO7YPR-g.css';const _hoisted_1 = ["aria-labelledby", "aria-describedby"], _hoisted_2 = {
4
4
  role: "dialog",
5
5
  class: "m-backdrop-container",
6
6
  "aria-modal": "true"
@@ -157,7 +157,7 @@ import '../assets/MazBackdrop.09bziTPM.css';const _hoisted_1 = ["aria-labelledby
157
157
  }, 8, ["name"])
158
158
  ], 8, ["to", "disabled"]));
159
159
  }
160
- }), MazBackdrop = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d23340ed"]]);
160
+ }), MazBackdrop = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2ba650a3"]]);
161
161
  export {
162
162
  MazBackdrop as default
163
163
  };
@@ -6,14 +6,15 @@ import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
6
6
  import { useDropzone } from "../composables/useDropzone.js";
7
7
  import MazBtn from "./MazBtn.js";
8
8
  import MazIcon from "./MazIcon.js";
9
+ import MazLink from "./MazLink.js";
9
10
  import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
10
- import '../assets/MazDropzone.B5e-z_Ba.css';const _hoisted_1 = ["for"], _hoisted_2 = { class: "m-dropzone__icon-container" }, _hoisted_3 = {
11
+ import '../assets/MazDropzone.Ch5EPpDi.css';const _hoisted_1 = ["for"], _hoisted_2 = { class: "m-dropzone__icon-container" }, _hoisted_3 = {
11
12
  key: 3,
12
13
  class: "m-dropzone__file-icon-wrapper"
13
- }, _hoisted_4 = { class: "m-dropzone__description" }, _hoisted_5 = { class: "m-dropzone__file-info" }, _hoisted_6 = { class: "m-dropzone__file-name" }, _hoisted_7 = { class: "m-dropzone__file-size" }, _hoisted_8 = { class: "m-dropzone__content" }, _hoisted_9 = { class: "m-dropzone__upload-text" }, _hoisted_10 = { class: "m-dropzone__divider" }, _hoisted_11 = {
14
+ }, _hoisted_4 = { class: "m-dropzone__description" }, _hoisted_5 = { class: "m-dropzone__file-info" }, _hoisted_6 = { class: "m-dropzone__file-name" }, _hoisted_7 = { class: "m-dropzone__file-size" }, _hoisted_8 = { class: "m-dropzone__content" }, _hoisted_9 = { class: "m-dropzone__upload-text" }, _hoisted_10 = {
14
15
  key: 0,
15
16
  class: "m-dropzone__info-text"
16
- }, _hoisted_12 = { key: 0 }, _hoisted_13 = { key: 0 }, _hoisted_14 = ["id", "multiple", "accept", "disabled"], _sfc_main = /* @__PURE__ */ defineComponent({
17
+ }, _hoisted_11 = { key: 0 }, _hoisted_12 = { key: 1 }, _hoisted_13 = { key: 2 }, _hoisted_14 = ["id", "multiple", "accept", "disabled"], _sfc_main = /* @__PURE__ */ defineComponent({
17
18
  __name: "MazDropzone",
18
19
  props: /* @__PURE__ */ mergeModels({
19
20
  id: {},
@@ -28,7 +29,6 @@ import '../assets/MazDropzone.B5e-z_Ba.css';const _hoisted_1 = ["for"], _hoisted
28
29
  allowDuplicates: { type: Boolean, default: !1 },
29
30
  translations: {},
30
31
  color: { default: "primary" },
31
- selectFileBtnProps: { default: () => ({}) },
32
32
  removeFileBtnProps: { default: () => ({}) },
33
33
  spinnerProps: { default: () => ({}) },
34
34
  autoUpload: { type: [String, Boolean], default: !1 },
@@ -437,7 +437,7 @@ import '../assets/MazDropzone.B5e-z_Ba.css';const _hoisted_1 = ["for"], _hoisted
437
437
  style: normalizeStyle({ backgroundImage: `url(${file.thumbnail})`, backgroundSize: "cover", backgroundPosition: "center" }),
438
438
  class: "m-dropzone__thumbnail"
439
439
  }, null, 4),
440
- _cache[3] || (_cache[3] = createElementVNode("div", { class: "m-dropzone__overlay" }, null, -1))
440
+ _cache[4] || (_cache[4] = createElementVNode("div", { class: "m-dropzone__overlay" }, null, -1))
441
441
  ], 64)) : createCommentVNode("", !0),
442
442
  createElementVNode("div", _hoisted_2, [
443
443
  createVNode(Transition, { name: "icon-scale" }, {
@@ -493,30 +493,24 @@ import '../assets/MazDropzone.B5e-z_Ba.css';const _hoisted_1 = ["for"], _hoisted
493
493
  renderSlot(_ctx.$slots, "upload-icon", {}, () => [
494
494
  createVNode(unref(MazArrowUpOnSquare), { class: "m-dropzone__upload-icon" })
495
495
  ], !0),
496
- createElementVNode("span", _hoisted_9, toDisplayString(messages.value.dragAndDrop), 1)
496
+ createElementVNode("span", _hoisted_9, [
497
+ createTextVNode(toDisplayString(messages.value.dragAndDrop) + " " + toDisplayString(messages.value.divider) + " ", 1),
498
+ createVNode(MazLink, {
499
+ color: "inherit",
500
+ underline: "",
501
+ onClick: _cache[3] || (_cache[3] = withModifiers(($event) => !__props.disabled && handleFileInputClick(), ["prevent"]))
502
+ }, {
503
+ default: withCtx(() => [
504
+ createTextVNode(toDisplayString(messages.value.selectFile), 1)
505
+ ]),
506
+ _: 1
507
+ })
508
+ ])
497
509
  ]),
498
- createElementVNode("span", _hoisted_10, toDisplayString(messages.value.divider), 1),
499
- createVNode(MazBtn, mergeProps({
500
- disabled: __props.disabled,
501
- color: __props.color
502
- }, __props.selectFileBtnProps, { onClick: handleFileInputClick }), {
503
- default: withCtx(() => [
504
- createTextVNode(toDisplayString(messages.value.selectFile), 1)
505
- ]),
506
- _: 1
507
- }, 16, ["disabled", "color"]),
508
- !allFileIsAccepted.value && (messages.value.fileMaxCount || messages.value.fileMaxSize || messages.value.fileTypes) ? (openBlock(), createElementBlock("p", _hoisted_11, [
509
- messages.value.fileMaxCount ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
510
- createTextVNode(toDisplayString(messages.value.fileMaxCount) + " ", 1),
511
- messages.value.fileMaxSize || messages.value.fileTypes ? (openBlock(), createElementBlock("span", _hoisted_12, " - ")) : createCommentVNode("", !0)
512
- ], 64)) : createCommentVNode("", !0),
513
- messages.value.fileMaxSize ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
514
- createTextVNode(toDisplayString(messages.value.fileMaxSize) + " ", 1),
515
- messages.value.fileTypes ? (openBlock(), createElementBlock("span", _hoisted_13, " - ")) : createCommentVNode("", !0)
516
- ], 64)) : createCommentVNode("", !0),
517
- messages.value.fileTypes ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
518
- createTextVNode(toDisplayString(messages.value.fileTypes), 1)
519
- ], 64)) : createCommentVNode("", !0)
510
+ !allFileIsAccepted.value && (messages.value.fileMaxCount || messages.value.fileMaxSize || messages.value.fileTypes) ? (openBlock(), createElementBlock("p", _hoisted_10, [
511
+ messages.value.fileMaxCount ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(messages.value.fileMaxCount), 1)) : createCommentVNode("", !0),
512
+ messages.value.fileMaxSize ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(messages.value.fileMaxSize), 1)) : createCommentVNode("", !0),
513
+ messages.value.fileTypes ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(messages.value.fileTypes), 1)) : createCommentVNode("", !0)
520
514
  ])) : createCommentVNode("", !0)
521
515
  ], !0) : createCommentVNode("", !0),
522
516
  createElementVNode("input", {
@@ -533,7 +527,7 @@ import '../assets/MazDropzone.B5e-z_Ba.css';const _hoisted_1 = ["for"], _hoisted
533
527
  }, null, 40, _hoisted_14)
534
528
  ], 14, _hoisted_1));
535
529
  }
536
- }), MazDropzone = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2e1585c8"]]);
530
+ }), MazDropzone = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-50e5b169"]]);
537
531
  export {
538
532
  MazDropzone as default
539
533
  };
@@ -61,11 +61,6 @@ export type MazDropzoneProps = {
61
61
  * @default 'primary'
62
62
  */
63
63
  color?: MazColor;
64
- /**
65
- * MazBtn props [MazBtn props](/components/maz-btn#props)
66
- * @default {}
67
- */
68
- selectFileBtnProps?: MazBtnProps;
69
64
  /**
70
65
  * MazBtn props [MazBtn props](/components/maz-btn#props)
71
66
  * @default {}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "maz-ui",
3
3
  "type": "module",
4
- "version": "4.1.7",
4
+ "version": "4.1.8-beta.1",
5
5
  "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
6
6
  "author": "Louis Mazel <me@loicmazuel.com>",
7
7
  "license": "MIT",
@@ -194,11 +194,11 @@
194
194
  },
195
195
  "dependencies": {
196
196
  "@floating-ui/vue": "^1.1.9",
197
- "@maz-ui/cli": "4.1.7",
198
- "@maz-ui/icons": "4.1.7",
199
- "@maz-ui/themes": "4.1.7",
200
- "@maz-ui/translations": "4.1.7",
201
- "@maz-ui/utils": "4.1.7",
197
+ "@maz-ui/cli": "4.1.8-beta.1",
198
+ "@maz-ui/icons": "4.1.8-beta.1",
199
+ "@maz-ui/themes": "4.1.8-beta.1",
200
+ "@maz-ui/translations": "4.1.8-beta.1",
201
+ "@maz-ui/utils": "4.1.8-beta.1",
202
202
  "chart.js": "^4.5.0",
203
203
  "dayjs": "^1.11.18",
204
204
  "libphonenumber-js": "^1.12.24",
@@ -206,8 +206,8 @@
206
206
  "vue-chartjs": "^5.3.2"
207
207
  },
208
208
  "devDependencies": {
209
- "@maz-ui/eslint-config": "4.1.7",
210
- "@maz-ui/node": "4.1.7",
209
+ "@maz-ui/eslint-config": "4.1.8-beta.1",
210
+ "@maz-ui/node": "4.1.8-beta.1",
211
211
  "@vitejs/plugin-vue": "^6.0.1",
212
212
  "@vitest/coverage-v8": "^3.2.4",
213
213
  "@vue/compiler-sfc": "^3.5.22",
@@ -247,5 +247,5 @@
247
247
  "*.{js,ts,vue,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix",
248
248
  "*.{vue,css,scss,postcss,pcss}": "stylelint --fix --allow-empty-input"
249
249
  },
250
- "gitHead": "e40beabe5a0c9bcc7ccad56258058e12e9aa5336"
250
+ "gitHead": "aaa5e6ea54ec9985a778749803ea76cb784d2fb2"
251
251
  }
@@ -1 +0,0 @@
1
- html.--backdrop-present{overflow-y:hidden;height:100vh!important}html.--backdrop-present.--has-scrollbar{padding-right:var(--scrollbar-width)}.m-backdrop[data-v-d23340ed]{z-index:1050;background-color:hsl(var(--maz-overlay)/.05);--maz-tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--maz-tw-backdrop-blur)var(--maz-tw-backdrop-brightness)var(--maz-tw-backdrop-contrast)var(--maz-tw-backdrop-grayscale)var(--maz-tw-backdrop-hue-rotate)var(--maz-tw-backdrop-invert)var(--maz-tw-backdrop-opacity)var(--maz-tw-backdrop-saturate)var(--maz-tw-backdrop-sepia);backdrop-filter:var(--maz-tw-backdrop-blur)var(--maz-tw-backdrop-brightness)var(--maz-tw-backdrop-contrast)var(--maz-tw-backdrop-grayscale)var(--maz-tw-backdrop-hue-rotate)var(--maz-tw-backdrop-invert)var(--maz-tw-backdrop-opacity)var(--maz-tw-backdrop-saturate)var(--maz-tw-backdrop-sepia);transition-behavior:allow-discrete;position:fixed;inset:0}.m-backdrop.--persistent .m-backdrop-content[data-v-d23340ed]{cursor:default}.m-backdrop-container[data-v-d23340ed]{z-index:1050;position:fixed;inset:0}.m-backdrop-wrapper[data-v-d23340ed]{position:fixed;inset:0;overflow-y:auto}.m-backdrop-content[data-v-d23340ed]{align-items:flex-end;min-height:100%;display:flex}@media (min-width:640px){.m-backdrop-content[data-v-d23340ed]{align-items:center;padding:0}}.m-backdrop-content.--padding[data-v-d23340ed]{padding:1rem}.m-backdrop-content.--justify-center[data-v-d23340ed]{justify-content:center}.m-backdrop-content.--justify-end[data-v-d23340ed]{justify-content:flex-end}.m-backdrop-content.--justify-start[data-v-d23340ed]{justify-content:flex-start}.m-backdrop-content.--justify-space-between[data-v-d23340ed]{justify-content:space-between}.m-backdrop-content.--justify-space-around[data-v-d23340ed]{justify-content:space-around}.m-backdrop-content.--align-center[data-v-d23340ed]{align-items:center}.m-backdrop-content.--align-end[data-v-d23340ed]{align-items:flex-end}.m-backdrop-content.--align-start[data-v-d23340ed]{align-items:flex-start}.m-backdrop-content[data-v-d23340ed]>*{cursor:default}.m-backdrop.--variant-bottom-sheet .m-backdrop-content[data-v-d23340ed],.m-backdrop.--variant-drawer .m-backdrop-content[data-v-d23340ed]{position:fixed;inset:0}.m-backdrop.bottom-sheet-anim-enter-active[data-v-d23340ed],.m-backdrop.bottom-sheet-anim-leave-active[data-v-d23340ed]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.bottom-sheet-anim-enter-active .m-backdrop-content[data-v-d23340ed]>*,.m-backdrop.bottom-sheet-anim-leave-active .m-backdrop-content[data-v-d23340ed]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.bottom-sheet-anim-enter-from[data-v-d23340ed],.m-backdrop.bottom-sheet-anim-leave-to[data-v-d23340ed]{opacity:0}.m-backdrop.bottom-sheet-anim-enter-from .m-backdrop-content[data-v-d23340ed]>*,.m-backdrop.bottom-sheet-anim-leave-to .m-backdrop-content[data-v-d23340ed]>*{transform:translateY(100%)}.m-backdrop.modal-anim-enter-active[data-v-d23340ed],.m-backdrop.modal-anim-leave-active[data-v-d23340ed]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.modal-anim-enter-active .m-backdrop-content[data-v-d23340ed]>*,.m-backdrop.modal-anim-leave-active .m-backdrop-content[data-v-d23340ed]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.modal-anim-enter-from[data-v-d23340ed],.m-backdrop.modal-anim-leave-to[data-v-d23340ed]{opacity:0}.m-backdrop.modal-anim-enter-from .m-backdrop-content[data-v-d23340ed]>*,.m-backdrop.modal-anim-leave-to .m-backdrop-content[data-v-d23340ed]>*{transform:scale(.5)}.m-backdrop.drawer-anim-top-enter-active[data-v-d23340ed],.m-backdrop.drawer-anim-top-leave-active[data-v-d23340ed]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.drawer-anim-top-enter-active .m-backdrop-content[data-v-d23340ed]>*,.m-backdrop.drawer-anim-top-leave-active .m-backdrop-content[data-v-d23340ed]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.drawer-anim-top-enter-from[data-v-d23340ed],.m-backdrop.drawer-anim-top-leave-to[data-v-d23340ed]{opacity:0}.m-backdrop.drawer-anim-top-enter-from .m-backdrop-content[data-v-d23340ed]>*,.m-backdrop.drawer-anim-top-leave-to .m-backdrop-content[data-v-d23340ed]>*{transform:translateY(-100%)}.m-backdrop.drawer-anim-bottom-enter-active[data-v-d23340ed],.m-backdrop.drawer-anim-bottom-leave-active[data-v-d23340ed]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.drawer-anim-bottom-enter-active .m-backdrop-content[data-v-d23340ed]>*,.m-backdrop.drawer-anim-bottom-leave-active .m-backdrop-content[data-v-d23340ed]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.drawer-anim-bottom-enter-from[data-v-d23340ed],.m-backdrop.drawer-anim-bottom-leave-to[data-v-d23340ed]{opacity:0}.m-backdrop.drawer-anim-bottom-enter-from .m-backdrop-content[data-v-d23340ed]>*,.m-backdrop.drawer-anim-bottom-leave-to .m-backdrop-content[data-v-d23340ed]>*{transform:translateY(100%)}.m-backdrop.drawer-anim-left-enter-active[data-v-d23340ed],.m-backdrop.drawer-anim-left-leave-active[data-v-d23340ed]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.drawer-anim-left-enter-active .m-backdrop-content[data-v-d23340ed]>*,.m-backdrop.drawer-anim-left-leave-active .m-backdrop-content[data-v-d23340ed]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.drawer-anim-left-enter-from[data-v-d23340ed],.m-backdrop.drawer-anim-left-leave-to[data-v-d23340ed]{opacity:0}.m-backdrop.drawer-anim-left-enter-from .m-backdrop-content[data-v-d23340ed]>*,.m-backdrop.drawer-anim-left-leave-to .m-backdrop-content[data-v-d23340ed]>*{transform:translate(-100%)}.m-backdrop.drawer-anim-right-enter-active[data-v-d23340ed],.m-backdrop.drawer-anim-right-leave-active[data-v-d23340ed]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.drawer-anim-right-enter-active .m-backdrop-content[data-v-d23340ed]>*,.m-backdrop.drawer-anim-right-leave-active .m-backdrop-content[data-v-d23340ed]>*{transition-behavior:allow-discrete;transition:transform .25s ease-in-out}.m-backdrop.drawer-anim-right-enter-from[data-v-d23340ed],.m-backdrop.drawer-anim-right-leave-to[data-v-d23340ed]{opacity:0}.m-backdrop.drawer-anim-right-enter-from .m-backdrop-content[data-v-d23340ed]>*,.m-backdrop.drawer-anim-right-leave-to .m-backdrop-content[data-v-d23340ed]>*{transform:translate(100%)}.m-backdrop.backdrop-anim-enter-active[data-v-d23340ed],.m-backdrop.backdrop-anim-leave-active[data-v-d23340ed]{transition-behavior:allow-discrete;transition:opacity .25s ease-in-out}.m-backdrop.backdrop-anim-enter-from[data-v-d23340ed],.m-backdrop.backdrop-anim-leave-to[data-v-d23340ed]{opacity:0}
@@ -1,36 +0,0 @@
1
- export interface MazAccordionProps {
2
- id?: string;
3
- modelValue?: number;
4
- contentClass?: unknown;
5
- }
6
- declare function __VLS_template(): {
7
- attrs: Partial<{}>;
8
- slots: Partial<Record<`title-${number}`, (_: {
9
- isOpen: boolean;
10
- }) => any>> & Partial<Record<`content-${number}`, (_: {
11
- isOpen: boolean;
12
- }) => any>> & {
13
- content?(_: {
14
- isOpen: boolean;
15
- }): any;
16
- };
17
- refs: {};
18
- rootEl: HTMLDivElement;
19
- };
20
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
21
- declare const __VLS_component: import('vue').DefineComponent<MazAccordionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
22
- "update:model-value": (...args: any[]) => void;
23
- }, string, import('vue').PublicProps, Readonly<MazAccordionProps> & Readonly<{
24
- "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
25
- }>, {
26
- id: string;
27
- modelValue: number;
28
- contentClass: undefined;
29
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
30
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
31
- export default _default;
32
- type __VLS_WithTemplateSlots<T, S> = T & {
33
- new (): {
34
- $slots: S;
35
- };
36
- };
@@ -1,59 +0,0 @@
1
- export interface MazAnimatedCounterProps {
2
- /**
3
- * The number to animate
4
- */
5
- count: number;
6
- /**
7
- * Duration of the animation in milliseconds
8
- * @default 1000
9
- */
10
- duration?: number;
11
- /**
12
- * Suffix to display next to the number
13
- */
14
- prefix?: string;
15
- /**
16
- * Suffix to display next to the number
17
- */
18
- suffix?: string;
19
- /**
20
- * Delay before the animation starts in milliseconds
21
- * @default 100
22
- */
23
- delay?: number;
24
- /**
25
- * Play the animation only once
26
- * @default true
27
- */
28
- once?: boolean;
29
- }
30
- declare function __VLS_template(): {
31
- attrs: Partial<{}>;
32
- slots: {
33
- prefix?(_: {}): any;
34
- prefix?(_: {}): any;
35
- suffix?(_: {}): any;
36
- suffix?(_: {}): any;
37
- };
38
- refs: {
39
- elementRef: HTMLSpanElement;
40
- };
41
- rootEl: HTMLSpanElement;
42
- };
43
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
44
- declare const __VLS_component: import('vue').DefineComponent<MazAnimatedCounterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazAnimatedCounterProps> & Readonly<{}>, {
45
- duration: number;
46
- delay: number;
47
- once: boolean;
48
- prefix: string;
49
- suffix: string;
50
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
51
- elementRef: HTMLSpanElement;
52
- }, HTMLSpanElement>;
53
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
54
- export default _default;
55
- type __VLS_WithTemplateSlots<T, S> = T & {
56
- new (): {
57
- $slots: S;
58
- };
59
- };
@@ -1,44 +0,0 @@
1
- export interface MazAnimatedElementProps {
2
- /**
3
- * The direction of the animation
4
- * @default "up"
5
- * @values "up", "down", "left", "right"
6
- */
7
- direction?: 'up' | 'down' | 'left' | 'right';
8
- /**
9
- * The delay of the animation
10
- * @default 0
11
- */
12
- delay?: number;
13
- /**
14
- * The duration of the animation
15
- * @default 2000
16
- */
17
- duration?: number;
18
- /**
19
- * Play the animation only once
20
- * @default true
21
- */
22
- once?: boolean;
23
- }
24
- declare function __VLS_template(): {
25
- attrs: Partial<{}>;
26
- slots: {
27
- default?(_: {}): any;
28
- };
29
- refs: {
30
- element: HTMLDivElement;
31
- };
32
- rootEl: HTMLDivElement;
33
- };
34
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
35
- declare const __VLS_component: import('vue').DefineComponent<MazAnimatedElementProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazAnimatedElementProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
36
- element: HTMLDivElement;
37
- }, HTMLDivElement>;
38
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
39
- export default _default;
40
- type __VLS_WithTemplateSlots<T, S> = T & {
41
- new (): {
42
- $slots: S;
43
- };
44
- };
@@ -1,57 +0,0 @@
1
- export interface MazAnimatedTextProps {
2
- /**
3
- * The text to animate
4
- * @example "Hello"
5
- */
6
- text: string;
7
- /**
8
- * The last word(s) to be highlighted
9
- * @example "world"
10
- */
11
- lastWord?: string;
12
- /**
13
- * The delay of the animation
14
- * @default 0
15
- */
16
- delay?: number;
17
- /**
18
- * The direction of the animation
19
- * @default "up"
20
- * @values "up", "down", "left", "right"
21
- */
22
- direction?: 'up' | 'down' | 'left' | 'right';
23
- /**
24
- * The tag to use for the text
25
- * @default "span"
26
- */
27
- tag?: string;
28
- /**
29
- * The delay between each word
30
- * @default 75
31
- */
32
- wordDelay?: number;
33
- /**
34
- * The column gap between each word
35
- * @default 0.5
36
- */
37
- columnGap?: number;
38
- /**
39
- * The row gap between each word
40
- * @default 0
41
- */
42
- rowGap?: number;
43
- /**
44
- * The duration of the animation
45
- * @default 2000
46
- */
47
- duration?: number;
48
- /**
49
- * Play the animation only once
50
- * @default true
51
- */
52
- once?: boolean;
53
- }
54
- declare const _default: import('vue').DefineComponent<MazAnimatedTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazAnimatedTextProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
55
- element: unknown;
56
- }, any>;
57
- export default _default;
@@ -1,99 +0,0 @@
1
- import { HTMLAttributes } from 'vue';
2
- import { MazColor } from './types';
3
- export interface MazAvatarProps {
4
- /** The style of the component */
5
- style?: HTMLAttributes['style'];
6
- /** The class of the component */
7
- class?: HTMLAttributes['class'];
8
- /** The source of the image */
9
- src?: string | null;
10
- /** The caption of the avatar */
11
- caption?: string | null;
12
- /** The link of the avatar */
13
- href?: string;
14
- /** The link (router-link) of the avatar */
15
- to?: string | Record<string, unknown>;
16
- /** The alt of the image */
17
- alt?: string;
18
- /** The target of the link */
19
- target?: string;
20
- /** The size of the avatar */
21
- size?: string;
22
- /** Add a border to the avatar */
23
- bordered?: boolean;
24
- /** Make the avatar clickable */
25
- clickable?: boolean;
26
- /** Make the avatar square */
27
- square?: boolean;
28
- /** Remove the shadow */
29
- noElevation?: boolean;
30
- /** Show the caption */
31
- showCaption?: boolean;
32
- /** Make the image height full */
33
- imageHeightFull?: boolean;
34
- /** Remove the loader */
35
- hideLoader?: boolean;
36
- /** The color of the clickable button */
37
- buttonColor?: MazColor;
38
- /** Remove the icon on hover when component is clickable */
39
- hideClickableIcon?: boolean;
40
- /** Number of letters to display in the round text */
41
- letterCount?: number;
42
- /**
43
- * Size of the rounded
44
- * @values `'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`
45
- */
46
- roundedSize?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
47
- /** The fallback src to replace the src on loading error */
48
- fallbackSrc?: string;
49
- /**
50
- * The loading strategy of the image - lazy, eager or intersecting
51
- * @default 'intersecting'
52
- * @values `'lazy' | 'eager' | 'intersecting'`
53
- */
54
- loading?: 'lazy' | 'eager' | 'intersecting';
55
- }
56
- declare function __VLS_template(): {
57
- attrs: Partial<{}>;
58
- slots: {
59
- 'round-text'?(_: {}): any;
60
- icon?(_: {}): any;
61
- caption?(_: {}): any;
62
- };
63
- refs: {};
64
- rootEl: any;
65
- };
66
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
67
- declare const __VLS_component: import('vue').DefineComponent<MazAvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
68
- click: (event: MouseEvent) => any;
69
- error: (el: Element) => any;
70
- loaded: (el: Element) => any;
71
- loading: (el: Element) => any;
72
- intersecting: (el: Element) => any;
73
- }, string, import('vue').PublicProps, Readonly<MazAvatarProps> & Readonly<{
74
- onClick?: ((event: MouseEvent) => any) | undefined;
75
- onError?: ((el: Element) => any) | undefined;
76
- onLoaded?: ((el: Element) => any) | undefined;
77
- onLoading?: ((el: Element) => any) | undefined;
78
- onIntersecting?: ((el: Element) => any) | undefined;
79
- }>, {
80
- src: string | null;
81
- size: string;
82
- caption: string | null;
83
- roundedSize: "none" | "sm" | "md" | "lg" | "xl" | "full";
84
- loading: "lazy" | "eager" | "intersecting";
85
- href: string;
86
- to: string | Record<string, unknown>;
87
- target: string;
88
- alt: string;
89
- fallbackSrc: string;
90
- buttonColor: MazColor;
91
- letterCount: number;
92
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
93
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
94
- export default _default;
95
- type __VLS_WithTemplateSlots<T, S> = T & {
96
- new (): {
97
- $slots: S;
98
- };
99
- };
@@ -1,91 +0,0 @@
1
- import { HTMLAttributes } from 'vue';
2
- export interface MazBackdropProps {
3
- /** @model Modal's model value */
4
- modelValue?: boolean;
5
- /** Teleport selector */
6
- teleportSelector?: string;
7
- /** Function called before modal is close */
8
- beforeClose?: () => Promise<void> | void;
9
- /** Persistent dialog (not closable by clicking outside and remove close button) */
10
- persistent?: boolean;
11
- /** Prevent close on escape key */
12
- closeOnEscape?: boolean;
13
- /** Transition name */
14
- transitionName?: string;
15
- /** Backdrop class */
16
- backdropClass?: HTMLAttributes['class'];
17
- /** Backdrop content class */
18
- backdropContentClass?: HTMLAttributes['class'];
19
- /** Add padding to the content */
20
- contentPadding?: boolean;
21
- /** Justify content */
22
- justify?: 'center' | 'end' | 'start' | 'space-between' | 'space-around' | 'none';
23
- /** Align content */
24
- align?: 'center' | 'end' | 'start' | 'none';
25
- /** Variant */
26
- variant?: 'bottom-sheet' | 'dialog' | 'drawer';
27
- /** ID for aria-labelledby */
28
- ariaLabelledby?: string;
29
- /** ID for aria-describedby */
30
- ariaDescribedby?: string;
31
- }
32
- declare function close(): void;
33
- declare function toggleModal(value?: boolean): Promise<void>;
34
- declare function onBackdropAnimationLeave(): void;
35
- declare function onKeyPress(event: KeyboardEvent): void;
36
- declare function __VLS_template(): {
37
- attrs: Partial<{}>;
38
- slots: {
39
- default?(_: {
40
- close: typeof close;
41
- }): any;
42
- };
43
- refs: {};
44
- rootEl: any;
45
- };
46
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
47
- declare const __VLS_component: import('vue').DefineComponent<MazBackdropProps, {
48
- /**
49
- * Animation leave event
50
- * @description This is used to handle animation leave events
51
- */
52
- onBackdropAnimationLeave: typeof onBackdropAnimationLeave;
53
- /**
54
- * Close the backdrop
55
- * @description This is used to close the backdrop
56
- */
57
- close: typeof close;
58
- /**
59
- * The present state of the backdrop
60
- * @description This is used to check if the backdrop is present (open)
61
- */
62
- present: import('vue').Ref<boolean, boolean>;
63
- /**
64
- * Toggle the backdrop
65
- * @description This is used to toggle the backdrop
66
- * @param {boolean} value - The value to toggle the backdrop (optional)
67
- */
68
- toggleModal: typeof toggleModal;
69
- /**
70
- * Key press event
71
- * @description This is used to handle key press events
72
- */
73
- onKeyPress: typeof onKeyPress;
74
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
75
- close: (value: void) => any;
76
- open: (value: void) => any;
77
- "update:model-value": (value: boolean) => any;
78
- "before-close": (value: void) => any;
79
- }, string, import('vue').PublicProps, Readonly<MazBackdropProps> & Readonly<{
80
- onClose?: ((value?: void | undefined) => any) | undefined;
81
- onOpen?: ((value?: void | undefined) => any) | undefined;
82
- "onUpdate:model-value"?: ((value: boolean) => any) | undefined;
83
- "onBefore-close"?: ((value?: void | undefined) => any) | undefined;
84
- }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
85
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
86
- export default _default;
87
- type __VLS_WithTemplateSlots<T, S> = T & {
88
- new (): {
89
- $slots: S;
90
- };
91
- };