maz-ui 3.11.4 → 3.12.0

package/components/MazTextarea.d.ts

@@ -0,0 +1,121 @@
+import { type PropType } from 'vue';
+import type { Color } from './types';
+export type { Color } from './types';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    success: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    warning: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    color: {
+        type: PropType<Color>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "blur" | "change" | "focus")[], "input" | "blur" | "change" | "focus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    success: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    warning: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    color: {
+        type: PropType<Color>;
+        default: string;
+    };
+}>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+}, {
+    label: string;
+    success: boolean;
+    warning: boolean;
+    required: boolean;
+    id: string;
+    color: Color;
+    disabled: boolean;
+    name: string;
+    error: boolean;
+    modelValue: string;
+    readonly: boolean;
+    hint: string;
+}, {}>;
+export default _default;

package/components/MazTransitionExpand.d.ts

@@ -0,0 +1,9 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/component-list.d.ts

@@ -0,0 +1 @@
+export declare const componentList: string[];

package/components/index.d.ts

@@ -0,0 +1,35 @@
+export { default as MazAvatar } from './MazAvatar.js';
+export { default as MazBackdrop } from './MazBackdrop.js';
+export { default as MazBadge } from './MazBadge.js';
+export { default as MazBottomSheet } from './MazBottomSheet.js';
+export { default as MazBtn } from './MazBtn.js';
+export { default as MazCard } from './MazCard.js';
+export { default as MazCarousel } from './MazCarousel.js';
+export { default as MazChart } from './MazChart.js';
+export { default as MazCheckbox } from './MazCheckbox.js';
+export { default as MazDialog } from './MazDialog.js';
+export { default as MazDialogPromise } from './MazDialogPromise.js';
+export { default as MazDrawer } from './MazDrawer.js';
+export { default as MazDropzone } from './MazDropzone.js';
+export { default as MazGallery } from './MazGallery.js';
+export { default as MazIcon } from './MazIcon.js';
+export { default as MazInput } from './MazInput.js';
+export { default as MazInputNumber } from './MazInputNumber.js';
+export { default as MazInputPrice } from './MazInputPrice.js';
+export { default as MazInputTags } from './MazInputTags.js';
+export { default as MazLazyImg } from './MazLazyImg.js';
+export { default as MazPhoneNumberInput } from './MazPhoneNumberInput.js';
+export { default as MazPicker } from './MazPicker.js';
+export { default as MazRadioButtons } from './MazRadioButtons.js';
+export { default as MazSelect } from './MazSelect.js';
+export { default as MazSlider } from './MazSlider.js';
+export { default as MazSpinner } from './MazSpinner.js';
+export { default as MazStepper } from './MazStepper.js';
+export { default as MazSwitch } from './MazSwitch.js';
+export { default as MazTabs } from './MazTabs.js';
+export { default as MazTabsBar } from './MazTabsBar.js';
+export { default as MazTabsContent } from './MazTabsContent.js';
+export { default as MazTabsContentItem } from './MazTabsContentItem.js';
+export { default as MazTextarea } from './MazTextarea.js';
+export { default as MazTransitionExpand } from './MazTransitionExpand.js';
+export * from './types';

package/components/types.d.ts

@@ -0,0 +1,17 @@
+export type ModelValueSimple = string | number | null | undefined | boolean;
+export type MazGalleryImage = {
+    src: string;
+    alt?: string;
+} | string;
+export type Color = 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'white' | 'black' | 'transparent' | 'theme';
+export declare const colors: Color[];
+export type Size = 'mini' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type Position = 'top' | 'top right' | 'top left' | 'bottom' | 'bottom right' | 'bottom left' | 'left' | 'right';
+export interface Source {
+    srcset?: string;
+    media?: string;
+}
+export interface DataImage {
+    sources?: Source[];
+}
+export type Image = DataImage | string;

package/nuxt/index.ts

