maz-ui 3.11.0 → 3.11.2

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 (179) hide show
  1. package/components/MazBottomSheet.mjs +80 -44
  2. package/components/MazBtn.mjs +72 -36
  3. package/components/MazCard.mjs +78 -42
  4. package/components/MazCarousel.mjs +77 -41
  5. package/components/MazChart.mjs +43 -17
  6. package/components/MazDialog.mjs +79 -44
  7. package/components/MazDialogPromise.mjs +79 -44
  8. package/components/MazDrawer.mjs +77 -41
  9. package/components/MazIcon.mjs +2 -2
  10. package/components/MazInput.mjs +72 -36
  11. package/components/MazInputNumber.mjs +72 -36
  12. package/components/MazInputPrice.mjs +72 -36
  13. package/components/MazInputTags.mjs +79 -43
  14. package/components/MazPhoneNumberInput.mjs +75 -39
  15. package/components/MazPicker.mjs +88 -52
  16. package/components/MazSelect.mjs +75 -39
  17. package/components/MazStepper.mjs +2 -2
  18. package/components/MazTabsBar.mjs +105 -59
  19. package/components/MazTabsContent.mjs +3 -10
  20. package/components/MazTabsContentItem.mjs +2 -2
  21. package/components/MazTextarea.mjs +2 -2
  22. package/css/main.css +1 -1
  23. package/modules/index.mjs +9 -4
  24. package/package.json +23 -13
  25. package/tailwindcss/tailwind.config.ts +1 -26
  26. package/{components/MazBtn.d.ts → types/components/MazBtn.vue.d.ts} +19 -0
  27. package/types/components/MazChart.vue.d.ts +95 -0
  28. package/{components/MazTabsBar.d.ts → types/components/MazTabsBar.vue.d.ts} +11 -2
  29. package/types/components/index.d.ts +35 -0
  30. package/types/modules/composables/aos.d.ts +4 -0
  31. package/types/modules/composables/idle-timeout.d.ts +8 -0
  32. package/types/modules/composables/index.d.ts +7 -0
  33. package/types/modules/composables/instance-uniq-id.d.ts +8 -0
  34. package/types/modules/composables/theme-handler.d.ts +20 -0
  35. package/types/modules/composables/toaster.d.ts +4 -0
  36. package/types/modules/composables/user-visibilty.d.ts +8 -0
  37. package/types/modules/composables/wait.d.ts +4 -0
  38. package/types/modules/directives/click-outside.d.ts +10 -0
  39. package/types/modules/directives/closable.d.ts +4 -0
  40. package/types/modules/directives/index.d.ts +11 -0
  41. package/types/modules/directives/v-lazy-img/index.d.ts +8 -0
  42. package/types/modules/directives/v-lazy-img/lazy-img-handler.d.ts +38 -0
  43. package/types/modules/directives/v-lazy-img/lazy-img.d.ts +5 -0
  44. package/types/modules/directives/v-lazy-img/types.d.ts +31 -0
  45. package/types/modules/directives/v-zoom-img/index.d.ts +7 -0
  46. package/types/modules/directives/v-zoom-img/style.d.ts +1 -0
  47. package/types/modules/directives/v-zoom-img/svgs.d.ts +3 -0
  48. package/types/modules/directives/v-zoom-img/zoom-img.d.ts +2 -0
  49. package/types/modules/directives/v-zoom-img/zoom-img.handler.d.ts +48 -0
  50. package/types/modules/filters/capitalize.d.ts +1 -0
  51. package/types/modules/filters/currency.d.ts +4 -0
  52. package/types/modules/filters/date.d.ts +1 -0
  53. package/types/modules/filters/index.d.ts +16 -0
  54. package/types/modules/filters/number.d.ts +1 -0
  55. package/types/modules/filters/telephone.d.ts +1 -0
  56. package/types/modules/helpers/debounce.d.ts +7 -0
  57. package/types/modules/helpers/idle-timeout/idle-timeout-handler.d.ts +29 -0
  58. package/types/modules/helpers/idle-timeout/index.d.ts +2 -0
  59. package/types/modules/helpers/idle-timeout/types.d.ts +12 -0
  60. package/types/modules/helpers/index.d.ts +9 -0
  61. package/types/modules/helpers/inject-strict.d.ts +1 -0
  62. package/types/modules/helpers/is-client.d.ts +1 -0
  63. package/types/modules/helpers/mount-component.d.ts +13 -0
  64. package/types/modules/helpers/script-loader.d.ts +19 -0
  65. package/types/modules/helpers/sleep.d.ts +1 -0
  66. package/types/modules/helpers/truthy-filter.d.ts +2 -0
  67. package/types/modules/helpers/user-visibility/index.d.ts +2 -0
  68. package/types/modules/helpers/user-visibility/types.d.ts +10 -0
  69. package/types/modules/helpers/user-visibility/user-visibility-handler.d.ts +19 -0
  70. package/types/modules/index.d.ts +5 -0
  71. package/types/modules/plugins/aos/index.d.ts +35 -0
  72. package/types/modules/plugins/index.d.ts +3 -0
  73. package/types/modules/plugins/toaster/MazToast.vue.d.ts +83 -0
  74. package/types/modules/plugins/toaster/index.d.ts +10 -0
  75. package/types/modules/plugins/toaster/timer.d.ts +11 -0
  76. package/types/modules/plugins/toaster/toaster-handler.d.ts +16 -0
  77. package/types/modules/plugins/toaster/types.d.ts +6 -0
  78. package/types/modules/plugins/wait/index.d.ts +14 -0
  79. package/types/modules/plugins/wait/utils.d.ts +7 -0
  80. package/types/nuxt/index.d.ts +41 -0
  81. package/types/nuxt/runtime/composables/use-toast.d.ts +2 -0
  82. package/types/nuxt/runtime/plugins/toaster.d.ts +7 -0
  83. package/types/tailwindcss/tailwind.config.d.ts +3 -0
  84. package/types/tailwindcss/utils/colors.d.ts +20 -0
  85. package/types/tailwindcss/variables/breakpoints.d.ts +14 -0
  86. package/types/tailwindcss/variables/colors.d.ts +29 -0
  87. package/types/tailwindcss/variables/utilities.d.ts +19 -0
  88. package/types/tailwindcss/variables/z-indexes.d.ts +14 -0
  89. package/components/MazAvatar.umd.js +0 -2
  90. package/components/MazBackdrop.umd.js +0 -2
  91. package/components/MazBadge.umd.js +0 -2
  92. package/components/MazBottomSheet.umd.js +0 -2
  93. package/components/MazBtn.umd.js +0 -2
  94. package/components/MazCard.umd.js +0 -2
  95. package/components/MazCarousel.umd.js +0 -2
  96. package/components/MazChart.umd.js +0 -1
  97. package/components/MazCheckbox.umd.js +0 -2
  98. package/components/MazDialog.umd.js +0 -2
  99. package/components/MazDialogPromise.umd.js +0 -2
  100. package/components/MazDrawer.umd.js +0 -2
  101. package/components/MazDropzone.umd.js +0 -2
  102. package/components/MazGallery.umd.js +0 -2
  103. package/components/MazIcon.umd.js +0 -2
  104. package/components/MazInput.umd.js +0 -2
  105. package/components/MazInputNumber.umd.js +0 -2
  106. package/components/MazInputPrice.umd.js +0 -2
  107. package/components/MazInputTags.umd.js +0 -2
  108. package/components/MazLazyImg.umd.js +0 -2
  109. package/components/MazPhoneNumberInput.umd.js +0 -2
  110. package/components/MazPicker.umd.js +0 -2
  111. package/components/MazRadioButtons.umd.js +0 -2
  112. package/components/MazSelect.umd.js +0 -2
  113. package/components/MazSlider.umd.js +0 -2
  114. package/components/MazSpinner.umd.js +0 -2
  115. package/components/MazStepper.umd.js +0 -2
  116. package/components/MazSwitch.umd.js +0 -2
  117. package/components/MazTabs.umd.js +0 -1
  118. package/components/MazTabsBar.umd.js +0 -2
  119. package/components/MazTabsContent.umd.js +0 -2
  120. package/components/MazTabsContentItem.umd.js +0 -2
  121. package/components/MazTextarea.umd.js +0 -2
  122. package/components/MazTransitionExpand.umd.js +0 -2
  123. package/components/index.d.ts +0 -35
  124. package/modules/index.d.ts +0 -338
  125. package/modules/index.umd.js +0 -2
  126. /package/{components/MazAvatar.d.ts → types/components/MazAvatar.vue.d.ts} +0 -0
  127. /package/{components/MazBackdrop.d.ts → types/components/MazBackdrop.vue.d.ts} +0 -0
  128. /package/{components/MazBadge.d.ts → types/components/MazBadge.vue.d.ts} +0 -0
  129. /package/{components/MazBottomSheet.d.ts → types/components/MazBottomSheet.vue.d.ts} +0 -0
  130. /package/{components/MazCard.d.ts → types/components/MazCard.vue.d.ts} +0 -0
  131. /package/{components/MazCarousel.d.ts → types/components/MazCarousel.vue.d.ts} +0 -0
  132. /package/{components/MazCheckbox.d.ts → types/components/MazCheckbox.vue.d.ts} +0 -0
  133. /package/{components/MazDialog.d.ts → types/components/MazDialog.vue.d.ts} +0 -0
  134. /package/{components → types/components}/MazDialogPromise/use-maz-dialog-promise.d.ts +0 -0
  135. /package/{components/MazDialogPromise.d.ts → types/components/MazDialogPromise.vue.d.ts} +0 -0
  136. /package/{components/MazDrawer.d.ts → types/components/MazDrawer.vue.d.ts} +0 -0
  137. /package/{components/MazDropzone.d.ts → types/components/MazDropzone.vue.d.ts} +0 -0
  138. /package/{components/MazGallery.d.ts → types/components/MazGallery.vue.d.ts} +0 -0
  139. /package/{components/MazIcon.d.ts → types/components/MazIcon.vue.d.ts} +0 -0
  140. /package/{components/MazInput.d.ts → types/components/MazInput.vue.d.ts} +0 -0
  141. /package/{components/MazInputNumber.d.ts → types/components/MazInputNumber.vue.d.ts} +0 -0
  142. /package/{components/MazInputPrice.d.ts → types/components/MazInputPrice.vue.d.ts} +0 -0
  143. /package/{components/MazInputTags.d.ts → types/components/MazInputTags.vue.d.ts} +0 -0
  144. /package/{components/MazLazyImg.d.ts → types/components/MazLazyImg.vue.d.ts} +0 -0
  145. /package/{components → types/components}/MazPhoneNumberInput/constantes/locales.d.ts +0 -0
  146. /package/{components → types/components}/MazPhoneNumberInput/types.d.ts +0 -0
  147. /package/{components → types/components}/MazPhoneNumberInput/utils/countries-name-list-by-iso-code.d.ts +0 -0
  148. /package/{components → types/components}/MazPhoneNumberInput/utils/index.d.ts +0 -0
  149. /package/{components/MazPhoneNumberInput.d.ts → types/components/MazPhoneNumberInput.vue.d.ts} +0 -0
  150. /package/{components → types/components}/MazPicker/MazPickerCalendar.vue.d.ts +0 -0
  151. /package/{components → types/components}/MazPicker/MazPickerCalendarMonth/MazPickerCalendarDays.vue.d.ts +0 -0
  152. /package/{components → types/components}/MazPicker/MazPickerCalendarMonth/MazPickerCalendarGrid.vue.d.ts +0 -0
  153. /package/{components → types/components}/MazPicker/MazPickerCalendarMonth/MazPickerCalendarMonth.vue.d.ts +0 -0
  154. /package/{components → types/components}/MazPicker/MazPickerCalendarSwitcher.vue.d.ts +0 -0
  155. /package/{components → types/components}/MazPicker/MazPickerContainer.vue.d.ts +0 -0
  156. /package/{components → types/components}/MazPicker/MazPickerFooter.vue.d.ts +0 -0
  157. /package/{components → types/components}/MazPicker/MazPickerHeader.vue.d.ts +0 -0
  158. /package/{components → types/components}/MazPicker/MazPickerMonthSwitcher.vue.d.ts +0 -0
  159. /package/{components → types/components}/MazPicker/MazPickerShortcuts.vue.d.ts +0 -0
  160. /package/{components → types/components}/MazPicker/MazPickerTime.vue.d.ts +0 -0
  161. /package/{components → types/components}/MazPicker/MazPickerYearSwitcher.vue.d.ts +0 -0
  162. /package/{components → types/components}/MazPicker/types.d.ts +0 -0
  163. /package/{components → types/components}/MazPicker/utils.d.ts +0 -0
  164. /package/{components/MazPicker.d.ts → types/components/MazPicker.vue.d.ts} +0 -0
  165. /package/{components/MazRadioButtons.d.ts → types/components/MazRadioButtons.vue.d.ts} +0 -0
  166. /package/{components/MazSelect.d.ts → types/components/MazSelect.vue.d.ts} +0 -0
  167. /package/{components → types/components}/MazSlider/utils.d.ts +0 -0
  168. /package/{components/MazSlider.d.ts → types/components/MazSlider.vue.d.ts} +0 -0
  169. /package/{components/MazSpinner.d.ts → types/components/MazSpinner.vue.d.ts} +0 -0
  170. /package/{components/MazStepper.d.ts → types/components/MazStepper.vue.d.ts} +0 -0
  171. /package/{components/MazSwitch.d.ts → types/components/MazSwitch.vue.d.ts} +0 -0
  172. /package/{components/MazTabs.d.ts → types/components/MazTabs.vue.d.ts} +0 -0
  173. /package/{components/MazTabsContent.d.ts → types/components/MazTabsContent.vue.d.ts} +0 -0
  174. /package/{components/MazTabsContentItem.d.ts → types/components/MazTabsContentItem.vue.d.ts} +0 -0
  175. /package/{components → types/components}/MazTextarea/textarea-autogrow.d.ts +0 -0
  176. /package/{components/MazTextarea.d.ts → types/components/MazTextarea.vue.d.ts} +0 -0
  177. /package/{components/MazTransitionExpand.d.ts → types/components/MazTransitionExpand.vue.d.ts} +0 -0
  178. /package/{components → types/components}/component-list.d.ts +0 -0
  179. /package/{components → types/components}/types.d.ts +0 -0
