maz-ui 3.50.1 → 4.0.0-alpha.2

package/dist/types/plugins/toaster/MazToast.vue.d.ts

@@ -0,0 +1,37 @@
+import { LocalToasterOptions } from './ToasterHandler';
+import { ToasterAction, ToasterLink, ToasterPosition } from './types';
+export interface Props {
+    message: string;
+    position?: ToasterPosition;
+    maxToasts?: number | boolean;
+    timeout?: number | boolean;
+    queue?: boolean;
+    noPauseOnHover?: boolean;
+    type?: LocalToasterOptions['type'];
+    link?: ToasterLink;
+    action?: ToasterAction;
+    persistent?: boolean;
+    icon?: boolean;
+}
+declare function closeToast(): void;
+declare const _default: import('vue').DefineComponent<Props, {
+    closeToast: typeof closeToast;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+    close: (...args: any[]) => void;
+    open: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+}>, {
+    message: string;
+    timeout: number | boolean;
+    link: ToasterLink;
+    type: LocalToasterOptions["type"];
+    icon: boolean;
+    position: ToasterPosition;
+    maxToasts: number | boolean;
+    action: ToasterAction;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/plugins/toaster/ToasterHandler.d.ts

@@ -0,0 +1,32 @@
+import { App } from 'vue';
+import { ToasterOptions } from './types';
+export interface LocalToasterOptions extends ToasterOptions {
+    type: 'success' | 'info' | 'warning' | 'danger' | 'theme';
+}
+export declare class ToasterHandler {
+    private readonly app;
+    private readonly globalOptions?;
+    constructor(app: App, globalOptions?: ToasterOptions | undefined);
+    private show;
+    private getLocalOptions;
+    message(message: string, options?: ToasterOptions): {
+        destroy: () => void;
+        close: () => any;
+    };
+    success(message: string, options?: ToasterOptions): {
+        destroy: () => void;
+        close: () => any;
+    };
+    error(message: string, options?: ToasterOptions): {
+        destroy: () => void;
+        close: () => any;
+    };
+    info(message: string, options?: ToasterOptions): {
+        destroy: () => void;
+        close: () => any;
+    };
+    warning(message: string, options?: ToasterOptions): {
+        destroy: () => void;
+        close: () => any;
+    };
+}

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

@@ -0,0 +1,9 @@
+import { App } from 'vue';
+import { ToasterOptions } from './toaster/types';
+import { ToasterHandler } from './toaster/ToasterHandler';
+export declare function createToaster(app: App, options?: ToasterOptions): ToasterHandler;
+export declare const installToaster: {
+    install(app: App, options?: ToasterOptions): void;
+};
+export { ToasterHandler } from './toaster/ToasterHandler';
+export type { ToasterOptions, ToasterPosition, ToasterPositions } from './toaster/types';

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

@@ -0,0 +1,14 @@
+import { App } from 'vue';
+import { LoaderId } from './wait/utils';
+export declare class WaitHandler {
+    private _loaders;
+    get loaders(): import('vue').ComputedRef<unknown[]>;
+    stop(loaderId?: LoaderId): void;
+    start(loaderId?: LoaderId): () => void;
+    get anyLoading(): import('vue').ComputedRef<boolean>;
+    isLoading(loaderId?: LoaderId): boolean;
+}
+export declare const instance: WaitHandler;
+export declare const plugin: {
+    install: (app: App) => void;
+};

package/dist/types/resolvers/UnpluginDirectivesResolver.d.ts

@@ -0,0 +1,8 @@
+import { ComponentResolver } from 'unplugin-vue-components/types';
+/**
+ * Resolver for Maz-UI (directives)
+ *
+ * @author @louismazel
+ * @link https://maz-ui.com
+ */
+export declare function UnpluginDirectivesResolver(): ComponentResolver;

package/dist/types/resolvers/UnpluginModulesResolver.d.ts

@@ -0,0 +1,8 @@
+import { ResolverFunction } from 'unplugin-auto-import/types';
+/**
+ * Resolver for Maz-UI (modules)
+ *
+ * @author @louismazel
+ * @link https://maz-ui.com
+ */
+export declare function UnpluginModulesResolver(): ResolverFunction;

package/dist/types/resolvers/UnpluginVueComponentsResolver.d.ts

@@ -0,0 +1,8 @@
+import { ComponentResolver } from 'unplugin-vue-components/types';
+/**
+ * Resolver for Maz-UI (components)
+ *
+ * @author @louismazel
+ * @link https://maz-ui.com
+ */
+export declare function UnpluginVueComponentsResolver(): ComponentResolver;

package/dist/types/resolvers/index.d.ts

@@ -0,0 +1,3 @@
+export * from './UnpluginDirectivesResolver';
+export * from './UnpluginModulesResolver';
+export * from './UnpluginVueComponentsResolver';

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

@@ -0,0 +1,121 @@
+import { getNumericScreensFromTailwind } from './variables/breakpoints';
+export { getNumericScreensFromTailwind };
+export declare const baseConfig: {
+    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: import('tailwindcss/types/config').RecursiveKeyValuePair<string, 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<import('tailwindcss/types/config').Config>;
+    }[];
+    corePlugins: {
+        preflight: false;
+    };
+};
+export declare const tailwindConfig: {
+    corePlugins: {
+        preflight: true;
+    };
+    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: import('tailwindcss/types/config').RecursiveKeyValuePair<string, 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<import('tailwindcss/types/config').Config>;
+    }[];
+};
+export default baseConfig;