@@ -6,21 +6,35 @@ import { fileURLToPath } from 'node:url'
 
 export interface MazUiNuxtOptions {
   /**
-   * Install the toaster plugin and enable auto import of toaster composable
+   * Enable auto import of main css file
+   * @default true
    */
-  injectToaster?: boolean
+  injectCss?: boolean
   /**
-   * Enable auto import of useCurrency composable
+   * Enable auto import of main css file
+   * @default false
    */
-  injectUseCurrency?: boolean
+  injectAosCss?: boolean
   /**
-   * Enable auto import of useTheme composable
+   * Install the toaster plugin and enable auto import of toaster composable
+   * @default false
    */
-  injectUseThemeHandler?: boolean
+  injectToaster?: boolean
+  // /**
+  //  * Enable auto import of useCurrency composable
+  //  * @default false
+  //  */
+  // injectUseCurrency?: boolean
   /**
-   * install global of v-fullscreen-img directive
+   * Enable auto import of useTheme composable
+   * @default false
    */
-  installFullscreenImgDirective?: boolean
+  injectUseThemeHandler?: boolean
+  // /**
+  //  * install global of v-fullscreen-img directive
+  //  * @default false
+  //  */
+  // installFullscreenImgDirective?: boolean
   /**
    * Enable auto import of all components
    * @default true
@@ -57,15 +71,29 @@ export default defineNuxtModule<MazUiNuxtOptions>({
   },
   defaults: {
     devtools: true,
+    injectCss: true,
     injectComponents: true,
   },
+  // eslint-disable-next-line sonarjs/cognitive-complexity
   setup(options, nuxt) {
-    const resolver = createResolver(import.meta.url)
+    const { resolve } = createResolver(import.meta.url)
 
     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' ? './../css/index.css' : './../css/main.css'
+      nuxt.options.css = [resolve(path), ...nuxt.options.css]
+    }
+
+    if (moduleOptions.injectAosCss && process.env.MAZ_UI_DEV === 'true') {
+      // the library should be built
+      nuxt.options.css = [resolve('./../dist/css/aos.css'), ...nuxt.options.css]
+    } else if (moduleOptions.injectAosCss) {
+      nuxt.options.css = [resolve('./../css/aos.css'), ...nuxt.options.css]
+    }
+
     if (moduleOptions.injectComponents) {
       for (const componentName of componentList) {
         addComponent({
@@ -79,22 +107,22 @@ export default defineNuxtModule<MazUiNuxtOptions>({
     }
 
     if (moduleOptions.injectToaster) {
-      addPlugin(resolver.resolve(_dirname, './runtime/plugins/toaster'))
+      addPlugin(resolve(_dirname, './runtime/plugins/toaster'))
 
       addImports({
-        from: resolver.resolve(_dirname, './runtime/composables/use-toast'),
+        from: resolve(_dirname, './runtime/composables/use-toast'),
         name: 'useToast',
         as: 'useToast',
       })
     }
 
-    if (moduleOptions.injectUseCurrency) {
-      addImports({
-        from: 'maz-ui',
-        name: 'useCurrency',
-        as: 'useCurrency',
-      })
-    }
+    // if (moduleOptions.injectUseCurrency) {
+    //   addImports({
+    //     from: 'maz-ui',
+    //     name: 'useCurrency',
+    //     as: 'useCurrency',
+    //   })
+    // }
 
     if (moduleOptions.injectUseThemeHandler) {
       addImports({
@@ -104,9 +132,9 @@ export default defineNuxtModule<MazUiNuxtOptions>({
       })
     }
 
-    if (moduleOptions.installFullscreenImgDirective) {
-      addPlugin(resolver.resolve(_dirname, './runtime/plugins/v-fullscreen-img'))
-    }
+    // if (moduleOptions.installFullscreenImgDirective) {
+    //   addPlugin(resolve(_dirname, './runtime/plugins/v-fullscreen-img'))
+    // }
 
     if (options.devtools) {
       // @ts-expect-error - private API

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maz-ui",
-  "version": "3.11.4",
+  "version": "3.12.0",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "main": "./modules/index.mjs",
@@ -11,7 +11,6 @@
       "default": "./modules/index.mjs",
       "types": "./types/modules/index.d.ts"
     },
-    "./*": "./*",
     "./components": {
       "default": "./components/index.mjs",
       "types": "./types/components/index.d.ts"
@@ -27,7 +26,11 @@
     "./nuxt": {
       "default": "./nuxt/index.ts",
       "types": "./types/nuxt/index.d.ts"
-    }
+    },
+    "./styles": "./css/main.css",
+    "./aos-styles": "./css/aos.css",
+    "./package.json": "./package.json",
+    "./*": "./*"
   },
   "files": [
     "components",
@@ -90,8 +93,8 @@
     "@types/google.maps": "^3.54.1",
     "@types/node": "^20.6.2",
     "@types/rollup-plugin-peer-deps-external": "^2.2.1",
-    "@typescript-eslint/eslint-plugin": "^6.7.0",
-    "@typescript-eslint/parser": "^6.7.0",
+    "@typescript-eslint/eslint-plugin": "^6.7.2",
+    "@typescript-eslint/parser": "^6.7.2",
     "@vitejs/plugin-vue": "^4.3.4",
     "@vitest/coverage-v8": "^0.34.4",
     "@vue/compiler-sfc": "^3.3.4",
@@ -104,7 +107,7 @@
     "chalk": "^4.1.2",
     "chart.js": "^4.4.0",
     "cross-env": "^7.0.3",
-    "dayjs": "^1.11.9",
+    "dayjs": "^1.11.10",
     "defu": "^6.1.2",
     "dropzone": "^5.9.3",
     "eslint": "^8.49.0",
@@ -121,7 +124,7 @@
     "nuxt": "^3.7.3",
     "onchange": "^7.1.0",
     "path": "^0.12.7",
-    "postcss": "^8.4.29",
+    "postcss": "^8.4.30",
     "postcss-html": "^1.5.0",
     "postcss-import": "^15.1.0",
     "postcss-nested": "^6.0.0",

package/tailwindcss/tailwind.config.ts

@@ -9,7 +9,7 @@ import { screens } from './variables/breakpoints'
 import { zIndex } from './variables/z-indexes'
 import { getColors } from './utils/colors'
 
-export default <Config>{
+export default {
   darkMode: ['class', '[class="dark"]'],
   content: [],
   theme: {
@@ -40,4 +40,4 @@ export default <Config>{
       addUtilities(utilities)
     }),
   ],
-}
+} satisfies Config

package/types/nuxt/index.d.ts

@@ -1,20 +1,24 @@
 export interface MazUiNuxtOptions {
     /**
-     * Install the toaster plugin and enable auto import of toaster composable
+     * Enable auto import of main css file
+     * @default true
      */
-    injectToaster?: boolean;
+    injectCss?: boolean;
     /**
-     * Enable auto import of useCurrency composable
+     * Enable auto import of main css file
+     * @default false
      */
-    injectUseCurrency?: boolean;
+    injectAosCss?: boolean;
     /**
-     * Enable auto import of useTheme composable
+     * Install the toaster plugin and enable auto import of toaster composable
+     * @default false
      */
-    injectUseThemeHandler?: boolean;
+    injectToaster?: boolean;
     /**
-     * install global of v-fullscreen-img directive
+     * Enable auto import of useTheme composable
+     * @default false
      */
-    installFullscreenImgDirective?: boolean;
+    injectUseThemeHandler?: boolean;
     /**
      * Enable auto import of all components
      * @default true

package/types/tailwindcss/tailwind.config.d.ts

@@ -1,3 +1,77 @@
 import type { Config } from 'tailwindcss';
-declare const _default: Config;
+declare const _default: {
+    darkMode: ["class", string];
+    content: never[];
+    theme: {
+        extend: {
+            fontFamily: {
+                base: string;
+            };
+            zIndex: {
+                1: string;
+                2: string;
+                3: string;
+                4: string;
+                5: string;
+                15: string;
+                25: string;
+                35: string;
+                45: string;
+                75: string;
+                100: string;
+                'default-backdrop': string;
+            };
+            screens: {
+                'mob-s': string;
+                'mob-m': string;
+                'mob-l': string;
+                'tab-s': string;
+                'tab-m': string;
+                'tab-l': string;
+                'lap-s': string;
+                'lap-m': string;
+                'lap-l': string;
+                'lap-xl': string;
+                'lap-2xl': string;
+                'lap-3xl': string;
+            };
+            colors: {
+                transparent: string;
+                black: string;
+                'black-contrast': string;
+                white: string;
+                'white-contrast': string;
+                current: string;
+                normal: string;
+                color: string;
+                'color-light': string;
+                'color-lighter': string;
+                theme: string;
+                'theme-hover': string;
+                'bg-dark': string;
+                'bg-light': string;
+                light: string;
+                dark: string;
+                muted: string;
+                overlay: string;
+            };
+            borderWidth: {
+                0: string;
+                1: string;
+                DEFAULT: string;
+                2: string;
+                3: string;
+                4: string;
+            };
+            borderRadius: {
+                DEFAULT: string;
+            };
+            spacing: {};
+        };
+    };
+    plugins: {
+        handler: import("tailwindcss/types/config").PluginCreator;
+        config?: Partial<Config> | undefined;
+    }[];
+};
 export default _default;