maz-ui 4.0.0-beta.2 → 4.0.0-beta.4

package/dist/types/plugins/maz-ui.d.ts

@@ -1,5 +1,4 @@
-import { VLazyImgOptions, VTooltipOptions } from '../directives';
-import { AosOptions, DialogOptions, ToastOptions } from './index';
+import { Plugin } from 'vue';
 import { MazUiThemeOptions } from '@maz-ui/themes/src/plugin.js';
 import { MazTranslationsOptions } from '@maz-ui/translations/src/index.js';
 export interface MazUiOptions {
@@ -13,51 +12,6 @@ export interface MazUiOptions {
      * Can not be disabled
      */
     translations?: MazTranslationsOptions;
-    plugins?: {
-        /**
-         * If true or options are provided, the dialog plugin will be installed
-         * The dialog plugin configurations are available in the [dialog plugin documentation](./dialog.md)
-         */
-        dialog?: boolean | DialogOptions;
-        /**
-         * If true or options are provided, the toast plugin will be installed
-         * The toast plugin configurations
-         */
-        toast?: boolean | ToastOptions;
-        /**
-         * If true, the wait plugin will be installed
-         * No global options are available for this plugin
-         */
-        wait?: boolean;
-        /**
-         * If true or options are provided, the aos plugin will be installed
-         * The aos plugin configurations
-         */
-        aos?: boolean | AosOptions;
-    };
-    directives?: {
-        /**
-         * If true, the tooltip directive will be installed globally
-         */
-        vTooltip?: boolean | VTooltipOptions;
-        /**
-         * If true, the lazy-img directive will be installed globally
-         */
-        vLazyImg?: boolean | VLazyImgOptions;
-        /**
-         * If true, the click-outside directive will be installed globally
-         */
-        vClickOutside?: boolean;
-        /**
-         * If true, the fullscreen-img directive will be installed globally
-         */
-        vFullscreenImg?: boolean;
-        /**
-         * If true, the scroll-lock directive will be installed globally
-         * No global options are available for this plugin
-         */
-        vZoomImg?: boolean;
-    };
 }
 /**
  * @example
@@ -83,22 +37,7 @@ export interface MazUiOptions {
  *       },
  *     },
  *   },
- *   plugins: {
- *     dialog: true,
- *     toast: true,
- *     wait: true,
- *     aos: true,
- *   },
- *   directives: {
- *     vTooltip: true,
- *     vLazyImg: true,
- *     vClickOutside: true,
- *     vFullscreenImg: true,
- *     vZoomImg: true,
- *   },
  * })
  * ```
  */
-export declare const MazUi: {
-    install(app: import('vue').App<any>, options?: MazUiOptions): Promise<void>;
-};
+export declare const MazUi: Plugin<[MazUiOptions?]>;

package/dist/types/plugins/toast.d.ts

@@ -1,9 +1,7 @@
-import { App } from 'vue';
+import { Plugin } from 'vue';
 import { ToastOptions } from './toast/types';
 import { ToastHandler } from './toast/ToastHandler';
-export declare const ToastPlugin: {
-    install(app: App, options?: ToastOptions): void;
-};
+export declare const ToastPlugin: Plugin<[ToastOptions?]>;
 declare module '@vue/runtime-core' {
     interface ComponentCustomProperties {
         /**

package/dist/types/plugins/wait.d.ts

@@ -1,3 +1,4 @@
+import { Plugin } from 'vue';
 type LoaderId = string | symbol | number;
 export declare class WaitHandler {
     private _loaders;
@@ -8,9 +9,7 @@ export declare class WaitHandler {
     get anyLoading(): import('vue').ComputedRef<boolean>;
 }
 export declare const waitInstance: WaitHandler;
-export declare const WaitPlugin: {
-    install: (app: import('vue').App<any>) => void;
-};
+export declare const WaitPlugin: Plugin;
 declare module '@vue/runtime-core' {
     interface ComponentCustomProperties {
         /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "maz-ui",
   "type": "module",
-  "version": "4.0.0-beta.2",
+  "version": "4.0.0-beta.4",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "license": "MIT",
@@ -182,60 +182,60 @@
     }
   },
   "dependencies": {
-    "@maz-ui/cli": "4.0.0-beta.1",
-    "@maz-ui/themes": "4.0.0-beta.1",
-    "@maz-ui/translations": "4.0.0-beta.1",
-    "@maz-ui/utils": "4.0.0-beta.1",
-    "chart.js": "catalog:",
-    "dayjs": "catalog:",
-    "libphonenumber-js": "catalog:",
-    "valibot": "catalog:",
-    "vue-chartjs": "catalog:"
+    "@maz-ui/cli": "4.0.0-beta.4",
+    "@maz-ui/icons": "4.0.0-beta.4",
+    "@maz-ui/themes": "4.0.0-beta.4",
+    "@maz-ui/translations": "4.0.0-beta.4",
+    "@maz-ui/utils": "4.0.0-beta.4",
+    "chart.js": "^4.5.0",
+    "dayjs": "^1.11.13",
+    "libphonenumber-js": "^1.12.9",
+    "valibot": "^1.1.0",
+    "vue-chartjs": "^5.3.2"
   },
   "devDependencies": {
-    "@maz-ui/eslint-config": "4.0.0-beta.1",
-    "@maz-ui/icons": "4.0.0-beta.2",
+    "@maz-ui/eslint-config": "4.0.0-beta.4",
     "@vitejs/plugin-vue": "^5.2.4",
     "@vitest/coverage-v8": "^3.2.4",
-    "@vue/compiler-sfc": "catalog:",
+    "@vue/compiler-sfc": "^3.5.16",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.7.0",
     "autoprefixer": "^10.4.21",
     "chalk": "5.4.1",
-    "glob": "catalog:",
+    "glob": "^11.0.3",
     "jsdom": "^26.1.0",
     "lightningcss": "^1.30.1",
     "nuxt": "^3.17.5",
-    "postcss": "catalog:",
+    "postcss": "^8.5.6",
     "postcss-html": "^1.8.0",
-    "postcss-import": "catalog:",
+    "postcss-import": "^16.1.0",
     "postcss-nested": "^7.0.2",
     "postcss-replace": "^2.0.1",
     "postcss-url": "^10.1.3",
-    "sass": "catalog:",
+    "sass": "^1.89.1",
     "stylelint": "^16.20.0",
     "stylelint-config-recommended-vue": "^1.6.0",
     "stylelint-config-standard": "^38.0.0",
     "stylelint-config-standard-scss": "^15.0.1",
     "stylelint-config-tailwindcss": "^1.0.0",
-    "stylelint-scss": "catalog:",
+    "stylelint-scss": "^6.12.0",
     "tailwindcss": "^3.4.16",
-    "typescript": "catalog:",
+    "typescript": "~5.8.3",
     "unplugin-auto-import": "^19.3.0",
     "unplugin-vue-components": "^28.7.0",
     "vite": "^6.3.5",
-    "vite-plugin-dts": "catalog:",
+    "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vite-svg-loader": "^5.1.0",
-    "vitest": "catalog:",
+    "vitest": "^3.2.4",
     "vitest-canvas-mock": "^0.3.3",
-    "vue": "catalog:",
+    "vue": "^3.5.17",
     "vue-router": "^4.5.1",
-    "vue-tsc": "catalog:"
+    "vue-tsc": "^2.2.10"
   },
   "lint-staged": {
     "*.{js,ts,vue,mjs,mts,cjs,md}": "cross-env NODE_ENV=production eslint --fix",
     "*.{vue,css,scss,postcss,pcss}": "stylelint --fix --allow-empty-input"
   },
-  "gitHead": "bfbbcd3a9582b475ff6147986a935611ca27711f"
+  "gitHead": "72d10dc17b2335002ee2a1cf21a62161554a83bb"
 }

package/dist/assets/MazCheckbox.C_qIngLy.css

@@ -1 +0,0 @@
-.m-checkbox[data-v-cd527f18]{vertical-align:top;outline-offset:2px;outline:2px solid #0000;align-items:center;gap:.5rem;display:inline-flex;position:relative}.m-checkbox .check-icon[data-v-cd527f18]{--maz-tw-scale-x:0;--maz-tw-scale-y:0;transform:translate(var(--maz-tw-translate-x),var(--maz-tw-translate-y))rotate(var(--maz-tw-rotate))skewX(var(--maz-tw-skew-x))skewY(var(--maz-tw-skew-y))scaleX(var(--maz-tw-scale-x))scaleY(var(--maz-tw-scale-y));transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-checkbox .check-icon[data-v-cd527f18] path{stroke-width:2.5px}.m-checkbox>span[data-v-cd527f18]{border-radius:calc(var(--maz-radius) - 4px);border-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));justify-content:center;align-items:center;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:relative}.m-checkbox>span[data-v-cd527f18]:is([class~=dark] *){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border-400)/var(--maz-tw-border-opacity,1))}.m-checkbox input[data-v-cd527f18]{display:none}.m-checkbox input:not(:checked)~span[data-v-cd527f18]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1))}.m-checkbox input:not(:checked)~span[data-v-cd527f18]:is([class~=dark] *){background-color:hsl(var(--maz-background-400)/.6)}.m-checkbox input:checked~span[data-v-cd527f18]{border-color:var(--checkbox-selected-color);background-color:var(--checkbox-selected-color)}.m-checkbox input:checked~span .check-icon[data-v-cd527f18]{--maz-tw-scale-x:1;--maz-tw-scale-y:1;transform:translate(var(--maz-tw-translate-x),var(--maz-tw-translate-y))rotate(var(--maz-tw-rotate))skewX(var(--maz-tw-skew-x))skewY(var(--maz-tw-skew-y))scaleX(var(--maz-tw-scale-x))scaleY(var(--maz-tw-scale-y))}.m-checkbox input:disabled~span[data-v-cd527f18]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-checkbox input:disabled~span[data-v-cd527f18]:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-300)/var(--maz-tw-bg-opacity,1))}.m-checkbox.--disabled[data-v-cd527f18]{cursor:not-allowed;--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1))}.m-checkbox.--disabled input:checked~span[data-v-cd527f18]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1))}.m-checkbox.--disabled input:checked~span .check-icon[data-v-cd527f18]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1))}.m-checkbox[data-v-cd527f18]:not(.--disabled){cursor:pointer}.m-checkbox:not(.--disabled):hover>span[data-v-cd527f18],.m-checkbox:not(.--disabled):focus>span[data-v-cd527f18]{box-shadow:0 0 0 .125rem var(--checkbox-box-shadow-color);transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-checkbox__text[data-v-cd527f18]{flex-direction:column;gap:0;display:flex}.m-checkbox__hint[data-v-cd527f18]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));font-size:.875rem;line-height:1.25rem}.m-checkbox__hint.--error[data-v-cd527f18]{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-600)/var(--maz-tw-text-opacity,1))}.m-checkbox__hint.--success[data-v-cd527f18]{--maz-tw-text-opacity:1;color:hsl(var(--maz-success-600)/var(--maz-tw-text-opacity,1))}.m-checkbox__hint.--warning[data-v-cd527f18]{--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-600)/var(--maz-tw-text-opacity,1))}.m-checkbox.--error>span[data-v-cd527f18],.m-checkbox.--warning>span[data-v-cd527f18],.m-checkbox.--success>span[data-v-cd527f18]{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}

package/dist/assets/MazInputPhoneNumber.vpA2mrZn.css

@@ -1 +0,0 @@
-.m-input-phone-number[data-v-4fb69048]{vertical-align:top;align-items:center;display:inline-flex;position:relative}.m-input-phone-number.--block[data-v-4fb69048]{width:100%}.m-input-phone-number.--col[data-v-4fb69048]{flex-direction:column}.m-input-phone-number.--col .m-input-phone-number__country-select[data-v-4fb69048],.m-input-phone-number.--col .m-input-phone-number__country-select[data-v-4fb69048] .m-select-country__select{min-width:100%}.m-input-phone-number.--col .m-input-phone-number__country-select[data-v-4fb69048] .m-select-country__select .m-input-wrapper{border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--maz-radius)}.m-input-phone-number.--row[data-v-4fb69048]{flex-direction:row}.m-input-phone-number.--row .m-input-phone-number__country-select[data-v-4fb69048] .m-select-country__select .m-input-wrapper{border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.m-input-phone-number.--responsive[data-v-4fb69048]{flex-direction:column}@media (min-width:576px){.m-input-phone-number.--responsive[data-v-4fb69048]{flex-direction:row}}.m-input-phone-number.--responsive .m-input-phone-number__country-select[data-v-4fb69048]{min-width:100%}@media (min-width:576px){.m-input-phone-number.--responsive .m-input-phone-number__country-select[data-v-4fb69048]{min-width:inherit}}.m-input-phone-number.--responsive .m-input-phone-number__country-select[data-v-4fb69048] .m-select-country__select{min-width:100%}@media (min-width:576px){.m-input-phone-number.--responsive .m-input-phone-number__country-select[data-v-4fb69048] .m-select-country__select{min-width:inherit}}.m-input-phone-number.--responsive .m-input-phone-number__country-select[data-v-4fb69048] .m-input-wrapper{border-bottom-right-radius:0;border-bottom-left-radius:0}@media (min-width:576px){.m-input-phone-number.--responsive .m-input-phone-number__country-select[data-v-4fb69048] .m-input-wrapper{border-bottom-right-radius:var(--maz-radius);border-bottom-left-radius:var(--maz-radius);border-top-right-radius:0;border-bottom-right-radius:0}}.m-input-phone-number__country-list-code[data-v-4fb69048]{text-align:center;--maz-tw-text-opacity:1;min-width:2rem;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1))}

package/dist/assets/MazLazyImg.BNaVtpfX.css

@@ -1 +0,0 @@
-.m-lazy-img-component[data-v-203eb0b3]{vertical-align:top;justify-content:center;align-items:center;display:inline-flex;position:relative}.m-lazy-img-component.--block[data-v-203eb0b3],.m-lazy-img-component.--block img[data-v-203eb0b3]{width:100%}.m-lazy-img-component-loader[data-v-203eb0b3]{justify-content:center;align-items:center;display:none;position:absolute;inset:0}.m-lazy-img-component.--height-full img[data-v-203eb0b3]{width:min-content!important;max-width:min-content!important;max-height:100%!important}.m-lazy-img-component.m-lazy-error[data-v-203eb0b3]:not(.m-lazy-fallback){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-lazy-img-component.m-lazy-error:not(.m-lazy-fallback) img[data-v-203eb0b3]{width:50%;height:50%}.m-lazy-img-component.m-lazy-loading .m-lazy-img-component-loader[data-v-203eb0b3]{display:flex}

package/dist/types/components/MazInputPhoneNumber/types.d.ts

@@ -1,22 +0,0 @@
-import { CountryCallingCode, CountryCode, NationalNumber, NumberType } from 'libphonenumber-js';
-export interface Results {
-    isValid: boolean;
-    isPossible?: boolean;
-    countryCode?: CountryCode | undefined | null;
-    parsedCountryCode?: CountryCode | undefined | null;
-    countryCallingCode?: CountryCallingCode;
-    nationalNumber?: NationalNumber;
-    type?: NumberType;
-    formatInternational?: string;
-    formatNational?: string;
-    uri?: string;
-    e164?: string;
-    rfc3966?: string;
-    possibleCountries?: CountryCode[];
-    phoneNumber?: string | undefined | null;
-}
-export interface Country {
-    name: string;
-    code: CountryCode;
-    dialCode: CountryCallingCode;
-}