maz-ui 3.5.0 → 3.6.2

package/components/MazChart.d.ts

@@ -1,114 +1,114 @@
-import { type PropType } from 'vue';
-import Chart from 'chart.js/auto/auto.mjs';
-import type { Plugin } from 'chart.js';
-declare const _default: import("vue").DefineComponent<{
-    type: {
-        type: StringConstructor;
-        required: true;
-    };
-    data: {
-        type: ObjectConstructor;
-        required: true;
-    };
-    height: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    width: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    options: {
-        type: ObjectConstructor;
-        default: ObjectConstructor;
-    };
-    plugins: {
-        type: PropType<Plugin<keyof import("chart.js").ChartTypeRegistry, import("chart.js/types/basic").AnyObject>[]>;
-        default: () => never[];
-    };
-    locale: {
-        type: StringConstructor;
-        default: string;
-    };
-}, {
-    chartJSState: {
-        chart?: Chart<keyof import("chart.js").ChartTypeRegistry, (number | import("chart.js").ScatterDataPoint | import("chart.js").BubbleDataPoint | null)[], unknown> | undefined;
-        options?: import("chart.js/types/utils")._DeepPartialObject<import("chart.js").CoreChartOptions<keyof import("chart.js").ChartTypeRegistry> & import("chart.js").ElementChartOptions<keyof import("chart.js").ChartTypeRegistry> & import("chart.js").PluginChartOptions<keyof import("chart.js").ChartTypeRegistry> & import("chart.js").DatasetChartOptions<keyof import("chart.js").ChartTypeRegistry> & import("chart.js").ScaleChartOptions<keyof import("chart.js").ChartTypeRegistry>> | undefined;
-        plugins: Plugin[];
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            type: {
-                type: StringConstructor;
-                required: true;
-            };
-            data: {
-                type: ObjectConstructor;
-                required: true;
-            };
-            height: {
-                type: StringConstructor;
-                default: undefined;
-            };
-            width: {
-                type: StringConstructor;
-                default: undefined;
-            };
-            options: {
-                type: ObjectConstructor;
-                default: ObjectConstructor;
-            };
-            plugins: {
-                type: PropType<Plugin<keyof import("chart.js").ChartTypeRegistry, import("chart.js/types/basic").AnyObject>[]>;
-                default: () => never[];
-            };
-            locale: {
-                type: StringConstructor;
-                default: string;
-            };
-        }>> & {
-            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-        }>>;
-    };
-    chartRef: import("vue").Ref<HTMLCanvasElement | undefined>;
-    render: () => void | Chart<keyof import("chart.js").ChartTypeRegistry, (number | import("chart.js").ScatterDataPoint | import("chart.js").BubbleDataPoint | null)[], unknown>;
-    resize: () => void | undefined;
-    update: () => void;
-    destroy: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    type: {
-        type: StringConstructor;
-        required: true;
-    };
-    data: {
-        type: ObjectConstructor;
-        required: true;
-    };
-    height: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    width: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    options: {
-        type: ObjectConstructor;
-        default: ObjectConstructor;
-    };
-    plugins: {
-        type: PropType<Plugin<keyof import("chart.js").ChartTypeRegistry, import("chart.js/types/basic").AnyObject>[]>;
-        default: () => never[];
-    };
-    locale: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {
-    height: string;
-    width: string;
-    options: Record<string, any>;
-    plugins: Plugin<keyof import("chart.js").ChartTypeRegistry, import("chart.js/types/basic").AnyObject>[];
-    locale: string;
-}>;
-export default _default;
+import { type PropType } from 'vue';
+import Chart from 'chart.js/auto/auto.mjs';
+import type { Plugin } from 'chart.js';
+declare const _default: import("vue").DefineComponent<{
+    type: {
+        type: StringConstructor;
+        required: true;
+    };
+    data: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    height: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    width: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    options: {
+        type: ObjectConstructor;
+        default: ObjectConstructor;
+    };
+    plugins: {
+        type: PropType<Plugin<keyof import("chart.js").ChartTypeRegistry, import("chart.js/types/basic").AnyObject>[]>;
+        default: () => never[];
+    };
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    chartJSState: {
+        chart?: Chart<keyof import("chart.js").ChartTypeRegistry, (number | import("chart.js").ScatterDataPoint | import("chart.js").BubbleDataPoint | null)[], unknown> | undefined;
+        options?: import("chart.js/types/utils")._DeepPartialObject<import("chart.js").CoreChartOptions<keyof import("chart.js").ChartTypeRegistry> & import("chart.js").ElementChartOptions<keyof import("chart.js").ChartTypeRegistry> & import("chart.js").PluginChartOptions<keyof import("chart.js").ChartTypeRegistry> & import("chart.js").DatasetChartOptions<keyof import("chart.js").ChartTypeRegistry> & import("chart.js").ScaleChartOptions<keyof import("chart.js").ChartTypeRegistry>> | undefined;
+        plugins: Plugin[];
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: StringConstructor;
+                required: true;
+            };
+            data: {
+                type: ObjectConstructor;
+                required: true;
+            };
+            height: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            width: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            options: {
+                type: ObjectConstructor;
+                default: ObjectConstructor;
+            };
+            plugins: {
+                type: PropType<Plugin<keyof import("chart.js").ChartTypeRegistry, import("chart.js/types/basic").AnyObject>[]>;
+                default: () => never[];
+            };
+            locale: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & {
+            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+        }>>;
+    };
+    chartRef: import("vue").Ref<HTMLCanvasElement | undefined>;
+    render: () => void | Chart<keyof import("chart.js").ChartTypeRegistry, (number | import("chart.js").ScatterDataPoint | import("chart.js").BubbleDataPoint | null)[], unknown>;
+    resize: () => void | undefined;
+    update: () => void;
+    destroy: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        required: true;
+    };
+    data: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    height: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    width: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    options: {
+        type: ObjectConstructor;
+        default: ObjectConstructor;
+    };
+    plugins: {
+        type: PropType<Plugin<keyof import("chart.js").ChartTypeRegistry, import("chart.js/types/basic").AnyObject>[]>;
+        default: () => never[];
+    };
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    height: string;
+    width: string;
+    options: Record<string, any>;
+    plugins: Plugin<keyof import("chart.js").ChartTypeRegistry, import("chart.js/types/basic").AnyObject>[];
+    locale: string;
+}>;
+export default _default;