package/dist/types/tailwindcss/utils/colors.d.ts

@@ -0,0 +1 @@
+export declare function getColors(): import('tailwindcss/types/config').RecursiveKeyValuePair<string, string>;

package/dist/types/ts-helpers/InferMaybeRef.d.ts

@@ -0,0 +1,2 @@
+import { Ref } from 'vue';
+export type InferMaybeRef<T> = T extends Ref<infer U> ? U : T;

package/dist/types/ts-helpers/index.d.ts

@@ -0,0 +1 @@
+export * from './InferMaybeRef';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "maz-ui",
   "type": "module",
-  "version": "3.50.1",
+  "version": "4.0.0-alpha.2",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "license": "MIT",
@@ -28,22 +28,14 @@
   ],
   "exports": {
     ".": {
-      "types": "./types/modules/index.d.ts",
-      "import": "./modules/index.mjs",
-      "require": "./modules/index.cjs"
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/maz-ui.js",
+      "require": "./dist/maz-ui.cjs"
     },
     "./components": {
-      "types": "./types/components/index.d.ts",
-      "default": "./components/index.mjs"
-    },
-    "./resolvers": {
-      "types": "./types/resolvers/index.d.ts",
-      "import": "./resolvers/index.mjs",
-      "require": "./resolvers/index.cjs"
-    },
-    "./components/*": {
-      "types": "./types/components/*.vue.d.ts",
-      "default": "./components/*"
+      "types": "./dist/types/components/index.d.ts",
+      "import": "./dist/components.js",
+      "require": "./dist/components.cjs"
     },
     "./nuxt": {
       "types": "./nuxt/types.d.ts",
@@ -55,23 +47,16 @@
     "./package.json": "./package.json",
     "./*": "./*"
   },
-  "main": "./modules/index.cjs",
-  "module": "./modules/index.mjs",
-  "types": "./types/modules/index.d.ts",
+  "main": "./dist/maz-ui.cjs",
+  "module": "./dist/maz-ui.mjs",
+  "types": "./dist/types/index.d.ts",
   "bin": {
     "maz": "./bin/maz.mjs",
     "maz-ui": "./bin/maz.mjs"
   },
   "files": [
     "bin",
-    "components",
-    "css",
-    "icons",
-    "modules",
-    "nuxt",
-    "resolvers",
-    "tailwindcss",
-    "types"
+    "dist"
   ],
   "engines": {
     "node": ">= 6.0.0",
@@ -127,7 +112,7 @@
     }
   },
   "dependencies": {
-    "@mazui/cli": "latest"
+    "@mazui/cli": "4.0.0-alpha.2"
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",
@@ -151,6 +136,7 @@
     "dropzone": "^5.9.3",
     "eslint-plugin-vuejs-accessibility": "^2.4.1",
     "fs": "0.0.2",
+    "glob": "^11.0.0",
     "jsdom": "^25.0.1",
     "json-templater": "^1.2.0",
     "libphonenumber-js": "^1.11.16",
@@ -183,6 +169,7 @@
     "valibot": "^0.42.1",
     "vite": "^6.0.1",
     "vite-plugin-css-injected-by-js": "^3.5.2",
+    "vite-plugin-dts": "^4.3.0",
     "vite-plugin-lib-inject-css": "^2.1.1",
     "vite-plugin-static-copy": "^2.2.0",
     "vite-svg-loader": "^5.1.0",
@@ -205,6 +192,7 @@
     "lint:js": "pnpm lint:nofix --fix",
     "lint:style": "stylelint --fix \"./**/*.{vue,css,scss,postcss,pcss,html}\"",
     "build": "pnpm typecheck && pnpm build:lib",
+    "build:only": "vite build",
     "build:lib": "node --loader ts-node/esm build/vite.config.ts",
     "get-icon-list": "node --loader ts-node/esm build/get-icon-list.ts",
     "replace-svg-values": "node --loader ts-node/esm build/replace-values-in-svg.ts",
@@ -214,7 +202,7 @@
     "test:unit:coverage:watch": "vitest watch --coverage",
     "test:unit:coverage:master": "vitest run --coverage --changed master",
     "pre-commit": "lint-staged",
-    "gen:declaration-files": "vue-tsc --declaration --emitDeclarationOnly -p tsconfig.gen-types.json",
+    "gen:declaration-files": "vue-tsc --declaration --emitDeclarationOnly -p tsconfig.types.json",
     "typecheck": "vue-tsc --noEmit --skipLibCheck"
   }
 }

