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

package/lib/components/VInput/VInput.css

@@ -1,143 +1,132 @@
-.v-input {
-  display: grid;
-  flex: 1 1 auto;
-  font-size: 1rem;
-  font-weight: 400;
-  line-height: 1.5;
-}
-.v-input--disabled {
-  pointer-events: none;
-}
-.v-input--density-default {
-  --v-input-control-height: 56px;
-  --v-input-padding-top: 16px;
-}
-
-.v-input--density-comfortable {
-  --v-input-control-height: 48px;
-  --v-input-padding-top: 12px;
-}
-
-.v-input--density-compact {
-  --v-input-control-height: 40px;
-  --v-input-padding-top: 8px;
-}
-
-.v-input--vertical {
-  grid-template-areas: "append" "control" "prepend";
-  grid-template-rows: max-content auto max-content;
-  grid-template-columns: min-content;
-}
-.v-input--vertical .v-input__prepend {
-  margin-block-start: 16px;
-}
-.v-input--vertical .v-input__append {
-  margin-block-end: 16px;
-}
-
-.v-input--horizontal {
-  grid-template-areas: "prepend control append" "a messages b";
-  grid-template-columns: max-content minmax(0, 1fr) max-content;
-  grid-template-rows: auto auto;
-}
-.v-input--horizontal .v-input__prepend {
-  margin-inline-end: 16px;
-}
-.v-input--horizontal .v-input__append {
-  margin-inline-start: 16px;
-}
-
-.v-input__details {
-  align-items: flex-end;
-  display: flex;
-  font-size: 0.75rem;
-  font-weight: 400;
-  grid-area: messages;
-  letter-spacing: 0.0333333333em;
-  line-height: normal;
-  min-height: 22px;
-  padding-top: 6px;
-  overflow: hidden;
-  justify-content: space-between;
-}
-
-.v-input__details > .v-icon,
-.v-input__prepend > .v-icon,
-.v-input__append > .v-icon {
-  opacity: var(--v-medium-emphasis-opacity);
-}
-.v-input--disabled .v-input__details > .v-icon,
-.v-input--disabled .v-input__details .v-messages, .v-input--error .v-input__details > .v-icon,
-.v-input--error .v-input__details .v-messages,
-.v-input--disabled .v-input__prepend > .v-icon,
-.v-input--disabled .v-input__prepend .v-messages,
-.v-input--error .v-input__prepend > .v-icon,
-.v-input--error .v-input__prepend .v-messages,
-.v-input--disabled .v-input__append > .v-icon,
-.v-input--disabled .v-input__append .v-messages,
-.v-input--error .v-input__append > .v-icon,
-.v-input--error .v-input__append .v-messages {
-  opacity: 1;
-}
-.v-input--disabled .v-input__details,
-.v-input--disabled .v-input__prepend,
-.v-input--disabled .v-input__append {
-  opacity: var(--v-disabled-opacity);
-}
-.v-input--error:not(.v-input--disabled) .v-input__details > .v-icon,
-.v-input--error:not(.v-input--disabled) .v-input__details .v-messages,
-.v-input--error:not(.v-input--disabled) .v-input__prepend > .v-icon,
-.v-input--error:not(.v-input--disabled) .v-input__prepend .v-messages,
-.v-input--error:not(.v-input--disabled) .v-input__append > .v-icon,
-.v-input--error:not(.v-input--disabled) .v-input__append .v-messages {
-  color: rgb(var(--v-theme-error));
-}
-
-.v-input__prepend,
-.v-input__append {
-  display: flex;
-  align-items: flex-start;
-  padding-top: var(--v-input-padding-top);
-}
-.v-input--center-affix .v-input__prepend,
-.v-input--center-affix .v-input__append {
-  align-items: center;
-  padding-top: 0;
-}
-
-.v-input__prepend {
-  grid-area: prepend;
-}
-
-.v-input__append {
-  grid-area: append;
-}
-
-.v-input__control {
-  display: flex;
-  grid-area: control;
-}
-
-.v-input--hide-spin-buttons input::-webkit-outer-spin-button,
-.v-input--hide-spin-buttons input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-.v-input--hide-spin-buttons input[type=number] {
-  -moz-appearance: textfield;
-}
-.v-input--plain-underlined .v-input__prepend,
-.v-input--plain-underlined .v-input__append {
-  align-items: flex-start;
-}
-.v-input--density-default.v-input--plain-underlined .v-input__prepend, .v-input--density-default.v-input--plain-underlined .v-input__append {
-  padding-top: calc(var(--v-input-padding-top) + 4px);
-}
-
-.v-input--density-comfortable.v-input--plain-underlined .v-input__prepend, .v-input--density-comfortable.v-input--plain-underlined .v-input__append {
-  padding-top: calc(var(--v-input-padding-top) + 2px);
-}
-
-.v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
-  padding-top: calc(var(--v-input-padding-top) + 0px);
+@layer vuetify.components {
+  .v-input {
+    display: grid;
+    flex: 1 1 auto;
+    font-size: 1rem;
+    font-weight: 400;
+    line-height: 1.5;
+  }
+  .v-input--disabled {
+    pointer-events: none;
+  }
+  .v-input--density-default {
+    --v-input-control-height: 56px;
+    --v-input-padding-top: 16px;
+  }
+  .v-input--density-comfortable {
+    --v-input-control-height: 48px;
+    --v-input-padding-top: 12px;
+  }
+  .v-input--density-compact {
+    --v-input-control-height: 40px;
+    --v-input-padding-top: 8px;
+  }
+  .v-input--vertical {
+    grid-template-areas: "append" "control" "prepend";
+    grid-template-rows: max-content auto max-content;
+    grid-template-columns: min-content;
+  }
+  .v-input--vertical .v-input__prepend {
+    margin-block-start: 16px;
+  }
+  .v-input--vertical .v-input__append {
+    margin-block-end: 16px;
+  }
+  .v-input--horizontal {
+    grid-template-areas: "prepend control append" "a messages b";
+    grid-template-columns: max-content minmax(0, 1fr) max-content;
+    grid-template-rows: auto auto;
+  }
+  .v-input--horizontal .v-input__prepend {
+    margin-inline-end: 16px;
+  }
+  .v-input--horizontal .v-input__append {
+    margin-inline-start: 16px;
+  }
+  .v-input__details {
+    align-items: flex-end;
+    display: flex;
+    font-size: 0.75rem;
+    font-weight: 400;
+    grid-area: messages;
+    letter-spacing: 0.0333333333em;
+    line-height: normal;
+    min-height: 22px;
+    padding-top: 6px;
+    overflow: hidden;
+    justify-content: space-between;
+  }
+  .v-input__details > .v-icon,
+  .v-input__prepend > .v-icon,
+  .v-input__append > .v-icon {
+    opacity: var(--v-medium-emphasis-opacity);
+  }
+  .v-input--disabled .v-input__details > .v-icon,
+  .v-input--disabled .v-input__details .v-messages, .v-input--error .v-input__details > .v-icon,
+  .v-input--error .v-input__details .v-messages,
+  .v-input--disabled .v-input__prepend > .v-icon,
+  .v-input--disabled .v-input__prepend .v-messages,
+  .v-input--error .v-input__prepend > .v-icon,
+  .v-input--error .v-input__prepend .v-messages,
+  .v-input--disabled .v-input__append > .v-icon,
+  .v-input--disabled .v-input__append .v-messages,
+  .v-input--error .v-input__append > .v-icon,
+  .v-input--error .v-input__append .v-messages {
+    opacity: 1;
+  }
+  .v-input--disabled .v-input__details,
+  .v-input--disabled .v-input__prepend,
+  .v-input--disabled .v-input__append {
+    opacity: var(--v-disabled-opacity);
+  }
+  .v-input--error:not(.v-input--disabled) .v-input__details > .v-icon,
+  .v-input--error:not(.v-input--disabled) .v-input__details .v-messages,
+  .v-input--error:not(.v-input--disabled) .v-input__prepend > .v-icon,
+  .v-input--error:not(.v-input--disabled) .v-input__prepend .v-messages,
+  .v-input--error:not(.v-input--disabled) .v-input__append > .v-icon,
+  .v-input--error:not(.v-input--disabled) .v-input__append .v-messages {
+    color: rgb(var(--v-theme-error));
+  }
+  .v-input__prepend,
+  .v-input__append {
+    display: flex;
+    align-items: flex-start;
+    padding-top: var(--v-input-padding-top);
+  }
+  .v-input--center-affix .v-input__prepend,
+  .v-input--center-affix .v-input__append {
+    align-items: center;
+    padding-top: 0;
+  }
+  .v-input__prepend {
+    grid-area: prepend;
+  }
+  .v-input__append {
+    grid-area: append;
+  }
+  .v-input__control {
+    display: flex;
+    grid-area: control;
+  }
+  .v-input--hide-spin-buttons input::-webkit-outer-spin-button,
+  .v-input--hide-spin-buttons input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+  .v-input--hide-spin-buttons input[type=number] {
+    -moz-appearance: textfield;
+  }
+  .v-input--plain-underlined .v-input__prepend,
+  .v-input--plain-underlined .v-input__append {
+    align-items: flex-start;
+  }
+  .v-input--density-default.v-input--plain-underlined .v-input__prepend, .v-input--density-default.v-input--plain-underlined .v-input__append {
+    padding-top: calc(var(--v-input-padding-top) + 4px);
+  }
+  .v-input--density-comfortable.v-input--plain-underlined .v-input__prepend, .v-input--density-comfortable.v-input--plain-underlined .v-input__append {
+    padding-top: calc(var(--v-input-padding-top) + 2px);
+  }
+  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
+    padding-top: calc(var(--v-input-padding-top) + 0px);
+  }
 }