package/components/MazChart.mjs

@@ -0,0 +1,135 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode("")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import { defineComponent, ref, onMounted, h } from "vue";
+import Chart from "chart.js/auto/auto.mjs";
+const chartJsEventNames = [
+  "install",
+  "start",
+  "stop",
+  "beforeInit",
+  "afterInit",
+  "beforeUpdate",
+  "afterUpdate",
+  "beforeElementsUpdate",
+  "reset",
+  "beforeDatasetsUpdate",
+  "afterDatasetsUpdate",
+  "beforeDatasetUpdate",
+  "afterDatasetUpdate",
+  "beforeLayout",
+  "afterLayout",
+  "afterLayout",
+  "beforeRender",
+  "afterRender",
+  "resize",
+  "destroy",
+  "uninstall",
+  "afterTooltipDraw",
+  "beforeTooltipDraw"
+];
+function generateEventObject(type, chartRef) {
+  return {
+    type,
+    chartRef,
+    preventDefault() {
+      this._defaultPrevented = true;
+    },
+    isDefaultPrevented() {
+      return !this._defaultPrevented;
+    },
+    _defaultPrevented: false
+  };
+}
+function generateChartJsEventListener(emit, event) {
+  return {
+    [event.type]: () => {
+      emit(event.type, event);
+      return event.isDefaultPrevented();
+    }
+  };
+}
+const _sfc_main = defineComponent({
+  name: "MazChart",
+  props: {
+    type: { type: String, required: true },
+    data: { type: Object, required: true },
+    height: { type: String, default: void 0 },
+    width: { type: String, default: void 0 },
+    options: { type: Object, default: Object },
+    plugins: { type: Array, default: () => [] },
+    locale: { type: String, default: "fr-FR" }
+  },
+  emits: chartJsEventNames,
+  setup(props, { emit }) {
+    const chartRef = ref();
+    const chartJsEventsPlugin = chartJsEventNames.reduce(
+      (reduced, eventType) => {
+        const event = generateEventObject(eventType, chartRef.value);
+        return { ...reduced, ...generateChartJsEventListener(emit, event) };
+      },
+      { id: "MazChartEventHookPlugin" }
+    );
+    const chartJSState = {
+      chart: void 0,
+      plugins: [chartJsEventsPlugin, ...props.plugins],
+      props: { ...props }
+    };
+    const destroy = () => {
+      if (chartJSState.chart) {
+        chartJSState.chart.destroy();
+        chartJSState.chart = void 0;
+      }
+    };
+    const update = () => {
+      if (chartJSState.chart) {
+        chartJSState.chart.data = {
+          ...chartJSState.chart.data,
+          ...chartJSState.props.data
+        };
+        chartJSState.chart.options = {
+          ...chartJSState.chart.options,
+          ...chartJSState.props.options
+        };
+        chartJSState.chart.update("resize");
+      }
+    };
+    const resize = () => chartJSState.chart && chartJSState.chart.resize();
+    const render = () => {
+      if (chartJSState.chart) {
+        return chartJSState.chart.update();
+      }
+      if (chartRef.value) {
+        return chartJSState.chart = new Chart(
+          chartRef.value.getContext("2d"),
+          {
+            type: chartJSState.props.type,
+            data: chartJSState.props.data,
+            options: {
+              locale: props.locale,
+              ...chartJSState.props.options
+            },
+            plugins: chartJSState.plugins
+          }
+        );
+      }
+    };
+    onMounted(() => render());
+    return {
+      chartJSState,
+      chartRef,
+      render,
+      resize,
+      update,
+      destroy
+    };
+  },
+  render(props) {
+    return h("canvas", {
+      ref: "chartRef",
+      width: props.width,
+      height: props.height
+    });
+  }
+});
+export {
+  _sfc_main as default
+};

