maz-ui 3.37.3 → 3.37.4

package/nuxt/index.mjs

@@ -1,5 +1,5 @@
 import { defineNuxtModule, createResolver, addComponent, addImports, addPlugin } from '@nuxt/kit';
-import { resolve, dirname } from 'node:path';
+import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { readdir } from 'node:fs/promises';
 
@@ -60,7 +60,7 @@ function createDefu(merger) {
 const defu = createDefu();
 
 const _dirname$1 = fileURLToPath(new URL(".", import.meta.url));
-const INPUT_COMPONENT_DIR = resolve(_dirname$1, "./../components");
+const INPUT_COMPONENT_DIR = path.resolve(_dirname$1, "./../components");
 const getComponentList = async () => {
   try {
     const fileList = await readdir(INPUT_COMPONENT_DIR, { withFileTypes: true });
@@ -78,7 +78,7 @@ const getComponentList = async () => {
   }
 };
 
-const _dirname = dirname(fileURLToPath(import.meta.url));
+const _dirname = path.dirname(fileURLToPath(import.meta.url));
 const module = defineNuxtModule({
   meta: {
     name: "maz-ui",
@@ -99,8 +99,8 @@ const module = defineNuxtModule({
     const moduleOptions = defu(nuxt.options.runtimeConfig.public.mazUi, options);
     nuxt.options.runtimeConfig.public.mazUi = moduleOptions;
     if (moduleOptions.injectCss) {
-      const path = process.env.MAZ_UI_DEV === "true" ? "maz-ui/css/index.css" : "maz-ui/css/main.css";
-      nuxt.options.css = [path, ...nuxt.options.css];
+      const path2 = process.env.MAZ_UI_DEV === "true" ? "maz-ui/css/index.css" : "maz-ui/css/main.css";
+      nuxt.options.css = [path2, ...nuxt.options.css];
     }
     if (moduleOptions.injectComponents) {
       const componentList = await getComponentList();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maz-ui",
-  "version": "3.37.3",
+  "version": "3.37.4",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "main": "./modules/index.cjs",
@@ -101,8 +101,8 @@
     "@mazui/cli": "latest"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.3",
-    "@babel/preset-env": "^7.24.3",
+    "@babel/core": "^7.24.4",
+    "@babel/preset-env": "^7.24.4",
     "@babel/preset-typescript": "^7.24.1",
     "@nuxt/kit": "^3.11.1",
     "@nuxt/schema": "^3.11.1",
@@ -141,17 +141,17 @@
     "prettier-plugin-tailwindcss": "^0.5.13",
     "replace-in-file": "^7.1.0",
     "rimraf": "^5.0.5",
-    "sass": "^1.72.0",
+    "sass": "^1.74.1",
     "semver": "^7.6.0",
     "sirv": "^2.0.4",
     "stylelint": "^16.3.1",
     "stylelint-config-recommended-vue": "^1.5.0",
     "stylelint-config-standard": "^36.0.0",
-    "stylelint-config-standard-scss": "^13.0.0",
+    "stylelint-config-standard-scss": "^13.1.0",
     "stylelint-config-tailwindcss": "^0.0.7",
     "tailwindcss": "^3.4.3",
     "unplugin-vue-components": "^0.26.0",
-    "vite": "^5.2.7",
+    "vite": "^5.2.8",
     "vite-plugin-css-injected-by-js": "^3.5.0",
     "vite-plugin-lib-inject-css": "^2.0.1",
     "vite-plugin-static-copy": "^1.0.2",

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

@@ -1,4 +1,4 @@
-import { type FunctionalComponent, type SVGAttributes, type ComponentPublicInstance, type Component } from 'vue';
+import { type FunctionalComponent, type SVGAttributes, type ComponentPublicInstance, type Component, type HTMLAttributes } from 'vue';
 import type { Color, Size } from './types';
 export type { Color, Size };
 type Icon = FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component;
@@ -97,7 +97,7 @@ export type Props = {
      */
     noElevation?: boolean;
     /** The class applied to the content wrapper (<span />) of the button */
-    contentClass?: any;
+    contentClass?: HTMLAttributes['class'];
 };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     variant: string;

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

@@ -45,6 +45,8 @@ export type Props = {
     collapseOpen?: boolean;
     /** Title of the card in header */
     header?: string;
+    /** The card will be displayed in full width */
+    block?: boolean;
 };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     images: undefined;

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

@@ -1,11 +1,11 @@
-import { type StyleValue } from 'vue';
+import { type HTMLAttributes } from 'vue';
 import type { Color, Size } from './types';
 export type { Color, Size };
 export type Props = {
     /** Style attribut of the component root element */
-    style?: StyleValue;
+    style?: HTMLAttributes['style'];
     /** Class attribut of the component root element */
-    class?: any;
+    class?: HTMLAttributes['class'];
     /** @model The modelValue of the input */
     modelValue?: string[] | number[];
     /** The placeholder of the input */
@@ -58,7 +58,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }, {
     size: Size;
     label: string;
-    style: string | false | import("vue").CSSProperties | StyleValue[] | null;
+    style: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
     error: boolean;
     disabled: boolean;
     success: boolean;

package/types/components/MazPhoneNumberInput/CountrySelector.vue.d.ts

@@ -1,7 +1,8 @@
-import { type StyleValue } from 'vue';
 import type { Color, Size, Position, CountryCode } from '../MazPhoneNumberInput.vue';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    style?: StyleValue;
+    /** Style attribut of the component root element */
+    style?: import("vue").StyleValue;
+    /** Class attribut of the component root element */
     class?: any;
     modelValue?: CountryCode | undefined;
     id: string;
@@ -46,7 +47,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:model-value": (countryCode?: CountryCode | undefined) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    style?: StyleValue;
+    /** Style attribut of the component root element */
+    style?: import("vue").StyleValue;
+    /** Class attribut of the component root element */
     class?: any;
     modelValue?: CountryCode | undefined;
     id: string;
@@ -91,7 +94,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onUpdate:model-value"?: ((countryCode?: CountryCode | undefined) => any) | undefined;
 }, {
-    style: string | false | import("vue").CSSProperties | StyleValue[] | null;
+    style: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
     width: string;
     class: any;
     modelValue: CountryCode;
@@ -105,6 +108,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "selector-flag"?(_: {
         countryCode: CountryCode;
     }): any;
+    "no-results"?(_: {}): any;
     "country-list-flag"?(_: {
         countryCode: string;
         option: import("../MazSelect.vue").NormalizedOption;

package/types/components/MazPhoneNumberInput/use-maz-phone-number-input.d.ts

@@ -42,11 +42,11 @@ export declare function useMazPhoneNumberInput(): {
     fetchCountryCode: typeof fetchCountryCode;
     selectedCountry: import("vue").Ref<CountryCode | undefined>;
     phoneNumber: import("vue").Ref<string>;
-    selectionRange: {
+    selectionRange: import("vue").Ref<{
         start?: number | null | undefined;
         end?: number | null | undefined;
         cursorAtEnd?: boolean | undefined;
-    };
+    }>;
     saveCursorPosition: typeof saveCursorPosition;
     onPhoneNumberChanged: typeof onPhoneNumberChanged;
     onCountryChanged: typeof onCountryChanged;

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

@@ -2,12 +2,12 @@ import { type CountryCode } from 'libphonenumber-js';
 import type { Results, Translations } from './MazPhoneNumberInput/types';
 import type { Color, Position, Size } from './types';
 export type { Color, Size, Position, CountryCode, Results, Results as Result, Translations };
-import { type StyleValue } from 'vue';
+import { type HTMLAttributes } from 'vue';
 export type Props = {
     /** Style attribut of the component root element */
-    style?: StyleValue;
+    style?: HTMLAttributes['style'];
     /** Class attribut of the component root element */
-    class?: any;
+    class?: HTMLAttributes['class'];
     /** @model Country calling code + telephone number in international format */
     modelValue?: string;
     /** @deprecated */
@@ -82,7 +82,7 @@ export type Props = {
     /** The input will be displayed in full width */
     block?: boolean;
 };
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     class: undefined;
     style: undefined;
     listPosition: string;
@@ -103,7 +103,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     customCountriesList: undefined;
     countryLocale: undefined;
     countrySelectorWidth: string;
-    data: undefined;
     noFormattingAsYouType: boolean;
     autoFormat: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -133,7 +132,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     customCountriesList: undefined;
     countryLocale: undefined;
     countrySelectorWidth: string;
-    data: undefined;
     noFormattingAsYouType: boolean;
     autoFormat: boolean;
 }>>> & {
@@ -144,7 +142,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     "onUpdate:country-code"?: ((countryCode?: CountryCode | undefined) => any) | undefined;
 }, {
     size: Size;
-    style: string | false | import("vue").CSSProperties | StyleValue[] | null;
+    style: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
     id: string;
     color: Color;
     class: any;
@@ -173,7 +171,17 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     customCountriesList: Record<CountryCode, string>;
     countryLocale: string;
     countrySelectorWidth: string;
-}, {}>;
+}, {}>, {
+    "no-results"?(_: {}): any;
+    "selector-flag"?(_: {
+        countryCode: CountryCode;
+    }): any;
+    "country-list-flag"?(_: {
+        countryCode: import("./types").ModelValueSimple;
+        option: import("./MazSelect.vue").NormalizedOption;
+        isSelected: boolean;
+    }): any;
+}>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
@@ -183,6 +191,11 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {

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

@@ -1,109 +1,106 @@
-import { type PropType } from 'vue';
 import type { Color, Size } from './types';
 export type { Color, Size };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    style: {
-        type: PropType<import("vue").StyleValue>;
-        default: undefined;
-    };
-    class: {
-        type: PropType<any>;
-        default: undefined;
-    };
-    label: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    modelValue: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    value: {
-        type: StringConstructor;
-        required: true;
-    };
-    name: {
-        type: StringConstructor;
-        required: true;
-    };
-    id: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    color: {
-        type: PropType<Color>;
-        default: string;
-    };
-    size: {
-        type: PropType<Size>;
-        default: string;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
-    "update:model-value": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    style: {
-        type: PropType<import("vue").StyleValue>;
-        default: undefined;
-    };
-    class: {
-        type: PropType<any>;
-        default: undefined;
-    };
-    label: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    modelValue: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    value: {
-        type: StringConstructor;
-        required: true;
-    };
-    name: {
-        type: StringConstructor;
-        required: true;
-    };
-    id: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    color: {
-        type: PropType<Color>;
-        default: string;
-    };
-    size: {
-        type: PropType<Size>;
-        default: string;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    /** Style attribut of the component root element */
+    style?: import("vue").StyleValue;
+    /** Class attribut of the component root element */
+    class?: any;
+    /** The id of the radio */
+    id?: string | undefined;
+    /** @model The value of the radio */
+    modelValue?: string | number | boolean | undefined;
+    /** The value of the radio */
+    value: string | number | boolean;
+    /** The name of the radio */
+    name: string;
+    /** The label of the radio */
+    label?: string | undefined;
+    /** The color of the radio */
+    color?: Color | undefined;
+    /** The size of the radio */
+    size?: Size | undefined;
+    /** The disabled state of the radio */
+    disabled?: boolean | undefined;
+}>, {
+    style: undefined;
+    class: undefined;
+    id: undefined;
+    modelValue: undefined;
+    label: undefined;
+    color: string;
+    size: string;
+    disabled: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:model-value": (value: string | number | boolean) => void;
+    change: (value: string | number | boolean) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    /** Style attribut of the component root element */
+    style?: import("vue").StyleValue;
+    /** Class attribut of the component root element */
+    class?: any;
+    /** The id of the radio */
+    id?: string | undefined;
+    /** @model The value of the radio */
+    modelValue?: string | number | boolean | undefined;
+    /** The value of the radio */
+    value: string | number | boolean;
+    /** The name of the radio */
+    name: string;
+    /** The label of the radio */
+    label?: string | undefined;
+    /** The color of the radio */
+    color?: Color | undefined;
+    /** The size of the radio */
+    size?: Size | undefined;
+    /** The disabled state of the radio */
+    disabled?: boolean | undefined;
+}>, {
+    style: undefined;
+    class: undefined;
+    id: undefined;
+    modelValue: undefined;
+    label: undefined;
+    color: string;
+    size: string;
+    disabled: boolean;
+}>>> & {
+    onChange?: ((value: string | number | boolean) => any) | undefined;
+    "onUpdate:model-value"?: ((value: string | number | boolean) => any) | undefined;
 }, {
     size: Size;
     label: string;
-    style: import("vue").StyleValue;
+    style: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
     id: string;
     disabled: boolean;
     color: Color;
     class: any;
-    modelValue: string;
+    modelValue: string | number | boolean;
 }, {}>, {
-    default?(_: {}): any;
+    default?(_: {
+        isSelected: boolean;
+        value: string | number | boolean;
+    }): any;
 }>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -1,71 +1,76 @@
-import type { PropType } from 'vue';
+import { type StyleValue } from 'vue';
 import type { Color } from './types';
-export interface ButtonsRadioOption {
+export type ButtonsRadioOption = {
+    /** The label of the option */
     label: string;
-    value: string | number;
-}
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    modelValue: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    options: {
-        type: PropType<ButtonsRadioOption[]>;
-        required: true;
-    };
-    name: {
-        type: PropType<string>;
-        default: string;
-    };
-    color: {
-        type: PropType<Color>;
-        default: string;
-    };
-    noElevation: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    orientation: {
-        type: PropType<"col" | "row">;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
-    "update:model-value": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    options: {
-        type: PropType<ButtonsRadioOption[]>;
-        required: true;
-    };
-    name: {
-        type: PropType<string>;
-        default: string;
-    };
-    color: {
-        type: PropType<Color>;
-        default: string;
-    };
-    noElevation: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    orientation: {
-        type: PropType<"col" | "row">;
-        default: string;
-    };
-}>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+    /** The value of the option */
+    value: string | number | boolean;
+    /** The classes to apply to the option */
+    classes?: any;
+    /** The style to apply to the option */
+    style?: StyleValue;
+} & Record<string, unknown>;
+export type Props = {
+    /** @model The value of the selected option */
+    modelValue?: string | number | boolean;
+    /** The options to display */
+    options: ButtonsRadioOption[];
+    /** The name of the radio group */
+    name?: string;
+    /** The color of the selected radio buttons */
+    color?: Color;
+    /** Add elevation to the radio buttons */
+    elevation?: boolean;
+    /**
+     * The orientation of the radio buttons
+     * @values 'row' | 'col'
+     */
+    orientation?: 'row' | 'col';
+    /** Disable the wrap of the radio buttons */
+    noWrap?: boolean;
+    /** Make all radio buttons the same size */
+    equalSize?: boolean;
+    /** Display a selector icon */
+    selector?: boolean;
+    /** The component will be displayed in full width */
+    block?: boolean;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    modelValue: undefined;
+    name: string;
+    color: string;
+    elevation: boolean;
+    orientation: string;
+    noWrap: boolean;
+    equalSize: boolean;
+    selector: boolean;
+    block: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:model-value": (value: string | number | boolean) => void;
+    change: (value: string | number | boolean) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    modelValue: undefined;
+    name: string;
+    color: string;
+    elevation: boolean;
+    orientation: string;
+    noWrap: boolean;
+    equalSize: boolean;
+    selector: boolean;
+    block: boolean;
+}>>> & {
+    onChange?: ((value: string | number | boolean) => any) | undefined;
+    "onUpdate:model-value"?: ((value: string | number | boolean) => any) | undefined;
 }, {
     name: string;
     orientation: "col" | "row";
     color: Color;
-    noElevation: boolean;
-    modelValue: string | number;
+    block: boolean;
+    modelValue: string | number | boolean;
+    elevation: boolean;
+    noWrap: boolean;
+    equalSize: boolean;
+    selector: boolean;
 }, {}>, {
     default?(_: {
         option: ButtonsRadioOption;
@@ -73,8 +78,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     }): any;
 }>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};