package/lib/components/VInput/VInput.mjs

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

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

@@ -88,7 +88,7 @@ type VInputSlots = {
     message: VMessageSlot;
 };
 declare const VInput: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         error: boolean;
         direction: "horizontal" | "vertical";
         style: vue.StyleValue;
@@ -129,40 +129,7 @@ declare const VInput: {
         errorMessages: ComputedRef<string[]>;
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
         'update:modelValue': (value: any) => true;
-    }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "update:modelValue" | "v-slot:message" | "v-slot:details">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        error: boolean;
-        direction: "horizontal" | "vertical";
-        style: vue.StyleValue;
-        disabled: boolean | null;
-        readonly: boolean | null;
-        messages: string | readonly string[];
-        focused: boolean;
-        errorMessages: string | readonly string[] | null;
-        maxErrors: string | number;
-        rules: readonly ValidationRule[];
-        density: Density;
-        centerAffix: boolean;
-        hideSpinButtons: boolean;
-        persistentHint: boolean;
-    } & {
-        name?: string | undefined;
-        id?: string | undefined;
-        width?: string | number | undefined;
-        maxWidth?: string | number | undefined;
-        minWidth?: string | number | undefined;
-        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;
-        prependIcon?: IconValue | undefined;
-        appendIcon?: IconValue | undefined;
-        'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
-        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-        hint?: string | undefined;
-        hideDetails?: boolean | "auto" | undefined;
-    } & {}, {
+    }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "update:modelValue" | "v-slot:message" | "v-slot:details">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         error: boolean;
         direction: "horizontal" | "vertical";
         style: vue.StyleValue;
