maz-ui 3.47.2-beta.2 → 3.47.2-beta.20

package/components/MazCheckbox.mjs

@@ -1,21 +1,20 @@
-import { useId as S, computed as n, openBlock as f, createElementBlock as h, createElementVNode as c, defineComponent as N, useCssVars as _, ref as E, unref as i, normalizeClass as m, normalizeStyle as A, mergeProps as $, createVNode as M, renderSlot as D, createTextVNode as R, toDisplayString as k, createCommentVNode as j } from "vue";
-import './assets/MazCheckbox.css';function q({
-  componentName: t,
+import { computed as t, useId as N, openBlock as h, createElementBlock as p, createElementVNode as u, defineComponent as E, ref as _, unref as m, normalizeClass as f, normalizeStyle as c, mergeProps as A, createVNode as $, renderSlot as M, createTextVNode as D, toDisplayString as w, createCommentVNode as R } from "vue";
+import './assets/MazCheckbox.css';function j({
+  componentName: l,
   providedId: a
 }) {
-  const e = S();
-  return n(() => a ?? `${t}-${e}`);
+  return t(() => a ?? `${l}-${N().replace(/:/g, "")}`);
 }
-const F = {
+const q = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function H(t, a) {
-  return f(), h("svg", F, a[0] || (a[0] = [
-    c(
+function F(l, a) {
+  return h(), p("svg", q, a[0] || (a[0] = [
+    u(
       "path",
       {
         stroke: "currentColor",
@@ -30,7 +29,7 @@ function H(t, a) {
     )
   ]));
 }
-const K = { render: H }, O = ["for", "aria-checked"], P = ["id", "checked", "disabled", "name"], T = { class: "m-checkbox__text" }, U = /* @__PURE__ */ N({
+const H = { render: F }, K = ["for", "aria-checked"], O = ["id", "checked", "disabled", "name"], P = { class: "m-checkbox__text" }, T = /* @__PURE__ */ E({
   inheritAttrs: !1,
   __name: "MazCheckbox",
   props: {
@@ -50,20 +49,14 @@ const K = { render: H }, O = ["for", "aria-checked"], P = ["id", "checked", "dis
     hint: {}
   },
   emits: ["update:model-value", "change", "blur", "focus"],
-  setup(t, { emit: a }) {
-    _((o) => ({
-      b7df6194: z.value,
-      "89a0ef50": g.value,
-      "199d7f11": w.value,
-      b0e1d658: V.value
-    }));
-    const e = t, l = a, s = q({
+  setup(l, { emit: a }) {
+    const o = l, n = a, s = j({
       componentName: "MazCheckbox",
-      providedId: e.id
-    }), p = n(
-      () => typeof e.value != "boolean" && Array.isArray(e.modelValue) ? e.modelValue.includes(e.value) : typeof e.modelValue == "boolean" ? e.modelValue : !1
-    ), g = n(() => {
-      switch (e.size) {
+      providedId: o.id
+    }), b = t(
+      () => typeof o.value != "boolean" && Array.isArray(o.modelValue) ? o.modelValue.includes(o.value) : typeof o.modelValue == "boolean" ? o.modelValue : !1
+    ), v = t(() => {
+      switch (o.size) {
         case "xl":
           return "2rem";
         case "lg":
@@ -77,8 +70,8 @@ const K = { render: H }, O = ["for", "aria-checked"], P = ["id", "checked", "dis
         default:
           return "1.5rem";
       }
-    }), y = n(() => {
-      switch (e.size) {
+    }), z = t(() => {
+      switch (o.size) {
         case "xl":
           return "maz-text-2xl";
         case "lg":
@@ -92,88 +85,98 @@ const K = { render: H }, O = ["for", "aria-checked"], P = ["id", "checked", "dis
         default:
           return "maz-text-lg";
       }
-    }), z = n(() => e.color === "theme" ? "var(--maz-color-bg)" : `var(--maz-color-${e.color}-contrast)`), w = n(() => e.color === "theme" ? "var(--maz-color-bg-theme)" : `var(--maz-color-${e.color})`), V = n(() => e.error ? "var(--maz-color-danger)" : e.warning ? "var(--maz-color-warning)" : e.success ? "var(--maz-color-success)" : ["black", "transparent", "theme"].includes(e.color) ? "var(--maz-color-muted)" : `var(--maz-color-${e.color}-alpha)`);
-    function x(o) {
-      ["Space"].includes(o.code) && (o.preventDefault(), b(e.value ?? !e.modelValue));
+    }), x = t(() => o.color === "theme" ? "var(--maz-color-bg)" : `var(--maz-color-${o.color}-contrast)`), V = t(() => o.color === "theme" ? "var(--maz-color-bg-theme)" : `var(--maz-color-${o.color})`), k = t(() => o.error ? "var(--maz-color-danger)" : o.warning ? "var(--maz-color-warning)" : o.success ? "var(--maz-color-success)" : ["black", "transparent", "theme"].includes(o.color) ? "var(--maz-color-muted)" : `var(--maz-color-${o.color}-alpha)`);
+    function C(e) {
+      ["Space"].includes(e.code) && (e.preventDefault(), y(o.value ?? !o.modelValue));
     }
-    function C(o) {
-      return typeof o == "boolean" && (typeof e.modelValue == "boolean" || e.modelValue === void 0 || e.modelValue === null) ? !e.modelValue : Array.isArray(e.modelValue) && typeof o != "boolean" ? e.modelValue.includes(o) ? e.modelValue.filter((r) => r !== o) : [...e.modelValue, o] : [o];
+    function B(e) {
+      return typeof e == "boolean" && (typeof o.modelValue == "boolean" || o.modelValue === void 0 || o.modelValue === null) ? !o.modelValue : Array.isArray(o.modelValue) && typeof e != "boolean" ? o.modelValue.includes(e) ? o.modelValue.filter((r) => r !== e) : [...o.modelValue, e] : [e];
     }
-    function b(o) {
-      const r = C(o);
-      l("update:model-value", r), l("change", r);
+    function y(e) {
+      const r = B(e);
+      n("update:model-value", r), n("change", r);
     }
-    const u = E();
-    function B(o) {
+    const d = _();
+    function S(e) {
       var r;
-      (r = u.value) == null || r.dispatchEvent(new Event("blur")), l("blur", o);
+      (r = d.value) == null || r.dispatchEvent(new Event("blur")), n("blur", e);
     }
-    function I(o) {
+    function I(e) {
       var r;
-      (r = u.value) == null || r.dispatchEvent(new Event("focus")), l("focus", o);
+      (r = d.value) == null || r.dispatchEvent(new Event("focus")), n("focus", e);
     }
-    return (o, r) => (f(), h("label", {
-      for: i(s),
-      class: m(["m-checkbox", [{ "--disabled": o.disabled, "--error": o.error, "--warning": o.warning, "--success": o.success }, e.class]]),
+    return (e, r) => (h(), p("label", {
+      for: m(s),
+      class: f(["m-checkbox", [{ "--disabled": e.disabled, "--error": e.error, "--warning": e.warning, "--success": e.success }, o.class]]),
       tabindex: "0",
-      style: A(o.style),
+      style: c([e.style, { "--checkbox-selected-color": V.value, "--checkbox-box-shadow-color": k.value }]),
       role: "checkbox",
-      "aria-checked": p.value,
-      onKeydown: x,
-      onBlur: B,
+      "aria-checked": b.value,
+      onKeydown: C,
+      onBlur: S,
       onFocus: I
     }, [
-      c("input", $({
-        id: i(s),
+      u("input", A({
+        id: m(s),
         ref_key: "inputRef",
-        ref: u,
-        checked: p.value
-      }, o.$attrs, {
+        ref: d,
+        checked: b.value
+      }, e.$attrs, {
         tabindex: "-1",
-        disabled: o.disabled,
-        name: o.name,
+        disabled: e.disabled,
+        name: e.name,
         type: "checkbox",
-        onChange: r[0] || (r[0] = (d) => {
-          var v;
-          return b(o.value ?? ((v = d == null ? void 0 : d.target) == null ? void 0 : v.checked));
+        onChange: r[0] || (r[0] = (i) => {
+          var g;
+          return y(e.value ?? ((g = i == null ? void 0 : i.target) == null ? void 0 : g.checked));
         })
-      }), null, 16, P),
-      c("span", null, [
-        M(i(K), {
-          class: m(["check-icon", y.value])
-        }, null, 8, ["class"])
-      ]),
-      c("div", T, [
-        D(o.$slots, "default", { value: o.value }, () => [
-          R(
-            k(o.label),
+      }), null, 16, O),
+      u(
+        "span",
+        {
+          style: c({ width: v.value, height: v.value })
+        },
+        [
+          $(m(H), {
+            class: f(["check-icon", z.value]),
+            style: c({ color: x.value })
+          }, null, 8, ["class", "style"])
+        ],
+        4
+        /* STYLE */
+      ),
+      u("div", P, [
+        M(e.$slots, "default", { value: e.value }, () => [
+          D(
+            w(e.label),
             1
             /* TEXT */
           )
         ], !0),
-        o.hint ? (f(), h(
+        e.hint ? (h(), p(
           "span",
           {
             key: 0,
-            class: m(["m-checkbox__hint", {
-              "--error": o.error,
-              "--success": o.success,
-              "--warning": o.warning
-            }])
+            class: f(["m-checkbox__hint", {
+              "--error": e.error,
+              "--success": e.success,
+              "--warning": e.warning
+            }]),
+            style: c({ boxShadow: `0 0 0 0.125rem ${k.value}` })
           },
-          k(o.hint),
-          3
-          /* TEXT, CLASS */
-        )) : j("v-if", !0)
+          w(e.hint),
+          7
+          /* TEXT, CLASS, STYLE */
+        )) : R("v-if", !0)
       ])
-    ], 46, O));
+    ], 46, K));
   }
-}), G = (t, a) => {
-  const e = t.__vccOpts || t;
-  for (const [l, s] of a)
-    e[l] = s;
-  return e;
-}, L = /* @__PURE__ */ G(U, [["__scopeId", "data-v-178c6a46"]]);
+}), U = (l, a) => {
+  const o = l.__vccOpts || l;
+  for (const [n, s] of a)
+    o[n] = s;
+  return o;
+}, J = /* @__PURE__ */ U(T, [["__scopeId", "data-v-65d7fb3b"]]);
 export {
-  L as default
+  J as default
 };

package/components/MazChecklist.d.ts

@@ -49,7 +49,7 @@ declare const _default: <T extends string, O extends ItemOption>(__VLS_props: No
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:model-value"?: ((value?: T[] | undefined) => any) | undefined;
         readonly "onUpdate:query"?: ((value?: string | undefined) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:model-value" | "onUpdate:query"> & MazCheckListProps<T, O>> & import("vue").PublicProps;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:model-value" | "onUpdate:query"> & Partial<{}> & MazCheckListProps<T, O>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
@@ -58,10 +58,7 @@ declare const _default: <T extends string, O extends ItemOption>(__VLS_props: No
         "no-results-text"?(_: {}): any;
         item?(_: {
             selectedValues: T[];
-            item: {
-                label: string;
-                value: string;
-            };
+            item: O;
         }): any;
     };
     emit: ((evt: "update:model-value", value?: T[] | undefined) => void) & ((evt: "update:query", value?: string | undefined) => void);

package/components/MazChecklist.mjs

@@ -1,4 +1,4 @@
-import { a as f } from "./chunks/MazChecklist-C95Y4Hb-.mjs";
+import { a as f } from "./chunks/MazChecklist-BurPprmw.mjs";
 export {
   f as default
 };

package/components/MazCircularProgressBar.d.ts

@@ -1,16 +1,6 @@
 import type { Color } from './types';
 import { type SVGAttributes } from 'vue';
-declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-        prefix?(_: {}): any;
-        suffix?(_: {}): any;
-    };
-    refs: {};
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{
+type __VLS_Props = {
     /**
      * The percentage value of the progress bar
      */
@@ -47,78 +37,59 @@ declare const __VLS_component: import("vue").DefineComponent<{
      * @default 'round'
      * @values 'butt', 'round', 'square', 'inherit'
      */
-    strokeLinecap?: SVGAttributes["stroke-linecap"];
+    strokeLinecap?: SVGAttributes['stroke-linecap'];
     /**
      * The stroke width
      * @default 6
      */
-    strokeWidth?: SVGAttributes["width"];
+    strokeWidth?: SVGAttributes['width'];
     /**
      * The stroke color
      * Use this prop to override the gradient color
      * You can use a color name or a color code
      */
-    stroke?: SVGAttributes["stroke"];
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    /**
-     * The percentage value of the progress bar
-     */
-    percentage: number;
-    /**
-     * The size of the progress bar
-     * @default '10em' (equal 80px for a font-size of 16px)
-     */
-    size?: string;
-    /**
-     * Duration of the animation in milliseconds
-     * @default 1000
-     */
-    duration?: number;
-    /**
-     * The color of the progress bar
-     */
-    color?: Color;
-    /**
-     * Auto color based on the count (danger, warning, success)
-     * @default false
-     */
-    autoColor?: boolean;
-    /**
-     * Suffix to display next to the number
-     */
-    prefix?: string;
+    stroke?: SVGAttributes['stroke'];
     /**
-     * Suffix to display next to the number
+     * The percentage value of the success color
+     * @default 100
      */
-    suffix?: string;
+    successPercentage?: number;
     /**
-     * The stroke-linecap style
-     * @default 'round'
-     * @values 'butt', 'round', 'square', 'inherit'
+     * The percentage value of the warning color
+     * @default 50
      */
-    strokeLinecap?: SVGAttributes["stroke-linecap"];
+    warningPercentage?: number;
     /**
-     * The stroke width
-     * @default 6
+     * The percentage value of the danger color
+     * @default 25
      */
-    strokeWidth?: SVGAttributes["width"];
-    /**
-     * The stroke color
-     * Use this prop to override the gradient color
-     * You can use a color name or a color code
-     */
-    stroke?: SVGAttributes["stroke"];
-}> & Readonly<{}>, {
+    dangerPercentage?: number;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        prefix?(_: {}): any;
+        suffix?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     size: string;
     color: Color;
-    stroke: string;
     duration: number;
     prefix: string;
     suffix: string;
+    stroke: string;
     percentage: number;
     strokeLinecap: "inherit" | "round" | "square" | "butt";
     strokeWidth: string | number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    successPercentage: number;
+    warningPercentage: number;
+    dangerPercentage: number;
+}, {}, {}, {}, 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 & {