maz-ui 3.50.1 → 4.0.0-alpha.2

package/components/MazCheckbox.d.ts

@@ -1,58 +0,0 @@
-import type { Color, Size } from './types';
-import { type HTMLAttributes } from 'vue';
-export type CheckboxValue = string | number | boolean;
-export interface Props<T = boolean | (string | number)[]> {
-    /** Style attribut of the component root element */
-    style?: HTMLAttributes['style'];
-    /** Class attribut of the component root element */
-    class?: HTMLAttributes['class'];
-    /** The model value of the checkbox */
-    modelValue?: T;
-    /** The id of the checkbox */
-    id?: string;
-    /** The color of the checkbox */
-    color?: Color;
-    /** The value of the checkbox when selected */
-    value?: CheckboxValue;
-    /** The name of the checkbox */
-    name?: string;
-    /** The size of the checkbox */
-    size?: Size;
-    /** Text label */
-    label?: string;
-    /** If the checkbox is disabled */
-    disabled?: boolean;
-    /** Whether there is an error with the input. */
-    error?: boolean;
-    /** Whether the input is successful. */
-    success?: boolean;
-    /** Whether there is a warning with the input. */
-    warning?: boolean;
-    /** The hint text to display below the input. */
-    hint?: string;
-}
-export type { Color, Size } from './types';
-declare const _default: <T extends boolean | (string | number)[]>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly onBlur?: ((value: FocusEvent) => any) | undefined;
-        readonly onChange?: ((value: T) => any) | undefined;
-        readonly onFocus?: ((value: FocusEvent) => any) | undefined;
-        readonly "onUpdate:model-value"?: ((value: T) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:model-value"> & Partial<{}> & Props<T>> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
-    attrs: any;
-    slots: {
-        default?(_: {
-            value: CheckboxValue;
-        }): any;
-    };
-    emit: ((evt: "blur", value: FocusEvent) => void) & ((evt: "change", value: T) => void) & ((evt: "focus", value: FocusEvent) => void) & ((evt: "update:model-value", value: T) => void);
-}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}> & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-export default _default;
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/components/MazCheckbox.mjs

@@ -1,182 +0,0 @@
-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.CA7GJd2c.css';function j({
-  componentName: l,
-  providedId: a
-}) {
-  return t(() => a ?? `${l}-${N().replace(/:/g, "")}`);
-}
-const q = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "1em",
-  height: "1em",
-  fill: "none",
-  viewBox: "0 0 24 24"
-};
-function F(l, a) {
-  return h(), p("svg", q, a[0] || (a[0] = [
-    u(
-      "path",
-      {
-        stroke: "currentColor",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round",
-        "stroke-width": "1.5",
-        d: "m4.5 12.75 6 6 9-13.5"
-      },
-      null,
-      -1
-      /* HOISTED */
-    )
-  ]));
-}
-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: {
-    style: { default: void 0 },
-    class: { default: void 0 },
-    modelValue: { default: void 0 },
-    id: { default: void 0 },
-    color: { default: "primary" },
-    value: { type: [String, Number, Boolean], default: void 0 },
-    name: { default: "m-checkbox" },
-    size: { default: "md" },
-    label: { default: void 0 },
-    disabled: { type: Boolean, default: !1 },
-    error: { type: Boolean },
-    success: { type: Boolean },
-    warning: { type: Boolean },
-    hint: {}
-  },
-  emits: ["update:model-value", "change", "blur", "focus"],
-  setup(l, { emit: a }) {
-    const o = l, n = a, s = j({
-      componentName: "MazCheckbox",
-      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":
-          return "1.75rem";
-        case "sm":
-          return "1.25rem";
-        case "xs":
-          return "1rem";
-        case "mini":
-          return "0.75rem";
-        default:
-          return "1.5rem";
-      }
-    }), z = t(() => {
-      switch (o.size) {
-        case "xl":
-          return "maz-text-2xl";
-        case "lg":
-          return "maz-text-xl";
-        case "sm":
-          return "maz-text-base";
-        case "xs":
-          return "maz-text-sm";
-        case "mini":
-          return "maz-text-xs";
-        default:
-          return "maz-text-lg";
-      }
-    }), 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 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 y(e) {
-      const r = B(e);
-      n("update:model-value", r), n("change", r);
-    }
-    const d = _();
-    function S(e) {
-      var r;
-      (r = d.value) == null || r.dispatchEvent(new Event("blur")), n("blur", e);
-    }
-    function I(e) {
-      var r;
-      (r = d.value) == null || r.dispatchEvent(new Event("focus")), n("focus", e);
-    }
-    return (e, r) => (h(), p("label", {
-      for: m(s),
-      class: f(["m-checkbox m-reset-css", [{ "--disabled": e.disabled, "--error": e.error, "--warning": e.warning, "--success": e.success }, o.class]]),
-      tabindex: "0",
-      style: c([e.style, { "--checkbox-selected-color": V.value, "--checkbox-box-shadow-color": k.value }]),
-      role: "checkbox",
-      "aria-checked": b.value,
-      onKeydown: C,
-      onBlur: S,
-      onFocus: I
-    }, [
-      u("input", A({
-        id: m(s),
-        ref_key: "inputRef",
-        ref: d,
-        checked: b.value
-      }, e.$attrs, {
-        tabindex: "-1",
-        disabled: e.disabled,
-        name: e.name,
-        type: "checkbox",
-        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, 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),
-        e.hint ? (h(), p(
-          "span",
-          {
-            key: 0,
-            class: f(["m-checkbox__hint", {
-              "--error": e.error,
-              "--success": e.success,
-              "--warning": e.warning
-            }]),
-            style: c({ boxShadow: `0 0 0 0.125rem ${k.value}` })
-          },
-          w(e.hint),
-          7
-          /* TEXT, CLASS, STYLE */
-        )) : R("v-if", !0)
-      ])
-    ], 46, K));
-  }
-}), 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-66c21eaf"]]);
-export {
-  J as default
-};

