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

package/components/MazBackdrop.mjs

@@ -1,5 +1,9 @@
-import { defineComponent as A, ref as L, onMounted as V, watch as D, openBlock as f, createBlock as N, Teleport as S, createVNode as h, Transition as M, withCtx as P, createElementBlock as T, normalizeClass as p, createElementVNode as k, withModifiers as g, mergeProps as w, renderSlot as O, createCommentVNode as K } from "vue";
-import './assets/MazBackdrop.css';const b = "--backdrop-present", F = /* @__PURE__ */ A({
+import { defineComponent as L, ref as P, onMounted as V, watch as D, nextTick as B, openBlock as h, createBlock as M, Teleport as N, createVNode as T, Transition as O, withCtx as $, createElementBlock as j, mergeProps as q, createElementVNode as v, normalizeClass as z, withModifiers as F, renderSlot as K, createCommentVNode as I } from "vue";
+import './assets/MazBackdrop.css';const G = {
+  role: "dialog",
+  class: "m-backdrop-container",
+  "aria-modal": "true"
+}, H = { class: "m-backdrop-wrapper" }, A = "--backdrop-present", J = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "MazBackdrop",
   props: {
@@ -9,112 +13,133 @@ import './assets/MazBackdrop.css';const b = "--backdrop-present", F = /* @__PURE
     persistent: { type: Boolean, default: !1 },
     noCloseOnEscKey: { type: Boolean, default: !1 },
     transitionName: { default: "backdrop-anim" },
-    backdropClass: { default: void 0 },
-    backdropContentClass: { default: void 0 }
+    backdropClass: { default: () => {
+    } },
+    backdropContentClass: { default: () => {
+    } },
+    contentPadding: { type: Boolean, default: !1 },
+    justify: { default: "none" },
+    align: { default: "none" },
+    variant: {}
   },
   emits: ["open", "close", "update:model-value", "before-close"],
-  setup(C, { expose: v, emit: y }) {
-    const o = C, t = y;
-    function E() {
-      document.documentElement.classList.add(b);
+  setup(t, { expose: d, emit: a }) {
+    const o = a;
+    function r() {
+      document.documentElement.classList.add(A);
     }
-    async function B() {
-      document.querySelector(".m-backdrop.--present") || document.documentElement.classList.remove(b);
+    function w() {
+      document.querySelector(".m-backdrop.--present") || document.documentElement.classList.remove(A);
     }
-    const n = L(o.modelValue);
-    function a() {
-      d(!1);
+    const s = P(t.modelValue);
+    function l() {
+      k(!1);
+    }
+    async function k(e) {
+      var n;
+      e || (o("before-close"), await ((n = t.beforeClose) == null ? void 0 : n.call(t))), s.value = e;
     }
-    async function d(e) {
-      var r;
-      e || (t("before-close"), await ((r = o.beforeClose) == null ? void 0 : r.call(o))), n.value = e;
+    function y() {
+      o("open");
     }
-    function c() {
-      t("open");
+    function b() {
+      o("update:model-value", !1), o("close"), f();
     }
     function i() {
-      t("update:model-value", !1), t("close"), l();
+      t.persistent || l();
     }
-    function u() {
-      o.persistent || a();
+    function u(e) {
+      !t.noCloseOnEscKey && e.key === "Escape" && !t.persistent && l();
     }
-    function s(e) {
-      !o.noCloseOnEscKey && e.key === "Escape" && !o.persistent && a();
+    function C() {
+      r(), document.addEventListener("keyup", u, !1);
     }
-    function m() {
-      E(), document.addEventListener("keyup", s, !1);
+    function f() {
+      document.removeEventListener("keyup", u), w();
     }
-    function l() {
-      document.removeEventListener("keyup", s), B();
+    V(() => {
+      t.modelValue ? C() : f();
+    });
+    let c = null;
+    function S(e) {
+      const n = document.querySelector(e), m = n && Array.from(n.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select')), p = m == null ? void 0 : m.filter((E) => {
+        const g = window.getComputedStyle(E);
+        return g.display !== "none" && g.visibility !== "hidden" && !E.disabled;
+      });
+      return p && p.length > 0 ? p[0] : null;
     }
-    return V(() => {
-      o.modelValue ? m() : l();
-    }), D(
-      () => o.modelValue,
-      (e) => {
-        n.value = e, e ? m() : l();
+    return D(
+      () => t.modelValue,
+      async (e) => {
+        if (s.value = e, e) {
+          C(), c = document.activeElement, await B();
+          const n = S(".m-backdrop-content");
+          n == null || n.focus();
+        } else
+          f(), await B(), c == null || c.focus();
       }
-    ), v({
-      onBackdropAnimationEnter: c,
-      onBackdropAnimationLeave: i,
-      onBackdropClicked: u,
-      close: a,
-      present: n,
-      toggleModal: d,
-      onKeyPress: s
-    }), (e, r) => (f(), N(S, { to: e.teleportSelector }, [
-      h(M, {
+    ), d({
+      onBackdropAnimationEnter: y,
+      onBackdropAnimationLeave: b,
+      onBackdropClicked: i,
+      close: l,
+      present: s,
+      toggleModal: k,
+      onKeyPress: u
+    }), (e, n) => (h(), M(N, { to: e.teleportSelector }, [
+      T(O, {
         appear: "",
         name: e.transitionName,
-        onAfterEnter: c,
-        onAfterLeave: i
+        onAfterEnter: y,
+        onAfterLeave: b
       }, {
-        default: P(() => [
-          n.value ? (f(), T(
+        default: $(() => [
+          s.value ? (h(), j(
             "div",
-            {
+            q({
               key: 0,
-              class: p(["m-backdrop --present", [e.backdropClass]]),
-              tabindex: "-1",
-              role: "dialog"
-            },
+              class: "m-backdrop --present"
+            }, e.$attrs, {
+              class: [e.backdropClass, e.variant && `--variant-${e.variant}`, { "--persistent": e.persistent }]
+            }),
             [
-              k(
-                "button",
-                {
-                  class: p(["m-backdrop-overlay", { "--disabled": e.persistent }]),
-                  tabindex: "-1",
-                  onClick: g(u, ["self"])
-                },
-                null,
-                2
-                /* CLASS */
-              ),
-              k(
-                "div",
-                w({
-                  class: ["m-backdrop-content", e.backdropContentClass]
-                }, e.$attrs, {
-                  role: "document",
-                  tabindex: "0"
-                }),
-                [
-                  O(e.$slots, "default", { close: a })
-                ],
-                16
-                /* FULL_PROPS */
-              )
+              v("div", G, [
+                v("div", H, [
+                  v(
+                    "div",
+                    {
+                      class: z(["m-backdrop-content", [e.backdropContentClass, `--justify-${e.justify}`, `--align-${e.align}`, { "--padding": e.contentPadding }]]),
+                      role: "button",
+                      tabindex: "-1",
+                      onClick: F(i, ["self"])
+                    },
+                    [
+                      K(e.$slots, "default", {
+                        close: l,
+                        onBackdropClicked: i
+                      }, void 0, !0)
+                    ],
+                    2
+                    /* CLASS */
+                  )
+                ])
+              ])
             ],
-            2
-            /* CLASS */
-          )) : K("v-if", !0)
+            16
+            /* FULL_PROPS */
+          )) : I("v-if", !0)
         ]),
         _: 3
         /* FORWARDED */
       }, 8, ["name"])
     ], 8, ["to"]));
   }