@@ -183,7 +150,7 @@ declare const VInput: {
         append: (arg: VInputSlot) => vue.VNode[];
         details: (arg: VInputSlot) => vue.VNode[];
         message: (arg: VMessageSlot) => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -310,7 +277,7 @@ declare const VInput: {
     append: (arg: VInputSlot) => vue.VNode[];
     details: (arg: VInputSlot) => vue.VNode[];
     message: (arg: VMessageSlot) => 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: VInputSlots) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{

package/lib/components/VItemGroup/VItemGroup.css

@@ -1,6 +1,8 @@
-.v-item-group {
-  flex: 0 1 auto;
-  max-width: 100%;
-  position: relative;
-  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+@layer vuetify.components {
+  .v-item-group {
+    flex: 0 1 auto;
+    max-width: 100%;
+    position: relative;
+    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  }
 }

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

@@ -42,7 +42,7 @@ type VItemGroupSlots = {
     };
 };
 declare const VItemGroup: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         style: vue.StyleValue;
         disabled: boolean;
         multiple: boolean;
@@ -55,18 +55,7 @@ declare const VItemGroup: {
         mandatory?: boolean | "force" | undefined;
     } & {}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
         'update:modelValue': (value: any) => true;
-    }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        style: vue.StyleValue;
-        disabled: boolean;
-        multiple: boolean;
-        tag: string;
-        selectedClass: string;
-    } & {
-        max?: number | undefined;
-        class?: any;
-        theme?: string | undefined;
-        mandatory?: boolean | "force" | undefined;
-    } & {}, {
+    }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         style: vue.StyleValue;
         disabled: boolean;
         multiple: boolean;
@@ -80,7 +69,7 @@ declare const VItemGroup: {
             prev: () => void;
             selected: readonly number[];
         }) => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -135,7 +124,7 @@ declare const VItemGroup: {
         prev: () => void;
         selected: readonly number[];
     }) => 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: VItemGroupSlots) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