package/components/MazChart.umd.js

@@ -0,0 +1,2 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode("")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("chart.js/auto/auto.mjs")):"function"==typeof define&&define.amd?define(["vue","chart.js/auto/auto.mjs"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).MazChart=t(e.Vue,e.Chart)}(this,(function(e,t){"use strict";const r=["install","start","stop","beforeInit","afterInit","beforeUpdate","afterUpdate","beforeElementsUpdate","reset","beforeDatasetsUpdate","afterDatasetsUpdate","beforeDatasetUpdate","afterDatasetUpdate","beforeLayout","afterLayout","afterLayout","beforeRender","afterRender","resize","destroy","uninstall","afterTooltipDraw","beforeTooltipDraw"];function a(e,t){return{[t.type]:()=>(e(t.type,t),t.isDefaultPrevented())}}return e.defineComponent({name:"MazChart",props:{type:{type:String,required:!0},data:{type:Object,required:!0},height:{type:String,default:void 0},width:{type:String,default:void 0},options:{type:Object,default:Object},plugins:{type:Array,default:()=>[]},locale:{type:String,default:"fr-FR"}},emits:r,setup(o,{emit:n}){const i=e.ref(),d=r.reduce(((e,t)=>{const r=function(e,t){return{type:e,chartRef:t,preventDefault(){this._defaultPrevented=!0},isDefaultPrevented(){return!this._defaultPrevented},_defaultPrevented:!1}}(t,i.value);return{...e,...a(n,r)}}),{id:"MazChartEventHookPlugin"}),p={chart:void 0,plugins:[d,...o.plugins],props:{...o}},s=()=>p.chart?p.chart.update():i.value?p.chart=new t(i.value.getContext("2d"),{type:p.props.type,data:p.props.data,options:{locale:o.locale,...p.props.options},plugins:p.plugins}):void 0;return e.onMounted((()=>s())),{chartJSState:p,chartRef:i,render:s,resize:()=>p.chart&&p.chart.resize(),update:()=>{p.chart&&(p.chart.data={...p.chart.data,...p.props.data},p.chart.options={...p.chart.options,...p.props.options},p.chart.update("resize"))},destroy:()=>{p.chart&&(p.chart.destroy(),p.chart=void 0)}}},render:t=>e.h("canvas",{ref:"chartRef",width:t.width,height:t.height})})}));

package/components/MazCheckbox.d.ts