-});
+}), Q = (t, d) => {
+  const a = t.__vccOpts || t;
+  for (const [o, r] of d)
+    a[o] = r;
+  return a;
+}, W = /* @__PURE__ */ Q(J, [["__scopeId", "data-v-7aa1682e"]]);
 export {
-  F as default
+  W as default
 };

package/components/MazBadge.d.ts

@@ -7,14 +7,19 @@ export interface Props {
     nowrap?: boolean;
     outline?: boolean;
     pastel?: boolean;
+    /**
+     * Size radius of the component's border
+     * @values `'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`
+     */
     roundedSize?: BadgeRoundedSize;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLSpanElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
@@ -24,7 +29,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     outline: boolean;
     pastel: boolean;
     nowrap: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLSpanElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/components/MazBadge.mjs

@@ -32,7 +32,7 @@ import './assets/MazBadge.css';const f = /* @__PURE__ */ n({
   for (const [t, l] of e)
     a[t] = l;
   return a;
-}, c = /* @__PURE__ */ i(f, [["__scopeId", "data-v-2b12426e"]]);
+}, c = /* @__PURE__ */ i(f, [["__scopeId", "data-v-e0711595"]]);
 export {
   c as default
 };

package/components/MazBottomSheet.d.ts

@@ -1,43 +1,31 @@
+type __VLS_Props = {
+    /** @model Modal's model value */
+    modelValue?: boolean;
+    /** Remove the close button */
+    noClose?: boolean;
+    /** Remove the padding on the container */
+    noPadding?: boolean;
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {
             close: () => void;
         }): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    noClose: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    noPadding: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (...args: any[]) => void;
     open: (...args: any[]) => void;
     "update:model-value": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    noClose: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    noPadding: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
-}>, {
-    noPadding: boolean;
-    noClose: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/components/MazBottomSheet.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazBottomSheet-CGRvZmGd.mjs";
+import { M as f } from "./chunks/MazBottomSheet-DGsGO0zo.mjs";
 export {
   f as default
 };

package/components/MazBtn.d.ts

@@ -101,9 +101,10 @@ export interface Props {
     /**
      * Choose how the elements are aligned in the button
      */
-    justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
+    justify?: 'start' | 'end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         "left-icon"?(_: {}): any;
         icon?(_: {}): any;
@@ -111,7 +112,7 @@ declare function __VLS_template(): {
         "right-icon"?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
@@ -123,7 +124,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     icon: string | Icon;
     leftIcon: string | Icon;
     rightIcon: string | Icon;
-    justify: "start" | "end" | "center" | "between" | "around" | "evenly";
+    justify: "start" | "end" | "center" | "space-between" | "space-around" | "space-evenly";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/MazBtn.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazBtn-CWloP6MI.mjs";
+import { M as f } from "./chunks/MazBtn-CM-xSnA5.mjs";
 export {
   f as default
 };

package/components/MazCard.d.ts

@@ -55,6 +55,7 @@ export interface Props {
     block?: boolean;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         header?(_: {}): any;
         default?(_: {}): any;
@@ -65,16 +66,14 @@ declare function __VLS_template(): {
         actions?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     header: string;
     href: string;
     to: RouterLinkProps["to"];
-    elevation: boolean;
     orientation: "column" | "row" | "row-reverse" | "column-reverse";
-    radius: boolean;
     scale: boolean;
     images: MazGalleryImage[];
     noRemaining: boolean;
@@ -82,9 +81,11 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     footerAlign: "right" | "left";
     galleryWidth: string | number;
     galleryHeight: string | number;
+    elevation: boolean;
+    radius: boolean;
     imagesShowCount: number;
     wrapperClass: HTMLAttributes["class"];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, 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 & {

package/components/MazCard.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazCard-BYB8y1_u.mjs";
+import { M as f } from "./chunks/MazCard-98OuVlyK.mjs";
 export {
   f as default
 };

package/components/MazCardSpotlight.d.ts

@@ -34,6 +34,7 @@ export interface Props {
     innerOpacity?: number;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
@@ -41,7 +42,7 @@ declare function __VLS_template(): {
         blobElement: HTMLDivElement;
         fakeblobElement: HTMLDivElement;
     };
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
@@ -51,7 +52,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     contentClass: HTMLAttributes["class"];
     contentStyle: string | false | import("vue").CSSProperties | StyleValue[] | null;
     innerOpacity: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, 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 & {

package/components/MazCardSpotlight.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as _, useCssVars as k, ref as c, computed as m, onMounted as E, onUnmounted as w, openBlock as z, createElementBlock as B, normalizeClass as b, normalizeStyle as h, createElementVNode as i, renderSlot as S, withDirectives as y, vShow as g } from "vue";
-import './assets/MazCardSpotlight.css';const $ = { class: "inner" }, O = /* @__PURE__ */ _({
+import { defineComponent as _, ref as c, computed as f, onMounted as k, onUnmounted as E, openBlock as w, createElementBlock as z, normalizeClass as m, normalizeStyle as b, createElementVNode as i, renderSlot as B, withDirectives as y, vShow as h } from "vue";
+import './assets/MazCardSpotlight.css';const S = { class: "inner" }, $ = /* @__PURE__ */ _({
   __name: "MazCardSpotlight",
   props: {
     color: { default: "primary" },
@@ -10,12 +10,8 @@ import './assets/MazCardSpotlight.css';const $ = { class: "inner" }, O = /* @__P
     innerOpacity: { default: 0.95 }
   },
   setup(l) {
-    k((e) => ({
-      "4f499add": e.innerOpacity,
-      "2e65a0ad": u.value
-    }));
     const n = l, o = c(), r = c(), t = c(!1);
-    function d({ clientX: e, clientY: f }) {
+    function d({ clientX: e, clientY: u }) {
       var p, s, v;
       t.value = !0;
       const a = (p = r.value) == null ? void 0 : p.getBoundingClientRect();
@@ -23,7 +19,7 @@ import './assets/MazCardSpotlight.css';const $ = { class: "inner" }, O = /* @__P
         s,
         [
           {
-            transform: `translate(${e - a.left - a.width / 2}px,${f - a.top - a.height / 2}px)`
+            transform: `translate(${e - a.left - a.width / 2}px,${u - a.top - a.height / 2}px)`
           }
         ],
         {
@@ -32,26 +28,26 @@ import './assets/MazCardSpotlight.css';const $ = { class: "inner" }, O = /* @__P
         }
       ));
     }
-    const u = m(() => `var(--maz-color-${n.color}-alpha)`), C = m(() => `var(--maz-color-${n.color}-alpha-20)`);
-    return E(() => {
+    const g = f(() => `var(--maz-color-${n.color}-alpha)`), C = f(() => `var(--maz-color-${n.color}-alpha-20)`);
+    return k(() => {
       window.addEventListener("mousemove", d);
-    }), w(() => {
+    }), E(() => {
       window.removeEventListener("mousemove", d);
-    }), (e, f) => (z(), B(
+    }), (e, u) => (w(), z(
       "div",
       {
-        class: b(["m-card-spotlight", { "maz-elevation": !e.noElevation }]),
-        style: h({ backgroundColor: C.value })
+        class: m(["m-card-spotlight", { "maz-elevation": !e.noElevation }]),
+        style: b({ backgroundColor: C.value, "--inner-opacity": e.innerOpacity })
       },
       [
-        i("div", $, [
+        i("div", S, [
           i(
             "div",
             {
-              class: b(["content", [{ "maz-p-4": e.padding }, e.contentClass]])
+              class: m(["content", [{ "maz-p-4": e.padding }, e.contentClass]])
             },
             [
-              S(e.$slots, "default", {}, void 0, !0)
+              B(e.$slots, "default", {}, void 0, !0)
             ],
             2
             /* CLASS */
@@ -63,13 +59,13 @@ import './assets/MazCardSpotlight.css';const $ = { class: "inner" }, O = /* @__P
             ref_key: "blobElement",
             ref: o,
             class: "blob",
-            style: h({ backgroundColor: u.value })
+            style: b({ backgroundColor: g.value })
           },
           null,
           4
           /* STYLE */
         ), [
-          [g, t.value]
+          [h, t.value]
         ]),
         y(i(
           "div",
@@ -82,19 +78,19 @@ import './assets/MazCardSpotlight.css';const $ = { class: "inner" }, O = /* @__P
           512
           /* NEED_PATCH */
         ), [
-          [g, t.value]
+          [h, t.value]
         ])
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), M = (l, n) => {
+}), O = (l, n) => {
   const o = l.__vccOpts || l;
   for (const [r, t] of n)
     o[r] = t;
   return o;
-}, L = /* @__PURE__ */ M(O, [["__scopeId", "data-v-31abf9ff"]]);
+}, L = /* @__PURE__ */ O($, [["__scopeId", "data-v-30c7054c"]]);
 export {
   L as default
 };

package/components/MazCarousel.d.ts

@@ -9,6 +9,7 @@ export interface Props {
     hideScrollbar?: boolean;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         title?(_: {}): any;
         "previous-icon"?(_: {}): any;
@@ -18,13 +19,13 @@ declare function __VLS_template(): {
     refs: {
         MazCarouselItems: HTMLDivElement;
     };
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     ariaLabelPreviousButton: string;
     ariaLabelNextButton: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, 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 & {

package/components/MazCarousel.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazCarousel-DccWVW8H.mjs";
+import { M as f } from "./chunks/MazCarousel-COTaKhKF.mjs";
 export {
   f as default
 };

package/components/MazCheckbox.d.ts

@@ -1,5 +1,6 @@
 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'];
@@ -12,7 +13,7 @@ export interface Props<T = boolean | (string | number)[]> {
     /** The color of the checkbox */
     color?: Color;
     /** The value of the checkbox when selected */
-    value?: string | number | boolean;
+    value?: CheckboxValue;
     /** The name of the checkbox */
     name?: string;
     /** The size of the checkbox */
@@ -37,12 +38,12 @@ declare const _default: <T extends boolean | (string | number)[]>(__VLS_props: N
         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"> & Props<T>> & import("vue").PublicProps;
+    } & 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: string | number | boolean;
+            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);