maz-ui 3.15.3 → 3.16.1-alpha.0

package/README.md

@@ -15,9 +15,9 @@
 
 [![maintainability](https://api.codeclimate.com/v1/badges/6b27047dcf150ccddfac/maintainability)](https://codeclimate.com/github/LouisMazel/maz-ui/maintainability)
 [![test_coverage](https://api.codeclimate.com/v1/badges/6b27047dcf150ccddfac/test_coverage)](https://codeclimate.com/github/LouisMazel/maz-ui/test_coverage)
-![github actions test unit](https://github.com/LouisMazel/maz-ui/actions/workflows/lib-test-unit.yml/badge.svg)
+![github-actions-test-unit](https://github.com/LouisMazel/maz-ui/actions/workflows/lib-test-unit.yml/badge.svg)
 
-> [Maz-ui](https://louismazel.github.io/maz-ui-3/) is a standalone components library and tools for [Vue.JS](https://vuejs.org) & [Nuxt.JS](https://nuxtjs.org/) (v3.x)
+> [maz-ui](https://louismazel.github.io/maz-ui-3/) is a standalone components library and tools for [Vue.JS](https://vuejs.org) & [Nuxt.JS](https://nuxtjs.org/) (v3.x)
 
 ## Documentation & Components
 
@@ -25,12 +25,22 @@
 
 ## Install
 
+### maz-ui
+
 [Getting Started](https://louismazel.github.io/maz-ui-3/guide/getting-started)
 
-```shell
+```bash
 npm install maz-ui
 ```
 
+### @mazui/cli
+
+[Documentation & Commands](https://louismazel.github.io/maz-ui-3/guide/cli)
+
+```bash
+npm install @mazui/cli
+```
+
 ## Contributing
 
 Please follow this [documentation](./CONTRIBUTING.md)

package/bin/maz.mjs

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+import '@mazui/cli/cli'

package/components/MazBottomSheet.mjs

@@ -86,6 +86,8 @@ const MazFullscreenImg_vue_vue_type_style_index_1_scoped_7858a9bc_lang = "";
 const MazToast_vue_vue_type_style_index_0_lang = "";
 const MazToast_vue_vue_type_style_index_1_scoped_6a8f0d79_lang = "";
 ref();
+ref();
+ref([]);
 const _hoisted_1$1 = ["innerHTML"];
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",

package/components/MazBtn.mjs

@@ -59,6 +59,8 @@ const MazFullscreenImg_vue_vue_type_style_index_1_scoped_7858a9bc_lang = "";
 const MazToast_vue_vue_type_style_index_0_lang = "";
 const MazToast_vue_vue_type_style_index_1_scoped_6a8f0d79_lang = "";
 ref();
+ref();
+ref([]);
 const _hoisted_1 = ["innerHTML"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",

package/components/MazCard.mjs

@@ -865,6 +865,8 @@ const MazFullscreenImg_vue_vue_type_style_index_1_scoped_7858a9bc_lang = "";
 const MazToast_vue_vue_type_style_index_0_lang = "";
 const MazToast_vue_vue_type_style_index_1_scoped_6a8f0d79_lang = "";
 ref();
+ref();
+ref([]);
 const _hoisted_1$2 = ["innerHTML"];
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",

package/components/MazCarousel.mjs

@@ -86,6 +86,8 @@ const MazFullscreenImg_vue_vue_type_style_index_1_scoped_7858a9bc_lang = "";
 const MazToast_vue_vue_type_style_index_0_lang = "";
 const MazToast_vue_vue_type_style_index_1_scoped_6a8f0d79_lang = "";
 ref();
+ref();
+ref([]);
 const _hoisted_1$2 = ["innerHTML"];
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",

package/components/MazCheckbox.mjs

@@ -8,6 +8,8 @@ const useInstanceUniqId = ({
 }) => {
   return computed(() => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`);
 };
+ref();
+ref([]);
 const _hoisted_1 = ["id", "checked", "name"];
 const _hoisted_2 = ["for"];
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/components/MazDialog.mjs

@@ -86,6 +86,8 @@ const MazFullscreenImg_vue_vue_type_style_index_1_scoped_7858a9bc_lang = "";
 const MazToast_vue_vue_type_style_index_0_lang = "";
 const MazToast_vue_vue_type_style_index_1_scoped_6a8f0d79_lang = "";
 ref();
+ref();
+ref([]);
 const _hoisted_1$1 = ["innerHTML"];
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",

package/components/MazDialogPromise.d.ts

@@ -1,8 +1,8 @@
 import { type PropType } from 'vue';
 import { type Color, type Size } from './MazBtn.vue';
-import { type DialogData } from './MazDialogPromise/use-maz-dialog-promise';
-export { useMazDialogPromise } from './MazDialogPromise/use-maz-dialog-promise';
-export type { DialogState, DialogData } from './MazDialogPromise/use-maz-dialog-promise';
+import { type DialogData } from './../modules';
+export { useMazDialogPromise } from './../modules';
+export type { DialogState, DialogData } from './../modules';
 export type { Color, Size } from './types';
 export type DialogButton = {
     response?: string | boolean;

package/components/MazDialogPromise.mjs

@@ -86,6 +86,46 @@ const MazFullscreenImg_vue_vue_type_style_index_1_scoped_7858a9bc_lang = "";
 const MazToast_vue_vue_type_style_index_0_lang = "";
 const MazToast_vue_vue_type_style_index_1_scoped_6a8f0d79_lang = "";
 ref();
+const confirmDialogData = ref();
+const dialogState = ref([]);
+const showDialogAndWaitChoice = (identifier, callback) => {
+  return new Promise((resolve, reject) => {
+    dialogState.value = [
+      ...dialogState.value,
+      {
+        id: identifier,
+        isActive: true,
+        resolve: async () => {
+          await (callback == null ? void 0 : callback());
+          resolve(true);
+        },
+        reject
+      }
+    ];
+  });
+};
+const removeDialogFromState = (identifier) => {
+  dialogState.value = dialogState.value.filter(({ id }) => id !== identifier);
+  return dialogState.value;
+};
+const responseDialog = (type, currentDialog, response = false) => {
+  var _a;
+  if (currentDialog) {
+    (_a = currentDialog[type]) == null ? void 0 : _a.call(currentDialog, response);
+    currentDialog.isActive = false;
+    setTimeout(() => {
+      removeDialogFromState(currentDialog.id);
+    }, 500);
+  }
+};
+const useMazDialogPromise = () => ({
+  confirmDialogData,
+  dialogState,
+  showDialogAndWaitChoice,
+  removeDialogFromState,
+  rejectDialog: (currentDialog, response = false) => responseDialog("reject", currentDialog, response),
+  resolveDialog: (currentDialog, response = false) => responseDialog("resolve", currentDialog, response)
+});
 const _hoisted_1$2 = ["innerHTML"];
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",
@@ -690,46 +730,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 });
 const MazDialog_vue_vue_type_style_index_0_scoped_89e2590f_lang = "";
 const MazDialog = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-89e2590f"]]);
-const confirmDialogData = ref();
-const dialogState = ref([]);
-const showDialogAndWaitChoice = (identifier, callback) => {
-  return new Promise((resolve, reject) => {
-    dialogState.value = [
-      ...dialogState.value,
-      {
-        id: identifier,
-        isActive: true,
-        resolve: async () => {
-          await (callback == null ? void 0 : callback());
-          resolve(true);
-        },
-        reject
-      }
-    ];
-  });
-};
-const removeDialogFromState = (identifier) => {
-  dialogState.value = dialogState.value.filter(({ id }) => id !== identifier);
-  return dialogState.value;
-};
-const responseDialog = (type, currentDialog, response = false) => {
-  var _a;
-  if (currentDialog) {
-    (_a = currentDialog[type]) == null ? void 0 : _a.call(currentDialog, response);
-    currentDialog.isActive = false;
-    setTimeout(() => {
-      removeDialogFromState(currentDialog.id);
-    }, 500);
-  }
-};
-const useMazDialogPromise = () => ({
-  confirmDialogData,
-  dialogState,
-  showDialogAndWaitChoice,
-  removeDialogFromState,
-  rejectDialog: (currentDialog, response = false) => responseDialog("reject", currentDialog, response),
-  resolveDialog: (currentDialog, response = false) => responseDialog("resolve", currentDialog, response)
-});
 const _hoisted_1 = { class: "maz-space-x-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazDialogPromise",

package/components/MazDrawer.mjs

@@ -240,6 +240,8 @@ const MazFullscreenImg_vue_vue_type_style_index_1_scoped_7858a9bc_lang = "";
 const MazToast_vue_vue_type_style_index_0_lang = "";
 const MazToast_vue_vue_type_style_index_1_scoped_6a8f0d79_lang = "";
 ref();
+ref();
+ref([]);
 const _hoisted_1$1 = ["innerHTML"];
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",

package/components/MazIcon.mjs

@@ -13,6 +13,8 @@ const MazFullscreenImg_vue_vue_type_style_index_1_scoped_7858a9bc_lang = "";
 const MazToast_vue_vue_type_style_index_0_lang = "";
 const MazToast_vue_vue_type_style_index_1_scoped_6a8f0d79_lang = "";
 ref();
+ref();
+ref([]);
 const _hoisted_1 = ["innerHTML"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",

package/components/MazInput.mjs

@@ -26,6 +26,8 @@ function injectStrict(key, fallback) {
   }
   return resolved;
 }
+ref();
+ref([]);
 const _withScopeId = (n) => (pushScopeId("data-v-7a2b89c9"), n = n(), popScopeId(), n);
 const _hoisted_1$2 = ["width", "height"];
 const _hoisted_2$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(

package/components/MazInputNumber.mjs

@@ -77,6 +77,8 @@ const useInstanceUniqId = ({
 }) => {
   return computed(() => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`);
 };
+ref();
+ref([]);
 const _hoisted_1$3 = ["innerHTML"];
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",

package/components/MazInputPrice.mjs

@@ -112,6 +112,8 @@ const useInstanceUniqId = ({
 }) => {
   return computed(() => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`);
 };
+ref();
+ref([]);
 const _hoisted_1$2 = ["innerHTML"];
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",

package/components/MazInputTags.mjs

@@ -104,6 +104,8 @@ const useInstanceUniqId = ({
 }) => {
   return computed(() => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`);
 };
+ref();
+ref([]);
 const _hoisted_1$1 = ["innerHTML"];
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",

package/components/MazPhoneNumberInput.mjs

@@ -407,6 +407,8 @@ const useInstanceUniqId = ({
 }) => {
   return computed(() => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`);
 };
+ref();
+ref([]);
 const locales = {
   countrySelector: {
     placeholder: "Country code",

package/components/MazPicker.mjs

@@ -30,6 +30,8 @@ function injectStrict(key, fallback) {
   }
   return resolved;
 }
+ref();
+ref([]);
 const _withScopeId = (n) => (pushScopeId("data-v-7a2b89c9"), n = n(), popScopeId(), n);
 const _hoisted_1$g = ["width", "height"];
 const _hoisted_2$9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(

package/components/MazSelect.mjs

@@ -26,6 +26,8 @@ function injectStrict(key, fallback) {
   }
   return resolved;
 }
+ref();
+ref([]);
 const _withScopeId = (n) => (pushScopeId("data-v-7a2b89c9"), n = n(), popScopeId(), n);
 const _hoisted_1$6 = ["width", "height"];
 const _hoisted_2$5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(

package/components/MazStepper.mjs

@@ -71,6 +71,8 @@ const MazFullscreenImg_vue_vue_type_style_index_1_scoped_7858a9bc_lang = "";
 const MazToast_vue_vue_type_style_index_0_lang = "";
 const MazToast_vue_vue_type_style_index_1_scoped_6a8f0d79_lang = "";
 ref();
+ref();
+ref([]);
 const _hoisted_1$1 = ["innerHTML"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",

package/components/MazTabsBar.mjs

@@ -59,6 +59,8 @@ const MazFullscreenImg_vue_vue_type_style_index_1_scoped_7858a9bc_lang = "";
 const MazToast_vue_vue_type_style_index_0_lang = "";
 const MazToast_vue_vue_type_style_index_1_scoped_6a8f0d79_lang = "";
 ref();
+ref();
+ref([]);
 const _hoisted_1 = ["innerHTML"];
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "MazIcon",

package/components/MazTabsContent.mjs

@@ -24,6 +24,8 @@ const MazFullscreenImg_vue_vue_type_style_index_1_scoped_7858a9bc_lang = "";
 const MazToast_vue_vue_type_style_index_0_lang = "";
 const MazToast_vue_vue_type_style_index_1_scoped_6a8f0d79_lang = "";
 ref();
+ref();
+ref([]);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazTabsContent",
   setup(__props) {

package/components/MazTabsContentItem.mjs

@@ -20,6 +20,8 @@ const MazFullscreenImg_vue_vue_type_style_index_1_scoped_7858a9bc_lang = "";
 const MazToast_vue_vue_type_style_index_0_lang = "";
 const MazToast_vue_vue_type_style_index_1_scoped_6a8f0d79_lang = "";
 ref();
+ref();
+ref([]);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazTabsContentItem",
   props: {

package/components/MazTextarea.mjs

@@ -14,6 +14,8 @@ const useInstanceUniqId = ({
 }) => {
   return computed(() => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`);
 };
+ref();
+ref([]);
 function debounce(func, delay) {
   let timeoutId;
   return (...args) => {

package/css/main.css

@@ -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,.3);--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-fixed{position:fixed}.maz-absolute{position:absolute}.maz-relative{position:relative}.maz-inset-0{inset:0}.maz-z-default-backdrop{z-index:1050}.\!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-16{height:4rem}.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-auto{height:auto}.maz-h-screen{height:100vh}.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-auto{width:auto}.maz-w-full{width:100%}.maz-w-screen{width:100vw}.maz-min-w-0{min-width:0}.maz-max-w-\[none\]{max-width:none}.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-rotate-90{--tw-rotate:90deg;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.maz-cursor-zoom-in{cursor:-webkit-zoom-in;cursor:zoom-in}.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-gap-2{gap:.5rem}.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-center{text-align:center}.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-backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.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}
+*,: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-white:#fff;--maz-color-white-contrast:#000;--maz-color-black:#000;--maz-color-black-contrast:#fff;--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-alpha:rgba(31,143,255,.6);--maz-color-primary-alpha-20:rgba(31,143,255,.2);--maz-color-primary-contrast:#fff;--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-alpha:rgba(28,206,159,.6);--maz-color-secondary-alpha-20:rgba(28,206,159,.2);--maz-color-secondary-contrast:#fff;--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-alpha:rgba(23,164,186,.6);--maz-color-info-alpha-20:rgba(23,164,186,.2);--maz-color-info-contrast:#fff;--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-alpha:rgba(153,205,50,.6);--maz-color-success-alpha-20:rgba(153,205,50,.2);--maz-color-success-contrast:#fff;--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-alpha:rgba(252,184,49,.6);--maz-color-warning-alpha-20:rgba(252,184,49,.2);--maz-color-warning-contrast:#384252;--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-alpha:hsla(1,100%,71%,.6);--maz-color-danger-alpha-20:hsla(1,100%,71%,.2);--maz-color-danger-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,.3);--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-fixed{position:fixed}.maz-absolute{position:absolute}.maz-relative{position:relative}.maz-inset-0{inset:0}.maz-z-default-backdrop{z-index:1050}.\!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-16{height:4rem}.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-auto{height:auto}.maz-h-screen{height:100vh}.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-auto{width:auto}.maz-w-full{width:100%}.maz-w-screen{width:100vw}.maz-min-w-0{min-width:0}.maz-max-w-\[none\]{max-width:none}.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-rotate-90{--tw-rotate:90deg;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.maz-cursor-zoom-in{cursor:-webkit-zoom-in;cursor:zoom-in}.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-gap-2{gap:.5rem}.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-center{text-align:center}.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-backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.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

@@ -2199,6 +2199,46 @@ const useUserVisibility = ({
 }) => {
   return new UserVisibility(callback, options);
 };
+const confirmDialogData = ref();
+const dialogState = ref([]);
+const showDialogAndWaitChoice = (identifier, callback) => {
+  return new Promise((resolve, reject) => {
+    dialogState.value = [
+      ...dialogState.value,
+      {
+        id: identifier,
+        isActive: true,
+        resolve: async () => {
+          await (callback == null ? void 0 : callback());
+          resolve(true);
+        },
+        reject
+      }
+    ];
+  });
+};
+const removeDialogFromState = (identifier) => {
+  dialogState.value = dialogState.value.filter(({ id }) => id !== identifier);
+  return dialogState.value;
+};
+const responseDialog = (type, currentDialog, response = false) => {
+  var _a;
+  if (currentDialog) {
+    (_a = currentDialog[type]) == null ? void 0 : _a.call(currentDialog, response);
+    currentDialog.isActive = false;
+    setTimeout(() => {
+      removeDialogFromState(currentDialog.id);
+    }, 500);
+  }
+};
+const useMazDialogPromise = () => ({
+  confirmDialogData,
+  dialogState,
+  showDialogAndWaitChoice,
+  removeDialogFromState,
+  rejectDialog: (currentDialog, response = false) => responseDialog("reject", currentDialog, response),
+  resolveDialog: (currentDialog, response = false) => responseDialog("resolve", currentDialog, response)
+});
 export {
   AosHandler,
   IdleTimeout,
@@ -2227,6 +2267,7 @@ export {
   useAos,
   useIdleTimeout,
   useInstanceUniqId,
+  useMazDialogPromise,
   useThemeHandler,
   useToast,
   useUserVisibility,

package/nuxt/index.d.mts

@@ -73,6 +73,11 @@ interface MazUiNuxtOptions {
      * @default true
      */
     injectComponents?: boolean;
+    /**
+     * Default path to public svg icons folder for `<MazIcon />` component
+     * @default undefined
+     */
+    defaultMazIconPath?: string;
     /**
      * Enable Nuxt Devtools integration
      * @default true

package/nuxt/index.d.ts

@@ -73,6 +73,11 @@ interface MazUiNuxtOptions {
      * @default true
      */
     injectComponents?: boolean;
+    /**
+     * Default path to public svg icons folder for `<MazIcon />` component
+     * @default undefined
+     */
+    defaultMazIconPath?: string;
     /**
      * Enable Nuxt Devtools integration
      * @default true

package/nuxt/index.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "3.15.3"
+  "version": "3.16.1-alpha.0"
 }

package/nuxt/index.mjs

@@ -1,4 +1,4 @@
-import { defineNuxtModule, createResolver, addComponent, addPlugin, addImports } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, addComponent, addImports, addPlugin } from '@nuxt/kit';
 import { resolve, dirname } from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { readdir } from 'node:fs/promises';
@@ -86,6 +86,7 @@ const module = defineNuxtModule({
     injectCss: true,
     injectComponents: true
   },
+  // eslint-disable-next-line sonarjs/cognitive-complexity
   async setup(options, nuxt) {
     const { resolve } = createResolver(import.meta.url);
     const moduleOptions = defu(nuxt.options.runtimeConfig.public.mazUi, options);
@@ -103,6 +104,11 @@ const module = defineNuxtModule({
           filePath: process.env.MAZ_UI_DEV === "true" ? `maz-ui/components/${name}.vue` : `maz-ui/components/${name}.mjs`
         });
       }
+      addImports({
+        from: "maz-ui",
+        name: "useMazDialogPromise",
+        as: "useMazDialogPromise"
+      });
     }
     if (moduleOptions.injectAos) {
       addPlugin(resolve(_dirname, "./runtime/plugins/aos"));
@@ -167,6 +173,9 @@ const module = defineNuxtModule({
         as: "useUserVisibility"
       });
     }
+    if (moduleOptions.defaultMazIconPath) {
+      addPlugin(resolve(_dirname, "./runtime/plugins/maz-icon-path"));
+    }
     if (options.devtools) {
       nuxt.hook("devtools:customTabs", (iframeTabs) => {
         iframeTabs.push({

package/nuxt/runtime/composables/use-theme-handler.mjs

@@ -3,6 +3,6 @@ import { useThemeHandler as useThemeHandlerComposable } from "maz-ui";
 export function useThemeHandler() {
   const { $config } = useNuxtApp();
   const themeHandlerOptions = $config.public.mazUi?.injectUseThemeHandler;
-  const options = typeof themeHandlerOptions === "object" ? themeHandlerOptions : void 0;
+  const options = typeof themeHandlerOptions === "object" ? themeHandlerOptions : {};
   return useThemeHandlerComposable(options);
 }

package/nuxt/runtime/plugins/maz-icon-path.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
+export default _default;

package/nuxt/runtime/plugins/maz-icon-path.mjs

@@ -0,0 +1,5 @@
+import { defineNuxtPlugin } from "nuxt/app";
+export default defineNuxtPlugin(({ $config, vueApp }) => {
+  const defaultMazIconPath = $config.public.mazUi?.defaultMazIconPath;
+  vueApp.provide("mazIconPath", defaultMazIconPath);
+});

package/package.json

@@ -1,11 +1,15 @@
 {
   "name": "maz-ui",
-  "version": "3.15.3",
+  "version": "3.16.1-alpha.0",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "main": "./modules/index.mjs",
   "module": "./modules/index.mjs",
   "types": "./types/modules/index.d.ts",
+  "bin": {
+    "maz": "./bin/maz.mjs",
+    "maz-ui": "./bin/maz.mjs"
+  },
   "exports": {
     ".": {
       "types": "./types/modules/index.d.ts",
@@ -36,7 +40,8 @@
     "tailwindcss",
     "nuxt",
     "types",
-    "icons"
+    "icons",
+    "bin"
   ],
   "lint-staged": {
     "*": "prettier -w -u",
@@ -84,6 +89,9 @@
       "optional": true
     }
   },
+  "dependencies": {
+    "@mazui/cli": "^3.16.1-alpha.0"
+  },
   "devDependencies": {
     "@babel/core": "^7.23.0",
     "@babel/preset-env": "^7.22.20",
@@ -91,11 +99,8 @@
     "@nuxt/kit": "^3.7.4",
     "@nuxt/schema": "^3.7.4",
     "@types/dropzone": "^5.7.5",
-    "@types/google.maps": "^3.54.1",
-    "@types/node": "^20.7.0",
-    "@types/rollup-plugin-peer-deps-external": "^2.2.1",
-    "@typescript-eslint/eslint-plugin": "^6.7.3",
-    "@typescript-eslint/parser": "^6.7.3",
+    "@types/google.maps": "^3.54.2",
+    "@types/rollup-plugin-peer-deps-external": "^2.2.2",
     "@vitejs/plugin-vue": "^4.3.4",
     "@vitest/coverage-v8": "^0.34.5",
     "@vue/compiler-sfc": "^3.3.4",
@@ -110,16 +115,12 @@
     "dayjs": "^1.11.10",
     "defu": "^6.1.2",
     "dropzone": "^5.9.3",
-    "eslint": "^8.50.0",
-    "eslint-plugin-prettier": "^5.0.0",
-    "eslint-plugin-sonarjs": "^0.21.0",
-    "eslint-plugin-unicorn": "^48.0.1",
     "eslint-plugin-vue": "^9.17.0",
+    "eslint-plugin-vuejs-accessibility": "^2.2.0",
     "fs": "0.0.2",
     "jsdom": "^22.1.0",
     "json-templater": "^1.2.0",
-    "libphonenumber-js": "^1.10.44",
-    "lint-staged": "^14.0.1",
+    "libphonenumber-js": "^1.10.45",
     "minimist": "^1.2.8",
     "nuxt": "^3.7.4",
     "onchange": "^7.1.0",
@@ -132,7 +133,7 @@
     "postcss-url": "^10.1.3",
     "prettier-plugin-tailwindcss": "^0.5.4",
     "replace-in-file": "^7.0.1",
-    "rimraf": "^5.0.4",
+    "rimraf": "^5.0.5",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "sass": "^1.68.0",
     "semver": "^7.5.4",
@@ -144,8 +145,6 @@
     "stylelint-config-tailwindcss": "^0.0.7",
     "tailwindcss": "^3.3.3",
     "terser": "^5.20.0",
-    "ts-node": "^10.9.1",
-    "typescript": "^5.2.2",
     "vite": "^4.4.9",
     "vite-plugin-css-injected-by-js": "^3.3.0",
     "vite-plugin-static-copy": "^0.17.0",
@@ -157,8 +156,7 @@
     "vue-loader": "^17.2.2",
     "vue-router": "^4.2.5",
     "vue-scrollto": "^2.20.0",
-    "vue-tsc": "^1.8.15",
-    "vuedraggable": "^2.24.3"
+    "vue-tsc": "^1.8.15"
   },
   "engines": {
     "node": ">= 6.0.0",
@@ -187,6 +185,7 @@
   },
   "license": "MIT",
   "scripts": {
+    "maz": "maz",
     "lint": "pnpm lint:js && pnpm lint:style",
     "lint:nofix": "cross-env NODE_ENV=production eslint --ext .ts,.js,.vue .",
     "lint:js": "cross-env NODE_ENV=production eslint --fix --ext .ts,.js,.vue .",

package/types/components/MazDialogPromise.vue.d.ts

@@ -1,8 +1,8 @@
 import { type PropType } from 'vue';
 import { type Color, type Size } from './MazBtn.vue';
-import { type DialogData } from './MazDialogPromise/use-maz-dialog-promise';
-export { useMazDialogPromise } from './MazDialogPromise/use-maz-dialog-promise';
-export type { DialogState, DialogData } from './MazDialogPromise/use-maz-dialog-promise';
+import { type DialogData } from './../modules';
+export { useMazDialogPromise } from './../modules';
+export type { DialogState, DialogData } from './../modules';
 export type { Color, Size } from './types';
 export type DialogButton = {
     response?: string | boolean;

package/types/modules/composables/index.d.ts

@@ -5,3 +5,4 @@ export * from './use-wait';
 export * from './use-toast';
 export * from './use-idle-timeout';
 export * from './use-user-visibilty';
+export * from './use-maz-dialog-promise';

package/types/modules/index.d.ts

@@ -3,3 +3,4 @@ export * from './directives';
 export * from './filters';
 export * from './plugins';
 export * from './composables';
+export type { MazUiConfig, defineConfig } from '@mazui/cli';

package/types/components/MazDialogPromise/use-maz-dialog-promise.d.ts

@@ -1,30 +0,0 @@
-export interface DialogState {
-    id: string;
-    isActive: boolean;
-    resolve: (value: unknown) => void;
-    reject?: (reason?: unknown) => void;
-}
-export interface DialogData {
-    title: string;
-    message: string;
-    cancelText?: string;
-    confirmText?: string;
-}
-export declare const useMazDialogPromise: () => {
-    confirmDialogData: import("vue").Ref<DialogData | undefined>;
-    dialogState: import("vue").Ref<{
-        id: string;
-        isActive: boolean;
-        resolve: (value: unknown) => void;
-        reject?: ((reason?: unknown) => void) | undefined;
-    }[]>;
-    showDialogAndWaitChoice: (identifier: string, callback?: () => unknown) => Promise<unknown>;
-    removeDialogFromState: (identifier: string) => {
-        id: string;
-        isActive: boolean;
-        resolve: (value: unknown) => void;
-        reject?: ((reason?: unknown) => void) | undefined;
-    }[];
-    rejectDialog: (currentDialog: DialogState, response?: string | boolean) => void;
-    resolveDialog: (currentDialog: DialogState, response?: string | boolean) => void;
-};