maz-ui 3.20.0 → 3.21.1

package/components/MazAvatar.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazAvatar-a65c81e3.mjs";
+import { M } from "./chunks/MazAvatar-358d78d4.mjs";
 export {
   M as default
 };

package/components/MazBackdrop.mjs

@@ -126,7 +126,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           },
           [
             createElementVNode(
-              "div",
+              "button",
               {
                 class: normalizeClass(["m-backdrop-overlay", { "--disabled": _ctx.persistent }]),
                 tabindex: "-1",

package/components/MazBottomSheet.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazBottomSheet-b78adb87.mjs";
+import { M } from "./chunks/MazBottomSheet-61090f4a.mjs";
 export {
   M as default
 };

package/components/MazBtn.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazBtn-000f9f66.mjs";
+import { M } from "./chunks/MazBtn-d92908b2.mjs";
 export {
   M as default
 };

package/components/MazCard.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazCard-d9369776.mjs";
+import { M } from "./chunks/MazCard-01b81dd2.mjs";
 export {
   M as default
 };

package/components/MazCarousel.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazCarousel-06ca7c0b.mjs";
+import { M } from "./chunks/MazCarousel-7825c7c9.mjs";
 export {
   M as default
 };

package/components/MazCheckbox.mjs

@@ -31,10 +31,10 @@ const _hoisted_3 = [
   _hoisted_2$1
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1, _hoisted_3);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1, [..._hoisted_3]);
 }
 const CheckIcon = { render };
-const _hoisted_1 = ["for"];
+const _hoisted_1 = ["for", "aria-checked"];
 const _hoisted_2 = ["id", "checked", "disabled", "name"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazCheckbox",
@@ -57,10 +57,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   ],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "848d9fe6": checkIconColor.value,
-      "fb0e9a22": checkboxSize.value,
-      "cf55634c": checkboxSelectedColor.value,
-      "99c81ec6": checkboxBoxShadow.value
+      "2887ae19": checkIconColor.value,
+      "3ea743fb": checkboxSize.value,
+      "8729aa64": checkboxSelectedColor.value,
+      "324bb1de": checkboxBoxShadow.value
     }));
     const instance = getCurrentInstance();
     const props = __props;