package/components/MazChecklist.d.ts

@@ -1,78 +0,0 @@
-import type { Color, Props as MazInputProps } from './MazInput.vue';
-import { type NormalizeStringOptions } from '../modules/helpers/normalize-string';
-export type ItemOption = {
-    label: string;
-    value: string;
-} & Record<string, any>;
-export interface MazChecklistProps<T, O> {
-    /**
-     * The model value of the checklist (selected items)
-     */
-    modelValue?: T[];
-    /**
-     * The query to filter the items (model)
-     */
-    query?: string;
-    /**
-     * The list of items to display
-     */
-    items?: O[];
-    /**
-     * The title of the checklist
-     */
-    title?: string;
-    /**
-     * Add elevation to the card
-     * @default false
-     */
-    elevation?: boolean;
-    /**
-     * The search input options
-     * @default { enabled: false, debounce: 300, autoFocus: false }
-     */
-    search?: {
-        enabled?: boolean;
-    } & MazInputProps<string>;
-    /**
-     * The options to normalize the search query (used by the default search function)
-     */
-    searchOptions?: NormalizeStringOptions;
-    /**
-     * Replace the default search function to provide a custom search function
-     * @default undefined
-     */
-    searchFunction?: (query: string, items: O[]) => O[] | undefined;
-    /**
-     * The color of the checklist (card, checkbox and search input)
-     * @default primary
-     */
-    color?: Color;
-}
-export type { NormalizeStringOptions } from '../modules/helpers/normalize-string';
-export type { Color } from './MazInput.vue';
-declare const _default: <T extends string, O extends ItemOption>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    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"> & Partial<{}> & MazChecklistProps<T, O>> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
-    attrs: any;
-    slots: {
-        title?(_: {}): any;
-        "no-results"?(_: {}): any;
-        "no-results-text"?(_: {}): any;
-        item?(_: {
-            selectedValues: T[];
-            item: O;
-        }): any;
-    };
-    emit: ((evt: "update:model-value", value?: T[] | undefined) => void) & ((evt: "update:query", value?: string | undefined) => void);
-}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}> & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-export default _default;
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/components/MazChecklist.mjs

@@ -1,4 +0,0 @@
-import { M as f } from "./chunks/MazChecklist.CCPcVVKg.mjs";
-export {
-  f as default
-};

package/components/MazCircularProgressBar.d.ts

@@ -1,115 +0,0 @@
-import type { Color } from './types';
-import { type SVGAttributes } from 'vue';
-type __VLS_Props = {
-    /**
-     * 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;
-    /**
-     * Delay before the animation starts in milliseconds
-     * @default 100
-     */
-    delay?: 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;
-    /**
-     * Suffix to display next to the number
-     */
-    suffix?: string;
-    /**
-     * The stroke-linecap style
-     * @default 'round'
-     * @values 'butt', 'round', 'square', 'inherit'
-     */
-    strokeLinecap?: SVGAttributes['stroke-linecap'];
-    /**
-     * The stroke width
-     * @default 6
-     */
-    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'];
-    /**
-     * The percentage value of the success level
-     * @description The progress circle will be filled with the success color when the percentage is greater than or equal to this value
-     * @default 100
-     */
-    successPercentage?: number;
-    /**
-     * The percentage value of the warning level
-     * @description The progress circle will be filled with the warning color when the percentage is greater than or equal to this value
-     * @default 50
-     */
-    warningPercentage?: number;
-    /**
-     * The percentage value of the danger level
-     * @description The progress circle will be filled with the danger color when the percentage is greater than or equal to this value
-     * @default 25
-     */
-    dangerPercentage?: number;
-    /**
-     * Play the animation only once
-     * @default true
-     */
-    once?: boolean;
-};
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-        prefix?(_: {}): any;
-        suffix?(_: {}): any;
-    };
-    refs: {
-        circleRef: SVGSVGElement;
-    };
-    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;
-    duration: number;
-    once: boolean;
-    prefix: string;
-    suffix: string;
-    stroke: string;
-    percentage: number;
-    strokeLinecap: "inherit" | "round" | "square" | "butt";
-    strokeWidth: string | number;
-    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 & {
-    new (): {
-        $slots: S;
-    };
-};