package/css/main.css CHANGED
@@ -1 +1 @@
1
- *,:after,:before{border:0 solid;-webkit-box-sizing:border-box;box-sizing:border-box}button{background-color:transparent}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}:root{--maz-color-primary-50:#e6f2ff;--maz-color-primary-100:#bddeff;--maz-color-primary-200:#94c9ff;--maz-color-primary-300:#6bb5ff;--maz-color-primary-400:#47a3ff;--maz-color-primary:#1f8fff;--maz-color-primary-600:#1975d2;--maz-color-primary-700:#145ca3;--maz-color-primary-800:#0e4277;--maz-color-primary-900:#092b4e;--maz-color-primary-contrast:#fff;--maz-color-primary-alpha:rgba(31,143,255,.6);--maz-color-primary-alpha-20:rgba(31,143,255,.2);--maz-color-secondary-50:#e2f9f3;--maz-color-secondary-100:#bbf1e3;--maz-color-secondary-200:#95e9d3;--maz-color-secondary-300:#6be1c1;--maz-color-secondary-400:#45d9b1;--maz-color-secondary:#1cce9f;--maz-color-secondary-600:#17ab83;--maz-color-secondary-700:#128768;--maz-color-secondary-800:#0d634c;--maz-color-secondary-900:#083f31;--maz-color-secondary-contrast:#fff;--maz-color-secondary-alpha:rgba(28,206,159,.6);--maz-color-secondary-alpha-20:rgba(28,206,159,.2);--maz-color-info-50:#e4f4f7;--maz-color-info-100:#b8e3ea;--maz-color-info-200:#92d3dd;--maz-color-info-300:#67c2d0;--maz-color-info-400:#40b3c4;--maz-color-info:#17a4ba;--maz-color-info-600:#13889a;--maz-color-info-700:#0f6876;--maz-color-info-800:#0b4c56;--maz-color-info-900:#073036;--maz-color-info-contrast:#fff;--maz-color-info-alpha:rgba(23,164,186,.6);--maz-color-info-alpha-20:rgba(23,164,186,.2);--maz-color-success-50:#f3f9e6;--maz-color-success-100:#e1f0c1;--maz-color-success-200:#cee79d;--maz-color-success-300:#bedf7c;--maz-color-success-400:#acd657;--maz-color-success:#99cd32;--maz-color-success-600:#7ea829;--maz-color-success-700:#658722;--maz-color-success-800:#496218;--maz-color-success-900:#2e3e0f;--maz-color-success-contrast:#fff;--maz-color-success-alpha:rgba(153,205,50,.6);--maz-color-success-alpha-20:rgba(153,205,50,.2);--maz-color-warning-50:#fff7e6;--maz-color-warning-100:#feeac3;--maz-color-warning-200:#fede9f;--maz-color-warning-300:#fdd077;--maz-color-warning-400:#fdc553;--maz-color-warning:#fcb831;--maz-color-warning-600:#d29928;--maz-color-warning-700:#a27720;--maz-color-warning-800:#785817;--maz-color-warning-900:#4d380f;--maz-color-warning-contrast:#384252;--maz-color-warning-alpha:rgba(252,184,49,.6);--maz-color-warning-alpha-20:rgba(252,184,49,.2);--maz-color-danger-50:#ffebeb;--maz-color-danger-100:#ffd2d1;--maz-color-danger-200:#ffbab8;--maz-color-danger-300:#ffa09e;--maz-color-danger-400:#ff8785;--maz-color-danger:#ff6e6b;--maz-color-danger-600:#d25856;--maz-color-danger-700:#a54745;--maz-color-danger-800:#7b3332;--maz-color-danger-900:#4c2020;--maz-color-danger-contrast:#fff;--maz-color-danger-alpha:hsla(1,100%,71%,.6);--maz-color-danger-alpha-20:hsla(1,100%,71%,.2);--maz-color-white:#fff;--maz-color-white-contrast:#000;--maz-color-black:#000;--maz-color-black-contrast:#fff;--maz-color-text-light:#d9d9d9;--maz-color-muted-light:rgba(0,0,0,.54);--maz-color-text-dark:#212427;--maz-color-muted-dark:hsla(0,0%,89%,.54);--maz-bg-overlay:rgba(0,0,0,.5);--maz-bg-color-light:#fff;--maz-bg-color-light-light:#f0f0f0;--maz-bg-color-light-lighter:#f2f2f2;--maz-bg-color-dark:#20212c;--maz-bg-color-dark-light:#313245;--maz-bg-color-dark-lighter:#3b3c54;--maz-border-width:0.125rem;--maz-border-radius:0.5rem;--maz-font-family:system-ui,-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--maz-color-text:var(--maz-color-text-dark);--maz-color-muted:var(--maz-color-muted-light);--maz-color-bg:var(--maz-bg-color-light);--maz-color-bg-light:var(--maz-bg-color-light-light);--maz-color-bg-lighter:var(--maz-bg-color-light-lighter);--maz-color-bg-theme:var(--maz-bg-color-dark);--maz-color-bg-theme-hover:var(--maz-bg-color-dark-lighter)}html.dark{--maz-color-text:var(--maz-color-text-light);--maz-color-muted:var(--maz-color-muted-dark);--maz-color-bg:var(--maz-bg-color-dark);--maz-color-bg-light:var(--maz-bg-color-dark-light);--maz-color-bg-lighter:var(--maz-bg-color-dark-lighter);--maz-color-bg-theme:var(--maz-bg-color-light);--maz-color-bg-theme-hover:var(--maz-bg-color-light-lighter)}:root{--maz-container-padding-mobile:1rem;--maz-container-padding-tablet:2rem;--maz-container-padding-desktop:2.5rem;--maz-container-padding-value:var(--maz-container-padding-mobile);--maz-container-width:calc(100% - var(--maz-container-padding-value)*2);--maz-container-padding:calc(50% - var(--maz-container-width)/2);--maz-container-max-width:var(--maz-screen-lap-xl)}@media only screen and (min-width:1520px){:root{--maz-container-width:var(--maz-container-max-width)}}@media (min-width:576px){:root{--maz-container-padding-value:var(--maz-container-padding-tablet)}}@media (min-width:1024px){:root{--maz-container-padding-value:var(--maz-container-padding-desktop)}}.maz-scale-enter-active,.maz-scale-leave-active{opacity:1;-webkit-transition:all .3s cubic-bezier(.4,.52,.26,.9);transition:all .3s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-enter-from,.maz-scale-leave-to{opacity:.4;-webkit-transform:scale(0);transform:scale(0);z-index:1}.maz-scale-fade-enter-active,.maz-scale-fade-leave-active{opacity:1;-webkit-transition:all .2s cubic-bezier(.4,.52,.26,.9);transition:all .2s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-fade-enter-from,.maz-scale-fade-leave-to{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);z-index:1}.maz-scale-loading-enter-active,.maz-scale-loading-enter-active .app-loader__content,.maz-scale-loading-leave-active,.maz-scale-loading-leave-active .app-loader__content{opacity:1;-webkit-transition:all .5s cubic-bezier(.4,.52,.26,.9);transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-scale-loading-enter-active .app-loader__content,.maz-scale-loading-leave-active .app-loader__content{-webkit-transform:scale(1);transform:scale(1);z-index:1}.maz-scale-loading-enter-from .app-loader__content,.maz-scale-loading-leave-to .app-loader__content{opacity:.4;-webkit-transform:scale(0);transform:scale(0);z-index:1}.maz-scale-loading-enter-from,.maz-scale-loading-leave-to{opacity:0;-webkit-transition:all .5s cubic-bezier(.4,.52,.26,.9);transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-slidevnext-enter-active,.maz-slidevnext-leave-active,.maz-slidevprev-enter-active,.maz-slidevprev-leave-active{position:absolute;-webkit-transition:all .3s;transition:all .3s}.maz-slidevnext-enter-from,.maz-slidevprev-leave-to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.maz-slidevnext-leave-to,.maz-slidevprev-enter-from{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.maz-slide-enter-active,.maz-slide-leave-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:998}.maz-slide-enter-from,.maz-slide-leave-to{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);z-index:998}.maz-slideinvert-enter-active,.maz-slideinvert-leave-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:998}.maz-slideinvert-enter-from,.maz-slideinvert-leave-to{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);z-index:998}.maz-tags-enter-active,.maz-tags-leave-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.maz-tags-enter-from,.maz-tags-leave-to{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.maz-tags-invert-enter-active,.maz-tags-invert-leave-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.maz-tags-invert-enter-from,.maz-tags-invert-leave-to{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.maz-expand-enter-active,.maz-expand-leave-active{overflow:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-property:opacity,height;transition-property:opacity,height}.maz-expand-enter-from,.maz-expand-leave-to{height:0;opacity:0}.maz-tab-transition-enter-from{-webkit-transform:translate(100%);transform:translate(100%)}.maz-tab-transition-leave,.maz-tab-transition-leave-active{position:absolute!important;top:0}.maz-tab-transition-leave-to{position:absolute!important}.maz-tab-reverse-transition-enter-from,.maz-tab-transition-leave-to{-webkit-transform:translate(-100%);transform:translate(-100%)}.maz-tab-reverse-transition-leave,.maz-tab-reverse-transition-leave-active{position:absolute!important;top:0}.maz-tab-reverse-transition-leave,.maz-tab-reverse-transition-leave-to{position:absolute!important;top:0;-webkit-transform:translate(100%);transform:translate(100%)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-ms-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }:root{--maz-screen-sm:640px;--maz-screen-md:768px;--maz-screen-lg:1024px;--maz-screen-xl:1280px;--maz-screen-2xl:1536px;--maz-screen-mob-s:320px;--maz-screen-mob-m:425px;--maz-screen-mob-l:576px;--maz-screen-tab-s:640px;--maz-screen-tab-m:768px;--maz-screen-tab-l:992px;--maz-screen-lap-s:1024px;--maz-screen-lap-m:1280px;--maz-screen-lap-l:1366px;--maz-screen-lap-xl:1440px;--maz-screen-lap-2xl:1680px;--maz-screen-lap-3xl:1920px}.maz-invisible{visibility:hidden}.maz-absolute{position:absolute}.maz-relative{position:relative}.\!maz-my-0{margin-bottom:0!important;margin-top:0!important}.maz-my-0{margin-bottom:0;margin-top:0}.maz-my-2{margin-bottom:.5rem;margin-top:.5rem}.maz-ml-1{margin-left:.25rem}.maz-ml-2{margin-left:.5rem}.maz-mr-2{margin-right:.5rem}.maz-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.maz-hidden{display:none}.maz-h-6{height:1.5rem}.maz-h-8{height:2rem}.maz-h-\[1\.3rem\]{height:1.3rem}.maz-h-\[1\.4rem\]{height:1.4rem}.maz-h-\[1em\]{height:1em}.maz-w-10{width:2.5rem}.maz-w-6{width:1.5rem}.maz-w-8{width:2rem}.maz-w-\[1\.3rem\]{width:1.3rem}.maz-w-\[1\.4rem\]{width:1.4rem}.maz-w-\[1em\]{width:1em}.maz-w-full{width:100%}.maz-min-w-0{min-width:0}.maz-max-w-full{max-width:100%}.maz-flex-1{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.maz-flex-none{-webkit-box-flex:0;-ms-flex:none;flex:none}.maz-flex-row{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.maz-flex-col,.maz-flex-row{-webkit-box-direction:normal}.maz-flex-col{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.maz-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.maz-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.maz-overflow-hidden{overflow:hidden}.maz-overflow-x-auto{overflow-x:auto}.maz-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.maz-rounded{border-radius:var(--maz-border-radius)}.maz-rounded-xl{border-radius:.75rem}.maz-rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.maz-border-2{border-width:2px}.maz-border-b-2{border-bottom-width:2px}.maz-border-t-2{border-top-width:2px}.maz-border-solid{border-style:solid}.maz-border-black{border-color:var(--maz-color-black)}.maz-border-color-lighter{border-color:var(--maz-color-bg-lighter)}.maz-border-danger{border-color:var(--maz-color-danger)}.maz-border-info{border-color:var(--maz-color-info)}.maz-border-primary{border-color:var(--maz-color-primary)}.maz-border-secondary{border-color:var(--maz-color-secondary)}.maz-border-success{border-color:var(--maz-color-success)}.maz-border-transparent{border-color:transparent}.maz-border-warning{border-color:var(--maz-color-warning)}.maz-border-white{border-color:var(--maz-color-white)}.maz-bg-color-light{background-color:var(--maz-color-bg-light)}.maz-bg-overlay{background-color:var(--maz-bg-overlay)}.maz-p-2{padding:.5rem}.maz-p-3{padding:.75rem}.maz-p-4{padding:1rem}.maz-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.maz-text-left{text-align:left}.maz-text-right{text-align:right}.maz-text-2xl{font-size:1.5rem;line-height:2rem}.maz-text-sm{font-size:.875rem;line-height:1.25rem}.maz-text-xl{font-size:1.25rem;line-height:1.75rem}.maz-font-semibold{font-weight:600}.maz-text-danger-600{color:var(--maz-color-danger-600)}.maz-text-muted{color:var(--maz-color-muted)}.maz-text-normal{color:var(--maz-color-text)}.maz-text-success-600{color:var(--maz-color-success-600)}.maz-text-warning-600{color:var(--maz-color-warning-600)}.maz-text-white{color:var(--maz-color-white)}.maz-elevation{-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.05);box-shadow:0 5px 10px 0 rgba(0,0,0,.05)}.maz-flex-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;justify-content:center}
1
+ *,:after,:before{border:0 solid;-webkit-box-sizing:border-box;box-sizing:border-box}button{background-color:transparent}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}:root{--maz-color-primary-50:#e6f2ff;--maz-color-primary-100:#bddeff;--maz-color-primary-200:#94c9ff;--maz-color-primary-300:#6bb5ff;--maz-color-primary-400:#47a3ff;--maz-color-primary:#1f8fff;--maz-color-primary-600:#1975d2;--maz-color-primary-700:#145ca3;--maz-color-primary-800:#0e4277;--maz-color-primary-900:#092b4e;--maz-color-primary-contrast:#fff;--maz-color-primary-alpha:rgba(31,143,255,.6);--maz-color-primary-alpha-20:rgba(31,143,255,.2);--maz-color-secondary-50:#e2f9f3;--maz-color-secondary-100:#bbf1e3;--maz-color-secondary-200:#95e9d3;--maz-color-secondary-300:#6be1c1;--maz-color-secondary-400:#45d9b1;--maz-color-secondary:#1cce9f;--maz-color-secondary-600:#17ab83;--maz-color-secondary-700:#128768;--maz-color-secondary-800:#0d634c;--maz-color-secondary-900:#083f31;--maz-color-secondary-contrast:#fff;--maz-color-secondary-alpha:rgba(28,206,159,.6);--maz-color-secondary-alpha-20:rgba(28,206,159,.2);--maz-color-info-50:#e4f4f7;--maz-color-info-100:#b8e3ea;--maz-color-info-200:#92d3dd;--maz-color-info-300:#67c2d0;--maz-color-info-400:#40b3c4;--maz-color-info:#17a4ba;--maz-color-info-600:#13889a;--maz-color-info-700:#0f6876;--maz-color-info-800:#0b4c56;--maz-color-info-900:#073036;--maz-color-info-contrast:#fff;--maz-color-info-alpha:rgba(23,164,186,.6);--maz-color-info-alpha-20:rgba(23,164,186,.2);--maz-color-success-50:#f3f9e6;--maz-color-success-100:#e1f0c1;--maz-color-success-200:#cee79d;--maz-color-success-300:#bedf7c;--maz-color-success-400:#acd657;--maz-color-success:#99cd32;--maz-color-success-600:#7ea829;--maz-color-success-700:#658722;--maz-color-success-800:#496218;--maz-color-success-900:#2e3e0f;--maz-color-success-contrast:#fff;--maz-color-success-alpha:rgba(153,205,50,.6);--maz-color-success-alpha-20:rgba(153,205,50,.2);--maz-color-warning-50:#fff7e6;--maz-color-warning-100:#feeac3;--maz-color-warning-200:#fede9f;--maz-color-warning-300:#fdd077;--maz-color-warning-400:#fdc553;--maz-color-warning:#fcb831;--maz-color-warning-600:#d29928;--maz-color-warning-700:#a27720;--maz-color-warning-800:#785817;--maz-color-warning-900:#4d380f;--maz-color-warning-contrast:#384252;--maz-color-warning-alpha:rgba(252,184,49,.6);--maz-color-warning-alpha-20:rgba(252,184,49,.2);--maz-color-danger-50:#ffebeb;--maz-color-danger-100:#ffd2d1;--maz-color-danger-200:#ffbab8;--maz-color-danger-300:#ffa09e;--maz-color-danger-400:#ff8785;--maz-color-danger:#ff6e6b;--maz-color-danger-600:#d25856;--maz-color-danger-700:#a54745;--maz-color-danger-800:#7b3332;--maz-color-danger-900:#4c2020;--maz-color-danger-contrast:#fff;--maz-color-danger-alpha:hsla(1,100%,71%,.6);--maz-color-danger-alpha-20:hsla(1,100%,71%,.2);--maz-color-white:#fff;--maz-color-white-contrast:#000;--maz-color-black:#000;--maz-color-black-contrast:#fff;--maz-color-text-light:#d9d9d9;--maz-color-muted-light:rgba(0,0,0,.54);--maz-color-text-dark:#212427;--maz-color-muted-dark:hsla(0,0%,89%,.54);--maz-bg-overlay:rgba(0,0,0,.5);--maz-bg-color-light:#fff;--maz-bg-color-light-light:#f0f0f0;--maz-bg-color-light-lighter:#f2f2f2;--maz-bg-color-dark:#20212c;--maz-bg-color-dark-light:#313245;--maz-bg-color-dark-lighter:#3b3c54;--maz-border-width:0.125rem;--maz-border-radius:0.5rem;--maz-font-family:system-ui,-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--maz-color-text:var(--maz-color-text-dark);--maz-color-muted:var(--maz-color-muted-light);--maz-color-bg:var(--maz-bg-color-light);--maz-color-bg-light:var(--maz-bg-color-light-light);--maz-color-bg-lighter:var(--maz-bg-color-light-lighter);--maz-color-bg-theme:var(--maz-bg-color-dark);--maz-color-bg-theme-hover:var(--maz-bg-color-dark-lighter)}html.dark{--maz-color-text:var(--maz-color-text-light);--maz-color-muted:var(--maz-color-muted-dark);--maz-color-bg:var(--maz-bg-color-dark);--maz-color-bg-light:var(--maz-bg-color-dark-light);--maz-color-bg-lighter:var(--maz-bg-color-dark-lighter);--maz-color-bg-theme:var(--maz-bg-color-light);--maz-color-bg-theme-hover:var(--maz-bg-color-light-lighter)}:root{--maz-container-padding-mobile:1rem;--maz-container-padding-tablet:2rem;--maz-container-padding-desktop:2.5rem;--maz-container-padding-value:var(--maz-container-padding-mobile);--maz-container-width:calc(100% - var(--maz-container-padding-value)*2);--maz-container-padding:calc(50% - var(--maz-container-width)/2);--maz-container-max-width:1440px}@media only screen and (min-width:1520px){:root{--maz-container-width:var(--maz-container-max-width)}}@media (min-width:576px){:root{--maz-container-padding-value:var(--maz-container-padding-tablet)}}@media (min-width:1024px){:root{--maz-container-padding-value:var(--maz-container-padding-desktop)}}.maz-scale-enter-active,.maz-scale-leave-active{opacity:1;-webkit-transition:all .3s cubic-bezier(.4,.52,.26,.9);transition:all .3s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-enter-from,.maz-scale-leave-to{opacity:.4;-webkit-transform:scale(0);transform:scale(0);z-index:1}.maz-scale-fade-enter-active,.maz-scale-fade-leave-active{opacity:1;-webkit-transition:all .2s cubic-bezier(.4,.52,.26,.9);transition:all .2s cubic-bezier(.4,.52,.26,.9);z-index:1}.maz-scale-fade-enter-from,.maz-scale-fade-leave-to{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);z-index:1}.maz-scale-loading-enter-active,.maz-scale-loading-enter-active .app-loader__content,.maz-scale-loading-leave-active,.maz-scale-loading-leave-active .app-loader__content{opacity:1;-webkit-transition:all .5s cubic-bezier(.4,.52,.26,.9);transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-scale-loading-enter-active .app-loader__content,.maz-scale-loading-leave-active .app-loader__content{-webkit-transform:scale(1);transform:scale(1);z-index:1}.maz-scale-loading-enter-from .app-loader__content,.maz-scale-loading-leave-to .app-loader__content{opacity:.4;-webkit-transform:scale(0);transform:scale(0);z-index:1}.maz-scale-loading-enter-from,.maz-scale-loading-leave-to{opacity:0;-webkit-transition:all .5s cubic-bezier(.4,.52,.26,.9);transition:all .5s cubic-bezier(.4,.52,.26,.9)}.maz-slidevnext-enter-active,.maz-slidevnext-leave-active,.maz-slidevprev-enter-active,.maz-slidevprev-leave-active{position:absolute;-webkit-transition:all .3s;transition:all .3s}.maz-slidevnext-enter-from,.maz-slidevprev-leave-to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.maz-slidevnext-leave-to,.maz-slidevprev-enter-from{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.maz-slide-enter-active,.maz-slide-leave-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:998}.maz-slide-enter-from,.maz-slide-leave-to{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);z-index:998}.maz-slideinvert-enter-active,.maz-slideinvert-leave-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:998}.maz-slideinvert-enter-from,.maz-slideinvert-leave-to{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);z-index:998}.maz-tags-enter-active,.maz-tags-leave-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.maz-tags-enter-from,.maz-tags-leave-to{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.maz-tags-invert-enter-active,.maz-tags-invert-leave-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}.maz-tags-invert-enter-from,.maz-tags-invert-leave-to{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.maz-expand-enter-active,.maz-expand-leave-active{overflow:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-property:opacity,height;transition-property:opacity,height}.maz-expand-enter-from,.maz-expand-leave-to{height:0;opacity:0}.maz-tab-transition-enter-from{-webkit-transform:translate(100%);transform:translate(100%)}.maz-tab-transition-leave,.maz-tab-transition-leave-active{position:absolute!important;top:0}.maz-tab-transition-leave-to{position:absolute!important}.maz-tab-reverse-transition-enter-from,.maz-tab-transition-leave-to{-webkit-transform:translate(-100%);transform:translate(-100%)}.maz-tab-reverse-transition-leave,.maz-tab-reverse-transition-leave-active{position:absolute!important;top:0}.maz-tab-reverse-transition-leave,.maz-tab-reverse-transition-leave-to{position:absolute!important;top:0;-webkit-transform:translate(100%);transform:translate(100%)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-ms-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.maz-invisible{visibility:hidden}.maz-absolute{position:absolute}.maz-relative{position:relative}.\!maz-my-0{margin-bottom:0!important;margin-top:0!important}.maz-my-0{margin-bottom:0;margin-top:0}.maz-my-2{margin-bottom:.5rem;margin-top:.5rem}.maz-ml-1{margin-left:.25rem}.maz-ml-2{margin-left:.5rem}.maz-mr-2{margin-right:.5rem}.maz-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.maz-hidden{display:none}.maz-h-6{height:1.5rem}.maz-h-8{height:2rem}.maz-h-\[1\.3rem\]{height:1.3rem}.maz-h-\[1\.4rem\]{height:1.4rem}.maz-w-10{width:2.5rem}.maz-w-6{width:1.5rem}.maz-w-8{width:2rem}.maz-w-\[1\.3rem\]{width:1.3rem}.maz-w-\[1\.4rem\]{width:1.4rem}.maz-w-full{width:100%}.maz-min-w-0{min-width:0}.maz-max-w-full{max-width:100%}.maz-flex-1{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.maz-flex-none{-webkit-box-flex:0;-ms-flex:none;flex:none}.maz-flex-row{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.maz-flex-col,.maz-flex-row{-webkit-box-direction:normal}.maz-flex-col{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.maz-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.maz-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.maz-overflow-hidden{overflow:hidden}.maz-overflow-x-auto{overflow-x:auto}.maz-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.maz-rounded{border-radius:var(--maz-border-radius)}.maz-rounded-xl{border-radius:.75rem}.maz-rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.maz-border-2{border-width:2px}.maz-border-b-2{border-bottom-width:2px}.maz-border-t-2{border-top-width:2px}.maz-border-solid{border-style:solid}.maz-border-black{border-color:var(--maz-color-black)}.maz-border-color-lighter{border-color:var(--maz-color-bg-lighter)}.maz-border-danger{border-color:var(--maz-color-danger)}.maz-border-info{border-color:var(--maz-color-info)}.maz-border-primary{border-color:var(--maz-color-primary)}.maz-border-secondary{border-color:var(--maz-color-secondary)}.maz-border-success{border-color:var(--maz-color-success)}.maz-border-transparent{border-color:transparent}.maz-border-warning{border-color:var(--maz-color-warning)}.maz-border-white{border-color:var(--maz-color-white)}.maz-bg-color-light{background-color:var(--maz-color-bg-light)}.maz-bg-overlay{background-color:var(--maz-bg-overlay)}.maz-p-2{padding:.5rem}.maz-p-3{padding:.75rem}.maz-p-4{padding:1rem}.maz-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.maz-text-left{text-align:left}.maz-text-right{text-align:right}.maz-text-2xl{font-size:1.5rem;line-height:2rem}.maz-text-lg{font-size:1.125rem;line-height:1.75rem}.maz-text-sm{font-size:.875rem;line-height:1.25rem}.maz-text-xl{font-size:1.25rem;line-height:1.75rem}.maz-font-semibold{font-weight:600}.maz-text-danger-600{color:var(--maz-color-danger-600)}.maz-text-muted{color:var(--maz-color-muted)}.maz-text-normal{color:var(--maz-color-text)}.maz-text-success-600{color:var(--maz-color-success-600)}.maz-text-warning-600{color:var(--maz-color-warning-600)}.maz-text-white{color:var(--maz-color-white)}.maz-elevation{-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.05);box-shadow:0 5px 10px 0 rgba(0,0,0,.05)}.maz-flex-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;justify-content:center}
package/modules/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- !function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode(".m-toast-container{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-toast-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container{padding:1rem;z-index:1051}.m-toast-container.--top{top:0;display:-webkit-box;display:-ms-flexbox;display:flex}.m-toast-container.--center{width:100%}@media (min-width: 768px){.m-toast-container.--center{position:fixed;left:50%;width:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%)}}.m-toast-container.--bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.m-toast-container.--bottom>:not([hidden])~:not([hidden]){margin-bottom:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-top:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container.--right{right:0;width:100%}@media (min-width: 768px){.m-toast-container.--right{width:auto}}.m-toast-container.--left{left:0;width:100%}@media (min-width: 768px){.m-toast-container.--left{width:auto}}.m-toast[data-v-db385587],.m-toast *[data-v-db385587]{-webkit-box-sizing:border-box;box-sizing:border-box}.m-toast[data-v-db385587]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-radius:var(--maz-border-radius);padding-left:.5rem;padding-right:.5rem;color:var(--maz-color-white);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.m-toast.--left[data-v-db385587],.m-toast.--right[data-v-db385587]{width:20rem}.m-toast.--center[data-v-db385587]{width:20rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.m-toast__message-wrapper[data-v-db385587]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding-top:.75rem;padding-bottom:.75rem}.m-toast__message[data-v-db385587]{margin:0;font-weight:500}.m-toast .--close[data-v-db385587]{margin-left:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.75rem;width:1.75rem;border-radius:var(--maz-border-radius);background-color:transparent;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-toast .--close[data-v-db385587]:hover{background-color:#11182733}.m-toast .--close .--icon[data-v-db385587]{cursor:pointer}.m-toast.--info[data-v-db385587]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-toast.--info[data-v-db385587]:hover{background-color:var(--maz-color-info-600)}.m-toast.--info .--close[data-v-db385587]{color:var(--maz-color-info-contrast)}.m-toast.--success[data-v-db385587]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-toast.--success[data-v-db385587]:hover{background-color:var(--maz-color-success-600)}.m-toast.--success .--close[data-v-db385587]{color:var(--maz-color-success-contrast)}.m-toast.--warning[data-v-db385587]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-toast.--warning[data-v-db385587]:hover{background-color:var(--maz-color-warning-600)}.m-toast.--warning .--close[data-v-db385587]{color:var(--maz-color-warning-contrast)}.m-toast.--danger[data-v-db385587]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-toast.--danger[data-v-db385587]:hover{background-color:var(--maz-color-danger-600)}.m-toast.--danger .--close[data-v-db385587]{color:var(--maz-color-danger-contrast)}.m-slide-top-enter-active[data-v-db385587],.m-slide-top-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-top-enter-from[data-v-db385587],.m-slide-top-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-slide-bottom-enter-active[data-v-db385587],.m-slide-bottom-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-bottom-enter-from[data-v-db385587],.m-slide-bottom-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-slide-right-enter-active[data-v-db385587],.m-slide-right-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-right-enter-from[data-v-db385587],.m-slide-right-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-slide-left-enter-active[data-v-db385587],.m-slide-left-leave-active[data-v-db385587]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-left-enter-from[data-v-db385587],.m-slide-left-leave-to[data-v-db385587]{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}")),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
1
+ !function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode(".m-toast-container{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.m-toast-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container{padding:1rem;z-index:1051}.m-toast-container.--top{top:0;display:-webkit-box;display:-ms-flexbox;display:flex}.m-toast-container.--center{width:100%}@media (min-width: 768px){.m-toast-container.--center{position:fixed;left:50%;width:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%)}}.m-toast-container.--bottom{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.m-toast-container.--bottom>:not([hidden])~:not([hidden]){margin-bottom:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-top:calc(.5rem * var(--tw-space-y-reverse))}.m-toast-container.--right{right:0;width:100%}@media (min-width: 768px){.m-toast-container.--right{width:auto}}.m-toast-container.--left{left:0;width:100%}@media (min-width: 768px){.m-toast-container.--left{width:auto}}.m-toast[data-v-70723f14],.m-toast *[data-v-70723f14]{-webkit-box-sizing:border-box;box-sizing:border-box}.m-toast[data-v-70723f14]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-radius:var(--maz-border-radius);padding-left:.5rem;padding-right:.5rem;color:var(--maz-color-white);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.m-toast.--left[data-v-70723f14],.m-toast.--right[data-v-70723f14]{width:20rem}.m-toast.--center[data-v-70723f14]{width:20rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.m-toast__message-wrapper[data-v-70723f14]{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;padding-top:.75rem;padding-bottom:.75rem}.m-toast__message[data-v-70723f14]{margin:0;font-weight:500}.m-toast .--close[data-v-70723f14]{margin-left:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.75rem;width:1.75rem;border-radius:var(--maz-border-radius);background-color:transparent;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-toast .--close[data-v-70723f14]:hover{background-color:#11182733}.m-toast .--close .--icon[data-v-70723f14]{cursor:pointer}.m-toast.--info[data-v-70723f14]{background-color:var(--maz-color-info);color:var(--maz-color-info-contrast)}.m-toast.--info[data-v-70723f14]:hover{background-color:var(--maz-color-info-600)}.m-toast.--info .--close[data-v-70723f14]{color:var(--maz-color-info-contrast)}.m-toast.--success[data-v-70723f14]{background-color:var(--maz-color-success);color:var(--maz-color-success-contrast)}.m-toast.--success[data-v-70723f14]:hover{background-color:var(--maz-color-success-600)}.m-toast.--success .--close[data-v-70723f14]{color:var(--maz-color-success-contrast)}.m-toast.--warning[data-v-70723f14]{background-color:var(--maz-color-warning);color:var(--maz-color-warning-contrast)}.m-toast.--warning[data-v-70723f14]:hover{background-color:var(--maz-color-warning-600)}.m-toast.--warning .--close[data-v-70723f14]{color:var(--maz-color-warning-contrast)}.m-toast.--danger[data-v-70723f14]{background-color:var(--maz-color-danger);color:var(--maz-color-danger-contrast)}.m-toast.--danger[data-v-70723f14]:hover{background-color:var(--maz-color-danger-600)}.m-toast.--danger .--close[data-v-70723f14]{color:var(--maz-color-danger-contrast)}.m-slide-top-enter-active[data-v-70723f14],.m-slide-top-leave-active[data-v-70723f14]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-top-enter-from[data-v-70723f14],.m-slide-top-leave-to[data-v-70723f14]{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.m-slide-bottom-enter-active[data-v-70723f14],.m-slide-bottom-leave-active[data-v-70723f14]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.m-slide-bottom-enter-from[data-v-70723f14],.m-slide-bottom-leave-to[data-v-70723f14]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.m-slide-right-enter-active[data-v-70723f14],.m-slide-right-leave-active[data-v-70723f14]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-right-enter-from[data-v-70723f14],.m-slide-right-leave-to[data-v-70723f14]{opacity:0;-webkit-transform:translateX(100%);transform:translate(100%)}.m-slide-left-enter-active[data-v-70723f14],.m-slide-left-leave-active[data-v-70723f14]{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0);transform:translate(0)}.m-slide-left-enter-from[data-v-70723f14],.m-slide-left-leave-to[data-v-70723f14]{opacity:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}")),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
2
2
  var __defProp = Object.defineProperty;
