@vuetify/nightly 3.7.3-master.2024-10-31 → 3.7.3-next.2024-11-01

package/lib/components/VCheckbox/VCheckbox.css

@@ -1,6 +1,8 @@
-.v-checkbox.v-input {
-  flex: 0 1 auto;
-}
-.v-checkbox .v-selection-control {
-  min-height: var(--v-input-control-height);
+@layer vuetify.components {
+  .v-checkbox.v-input {
+    flex: 0 1 auto;
+  }
+  .v-checkbox .v-selection-control {
+    min-height: var(--v-input-control-height);
+  }
 }

package/lib/components/VCheckbox/VCheckbox.mjs

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 // Styles
 import "./VCheckbox.css";
 

package/lib/components/VCheckbox/VCheckboxBtn.mjs

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 // Components
 import { makeVSelectionControlProps, VSelectionControl } from "../VSelectionControl/VSelectionControl.mjs"; // Composables
 import { IconValue } from "../../composables/icons.mjs";

package/lib/components/VCheckbox/index.d.mts

@@ -128,7 +128,7 @@ type VInputSlots = {
 
 type VCheckboxSlots = Omit<VInputSlots, 'default'> & VSelectionControlSlots;
 declare const VCheckbox: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         error: boolean;
         direction: "horizontal" | "vertical";
         style: vue.StyleValue;
@@ -182,58 +182,7 @@ declare const VCheckbox: {
     }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
         'update:modelValue': (value: any) => true;
         'update:focused': (focused: boolean) => true;
-    }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "update:modelValue" | "v-slot:input" | "v-slot:label" | "v-slot:message" | "v-slot:details">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        error: boolean;
-        direction: "horizontal" | "vertical";
-        style: vue.StyleValue;
-        disabled: boolean | null;
-        multiple: boolean | null;
-        readonly: boolean | null;
-        indeterminate: boolean;
-        messages: string | readonly string[];
-        focused: boolean;
-        errorMessages: string | readonly string[] | null;
-        maxErrors: string | number;
-        rules: readonly ValidationRule[];
-        density: Density;
-        ripple: boolean | {
-            class: string;
-        } | undefined;
-        falseIcon: IconValue;
-        trueIcon: IconValue;
-        valueComparator: typeof deepEqual;
-        indeterminateIcon: IconValue;
-        centerAffix: boolean;
-        hideSpinButtons: boolean;
-        persistentHint: boolean;
-    } & {
-        name?: string | undefined;
-        type?: string | undefined;
-        id?: string | undefined;
-        width?: string | number | undefined;
-        color?: string | undefined;
-        maxWidth?: string | number | undefined;
-        minWidth?: string | number | undefined;
-        value?: any;
-        label?: string | undefined;
-        class?: any;
-        theme?: string | undefined;
-        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
-        validationValue?: any;
-        baseColor?: string | undefined;
-        prependIcon?: IconValue | undefined;
-        appendIcon?: IconValue | undefined;
-        defaultsTarget?: string | undefined;
-        trueValue?: any;
-        falseValue?: any;
-        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-        hint?: string | undefined;
-        hideDetails?: boolean | "auto" | undefined;
-    } & {
-        "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-    }, {
+    }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "update:modelValue" | "v-slot:input" | "v-slot:label" | "v-slot:message" | "v-slot:details">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         error: boolean;
         direction: "horizontal" | "vertical";
         style: vue.StyleValue;
@@ -271,7 +220,7 @@ declare const VCheckbox: {
             props: Record<string, unknown>;
         }) => vue.VNode[];
         input: (arg: SelectionControlSlot) => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -449,7 +398,7 @@ declare const VCheckbox: {
         props: Record<string, unknown>;
     }) => vue.VNode[];
     input: (arg: SelectionControlSlot) => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
     modelValue?: T | null;
     "onUpdate:modelValue"?: (value: T | null) => void;
 }, slots: VCheckboxSlots) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
@@ -650,7 +599,7 @@ declare const VCheckbox: {
 type VCheckbox = InstanceType<typeof VCheckbox>;
 
 declare const VCheckboxBtn: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         inline: boolean;
         error: boolean;
         style: vue.StyleValue;
@@ -684,38 +633,7 @@ declare const VCheckboxBtn: {
     }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
         'update:modelValue': (value: any) => true;
         'update:indeterminate': (value: boolean) => true;
-    }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "v-slot:input" | "v-slot:label">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        inline: boolean;
-        error: boolean;
-        style: vue.StyleValue;
-        disabled: boolean | null;
-        multiple: boolean | null;
-        readonly: boolean | null;
-        indeterminate: boolean;
-        density: Density;
-        ripple: boolean | {
-            class: string;
-        } | undefined;
-        falseIcon: IconValue;
-        trueIcon: IconValue;
-        valueComparator: typeof deepEqual;
-        indeterminateIcon: IconValue;
-    } & {
-        name?: string | undefined;
-        type?: string | undefined;
-        id?: string | undefined;
-        color?: string | undefined;
-        value?: any;
-        label?: string | undefined;
-        class?: any;
-        theme?: string | undefined;
-        baseColor?: string | undefined;
-        defaultsTarget?: string | undefined;
-        trueValue?: any;
-        falseValue?: any;
-    } & {
-        "onUpdate:indeterminate"?: ((value: boolean) => any) | undefined;
-    }, {
+    }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "v-slot:input" | "v-slot:label">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         inline: boolean;
         error: boolean;
         style: vue.StyleValue;
@@ -741,7 +659,7 @@ declare const VCheckboxBtn: {
             props: Record<string, unknown>;
         }) => vue.VNode[];
         input: (arg: SelectionControlSlot) => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -859,7 +777,7 @@ declare const VCheckboxBtn: {
         props: Record<string, unknown>;
     }) => vue.VNode[];
     input: (arg: SelectionControlSlot) => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
     modelValue?: T;
     "onUpdate:modelValue"?: (value: T) => void;
 }, slots: VSelectionControlSlots) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{