@vuetify/nightly 3.7.4-next.2024-11-06 → 3.7.5-master.2024-12-03

package/lib/components/VCheckbox/VCheckbox.css

@@ -1,8 +1,6 @@
-@layer vuetify.components {
-  .v-checkbox.v-input {
-    flex: 0 1 auto;
-  }
-  .v-checkbox .v-selection-control {
-    min-height: var(--v-input-control-height);
-  }
+.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 { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
 // Styles
 import "./VCheckbox.css";
 

package/lib/components/VCheckbox/VCheckboxBtn.mjs

@@ -1,4 +1,4 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } 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.CreateComponentPublicInstanceWithMixins<{
+    new (...args: any[]): vue.CreateComponentPublicInstance<{
         error: boolean;
         direction: "horizontal" | "vertical";
         style: vue.StyleValue;
@@ -182,7 +182,58 @@ 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, {
+    }, "$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;
+    }, {
         error: boolean;
         direction: "horizontal" | "vertical";
         style: vue.StyleValue;
@@ -220,7 +271,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: {};
@@ -398,7 +449,7 @@ declare const VCheckbox: {
         props: Record<string, unknown>;
     }) => vue.VNode[];
     input: (arg: SelectionControlSlot) => vue.VNode[];
-}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
+}>>> & 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<{
@@ -599,7 +650,7 @@ declare const VCheckbox: {
 type VCheckbox = InstanceType<typeof VCheckbox>;
 
 declare const VCheckboxBtn: {
-    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
+    new (...args: any[]): vue.CreateComponentPublicInstance<{
         inline: boolean;
         error: boolean;
         style: vue.StyleValue;
@@ -633,7 +684,38 @@ 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, {
+    }, "$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;
+    }, {
         inline: boolean;
         error: boolean;
         style: vue.StyleValue;
@@ -659,7 +741,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: {};
@@ -777,7 +859,7 @@ declare const VCheckboxBtn: {
         props: Record<string, unknown>;
     }) => vue.VNode[];
     input: (arg: SelectionControlSlot) => vue.VNode[];
-}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
+}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
     modelValue?: T;
     "onUpdate:modelValue"?: (value: T) => void;
 }, slots: VSelectionControlSlots) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{