@@ -133,7 +133,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("label", {
         for: unref(instanceId),
         class: normalizeClass(["m-checkbox", { "--disabled": __props.disabled }]),
-        tabindex: "1",
+        tabindex: "0",
+        role: "checkbox",
+        "aria-checked": __props.modelValue,
         onKeydown: keyboardHandler
       }, [
         createElementVNode("input", mergeProps({
@@ -169,7 +171,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MazCheckbox_vue_vue_type_style_index_0_scoped_5b54604c_lang = "";
+const MazCheckbox_vue_vue_type_style_index_0_scoped_e6c359ea_lang = "";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -177,7 +179,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const MazCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5b54604c"]]);
+const MazCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e6c359ea"]]);
 export {
   MazCheckbox as default
 };

package/components/MazDialog.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazDialog-d5f6a7d8.mjs";
+import { M } from "./chunks/MazDialog-83e54b8c.mjs";
 export {
   M as default
 };

package/components/MazDialogPromise.mjs

@@ -1,4 +1,4 @@
-import { a, u } from "./chunks/MazDialogPromise-23cb2e40.mjs";
+import { a, u } from "./chunks/MazDialogPromise-6967e821.mjs";
 export {
   a as default,
   u as useMazDialogPromise

package/components/MazDrawer.mjs

@@ -1,4 +1,4 @@
-import { a } from "./chunks/MazDrawer-7d6428cf.mjs";
+import { a } from "./chunks/MazDrawer-d778b3d2.mjs";
 export {
   a as default
 };

package/components/MazDropdown.d.ts

@@ -0,0 +1,98 @@
+import { type Color } from './MazBtn.vue';
+import { type RouteLocationRaw } from 'vue-router';
+import { type Position } from './types';
+export type { Color, Position };
+export type MenuItem = {
+    label: string;
+    action?: () => unknown;
+    target?: string;
+    href?: string;
+    to?: RouteLocationRaw;
+} & Record<string, unknown>;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /** Menu items */
+    items: MenuItem[];
+    /** Menu should be open? */
+    open?: boolean | undefined;
+    /** id of the menu */
+    id?: string | undefined;
+    /** Should open the dropdown on click, hover or both */
+    trigger?: "click" | "hover" | "both" | undefined;
+    /** Button color */
+    color?: Color | undefined;
+    /** Position of the dropdown */
+    position?: Position | undefined;
+    /** Disable close menu on menuitem clicked */
+    noCloseOnClick?: boolean | undefined;
+    /** Disable menu */
+    disabled?: boolean | undefined;
+}>, {
+    id: string;
+    trigger: string;
+    color: string;
+    position: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "menuitem-clicked": (...args: any[]) => void;
+    "update:open": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /** Menu items */
+    items: MenuItem[];
+    /** Menu should be open? */
+    open?: boolean | undefined;
+    /** id of the menu */
+    id?: string | undefined;
+    /** Should open the dropdown on click, hover or both */
+    trigger?: "click" | "hover" | "both" | undefined;
+    /** Button color */
+    color?: Color | undefined;
+    /** Position of the dropdown */
+    position?: Position | undefined;
+    /** Disable close menu on menuitem clicked */
+    noCloseOnClick?: boolean | undefined;
+    /** Disable menu */
+    disabled?: boolean | undefined;
+}>, {
+    id: string;
+    trigger: string;
+    color: string;
+    position: string;
+}>>> & {
+    "onMenuitem-clicked"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+}, {
+    color: Color;
+    id: string;
+    position: Position;
+    trigger: "click" | "hover" | "both";
+}, {}>, {
+    default?(_: {}): any;
+    menuitem?(_: {
+        item: MenuItem;
+    }): any;
+    "menuitem-label"?(_: {
+        item: MenuItem;
+    }): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/MazDropdown.mjs

@@ -0,0 +1,4 @@
+import { a } from "./chunks/MazDropdown-87f673f7.mjs";
+export {
+  a as default
+};

package/components/MazGallery.mjs

@@ -669,7 +669,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     scale: { type: Boolean, default: true }
   },
   setup(__props) {
-    const NoPhotographyIcon = defineAsyncComponent(() => import("./chunks/no-photography-bc9a1f6a.mjs"));
+    const NoPhotographyIcon = defineAsyncComponent(() => import("./chunks/no-photography-b0d08d6f.mjs"));
     const props = __props;
     onBeforeMount(() => {
       if (props.imagesShownCount > 5)

package/components/MazInput.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazInput-8e284503.mjs";
+import { M } from "./chunks/MazInput-5130144b.mjs";
 import "vue";
 export {
   M as default

package/components/MazInputNumber.mjs

@@ -18,10 +18,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:model-value"],
   setup(__props, { emit: __emit }) {
-    const MazBtn = defineAsyncComponent(() => import("./chunks/MazBtn-2703c9bd.mjs"));
-    const MazInput = defineAsyncComponent(() => import("./chunks/MazInput-129c8695.mjs"));
-    const PlusIcon = defineAsyncComponent(() => import("./chunks/plus-9ca3cdd9.mjs"));
-    const MinusIcon = defineAsyncComponent(() => import("./chunks/minus-a1cc422e.mjs"));
+    const MazBtn = defineAsyncComponent(() => import("./chunks/MazBtn-cf0c8fcb.mjs"));
+    const MazInput = defineAsyncComponent(() => import("./chunks/MazInput-bad6c9a2.mjs"));
+    const PlusIcon = defineAsyncComponent(() => import("./chunks/plus-b1b0a5a8.mjs"));
+    const MinusIcon = defineAsyncComponent(() => import("./chunks/minus-c9cdee90.mjs"));
     const props = __props;
     const emits = __emit;
     const currentValue = computed({

package/components/MazInputPrice.mjs

@@ -1,4 +1,4 @@
-import { a } from "./chunks/MazInputPrice-e88dec74.mjs";
+import { a } from "./chunks/MazInputPrice-feea3bbb.mjs";
 export {
   a as default
 };

package/components/MazInputTags.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazInputTags-872a6fae.mjs";
+import { M } from "./chunks/MazInputTags-52baeb26.mjs";
 export {
   M as default
 };

package/components/MazLazyImg.d.ts

@@ -3,6 +3,10 @@ import type { Image } from './types';
 export type { Image };
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     image: Prop<Image>;
+    alt: {
+        type: StringConstructor;
+        default: undefined;
+    };
     noPhoto: {
         type: BooleanConstructor;
         default: boolean;
@@ -35,6 +39,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     intersecting: (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     image: Prop<Image>;
+    alt: {
+        type: StringConstructor;
+        default: undefined;
+    };
     noPhoto: {
         type: BooleanConstructor;
         default: boolean;
@@ -66,6 +74,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onLoading?: ((...args: any[]) => any) | undefined;
     onIntersecting?: ((...args: any[]) => any) | undefined;
 }, {
+    alt: string;
     noPhoto: boolean;
     loadOnce: boolean;
     noLoader: boolean;

package/components/MazLazyImg.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazLazyImg-8d49fa48.mjs";
+import { M } from "./chunks/MazLazyImg-6e395356.mjs";
 export {
   M as default
 };

package/components/MazPhoneNumberInput.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazPhoneNumberInput-94d7c29b.mjs";
+import { M } from "./chunks/MazPhoneNumberInput-9a4aec10.mjs";
 export {
   M as default
 };

package/components/MazPicker.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazPicker-6fc29a1c.mjs";
+import { M } from "./chunks/MazPicker-f385a310.mjs";
 export {
   M as default
 };

package/components/MazRadioButtons.mjs

@@ -1,6 +1,6 @@
 import "./assets/MazRadioButtons.css";
 import { defineComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, normalizeStyle, createElementVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
-const _hoisted_1 = ["id"];
+const _hoisted_1 = ["for"];
 const _hoisted_2 = ["id", "name", "value", "onChange"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazRadioButtons",
@@ -40,8 +40,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             null,
             renderList(__props.options, (option, i) => {
               return openBlock(), createElementBlock("label", {
-                id: option.value.toString(),
                 key: i,
+                for: option.value.toString(),
                 class: normalizeClass(["m-radio-buttons__items", {
                   "--is-selected": isSelected(option.value),
                   "maz-elevation": !__props.noElevation
@@ -83,7 +83,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MazRadioButtons_vue_vue_type_style_index_0_scoped_32ea99dc_lang = "";
+const MazRadioButtons_vue_vue_type_style_index_0_scoped_f0f8688b_lang = "";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -91,7 +91,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const MazRadioButtons = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-32ea99dc"]]);
+const MazRadioButtons = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f0f8688b"]]);
 export {
   MazRadioButtons as default
 };

package/components/MazSelect.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazSelect-5c3b7a30.mjs";
+import { M } from "./chunks/MazSelect-8d94beea.mjs";
 export {
   M as default
 };

package/components/MazSlider.mjs

@@ -1,13 +1,11 @@
 import "./assets/MazSlider.css";
-import { defineComponent, ref, computed, watch, onMounted, onBeforeUnmount, nextTick, openBlock, createElementBlock, normalizeStyle, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString } from "vue";
-function debounce(func, delay) {
-  let timeoutId;
-  return (...args) => {
-    if (timeoutId) {
-      clearTimeout(timeoutId);
-    }
-    timeoutId = setTimeout(() => {
-      func(...args);
+import { defineComponent, ref, computed, watch, onMounted, onBeforeUnmount, nextTick, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, normalizeStyle, normalizeClass, renderList, toDisplayString } from "vue";
+function debounce(fn, delay) {
+  let timeout;
+  return function(...args) {
+    clearTimeout(timeout);
+    timeout = setTimeout(() => {
+      fn.apply(this, args);
     }, delay);
   };
 }
@@ -42,7 +40,8 @@ const getOpacityCoeff = (index, middle, length) => {
   const deviation = isBiggerThanMiddle ? currentIndex - middle : middle - currentIndex;
   return 100 / length * deviation / 100;
 };
-const _hoisted_1 = ["data-label", "onMousedownPassive", "onTouchstartPassive", "onFocusPassive", "onBlurPassive", "onTouchendPassive", "onKeydownPassive"];
+const _hoisted_1 = ["aria-valuenow", "aria-valuemin", "aria-valuemax"];
+const _hoisted_2 = ["data-label", "onMousedownPassive", "onTouchstartPassive", "onFocusPassive", "onBlurPassive", "onTouchendPassive", "onKeydownPassive"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MazSlider",
   props: {
@@ -278,88 +277,96 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(
-        "div",
-        {
-          style: normalizeStyle([wrapperStyle.value, { fontSize: __props.size }]),
-          class: normalizeClass(["m-slider", [`m-slider--${__props.color}`]]),
-          onMousemovePassive: handleMousemove,
-          onMouseupPassive: handleMouseup,
-          onMouseleavePassive: handleMouseup,
-          onTouchmovePassive: handleMousemove
-        },
+        Fragment,
+        null,
         [
+          createCommentVNode(" eslint-disable vuejs-accessibility/mouse-events-have-key-events "),
           createElementVNode(
             "div",
             {
-              ref_key: "MazSlider",
-              ref: MazSlider2,
-              class: "m-slider__bar",
-              role: "slider"
+              style: normalizeStyle([wrapperStyle.value, { fontSize: __props.size }]),
+              class: normalizeClass(["m-slider", [`m-slider--${__props.color}`]]),
+              role: "button",
+              tabindex: "-1",
+              onMousemovePassive: handleMousemove,
+              onMouseupPassive: handleMouseup,
+              onMouseleavePassive: handleMouseup,
+              onTouchmovePassive: handleMousemove
             },
             [
-              (openBlock(true), createElementBlock(
-                Fragment,
-                null,
-                renderList(dividers.value, (div, i) => {
-                  return openBlock(), createElementBlock(
-                    "div",
-                    {
-                      key: `divider-${i}`,
-                      style: normalizeStyle([div]),
-                      class: "m-slider__divider"
-                    },
-                    null,
-                    4
-                    /* STYLE */
-                  );
-                }),
-                128
-                /* KEYED_FRAGMENT */
-              )),
-              (openBlock(true), createElementBlock(
-                Fragment,
-                null,
-                renderList(computedValue.value, (_btn, i) => {
-                  var _a;
-                  return openBlock(), createElementBlock("button", {
-                    key: `cursor-${i}`,
-                    type: "button",
-                    "data-label": getLabel(i),
-                    class: normalizeClass(["m-slider__btn", {
-                      "active-cursor": i === activeCursor.value && !__props.noCursorAnim
-                    }]),
-                    style: normalizeStyle([buttonStyles.value[i]]),
-                    onMousedownPassive: ($event) => handleMousedown($event, i),
-                    onTouchstartPassive: ($event) => handleMousedown($event, i),
-                    onFocusPassive: ($event) => handleMousedown($event, i),
-                    onBlurPassive: ($event) => blurCursor(i),
-                    onTouchendPassive: ($event) => blurCursor(i),
-                    onKeydownPassive: ($event) => cursorKeyDown($event, i)
-                  }, [
-                    createElementVNode(
-                      "span",
+              createElementVNode("div", {
+                ref_key: "MazSlider",
+                ref: MazSlider2,
+                class: "m-slider__bar",
+                role: "slider",
+                "aria-valuenow": __props.modelValue.toString(),
+                "aria-valuemin": __props.min,
+                "aria-valuemax": __props.max
+              }, [
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(dividers.value, (div, i) => {
+                    return openBlock(), createElementBlock(
+                      "div",
+                      {
+                        key: `divider-${i}`,
+                        style: normalizeStyle([div]),
+                        class: "m-slider__divider"
+                      },
                       null,
-                      toDisplayString((_a = tmpValues.value) == null ? void 0 : _a[i]),
-                      1
-                      /* TEXT */
-                    )
-                  ], 46, _hoisted_1);
-                }),
-                128
-                /* KEYED_FRAGMENT */
-              ))
+                      4
+                      /* STYLE */
+                    );
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                )),
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(computedValue.value, (_btn, i) => {
+                    var _a;
+                    return openBlock(), createElementBlock("button", {
+                      key: `cursor-${i}`,
+                      type: "button",
+                      "data-label": getLabel(i),
+                      class: normalizeClass(["m-slider__btn", {
+                        "active-cursor": i === activeCursor.value && !__props.noCursorAnim
+                      }]),
+                      style: normalizeStyle([buttonStyles.value[i]]),
+                      onMousedownPassive: ($event) => handleMousedown($event, i),
+                      onTouchstartPassive: ($event) => handleMousedown($event, i),
+                      onFocusPassive: ($event) => handleMousedown($event, i),
+                      onBlurPassive: ($event) => blurCursor(i),
+                      onTouchendPassive: ($event) => blurCursor(i),
+                      onKeydownPassive: ($event) => cursorKeyDown($event, i)
+                    }, [
+                      createElementVNode(
+                        "span",
+                        null,
+                        toDisplayString((_a = tmpValues.value) == null ? void 0 : _a[i]),
+                        1
+                        /* TEXT */
+                      )
+                    ], 46, _hoisted_2);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ], 8, _hoisted_1)
             ],
-            512
-            /* NEED_PATCH */
+            38
+            /* CLASS, STYLE, HYDRATE_EVENTS */
           )
         ],
-        38
-        /* CLASS, STYLE, HYDRATE_EVENTS */
+        2112
+        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
       );
     };
   }
 });
-const MazSlider_vue_vue_type_style_index_0_scoped_f3b54889_lang = "";
+const MazSlider_vue_vue_type_style_index_0_scoped_22612f85_lang = "";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -367,7 +374,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const MazSlider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f3b54889"]]);
+const MazSlider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-22612f85"]]);
 export {
   MazSlider as default
 };

package/components/MazStepper.mjs

@@ -1,4 +1,4 @@
-import { M } from "./chunks/MazStepper-293b4be5.mjs";
+import { M } from "./chunks/MazStepper-4c19dbfc.mjs";
 export {
   M as default
 };

package/components/MazSwitch.d.ts

@@ -1,7 +1,7 @@
 import { type PropType } from 'vue';
 import type { Color } from './types';
 export type { Color };
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
         type: BooleanConstructor;
         required: true;
@@ -23,6 +23,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
     "update:model-value": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
@@ -46,11 +47,19 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }, {
     color: Color;
     disabled: boolean;
     name: string;
     id: string;
-}, {}>;
+}, {}>, {
+    default?(_: {}): any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};