@@ -1,49 +1,54 @@
-import { type PropType } from 'vue';
-import type { Color } from './types';
-export type { Color } from './types';
-declare const _default: import("vue").DefineComponent<{
-    modelValue: {
-        type: BooleanConstructor;
-        required: true;
-    };
-    id: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    color: {
-        type: PropType<Color>;
-        default: string;
-        validator: (value: Color) => boolean;
-    };
-    name: {
-        type: StringConstructor;
-        default: string;
-    };
-}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:model-value"[], "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: BooleanConstructor;
-        required: true;
-    };
-    id: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    color: {
-        type: PropType<Color>;
-        default: string;
-        validator: (value: Color) => boolean;
-    };
-    name: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & {
-    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
-}, {
-    id: string;
-    name: string;
-    color: Color;
-}>;
-export default _default;
+import { type PropType } from 'vue';
+import type { Color } from './types';
+export type { Color } from './types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    modelValue: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    color: {
+        type: PropType<Color>;
+        default: string;
+        validator: (value: Color) => boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:model-value"[], "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    color: {
+        type: PropType<Color>;
+        default: string;
+        validator: (value: Color) => boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+}, {
+    color: Color;
+    name: string;
+    id: string;
+}>, {
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/MazCheckbox.mjs

@@ -0,0 +1,86 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var a=document.createElement("style");a.appendChild(document.createTextNode('.m-checkbox[data-v-4856aa4d]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;min-height:1.75rem;cursor:pointer}.m-checkbox [type=checkbox][data-v-4856aa4d]:not(:checked),.m-checkbox [type=checkbox][data-v-4856aa4d]:checked{position:absolute;left:-9999px}.m-checkbox [type=checkbox]:not(:checked)+label[data-v-4856aa4d],.m-checkbox [type=checkbox]:checked+label[data-v-4856aa4d]{position:relative;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:2.5rem;line-height:1.75rem;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.m-checkbox [type=checkbox]+label[data-v-4856aa4d]:before{position:absolute;left:0px;border-radius:var(--maz-border-radius);border-width:var(--maz-border-width);border-style:solid;border-color:transparent;background-color:transparent;content:"";width:1.625rem;height:1.625rem;background:transparent;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.m-checkbox [type=checkbox]:hover+label[data-v-4856aa4d]:before,.m-checkbox [type=checkbox]:focus+label[data-v-4856aa4d]:before{position:absolute;border-width:var(--maz-border-width);border-style:solid;border-color:var(--maz-color-primary);background-color:transparent;content:""}.m-checkbox [type=checkbox]:not(:checked)+label[data-v-4856aa4d]:before{border-color:var(--maz-color-bg-light)}.m-checkbox [type=checkbox]:not(:checked)+label[data-v-4856aa4d]:after,.m-checkbox [type=checkbox]:checked+label[data-v-4856aa4d]:after{content:"";position:absolute;left:.438rem;width:.75rem;height:.75rem;border-radius:.125rem}.m-checkbox [type=checkbox]:not(:checked)+label[data-v-4856aa4d]:after{--tw-scale-x: 0;--tw-scale-y: 0;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.m-checkbox [type=checkbox]:checked+label[data-v-4856aa4d]:after{--tw-scale-x: 1;--tw-scale-y: 1;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}.m-checkbox--primary [type=checkbox]:checked+label[data-v-4856aa4d]:before{border-color:var(--maz-color-primary)}.m-checkbox--primary [type=checkbox]:not(:checked)+label[data-v-4856aa4d]:after,.m-checkbox--primary [type=checkbox]:checked+label[data-v-4856aa4d]:after{background-color:var(--maz-color-primary);color:var(--maz-color-primary)}.m-checkbox--primary [type=checkbox]:focus+label[data-v-4856aa4d]:before,.m-checkbox--primary [type=checkbox]:hover+label[data-v-4856aa4d]:before{-webkit-box-shadow:0 0 0 .125rem var(--maz-color-primary-alpha);box-shadow:0 0 0 .125rem var(--maz-color-primary-alpha);border-color:var(--maz-color-primary-700)}.m-checkbox--primary [type=checkbox]:focus+label[data-v-4856aa4d]:after,.m-checkbox--primary [type=checkbox]:hover+label[data-v-4856aa4d]:after{background-color:var(--maz-color-primary-700)}.m-checkbox--secondary [type=checkbox]:checked+label[data-v-4856aa4d]:before{border-color:var(--maz-color-secondary)}.m-checkbox--secondary [type=checkbox]:not(:checked)+label[data-v-4856aa4d]:after,.m-checkbox--secondary [type=checkbox]:checked+label[data-v-4856aa4d]:after{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary)}.m-checkbox--secondary [type=checkbox]:focus+label[data-v-4856aa4d]:before,.m-checkbox--secondary [type=checkbox]:hover+label[data-v-4856aa4d]:before{-webkit-box-shadow:0 0 0 .125rem var(--maz-color-secondary-alpha);box-shadow:0 0 0 .125rem var(--maz-color-secondary-alpha);border-color:var(--maz-color-secondary-700)}.m-checkbox--secondary [type=checkbox]:focus+label[data-v-4856aa4d]:after,.m-checkbox--secondary [type=checkbox]:hover+label[data-v-4856aa4d]:after{background-color:var(--maz-color-secondary-700)}.m-checkbox--info [type=checkbox]:checked+label[data-v-4856aa4d]:before{border-color:var(--maz-color-info)}.m-checkbox--info [type=checkbox]:not(:checked)+label[data-v-4856aa4d]:after,.m-checkbox--info [type=checkbox]:checked+label[data-v-4856aa4d]:after{background-color:var(--maz-color-info);color:var(--maz-color-info)}.m-checkbox--info [type=checkbox]:focus+label[data-v-4856aa4d]:before,.m-checkbox--info [type=checkbox]:hover+label[data-v-4856aa4d]:before{-webkit-box-shadow:0 0 0 .125rem var(--maz-color-info-alpha);box-shadow:0 0 0 .125rem var(--maz-color-info-alpha);border-color:var(--maz-color-info-700)}.m-checkbox--info [type=checkbox]:focus+label[data-v-4856aa4d]:after,.m-checkbox--info [type=checkbox]:hover+label[data-v-4856aa4d]:after{background-color:var(--maz-color-info-700)}.m-checkbox--danger [type=checkbox]:checked+label[data-v-4856aa4d]:before{border-color:var(--maz-color-danger)}.m-checkbox--danger [type=checkbox]:not(:checked)+label[data-v-4856aa4d]:after,.m-checkbox--danger [type=checkbox]:checked+label[data-v-4856aa4d]:after{background-color:var(--maz-color-danger);color:var(--maz-color-danger)}.m-checkbox--danger [type=checkbox]:focus+label[data-v-4856aa4d]:before,.m-checkbox--danger [type=checkbox]:hover+label[data-v-4856aa4d]:before{-webkit-box-shadow:0 0 0 .125rem var(--maz-color-danger-alpha);box-shadow:0 0 0 .125rem var(--maz-color-danger-alpha);border-color:var(--maz-color-danger-700)}.m-checkbox--danger [type=checkbox]:focus+label[data-v-4856aa4d]:after,.m-checkbox--danger [type=checkbox]:hover+label[data-v-4856aa4d]:after{background-color:var(--maz-color-danger-700)}.m-checkbox--warning [type=checkbox]:checked+label[data-v-4856aa4d]:before{border-color:var(--maz-color-warning)}.m-checkbox--warning [type=checkbox]:not(:checked)+label[data-v-4856aa4d]:after,.m-checkbox--warning [type=checkbox]:checked+label[data-v-4856aa4d]:after{background-color:var(--maz-color-warning);color:var(--maz-color-warning)}.m-checkbox--warning [type=checkbox]:focus+label[data-v-4856aa4d]:before,.m-checkbox--warning [type=checkbox]:hover+label[data-v-4856aa4d]:before{-webkit-box-shadow:0 0 0 .125rem var(--maz-color-warning-alpha);box-shadow:0 0 0 .125rem var(--maz-color-warning-alpha);border-color:var(--maz-color-warning-700)}.m-checkbox--warning [type=checkbox]:focus+label[data-v-4856aa4d]:after,.m-checkbox--warning [type=checkbox]:hover+label[data-v-4856aa4d]:after{background-color:var(--maz-color-warning-700)}.m-checkbox--success [type=checkbox]:checked+label[data-v-4856aa4d]:before{border-color:var(--maz-color-success)}.m-checkbox--success [type=checkbox]:not(:checked)+label[data-v-4856aa4d]:after,.m-checkbox--success [type=checkbox]:checked+label[data-v-4856aa4d]:after{background-color:var(--maz-color-success);color:var(--maz-color-success)}.m-checkbox--success [type=checkbox]:focus+label[data-v-4856aa4d]:before,.m-checkbox--success [type=checkbox]:hover+label[data-v-4856aa4d]:before{-webkit-box-shadow:0 0 0 .125rem var(--maz-color-success-alpha);box-shadow:0 0 0 .125rem var(--maz-color-success-alpha);border-color:var(--maz-color-success-700)}.m-checkbox--success [type=checkbox]:focus+label[data-v-4856aa4d]:after,.m-checkbox--success [type=checkbox]:hover+label[data-v-4856aa4d]:after{background-color:var(--maz-color-success-700)}.m-checkbox--white [type=checkbox]:checked+label[data-v-4856aa4d]:before{border-color:var(--maz-color-white)}.m-checkbox--white [type=checkbox]:not(:checked)+label[data-v-4856aa4d]:after,.m-checkbox--white [type=checkbox]:checked+label[data-v-4856aa4d]:after{background-color:var(--maz-color-white);color:var(--maz-color-white)}.m-checkbox--white [type=checkbox]:focus+label[data-v-4856aa4d]:before,.m-checkbox--white [type=checkbox]:hover+label[data-v-4856aa4d]:before{-webkit-box-shadow:0 0 0 .125rem hsl(216deg 12% 84% / 60%);box-shadow:0 0 0 .125rem #d1d5db99;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.m-checkbox--white [type=checkbox]:focus+label[data-v-4856aa4d]:after,.m-checkbox--white [type=checkbox]:hover+label[data-v-4856aa4d]:after{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.m-checkbox--black [type=checkbox]:checked+label[data-v-4856aa4d]:before{border-color:var(--maz-color-black)}.m-checkbox--black [type=checkbox]:not(:checked)+label[data-v-4856aa4d]:after,.m-checkbox--black [type=checkbox]:checked+label[data-v-4856aa4d]:after{background-color:var(--maz-color-black);color:var(--maz-color-black)}.m-checkbox--black [type=checkbox]:focus+label[data-v-4856aa4d]:before,.m-checkbox--black [type=checkbox]:hover+label[data-v-4856aa4d]:before{-webkit-box-shadow:0 0 0 .125rem hsl(0deg 0% 0% / 60%);box-shadow:0 0 0 .125rem #0009;--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}.m-checkbox--black [type=checkbox]:focus+label[data-v-4856aa4d]:after,.m-checkbox--black [type=checkbox]:hover+label[data-v-4856aa4d]:after{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}html.dark .m-checkbox [type=checkbox]:not(:checked)+label[data-v-4856aa4d]:before{border-color:var(--maz-color-bg-lighter)}')),document.head.appendChild(a)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import { computed, defineComponent, getCurrentInstance, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, unref, renderSlot } from "vue";
+const useInstanceUniqId = ({
+  componentName,
+  instance,
+  providedId
+}) => {
+  const instanceId = computed(
+    () => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`
+  );
+  return {
+    instanceId
+  };
+};
+const _hoisted_1 = ["id", "checked", "name"];
+const _hoisted_2 = ["for"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MazCheckbox",
+  props: {
+    modelValue: { type: Boolean, required: true },
+    id: { type: String, default: void 0 },
+    color: {
+      type: String,
+      default: "primary",
+      validator: (value) => {
+        return [
+          "primary",
+          "secondary",
+          "info",
+          "success",
+          "warning",
+          "danger",
+          "white",
+          "black",
+          "transparent"
+        ].includes(value);
+      }
+    },
+    name: { type: String, default: "m-checkbox" }
+  },
+  emits: ["update:model-value"],
+  setup(__props) {
+    const props = __props;
+    const instance = getCurrentInstance();
+    const { instanceId } = useInstanceUniqId({
+      componentName: "MazCheckbox",
+      instance,
+      providedId: props.id
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["m-checkbox", [`m-checkbox--${__props.color}`]])
+      }, [
+        createElementVNode("input", mergeProps({
+          id: unref(instanceId),
+          checked: __props.modelValue
+        }, _ctx.$attrs, {
+          name: __props.name,
+          type: "checkbox",
+          onChange: _cache[0] || (_cache[0] = ($event) => {
+            var _a;
+            return _ctx.$emit(
+              "update:model-value",
+              (_a = $event == null ? void 0 : $event.target) == null ? void 0 : _a.checked
+            );
+          })
+        }), null, 16, _hoisted_1),
+        createElementVNode("label", { for: unref(instanceId) }, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 8, _hoisted_2)
+      ], 2);
+    };
+  }
+});
+const MazCheckbox_vue_vue_type_style_index_0_scoped_4856aa4d_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const MazCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4856aa4d"]]);
+export {
+  MazCheckbox as default
+};

package/components/MazCheckbox.umd.js

@@ -0,0 +1,2 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var a=document.createElement("style");a.appendChild(document.createTextNode('.m-checkbox[data-v-4856aa4d]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;min-height:1.75rem;cursor:pointer}.m-checkbox [type=checkbox][data-v-4856aa4d]:not(:checked),.m-checkbox [type=checkbox][data-v-4856aa4d]:checked{position:absolute;left:-9999px}.m-checkbox [type=checkbox]:not(:checked)+label[data-v-4856aa4d],.m-checkbox [type=checkbox]:checked+label[data-v-4856aa4d]{position:relative;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:2.5rem;line-height:1.75rem;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.m-checkbox [type=checkbox]+label[data-v-4856aa4d]:before{position:absolute;left:0px;border-radius:var(--maz-border-radius);border-width:var(--maz-border-width);border-style:solid;border-color:transparent;background-color:transparent;content:"";width:1.625rem;height:1.625rem;background:transparent;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.m-checkbox [type=checkbox]:hover+label[data-v-4856aa4d]:before,.m-checkbox [type=checkbox]:focus+label[data-v-4856aa4d]:before{position:absolute;border-width:var(--maz-border-width);border-style:solid;border-color:var(--maz-color-primary);background-color:transparent;content:""}.m-checkbox [type=checkbox]:not(:checked)+label[data-v-4856aa4d]:before{border-color:var(--maz-color-bg-light)}.m-checkbox [type=checkbox]:not(:checked)+label[data-v-4856aa4d]:after,.m-checkbox [type=checkbox]:checked+label[data-v-4856aa4d]:after{content:"";position:absolute;left:.438rem;width:.75rem;height:.75rem;border-radius:.125rem}.m-checkbox [type=checkbox]:not(:checked)+label[data-v-4856aa4d]:after{--tw-scale-x: 0;--tw-scale-y: 0;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.m-checkbox [type=checkbox]:checked+label[data-v-4856aa4d]:after{--tw-scale-x: 1;--tw-scale-y: 1;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}.m-checkbox--primary [type=checkbox]:checked+label[data-v-4856aa4d]:before{border-color:var(--maz-color-primary)}.m-checkbox--primary [type=checkbox]:not(:checked)+label[data-v-4856aa4d]:after,.m-checkbox--primary [type=checkbox]:checked+label[data-v-4856aa4d]:after{background-color:var(--maz-color-primary);color:var(--maz-color-primary)}.m-checkbox--primary [type=checkbox]:focus+label[data-v-4856aa4d]:before,.m-checkbox--primary [type=checkbox]:hover+label[data-v-4856aa4d]:before{-webkit-box-shadow:0 0 0 .125rem var(--maz-color-primary-alpha);box-shadow:0 0 0 .125rem var(--maz-color-primary-alpha);border-color:var(--maz-color-primary-700)}.m-checkbox--primary [type=checkbox]:focus+label[data-v-4856aa4d]:after,.m-checkbox--primary [type=checkbox]:hover+label[data-v-4856aa4d]:after{background-color:var(--maz-color-primary-700)}.m-checkbox--secondary [type=checkbox]:checked+label[data-v-4856aa4d]:before{border-color:var(--maz-color-secondary)}.m-checkbox--secondary [type=checkbox]:not(:checked)+label[data-v-4856aa4d]:after,.m-checkbox--secondary [type=checkbox]:checked+label[data-v-4856aa4d]:after{background-color:var(--maz-color-secondary);color:var(--maz-color-secondary)}.m-checkbox--secondary [type=checkbox]:focus+label[data-v-4856aa4d]:before,.m-checkbox--secondary [type=checkbox]:hover+label[data-v-4856aa4d]:before{-webkit-box-shadow:0 0 0 .125rem var(--maz-color-secondary-alpha);box-shadow:0 0 0 .125rem var(--maz-color-secondary-alpha);border-color:var(--maz-color-secondary-700)}.m-checkbox--secondary [type=checkbox]:focus+label[data-v-4856aa4d]:after,.m-checkbox--secondary [type=checkbox]:hover+label[data-v-4856aa4d]:after{background-color:var(--maz-color-secondary-700)}.m-checkbox--info [type=checkbox]:checked+label[data-v-4856aa4d]:before{border-color:var(--maz-color-info)}.m-checkbox--info [type=checkbox]:not(:checked)+label[data-v-4856aa4d]:after,.m-checkbox--info [type=checkbox]:checked+label[data-v-4856aa4d]:after{background-color:var(--maz-color-info);color:var(--maz-color-info)}.m-checkbox--info [type=checkbox]:focus+label[data-v-4856aa4d]:before,.m-checkbox--info [type=checkbox]:hover+label[data-v-4856aa4d]:before{-webkit-box-shadow:0 0 0 .125rem var(--maz-color-info-alpha);box-shadow:0 0 0 .125rem var(--maz-color-info-alpha);border-color:var(--maz-color-info-700)}.m-checkbox--info [type=checkbox]:focus+label[data-v-4856aa4d]:after,.m-checkbox--info [type=checkbox]:hover+label[data-v-4856aa4d]:after{background-color:var(--maz-color-info-700)}.m-checkbox--danger [type=checkbox]:checked+label[data-v-4856aa4d]:before{border-color:var(--maz-color-danger)}.m-checkbox--danger [type=checkbox]:not(:checked)+label[data-v-4856aa4d]:after,.m-checkbox--danger [type=checkbox]:checked+label[data-v-4856aa4d]:after{background-color:var(--maz-color-danger);color:var(--maz-color-danger)}.m-checkbox--danger [type=checkbox]:focus+label[data-v-4856aa4d]:before,.m-checkbox--danger [type=checkbox]:hover+label[data-v-4856aa4d]:before{-webkit-box-shadow:0 0 0 .125rem var(--maz-color-danger-alpha);box-shadow:0 0 0 .125rem var(--maz-color-danger-alpha);border-color:var(--maz-color-danger-700)}.m-checkbox--danger [type=checkbox]:focus+label[data-v-4856aa4d]:after,.m-checkbox--danger [type=checkbox]:hover+label[data-v-4856aa4d]:after{background-color:var(--maz-color-danger-700)}.m-checkbox--warning [type=checkbox]:checked+label[data-v-4856aa4d]:before{border-color:var(--maz-color-warning)}.m-checkbox--warning [type=checkbox]:not(:checked)+label[data-v-4856aa4d]:after,.m-checkbox--warning [type=checkbox]:checked+label[data-v-4856aa4d]:after{background-color:var(--maz-color-warning);color:var(--maz-color-warning)}.m-checkbox--warning [type=checkbox]:focus+label[data-v-4856aa4d]:before,.m-checkbox--warning [type=checkbox]:hover+label[data-v-4856aa4d]:before{-webkit-box-shadow:0 0 0 .125rem var(--maz-color-warning-alpha);box-shadow:0 0 0 .125rem var(--maz-color-warning-alpha);border-color:var(--maz-color-warning-700)}.m-checkbox--warning [type=checkbox]:focus+label[data-v-4856aa4d]:after,.m-checkbox--warning [type=checkbox]:hover+label[data-v-4856aa4d]:after{background-color:var(--maz-color-warning-700)}.m-checkbox--success [type=checkbox]:checked+label[data-v-4856aa4d]:before{border-color:var(--maz-color-success)}.m-checkbox--success [type=checkbox]:not(:checked)+label[data-v-4856aa4d]:after,.m-checkbox--success [type=checkbox]:checked+label[data-v-4856aa4d]:after{background-color:var(--maz-color-success);color:var(--maz-color-success)}.m-checkbox--success [type=checkbox]:focus+label[data-v-4856aa4d]:before,.m-checkbox--success [type=checkbox]:hover+label[data-v-4856aa4d]:before{-webkit-box-shadow:0 0 0 .125rem var(--maz-color-success-alpha);box-shadow:0 0 0 .125rem var(--maz-color-success-alpha);border-color:var(--maz-color-success-700)}.m-checkbox--success [type=checkbox]:focus+label[data-v-4856aa4d]:after,.m-checkbox--success [type=checkbox]:hover+label[data-v-4856aa4d]:after{background-color:var(--maz-color-success-700)}.m-checkbox--white [type=checkbox]:checked+label[data-v-4856aa4d]:before{border-color:var(--maz-color-white)}.m-checkbox--white [type=checkbox]:not(:checked)+label[data-v-4856aa4d]:after,.m-checkbox--white [type=checkbox]:checked+label[data-v-4856aa4d]:after{background-color:var(--maz-color-white);color:var(--maz-color-white)}.m-checkbox--white [type=checkbox]:focus+label[data-v-4856aa4d]:before,.m-checkbox--white [type=checkbox]:hover+label[data-v-4856aa4d]:before{-webkit-box-shadow:0 0 0 .125rem hsl(216deg 12% 84% / 60%);box-shadow:0 0 0 .125rem #d1d5db99;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.m-checkbox--white [type=checkbox]:focus+label[data-v-4856aa4d]:after,.m-checkbox--white [type=checkbox]:hover+label[data-v-4856aa4d]:after{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.m-checkbox--black [type=checkbox]:checked+label[data-v-4856aa4d]:before{border-color:var(--maz-color-black)}.m-checkbox--black [type=checkbox]:not(:checked)+label[data-v-4856aa4d]:after,.m-checkbox--black [type=checkbox]:checked+label[data-v-4856aa4d]:after{background-color:var(--maz-color-black);color:var(--maz-color-black)}.m-checkbox--black [type=checkbox]:focus+label[data-v-4856aa4d]:before,.m-checkbox--black [type=checkbox]:hover+label[data-v-4856aa4d]:before{-webkit-box-shadow:0 0 0 .125rem hsl(0deg 0% 0% / 60%);box-shadow:0 0 0 .125rem #0009;--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}.m-checkbox--black [type=checkbox]:focus+label[data-v-4856aa4d]:after,.m-checkbox--black [type=checkbox]:hover+label[data-v-4856aa4d]:after{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}html.dark .m-checkbox [type=checkbox]:not(:checked)+label[data-v-4856aa4d]:before{border-color:var(--maz-color-bg-lighter)}')),document.head.appendChild(a)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n(require("vue")):"function"==typeof define&&define.amd?define(["vue"],n):(e="undefined"!=typeof globalThis?globalThis:e||self).MazCheckbox=n(e.Vue)}(this,(function(e){"use strict";const n=["id","checked","name"],o=["for"];return((e,n)=>{const o=e.__vccOpts||e;for(const[t,d]of n)o[t]=d;return o})(e.defineComponent({__name:"MazCheckbox",props:{modelValue:{type:Boolean,required:!0},id:{type:String,default:void 0},color:{type:String,default:"primary",validator:e=>["primary","secondary","info","success","warning","danger","white","black","transparent"].includes(e)},name:{type:String,default:"m-checkbox"}},emits:["update:model-value"],setup(t){const d=t,a=e.getCurrentInstance(),{instanceId:r}=(({componentName:n,instance:o,providedId:t})=>({instanceId:e.computed((()=>t??`${n}-${null==o?void 0:o.uid}`))}))({componentName:"MazCheckbox",instance:a,providedId:d.id});return(d,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["m-checkbox",[`m-checkbox--${t.color}`]])},[e.createElementVNode("input",e.mergeProps({id:e.unref(r),checked:t.modelValue},d.$attrs,{name:t.name,type:"checkbox",onChange:a[0]||(a[0]=e=>{var n;return d.$emit("update:model-value",null==(n=null==e?void 0:e.target)?void 0:n.checked)})}),null,16,n),e.createElementVNode("label",{for:e.unref(r)},[e.renderSlot(d.$slots,"default",{},void 0,!0)],8,o)],2))}}),[["__scopeId","data-v-4856aa4d"]])}));