package/README.md

@@ -1,151 +0,0 @@
-<div align="center">
-  <img src="https://maz-ui.com/img/logo.svg" alt="Maz UI Logo" width="100">
-
-  <h1>Maz UI</h1>
-  <p>
-    <strong>
-      Lightweight and efficient library for Vue 3 & Nuxt 3
-    </strong>
-  </p>
-</div>
-
-<p align="center">
-  <a href="https://vuejs.org"><img src="https://img.shields.io/badge/vue-3-42b983.svg" alt="vue 3"></a>
-  <a href="https://v3.nuxtjs.org"><img src="https://img.shields.io/badge/nuxt-3-42b983.svg" alt="nuxt 3"></a>
-  <a href="https://www.npmjs.com/package/maz-ui"><img src="https://img.shields.io/npm/v/maz-ui/latest.svg" alt="npm"></a>
-  <a href="https://www.npmjs.com/package/maz-ui"><img src="https://badgen.net/npm/types/maz-ui" alt="types"></a>
-  <a href="https://npm-stat.com/charts.html?package=maz-ui"><img src="https://badgen.net/npm/dm/maz-ui" alt="Downloads"></a>
-</p>
-
-<p align="center">
-  <a href="https://codeclimate.com/github/LouisMazel/maz-ui/maintainability"><img src="https://api.codeclimate.com/v1/badges/6b27047dcf150ccddfac/maintainability" alt="maintainability"></a>
-  <a href="https://codeclimate.com/github/LouisMazel/maz-ui/test_coverage"><img src="https://api.codeclimate.com/v1/badges/6b27047dcf150ccddfac/test_coverage" alt="test coverage"></a>
-  <img src="https://github.com/LouisMazel/maz-ui/actions/workflows/lib-test-unit.yml/badge.svg" alt="github actions test unit">
-</p>
-
-<h3 align="center">
-  <a href="https://maz-ui.com">Documentation</a>
-  <span> · </span>
-  <a href="https://maz-ui.com/guide/getting-started">Getting Started</a>
-  <span> · </span>
-  <a href="https://maz-ui.com/made-with-maz-ui">Showcase</a>
-</h3>
-
-<p align="center">
-  <picture>
-    <source media="(prefers-color-scheme: dark)" srcset="./resources/dashboard-dark.png">
-    <img src="./resources/dashboard-light.png" alt="Maz UI Demo Dashboard" width="100%" style="border-radius: 1rem;">
-  </picture>
-  <br>
-  <sub><i>Example of a dashboard built with Maz UI components</i></sub>
-</p>
-
-## ✨ Features
-
-- 🎯 **Cherry-pick components** - Use only what you need
-- 🌙 **Dark mode** - Built-in dark mode support
-- 🎨 **Themeable** - Easy to customize with CSS variables
-- 📱 **Responsive** - Mobile-first design approach
-- 🔧 **TypeScript** - Full type support included
-- ⚡️ **Lightweight** - Tree-shakeable, no bloat
-- 🔍 **SSR** - Server-side rendering ready
-
-## 🚀 Quick Start
-
-```bash
-npm install maz-ui
-```
-
-### Vue 3
-
-```ts
-// main.ts
-import 'maz-ui/styles'
-```
-
-#### 💡 Usage
-
-Then, import and use only the components, composables, and more you need:
-
-```vue
-<template>
-  <MazBtn>Click me!</MazBtn>
-</template>
-
-<script setup lang="ts">
-  import MazBtn from 'maz-ui/components/MazBtn'
-</script>
-```
-
-Use provided resolvers to enjoy auto-imports and TypeScript support: [Resolvers documentation](https://maz-ui.com/guide/getting-started#recommendations)
-
-### Nuxt 3
-
-The Nuxt module automatically:
-
-- Imports all components, plugins, composables and directives on-demand (auto-imports)
-- Includes required styles
-- Provides TypeScript support out of the box
-
-[See options and more in the documentation](https://maz-ui.com/guide/nuxt)
-
-```ts
-// nuxt.config.ts
-export default defineNuxtConfig({
-  modules: ['maz-ui/nuxt'],
-})
-```
-
-#### 💡 Usage
-
-No need to import components, plugins, composables or directives, they are all auto-imported.
-
-```vue
-<template>
-  <MazBtn @click="toast.success('Hello Maz UI!')"> Click me! </MazBtn>
-</template>
-
-<script setup lang="ts">
-  const toast = useToast()
-</script>
-```
-
-## 🎨 Theming Made Easy
-
-Customize Maz UI to match your brand with our dedicated CLI tool:
-
-```bash
-# Install the CLI
-npm install -g @mazui/cli
-
-# Generate your theme
-maz generate-css-vars
-```
-
-The CLI will automatically:
-
-- Generate all color variations
-- Create dark mode variables
-- Output a ready-to-use CSS file
-
-To know how configure the CLI, check [theming options](https://maz-ui.com/guide/theme) in our documentation.
-
-## 🧰 What's included?
-
-- 🧩 [Components](https://maz-ui.com/components/maz-btn) - Beautiful, accessible UI components
-- 🔌 [Plugins](https://maz-ui.com/plugins/dialog) - Powerful plugins for common use cases
-- 🎣 [Composables](https://maz-ui.com/composables/use-form-validator) - Reusable composition functions
-- 📏 [Directives](https://maz-ui.com/directives/fullscreen-img) - Useful Vue directives
-- 🛠️ [Helpers](https://maz-ui.com/helpers/currency) - Useful utilities for common tasks
-
-## 🤝 Contributing
-
-We're always looking for contributors! Check out our [contribution guide](./CONTRIBUTING.md) to get started.
-
-## 📄 License
-
-[MIT](./LICENSE)
-
-<div align="center">
-  <sub>Built with ❤️ by <a href="https://github.com/LouisMazel">Louis Mazel</a></sub>
-</div>

package/components/MazAccordion.d.ts

@@ -1,36 +0,0 @@
-export interface Props {
-    id?: string;
-    modelValue?: number;
-    contentClass?: unknown;
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Partial<Record<`title-${number}`, (_: {
-        isOpen: boolean;
-    }) => any>> & Partial<Record<`content-${number}`, (_: {
-        isOpen: boolean;
-    }) => any>> & {
-        content?(_: {
-            isOpen: boolean;
-        }): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:model-value": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
-}>, {
-    id: string;
-    modelValue: number;
-    contentClass: undefined;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};