@@ -188,7 +177,7 @@ declare const VItemGroup: {
 type VItemGroup = InstanceType<typeof VItemGroup>;
 
 declare const VItem: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         disabled: boolean;
     } & {
         value?: any;
@@ -240,53 +229,7 @@ declare const VItem: {
         'group:selected': (val: {
             value: boolean;
         }) => true;
-    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        disabled: boolean;
-    } & {
-        value?: any;
-        selectedClass?: string | undefined;
-    } & {
-        $children?: vue.VNodeChild | {
-            default?: ((arg: {
-                isSelected: boolean | undefined;
-                selectedClass: boolean | (string | undefined)[] | undefined;
-                select: ((value: boolean) => void) | undefined;
-                toggle: (() => void) | undefined;
-                value: unknown;
-                disabled: boolean | undefined;
-            }) => vue.VNodeChild) | undefined;
-        } | ((arg: {
-            isSelected: boolean | undefined;
-            selectedClass: boolean | (string | undefined)[] | undefined;
-            select: ((value: boolean) => void) | undefined;
-            toggle: (() => void) | undefined;
-            value: unknown;
-            disabled: boolean | undefined;
-        }) => vue.VNodeChild);
-        'v-slots'?: {
-            default?: false | ((arg: {
-                isSelected: boolean | undefined;
-                selectedClass: boolean | (string | undefined)[] | undefined;
-                select: ((value: boolean) => void) | undefined;
-                toggle: (() => void) | undefined;
-                value: unknown;
-                disabled: boolean | undefined;
-            }) => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:default"?: false | ((arg: {
-            isSelected: boolean | undefined;
-            selectedClass: boolean | (string | undefined)[] | undefined;
-            select: ((value: boolean) => void) | undefined;
-            toggle: (() => void) | undefined;
-            value: unknown;
-            disabled: boolean | undefined;
-        }) => vue.VNodeChild) | undefined;
-    } & {
-        "onGroup:selected"?: ((val: {
-            value: boolean;
-        }) => any) | undefined;
-    }, {
+    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         disabled: boolean;
     }, true, {}, vue.SlotsType<Partial<{
         default: (arg: {
@@ -297,7 +240,7 @@ declare const VItem: {
             value: unknown;
             disabled: boolean | undefined;
         }) => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -421,7 +364,7 @@ declare const VItem: {
         value: unknown;
         disabled: boolean | undefined;
     }) => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     value: null;
     disabled: BooleanConstructor;
     selectedClass: StringConstructor;

package/lib/components/VKbd/VKbd.css

@@ -1,12 +1,14 @@
-.v-kbd {
-  background: rgb(var(--v-theme-kbd));
-  color: rgb(var(--v-theme-on-kbd));
-  border-radius: 3px;
-  display: inline;
-  font-size: 85%;
-  font-weight: normal;
-  padding: 0.2em 0.4rem;
-}
-.v-kbd {
-  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
+@layer vuetify.components {
+  .v-kbd {
+    background: rgb(var(--v-theme-kbd));
+    color: rgb(var(--v-theme-on-kbd));
+    border-radius: 3px;
+    display: inline;
+    font-size: 85%;
+    font-weight: normal;
+    padding: 0.2em 0.4rem;
+  }
+  .v-kbd {
+    box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
+  }
 }

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

@@ -8,7 +8,7 @@ interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions
 type ClassValue = any;
 
 declare const VKbd: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         style: vue.StyleValue;
         tag: string;
     } & {
@@ -24,26 +24,12 @@ declare const VKbd: {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
-    }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        style: vue.StyleValue;
-        tag: string;
-    } & {
-        class?: any;
-    } & {
-        $children?: vue.VNodeChild | {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | (() => vue.VNodeChild);
-        'v-slots'?: {
-            default?: false | (() => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    }, {
+    }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         style: vue.StyleValue;
         tag: string;
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -94,7 +80,7 @@ declare const VKbd: {
     tag: string;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;

package/lib/components/VLabel/VLabel.css

@@ -1,16 +1,17 @@
-.v-label {
-  align-items: center;
-  color: inherit;
-  display: inline-flex;
-  font-size: 1rem;
-  letter-spacing: 0.009375em;
-  min-width: 0;
-  opacity: var(--v-medium-emphasis-opacity);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.v-label--clickable {
-  cursor: pointer;
+@layer vuetify.components {
+  .v-label {
+    align-items: center;
+    color: inherit;
+    display: inline-flex;
+    font-size: 1rem;
+    letter-spacing: 0.009375em;
+    min-width: 0;
+    opacity: var(--v-medium-emphasis-opacity);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .v-label--clickable {
+    cursor: pointer;
+  }
 }

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

@@ -8,7 +8,7 @@ interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions
 type ClassValue = any;
 
 declare const VLabel: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         style: vue.StyleValue;
     } & {
         text?: string | undefined;
@@ -24,27 +24,11 @@ declare const VLabel: {
         } | undefined;
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        style: vue.StyleValue;
-    } & {
-        text?: string | undefined;
-        class?: any;
-        theme?: string | undefined;
-        onClick?: ((args_0: MouseEvent) => void) | undefined;
-    } & {
-        $children?: vue.VNodeChild | {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | (() => vue.VNodeChild);
-        'v-slots'?: {
-            default?: false | (() => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    }, {
+    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         style: vue.StyleValue;
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -93,7 +77,7 @@ declare const VLabel: {
     style: vue.StyleValue;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     theme: StringConstructor;
     class: vue.PropType<ClassValue>;
     style: {