3
3
  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
4
4
  var __publicField = (obj, key, value) => {
@@ -1438,7 +1438,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
1438
1438
  )
1439
1439
  ]),
1440
1440
  !__props.persistent ? (openBlock(), createElementBlock("button", _hoisted_3, [
1441
- createVNode(unref(XIcon), { class: "--icon" })
1441
+ createVNode(unref(XIcon), { class: "--icon maz-text-xl" })
1442
1442
  ])) : createCommentVNode("v-if", true)
1443
1443
  ],
1444
1444
  34
@@ -1454,7 +1454,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
1454
1454
  }
1455
1455
  });
1456
1456
  const MazToast_vue_vue_type_style_index_0_lang = "";
1457
- const MazToast_vue_vue_type_style_index_1_scoped_db385587_lang = "";
1457
+ const MazToast_vue_vue_type_style_index_1_scoped_70723f14_lang = "";
1458
1458
  const _export_sfc = (sfc, props) => {
1459
1459
  const target = sfc.__vccOpts || sfc;
1460
1460
  for (const [key, val] of props) {
@@ -1462,7 +1462,7 @@ const _export_sfc = (sfc, props) => {
1462
1462
  }
1463
1463
  return target;
1464
1464
  };
1465
- const MazToast = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-db385587"]]);
1465
+ const MazToast = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-70723f14"]]);
1466
1466
  class ToasterHandler {
1467
1467
  constructor(app, globalOptions) {
1468
1468
  this.app = app;
@@ -1665,6 +1665,7 @@ const plugin = {
1665
1665
  };
1666
1666
  const DEFAULT_OPTIONS = {
1667
1667
  darkClass: "dark",
1668
+ lightClass: "light",
1668
1669
  storageThemeKey: "theme",
1669
1670
  storageThemeValueDark: "dark",
1670
1671
  storageThemeValueLight: "light"
@@ -1672,10 +1673,12 @@ const DEFAULT_OPTIONS = {
1672
1673
  const theme = ref();
1673
1674
  const setDarkTheme = ({
1674
1675
  darkClass,
1676
+ lightClass,
1675
1677
  storageThemeKey,
1676
1678
  storageThemeValueDark,
1677
1679
  setLocalStorageValue = true
1678
1680
  }) => {
1681
+ document.documentElement.classList.remove(lightClass);
1679
1682
  document.documentElement.classList.add(darkClass);
1680
1683
  theme.value = storageThemeValueDark;
1681
1684
  if (setLocalStorageValue) {
@@ -1684,11 +1687,13 @@ const setDarkTheme = ({
1684
1687
  };
1685
1688
  const setLightTheme = ({
1686
1689
  darkClass,
1690
+ lightClass,
1687
1691
  storageThemeKey,
1688
1692
  storageThemeValueLight,
1689
1693
  setLocalStorageValue = true
1690
1694
  }) => {
1691
1695
  document.documentElement.classList.remove(darkClass);
1696
+ document.documentElement.classList.add(lightClass);
1692
1697
  theme.value = storageThemeValueLight;
1693
1698
  if (setLocalStorageValue) {
1694
1699
  localStorage[storageThemeKey] = storageThemeValueLight;
package/package.json CHANGED
@@ -1,27 +1,41 @@
1
1
  {
2
2
  "name": "maz-ui",
3
- "version": "3.11.0",
3
+ "version": "3.11.2",
4
4
  "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
5
5
  "author": "Louis Mazel <me@loicmazuel.com>",
6
6
  "main": "./modules/index.mjs",
7
7
  "module": "./modules/index.mjs",
8
- "types": "./modules/index.d.ts",
8
+ "types": "./types/modules/index.d.ts",
9
9
  "exports": {
10
10
  ".": {
11
11
  "default": "./modules/index.mjs",
12
- "types": "./modules/index.d.ts"
12
+ "types": "./types/modules/index.d.ts"
13
13
  },
14
14
  "./*": "./*",
15
- "./components": "./components/index.mjs",
16
- "./components/*": "./components/*",
17
- "./nuxt": "./nuxt/index.ts"
15
+ "./components": {
16
+ "default": "./components/index.mjs",
17
+ "types": "./types/components/index.d.ts"
18
+ },
19
+ "./components/*": {
20
+ "default": "./components/*",
21
+ "types": "./types/components/*.vue.d.ts"
22
+ },
23
+ "./tailwindcss/*": {
24
+ "default": "./tailwindcss/*",
25
+ "types": "./types/tailwindcss/*.d.ts"
26
+ },
27
+ "./nuxt": {
28
+ "default": "./nuxt/index.ts",
29
+ "types": "./types/nuxt/index.d.ts"
30
+ }
18
31
  },
19
32
  "files": [
20
33
  "components",
21
34
  "modules",
22
35
  "css",
23
36
  "tailwindcss",
24
- "nuxt"
37
+ "nuxt",
38
+ "types"
25
39
  ],
26
40
  "lint-staged": {
27
41
  "*": "prettier -w -u",
@@ -71,10 +85,9 @@
71
85
  "@babel/preset-typescript": "^7.22.15",
72
86
  "@nuxt/kit": "^3.7.3",
73
87
  "@nuxt/schema": "^3.7.3",
74
- "@rollup/plugin-typescript": "^11.1.3",
75
88
  "@types/dropzone": "^5.7.4",
76
- "@types/google.maps": "^3.54.0",
77
- "@types/node": "^20.6.0",
89
+ "@types/google.maps": "^3.54.1",
90
+ "@types/node": "^20.6.2",
78
91
  "@types/rollup-plugin-peer-deps-external": "^2.2.1",
79
92
  "@typescript-eslint/eslint-plugin": "^6.7.0",
80
93
  "@typescript-eslint/parser": "^6.7.0",
@@ -117,8 +130,6 @@
117
130
  "prettier-plugin-tailwindcss": "^0.5.4",
118
131
  "replace-in-file": "^7.0.1",
119
132
  "rimraf": "^5.0.1",
120
- "rollup": "^3.29.1",
121
- "rollup-plugin-dts": "^6.0.2",
122
133
  "rollup-plugin-peer-deps-external": "^2.2.4",
123
134
  "sass": "^1.67.0",
124
135
  "semver": "^7.5.4",
@@ -128,7 +139,6 @@
128
139
  "stylelint-config-standard": "^34.0.0",
129
140
  "stylelint-config-standard-scss": "^11.0.0",
130
141
  "stylelint-config-tailwindcss": "^0.0.7",
131
- "tailwind-css-variables": "^3.0.1",
132
142
  "tailwindcss": "^3.3.3",
133
143
  "terser": "^5.19.4",
134
144
  "ts-node": "^10.9.1",
@@ -9,10 +9,8 @@ import { screens } from './variables/breakpoints'
9
9
  import { zIndex } from './variables/z-indexes'
10
10
  import { getColors } from './utils/colors'
11
11
 
12
- import tailwindCSSVariable from 'tailwind-css-variables'
13
-
14
12
  export default <Config>{
15
- darkMode: 'class',
13
+ darkMode: ['class', '[class="dark"]'],
16
14
  content: [],
17
15
  theme: {
18
16
  extend: {
@@ -38,29 +36,6 @@ export default <Config>{
38
36
  },
39
37
  },
40
38
  plugins: [
41
- tailwindCSSVariable({
42
- colors: false,
43
- screens: 'screen',
44
- fontFamily: false,
45
- fontSize: false,
46
- fontWeight: false,
47
- lineHeight: false,
48
- letterSpacing: false,
49
- backgroundSize: false,
50
- borderWidth: false,
51
- borderRadius: false,
52
- width: false,
53
- height: false,
54
- minWidth: false,
55
- minHeight: false,
56
- maxWidth: false,
57
- maxHeight: false,
58
- padding: false,
59
- margin: false,
60
- boxShadow: false,
61
- zIndex: false,
62
- opacity: false,
63
- }),
64
39
  plugin(({ addUtilities }) => {
65
40
  addUtilities(utilities)
66
41
  }),
@@ -25,6 +25,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
25
25
  type: BooleanConstructor;
26
26
  default: boolean;
27
27
  };
28
+ noRounded: {
29
+ type: BooleanConstructor;
30
+ default: boolean;
31
+ };
28
32
  outline: {
29
33
  type: BooleanConstructor;
30
34
  default: boolean;
@@ -57,6 +61,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
57
61
  type: BooleanConstructor;
58
62
  default: boolean;
59
63
  };
64
+ icon: {
65
+ type: StringConstructor;
66
+ default: undefined;
67
+ };
60
68
  leftIcon: {
61
69
  type: StringConstructor;
62
70
  default: undefined;
@@ -97,6 +105,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
97
105
  type: BooleanConstructor;
98
106
  default: boolean;
99
107
  };
108
+ noRounded: {
109
+ type: BooleanConstructor;
110
+ default: boolean;
111
+ };
100
112
  outline: {
101
113
  type: BooleanConstructor;
102
114
  default: boolean;
@@ -129,6 +141,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
129
141
  type: BooleanConstructor;
130
142
  default: boolean;
131
143
  };
144
+ icon: {
145
+ type: StringConstructor;
146
+ default: undefined;
147
+ };
132
148
  leftIcon: {
133
149
  type: StringConstructor;
134
150
  default: undefined;
@@ -156,15 +172,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
156
172
  pastel: boolean;
157
173
  variant: string;
158
174
  rounded: boolean;
175
+ noRounded: boolean;
159
176
  block: boolean;
160
177
  noUnderline: boolean;
161
178
  noLeading: boolean;
162
179
  fab: boolean;
180
+ icon: string;
163
181
  leftIcon: string;
164
182
  rightIcon: string;
165
183
  noPadding: boolean;
166
184
  }, {}>, {
167
185
  "left-icon"?(_: {}): any;
186
+ icon?(_: {}): any;
168
187
  default?(_: {}): any;
169
188
  "right-icon"?(_: {}): any;
170
189
  }>;
@@ -0,0 +1,95 @@
1
+ import { type PropType } from 'vue';
2
+ import type { ChartData } from 'chart.js';
3
+ declare const _default: import("vue").DefineComponent<{
4
+ /**
5
+ * Chart.js chart type
6
+ */
7
+ type: {
8
+ type: PropType<keyof import("chart.js").ChartTypeRegistry>;
9
+ required: true;
10
+ };
11
+ /**
12
+ * The data object that is passed into the Chart.js chart
13
+ * @see https://www.chartjs.org/docs/latest/getting-started/
14
+ */
15
+ data: {
16
+ type: PropType<ChartData<keyof import("chart.js").ChartTypeRegistry, (number | import("chart.js").Point | [number, number] | import("chart.js").BubbleDataPoint | null)[], unknown>>;
17
+ required: true;
18
+ };
19
+ /**
20
+ * The options object that is passed into the Chart.js chart
21
+ * @see https://www.chartjs.org/docs/latest/general/options.html
22
+ */
23
+ options: {
24
+ type: ObjectConstructor;
25
+ default: () => {};
26
+ };
27
+ /**
28
+ * The plugins array that is passed into the Chart.js chart
29
+ * @see https://www.chartjs.org/docs/latest/developers/plugins.html
30
+ */
31
+ plugins: {
32
+ type: ArrayConstructor;
33
+ default: () => never[];
34
+ };
35
+ /**
36
+ * Key name to identificate dataset
37
+ */
38
+ datasetIdKey: {
39
+ type: StringConstructor;
40
+ default: string;
41
+ };
42
+ updateMode: {
43
+ type: PropType<"default" | "reset" | "resize" | "none" | "hide" | "show" | "active">;
44
+ default: undefined;
45
+ };
46
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
47
+ /**
48
+ * Chart.js chart type
49
+ */
50
+ type: {
51
+ type: PropType<keyof import("chart.js").ChartTypeRegistry>;
52
+ required: true;
53
+ };
54
+ /**
55
+ * The data object that is passed into the Chart.js chart
56
+ * @see https://www.chartjs.org/docs/latest/getting-started/
57
+ */
58
+ data: {
59
+ type: PropType<ChartData<keyof import("chart.js").ChartTypeRegistry, (number | import("chart.js").Point | [number, number] | import("chart.js").BubbleDataPoint | null)[], unknown>>;
60
+ required: true;
61
+ };
62
+ /**
63
+ * The options object that is passed into the Chart.js chart
64
+ * @see https://www.chartjs.org/docs/latest/general/options.html
65
+ */
66
+ options: {
67
+ type: ObjectConstructor;
68
+ default: () => {};
69
+ };
70
+ /**
71
+ * The plugins array that is passed into the Chart.js chart
72
+ * @see https://www.chartjs.org/docs/latest/developers/plugins.html
73
+ */
74
+ plugins: {
75
+ type: ArrayConstructor;
76
+ default: () => never[];
77
+ };
78
+ /**
79
+ * Key name to identificate dataset
80
+ */
81
+ datasetIdKey: {
82
+ type: StringConstructor;
83
+ default: string;
84
+ };
85
+ updateMode: {
86
+ type: PropType<"default" | "reset" | "resize" | "none" | "hide" | "show" | "active">;
87
+ default: undefined;
88
+ };
89
+ }>>, {
90
+ options: Record<string, any>;
91
+ plugins: unknown[];
92
+ datasetIdKey: string;
93
+ updateMode: "default" | "reset" | "resize" | "none" | "hide" | "show" | "active";
94
+ }, {}>;
95
+ export default _default;
@@ -1,9 +1,9 @@
1
1
  import { type PropType } from 'vue';
2
2
  import type { Color } from './types';
3
- export interface MazTabsBarItem {
3
+ export type MazTabsBarItem = {
4
4
  label: string;
5
5
  disabled?: boolean;
6
- }
6
+ } | string;
7
7
  declare const _default: import("vue").DefineComponent<{
8
8
  items: {
9
9
  type: PropType<MazTabsBarItem[]>;
@@ -21,6 +21,10 @@ declare const _default: import("vue").DefineComponent<{
21
21
  type: PropType<Color>;
22
22
  default: string;
23
23
  };
24
+ noRounded: {
25
+ type: BooleanConstructor;
26
+ default: boolean;
27
+ };
24
28
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
25
29
  items: {
26
30
  type: PropType<MazTabsBarItem[]>;
@@ -38,8 +42,13 @@ declare const _default: import("vue").DefineComponent<{
38
42
  type: PropType<Color>;
39
43
  default: string;
40
44
  };
45
+ noRounded: {
46
+ type: BooleanConstructor;
47
+ default: boolean;
48
+ };
41
49
  }>>, {
42
50
  color: Color;
51
+ noRounded: boolean;
43
52
  alignLeft: boolean;
44
53
  useAnchor: boolean;
45
54
  }, {}>;
@@ -0,0 +1,35 @@
1
+ export { default as MazAvatar } from './MazAvatar.vue';
2
+ export { default as MazBackdrop } from './MazBackdrop.vue';
3
+ export { default as MazBadge } from './MazBadge.vue';
4
+ export { default as MazBottomSheet } from './MazBottomSheet.vue';
5
+ export { default as MazBtn } from './MazBtn.vue';
6
+ export { default as MazCard } from './MazCard.vue';
7
+ export { default as MazCarousel } from './MazCarousel.vue';
8
+ export { default as MazChart } from './MazChart.vue';
9
+ export { default as MazCheckbox } from './MazCheckbox.vue';
10
+ export { default as MazDialog } from './MazDialog.vue';
11
+ export { default as MazDialogPromise } from './MazDialogPromise.vue';
12
+ export { default as MazDrawer } from './MazDrawer.vue';
13
+ export { default as MazDropzone } from './MazDropzone.vue';
14
+ export { default as MazGallery } from './MazGallery.vue';
15
+ export { default as MazIcon } from './MazIcon.vue';
16
+ export { default as MazInput } from './MazInput.vue';
17
+ export { default as MazInputNumber } from './MazInputNumber.vue';
18
+ export { default as MazInputPrice } from './MazInputPrice.vue';
19
+ export { default as MazInputTags } from './MazInputTags.vue';
20
+ export { default as MazLazyImg } from './MazLazyImg.vue';
21
+ export { default as MazPhoneNumberInput } from './MazPhoneNumberInput.vue';
22
+ export { default as MazPicker } from './MazPicker.vue';
23
+ export { default as MazRadioButtons } from './MazRadioButtons.vue';
24
+ export { default as MazSelect } from './MazSelect.vue';
25
+ export { default as MazSlider } from './MazSlider.vue';
26
+ export { default as MazSpinner } from './MazSpinner.vue';
27
+ export { default as MazStepper } from './MazStepper.vue';
28
+ export { default as MazSwitch } from './MazSwitch.vue';
29
+ export { default as MazTabs } from './MazTabs.vue';
30
+ export { default as MazTabsBar } from './MazTabsBar.vue';
31
+ export { default as MazTabsContent } from './MazTabsContent.vue';
32
+ export { default as MazTabsContentItem } from './MazTabsContentItem.vue';
33
+ export { default as MazTextarea } from './MazTextarea.vue';
34
+ export { default as MazTransitionExpand } from './MazTransitionExpand.vue';
35
+ export * from './types';
@@ -0,0 +1,4 @@
1
+ import type { AosHandler } from '../plugins/aos';
2
+ export declare const useAos: () => {
3
+ aos: AosHandler;
4
+ };
@@ -0,0 +1,8 @@
1
+ import { type Ref } from 'vue';
2
+ import { IdleTimeout, type IdleTimeoutCallback, type IdleTimeoutOptions } from '../helpers/idle-timeout';
3
+ export declare const useIdleTimeout: ({ callback, options, }: {
4
+ callback: IdleTimeoutCallback;
5
+ options?: Partial<import("../helpers/idle-timeout/types").IdleTimeoutStrictOption> | undefined;
6
+ }) => {
7
+ idle: Ref<IdleTimeout>;
8
+ };
@@ -0,0 +1,7 @@
1
+ export * from './theme-handler';
2
+ export * from './instance-uniq-id';
3
+ export * from './aos';
4
+ export * from './wait';
5
+ export * from './toaster';
6
+ export * from './idle-timeout';
7
+ export * from './user-visibilty';
@@ -0,0 +1,8 @@
1
+ import type { getCurrentInstance } from 'vue';
2
+ export declare const useInstanceUniqId: ({ componentName, instance, providedId, }: {
3
+ componentName: string;
4
+ instance?: import("vue").ComponentInternalInstance | null | undefined;
5
+ providedId?: string | undefined;
6
+ }) => {
7
+ instanceId: import("vue").ComputedRef<string>;
8
+ };
@@ -0,0 +1,20 @@
1
+ declare const DEFAULT_OPTIONS: {
2
+ darkClass: string;
3
+ lightClass: string;
4
+ storageThemeKey: string;
5
+ storageThemeValueDark: string;
6
+ storageThemeValueLight: string;
7
+ };
8
+ export declare const theme: import("vue").Ref<string | undefined>;
9
+ export type StrictThemeHandlerOptions = typeof DEFAULT_OPTIONS;
10
+ export type ThemeHandlerOptions = Partial<StrictThemeHandlerOptions>;
11
+ export declare const useThemeHandler: (opts?: ThemeHandlerOptions) => {
12
+ autoSetTheme: () => void;
13
+ toggleTheme: () => void;
14
+ setDarkTheme: () => void;
15
+ setLightTheme: () => void;
16
+ hasDarkTheme: import("vue").ComputedRef<boolean>;
17
+ hasLightTheme: import("vue").ComputedRef<boolean>;
18
+ theme: import("vue").Ref<string | undefined>;
19
+ };
20
+ export {};
@@ -0,0 +1,4 @@
1
+ import type { ToasterHandler } from '../plugins/toaster';
2
+ export declare const useToast: () => {
3
+ toast: ToasterHandler;
4
+ };
@@ -0,0 +1,8 @@
1
+ import { type Ref } from 'vue';
2
+ import { UserVisibility, type UserVisibilyCallback, type UserVisibilyOptions } from '../helpers/user-visibility';
3
+ export declare const useUserVisibility: ({ callback, options, }: {
4
+ callback: UserVisibilyCallback;
5
+ options?: Partial<import("../helpers/user-visibility/types").UserVisibilyStrictOptions> | undefined;
6
+ }) => {
7
+ visibility: Ref<UserVisibility>;
8
+ };
@@ -0,0 +1,4 @@
1
+ import type { WaitHandler } from '../plugins/wait';
2
+ export declare const useWait: () => {
3
+ wait: WaitHandler;
4
+ };
@@ -0,0 +1,10 @@
1
+ import type { Directive, Plugin } from 'vue';
2
+ declare const directive: Directive;
3
+ declare const mixin: {
4
+ directives: {
5
+ ClickAway: import("vue").ObjectDirective<any, any>;
6
+ };
7
+ };
8
+ export { directive, mixin };
9
+ declare const plugin: Plugin;
10
+ export { plugin as vClickOutsideInstall, directive as vClickOutside, mixin as vClickOutsideMixin };
@@ -0,0 +1,4 @@
1
+ import type { Directive, Plugin } from 'vue';
2
+ declare const directive: Directive;
3
+ declare const plugin: Plugin;
4
+ export { directive as vClosable, plugin as vClosableInstall };
@@ -0,0 +1,11 @@
1
+ import type { App } from 'vue';
2
+ declare const installDirectives: {
3
+ install(app: App): void;
4
+ };
5
+ export { vClickOutside, vClickOutsideInstall } from './click-outside';
6
+ export type { vLazyImgOptions, vLazyImgBinding } from './v-lazy-img';
7
+ export { vLazyImg, vLazyImgInstall } from './v-lazy-img';
8
+ export { vZoomImg, vZoomImgInstall } from './v-zoom-img';
9
+ export type { vZoomImgOptions, vZoomImgBinding } from './v-zoom-img';
10
+ export { vClosable, vClosableInstall } from './closable';
11
+ export { installDirectives };
@@ -0,0 +1,8 @@
1
+ import type { App } from 'vue';
2
+ import type { vLazyImgOptions } from './types';
3
+ export * from './types';
4
+ declare const plugin: {
5
+ install(app: App, opts?: vLazyImgOptions): void;
6
+ };
7
+ export { vLazyImg } from './lazy-img';
8
+ export { plugin as vLazyImgInstall };