maz-ui 3.37.0 → 3.37.2

package/nuxt/index.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "3.37.0"
+  "version": "3.37.2"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maz-ui",
-  "version": "3.37.0",
+  "version": "3.37.2",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "main": "./modules/index.cjs",

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

@@ -10,12 +10,14 @@ export type Props = {
     value?: string | number | boolean;
     name?: string;
     size?: Size;
+    label?: string;
     disabled?: boolean;
 };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     style: undefined;
     class: undefined;
     modelValue: undefined;
+    label: undefined;
     id: undefined;
     color: string;
     value: undefined;
@@ -29,6 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     style: undefined;
     class: undefined;
     modelValue: undefined;
+    label: undefined;
     id: undefined;
     color: string;
     value: undefined;
@@ -40,6 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }, {
     size: Size;
+    label: string;
     style: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
     name: string;
     id: string;

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

@@ -75,6 +75,8 @@ export type Props = {
     rightIcon?: string | Icon;
     /** Size of the rounded */
     roundedSize?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    /** The input will be displayed in full width */
+    block?: boolean;
 };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     style: undefined;

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

@@ -24,6 +24,8 @@ export type Props = {
     textCenter?: boolean;
     /** The inputmode attribute for the input. */
     inputmode?: HTMLAttributes['inputmode'];
+    /** The input will be displayed in full width */
+    block?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     style: undefined;

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

@@ -1,10 +1,18 @@
 export type Props = {
+    /** @model The value of the input */
     modelValue?: number | string;
+    /** The currency to use */
     currency?: string;
+    /** The locale to use */
     locale?: string;
+    /** The minimum value that the input can accept */
     min?: number;
+    /** The maximum value that the input can accept */
     max?: number;
+    /** The input will be displayed without icon */
     noIcon?: boolean;
+    /** The input will be displayed in full width */
+    block?: boolean;
 };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     modelValue: undefined;

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

@@ -24,6 +24,8 @@ export type Props = {
     size?: Size;
     /** The color of the input */
     color?: Color;
+    /** The input will be displayed in full width */
+    block?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     style: undefined;

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

@@ -79,6 +79,8 @@ export type Props = {
     countrySelectorDisplayName?: boolean;
     /** Choose the width of the country selector */
     countrySelectorWidth?: string;
+    /** The input will be displayed in full width */
+    block?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     class: undefined;

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

@@ -65,6 +65,8 @@ export type Props = {
     disabledDates?: string[];
     /** The disabled hours of the time picker */
     disabledHours?: number[];
+    /** The input will be displayed in full width */
+    block?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     style: undefined;

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

@@ -10,6 +10,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<any>;
         default: undefined;
     };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
     modelValue: {
         type: StringConstructor;
         default: undefined;
@@ -50,6 +54,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<any>;
         default: undefined;
     };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
     modelValue: {
         type: StringConstructor;
         default: undefined;
@@ -83,6 +91,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }, {
     size: Size;
+    label: string;
     style: import("vue").StyleValue;
     id: string;
     disabled: boolean;

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

@@ -48,6 +48,8 @@ export type Props = {
     required?: boolean;
     /** Disable the component */
     disabled?: boolean;
+    /** The input will be displayed in full width */
+    block?: boolean;
 };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     id: undefined;

package/components/chunks/MazBtn-OUDBhJKd.mjs

@@ -1,151 +0,0 @@
-import '../assets/MazBtn.css';
-import { defineComponent as E, defineAsyncComponent as h, useAttrs as R, useSlots as S, onBeforeMount as w, computed as l, openBlock as n, createBlock as a, resolveDynamicComponent as r, normalizeClass as s, withCtx as A, createElementBlock as u, createCommentVNode as t, renderSlot as d, unref as c } from "vue";
-import { _ as D } from "./MazPhoneNumberInput-CVz5eTvG.mjs";
-const P = /* @__PURE__ */ E({
-  __name: "MazBtn",
-  props: {
-    variant: { default: "button" },
-    size: { default: "md" },
-    color: { default: "primary" },
-    type: { default: "button" },
-    rounded: { type: Boolean },
-    noRounded: { type: Boolean },
-    outline: { type: Boolean },
-    pastel: { type: Boolean },
-    block: { type: Boolean },
-    noUnderline: { type: Boolean },
-    noLeading: { type: Boolean },
-    loading: { type: Boolean },
-    disabled: { type: Boolean },
-    fab: { type: Boolean },
-    icon: { default: void 0 },
-    leftIcon: { default: void 0 },
-    rightIcon: { default: void 0 },
-    noPadding: { type: Boolean },
-    noElevation: { type: Boolean },
-    contentClass: { default: void 0 }
-  },
-  setup(g) {
-    const B = h(() => import("./MazSpinner-CTdeHHNH.mjs")), f = h(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: k, to: I } = R(), p = S(), e = g;
-    w(() => {
-      e.icon && !e.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
-    });
-    const v = l(() => k ? "a" : I ? "router-link" : "button"), z = l(
-      () => e.pastel ? `--${e.color}-pastel` : e.outline ? `--${e.color}-outline` : `--${e.color}`
-    ), m = l(
-      () => (e.loading || e.disabled) && v.value === "button"
-    ), C = l(() => m.value ? "--cursor-default" : "--cursor-pointer"), $ = l(() => `--is-${e.variant}`), i = l(() => e.loading && e.variant === "button"), b = l(() => !!p["left-icon"] || e.leftIcon), y = l(() => !!p["right-icon"] || e.rightIcon), M = l(() => b.value || y.value), T = l(() => e.fab && (e.icon || !!p.icon)), L = l(() => v.value === "button" ? e.type : void 0);
-    return (o, U) => (n(), a(r(v.value), {
-      disabled: m.value,
-      class: s(["m-btn", [
-        `--${o.size}`,
-        z.value,
-        C.value,
-        $.value,
-        {
-          "--block": o.block,
-          "--no-underline": o.noUnderline,
-          "--no-leading": o.noLeading,
-          "--fab": o.fab,
-          "--loading": o.loading,
-          "--disabled": m.value,
-          "--icon": M.value,
-          "--rounded": o.rounded,
-          "--no-rounded": o.noRounded,
-          "--no-padding": o.noPadding,
-          "--no-elevation": o.noElevation
-        }
-      ]]),
-      type: L.value
-    }, {
-      default: A(() => [
-        b.value ? (n(), u(
-          "div",
-          {
-            key: 0,
-            class: s(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": i.value }])
-          },
-          [
-            t(`
-        @slot left-icon - The icon to display on the left of the button
-      `),
-            d(o.$slots, "left-icon", {}, () => [
-              typeof o.leftIcon == "string" ? (n(), a(c(f), {
-                key: 0,
-                name: o.leftIcon
-              }, null, 8, ["name"])) : o.leftIcon ? (n(), a(r(o.leftIcon), { key: 1 })) : t("v-if", !0)
-            ], !0)
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        T.value ? (n(), u(
-          "div",
-          {
-            key: 1,
-            class: s(["m-btn__icon", { "maz-invisible": i.value }])
-          },
-          [
-            t(`
-        @slot icon - The icon to display on the fab button
-      `),
-            d(o.$slots, "icon", {}, () => [
-              typeof o.icon == "string" ? (n(), a(c(f), {
-                key: 0,
-                name: o.icon
-              }, null, 8, ["name"])) : o.icon ? (n(), a(r(o.icon), { key: 1 })) : t("v-if", !0)
-            ], !0)
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        o.$slots.default ? (n(), u(
-          "span",
-          {
-            key: 2,
-            class: s([{ "maz-invisible": i.value }, o.contentClass])
-          },
-          [
-            t(`
-        @slot default - The content of the button
-      `),
-            d(o.$slots, "default", {}, void 0, !0)
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        y.value ? (n(), u(
-          "div",
-          {
-            key: 3,
-            class: s(["m-btn__icon-right", { "maz-invisible": i.value }])
-          },
-          [
-            t(`
-        @slot right-icon - The icon to display on the right of the button
-      `),
-            d(o.$slots, "right-icon", {}, () => [
-              typeof o.rightIcon == "string" ? (n(), a(c(f), {
-                key: 0,
-                name: o.rightIcon
-              }, null, 8, ["name"])) : o.rightIcon ? (n(), a(r(o.rightIcon), { key: 1 })) : t("v-if", !0)
-            ], !0)
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        i.value ? (n(), a(c(B), {
-          key: 4,
-          class: "m-btn-loader",
-          size: "2em",
-          color: o.color
-        }, null, 8, ["color"])) : t("v-if", !0)
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 8, ["disabled", "class", "type"]));
-  }
-}), V = /* @__PURE__ */ D(P, [["__scopeId", "data-v-395e94fc"]]);
-export {
-  V as default
-};

package/components/chunks/MazSpinner-yPD_Biya.mjs

@@ -1,38 +0,0 @@
-import '../assets/MazSpinner.css';
-import { defineComponent as t, openBlock as o, createElementBlock as c, normalizeClass as n, pushScopeId as s, popScopeId as r, createElementVNode as i } from "vue";
-import { _ as p } from "./MazInputPrice-CmX_rC0L.mjs";
-const a = (e) => (s("data-v-c67298ec"), e = e(), r(), e), d = ["width", "height"], l = /* @__PURE__ */ a(() => /* @__PURE__ */ i(
-  "path",
-  { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" },
-  null,
-  -1
-  /* HOISTED */
-)), m = [
-  l
-], h = /* @__PURE__ */ t({
-  __name: "MazSpinner",
-  props: {
-    size: { type: String, default: "2em" },
-    color: {
-      type: String,
-      default: "primary"
-    }
-  },
-  setup(e) {
-    return (_, u) => (o(), c("svg", {
-      width: e.size,
-      height: e.size,
-      version: "1.1",
-      xmlns: "http://www.w3.org/2000/svg",
-      x: "0px",
-      y: "0px",
-      viewBox: "0 0 50 50",
-      "xml:space": "preserve",
-      class: n(["m-spinner", `m-spinner--${e.color}`]),
-      style: { "enable-background": "new 0 0 50 50" }
-    }, m, 10, d));
-  }
-}), f = /* @__PURE__ */ p(h, [["__scopeId", "data-v-c67298ec"]]);
-export {
-  f as default
-};