@vuetify/nightly 3.7.4-next.2024-11-06 → 3.7.5-dev.2024-12-16

package/lib/components/index.d.mts

@@ -1235,22 +1235,22 @@ declare const VClassIcon: {
 type VClassIcon = InstanceType<typeof VClassIcon>;
 
 interface GroupItem {
-    id: number;
+    id: string;
     value: Ref<unknown>;
     disabled: Ref<boolean | undefined>;
     useIndexAsValue?: boolean;
 }
 interface GroupProvide {
     register: (item: GroupItem, cmp: ComponentInternalInstance) => void;
-    unregister: (id: number) => void;
-    select: (id: number, value: boolean) => void;
-    selected: Ref<Readonly<number[]>>;
-    isSelected: (id: number) => boolean;
+    unregister: (id: string) => void;
+    select: (id: string, value: boolean) => void;
+    selected: Ref<Readonly<string[]>>;
+    isSelected: (id: string) => boolean;
     prev: () => void;
     next: () => void;
     selectedClass: Ref<string | undefined>;
     items: ComputedRef<{
-        id: number;
+        id: string;
         value: unknown;
         disabled: boolean | undefined;
     }[]>;
@@ -1258,7 +1258,7 @@ interface GroupProvide {
     getItemIndex: (value: unknown) => number;
 }
 interface GroupItemProvide {
-    id: number;
+    id: string;
     isSelected: Ref<boolean>;
     isFirst: Ref<boolean>;
     isLast: Ref<boolean>;
@@ -4014,8 +4014,8 @@ declare const VList: {
         activeColor?: string | undefined;
         activeClass?: string | undefined;
         activeStrategy?: ActiveStrategyProp | undefined;
-        collapseIcon?: string | undefined;
-        expandIcon?: string | undefined;
+        collapseIcon?: IconValue | undefined;
+        expandIcon?: IconValue | undefined;
     } & {
         "onUpdate:activated"?: ((value: unknown) => any) | undefined;
         "onClick:activate"?: ((value: {
@@ -4138,8 +4138,8 @@ declare const VList: {
         activeColor?: string | undefined;
         activeClass?: string | undefined;
         activeStrategy?: ActiveStrategyProp | undefined;
-        collapseIcon?: string | undefined;
-        expandIcon?: string | undefined;
+        collapseIcon?: IconValue | undefined;
+        expandIcon?: IconValue | undefined;
     } & {
         "onUpdate:activated"?: ((value: unknown) => any) | undefined;
         "onClick:activate"?: ((value: {
@@ -4214,8 +4214,8 @@ declare const VList: {
     activeColor?: string | undefined;
     activeClass?: string | undefined;
     activeStrategy?: ActiveStrategyProp | undefined;
-    collapseIcon?: string | undefined;
-    expandIcon?: string | undefined;
+    collapseIcon?: IconValue | undefined;
+    expandIcon?: IconValue | undefined;
 } & {
     "onUpdate:activated"?: ((value: unknown) => any) | undefined;
     "onClick:activate"?: ((value: {
@@ -4404,8 +4404,8 @@ declare const VList: {
     activeClass: StringConstructor;
     bgColor: StringConstructor;
     disabled: BooleanConstructor;
-    expandIcon: StringConstructor;
-    collapseIcon: StringConstructor;
+    expandIcon: PropType<IconValue>;
+    collapseIcon: PropType<IconValue>;
     lines: {
         type: PropType<"one" | "two" | "three" | false>;
         default: string;
@@ -4513,8 +4513,8 @@ declare const VList: {
     activeClass: StringConstructor;
     bgColor: StringConstructor;
     disabled: BooleanConstructor;
-    expandIcon: StringConstructor;
-    collapseIcon: StringConstructor;
+    expandIcon: PropType<IconValue>;
+    collapseIcon: PropType<IconValue>;
     lines: {
         type: PropType<"one" | "two" | "three" | false>;
         default: string;
@@ -5453,7 +5453,7 @@ declare const VMenu: {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }, {
         id: vue.ComputedRef<string>;
-        ΨopenChildren: vue.ShallowRef<Set<number>, Set<number>>;
+        ΨopenChildren: vue.ShallowRef<Set<string>, Set<string>>;
     } & Omit<Omit<{
         $: vue.ComponentInternalInstance;
         $data: {};
@@ -5866,7 +5866,7 @@ declare const VMenu: {
             updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
         } | {
             id: vue.ComputedRef<string>;
-            ΨopenChildren: vue.ShallowRef<Set<number>, Set<number>>;
+            ΨopenChildren: vue.ShallowRef<Set<string>, Set<string>>;
         };
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         'update:modelValue': (value: boolean) => true;
@@ -5999,7 +5999,7 @@ declare const VMenu: {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }, {
         id: vue.ComputedRef<string>;
-        ΨopenChildren: vue.ShallowRef<Set<number>, Set<number>>;
+        ΨopenChildren: vue.ShallowRef<Set<string>, Set<string>>;
     } & Omit<Omit<{
         $: vue.ComponentInternalInstance;
         $data: {};
@@ -6412,7 +6412,7 @@ declare const VMenu: {
             updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
         } | {
             id: vue.ComputedRef<string>;
-            ΨopenChildren: vue.ShallowRef<Set<number>, Set<number>>;
+            ΨopenChildren: vue.ShallowRef<Set<string>, Set<string>>;
         };
     }, {}, {}, {}, {
         location: Anchor | undefined;
@@ -6531,7 +6531,7 @@ declare const VMenu: {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }, {
     id: vue.ComputedRef<string>;
-    ΨopenChildren: vue.ShallowRef<Set<number>, Set<number>>;
+    ΨopenChildren: vue.ShallowRef<Set<string>, Set<string>>;
 } & Omit<Omit<{
     $: vue.ComponentInternalInstance;
     $data: {};
@@ -6944,7 +6944,7 @@ declare const VMenu: {
         updateLocation: vue.Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
     } | {
         id: vue.ComputedRef<string>;
-        ΨopenChildren: vue.ShallowRef<Set<number>, Set<number>>;
+        ΨopenChildren: vue.ShallowRef<Set<string>, Set<string>>;
     };
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: boolean) => true;
@@ -7368,8 +7368,8 @@ declare const VAutocomplete: {
             activeColor?: string | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            collapseIcon?: string | undefined;
-            expandIcon?: string | undefined;
+            collapseIcon?: IconValue | undefined;
+            expandIcon?: IconValue | undefined;
             "onUpdate:activated"?: ((value: unknown) => any) | undefined;
             "onClick:activate"?: ((value: {
                 id: unknown;
@@ -7825,8 +7825,8 @@ declare const VAutocomplete: {
             activeColor?: string | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            collapseIcon?: string | undefined;
-            expandIcon?: string | undefined;
+            collapseIcon?: IconValue | undefined;
+            expandIcon?: IconValue | undefined;
             "onUpdate:activated"?: ((value: unknown) => any) | undefined;
             "onClick:activate"?: ((value: {
                 id: unknown;
@@ -8242,8 +8242,8 @@ declare const VAutocomplete: {
         activeColor?: string | undefined;
         activeClass?: string | undefined;
         activeStrategy?: ActiveStrategyProp | undefined;
-        collapseIcon?: string | undefined;
-        expandIcon?: string | undefined;
+        collapseIcon?: IconValue | undefined;
+        expandIcon?: IconValue | undefined;
         "onUpdate:activated"?: ((value: unknown) => any) | undefined;
         "onClick:activate"?: ((value: {
             id: unknown;
@@ -12022,7 +12022,7 @@ declare const VBtnToggle: {
     } & {}, {
         next: () => void;
         prev: () => void;
-        select: (id: number, value: boolean) => void;
+        select: (id: string, value: boolean) => void;
     }, 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, {
@@ -12067,7 +12067,7 @@ declare const VBtnToggle: {
     } & {}, {
         next: () => void;
         prev: () => void;
-        select: (id: number, value: boolean) => void;
+        select: (id: string, value: boolean) => void;
     }, {}, {}, {}, {
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         style: vue.StyleValue;
@@ -12105,7 +12105,7 @@ declare const VBtnToggle: {
 } & {}, {
     next: () => void;
     prev: () => void;
-    select: (id: number, value: boolean) => void;
+    select: (id: string, value: boolean) => void;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
     'update:modelValue': (value: any) => true;
 }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue">, string, {
@@ -13470,7 +13470,7 @@ type VCarouselSlots = VWindowSlots & {
     item: {
         props: Record<string, any>;
         item: {
-            id: number;
+            id: string;
             value: unknown;
             disabled: boolean | undefined;
         };
@@ -13549,7 +13549,7 @@ declare const VCarousel: {
         item: (arg: {
             props: Record<string, any>;
             item: {
-                id: number;
+                id: string;
                 value: unknown;
                 disabled: boolean | undefined;
             };
@@ -13681,7 +13681,7 @@ declare const VCarousel: {
     item: (arg: {
         props: Record<string, any>;
         item: {
-            id: number;
+            id: string;
             value: unknown;
             disabled: boolean | undefined;
         };
@@ -15856,7 +15856,7 @@ declare const VChip: {
         closable: boolean;
         closeIcon: IconValue;
         closeLabel: string;
-        filterIcon: string;
+        filterIcon: IconValue;
         pill: boolean;
     } & {
         link?: boolean | undefined;
@@ -15872,6 +15872,7 @@ declare const VChip: {
         href?: string | undefined;
         elevation?: string | number | undefined;
         rounded?: string | number | boolean | undefined;
+        baseColor?: string | undefined;
         selectedClass?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
@@ -15966,7 +15967,7 @@ declare const VChip: {
         closable: boolean;
         closeIcon: IconValue;
         closeLabel: string;
-        filterIcon: string;
+        filterIcon: IconValue;
         pill: boolean;
     }, true, {}, vue.SlotsType<Partial<{
         default: (arg: {
@@ -16009,7 +16010,7 @@ declare const VChip: {
         closable: boolean;
         closeIcon: IconValue;
         closeLabel: string;
-        filterIcon: string;
+        filterIcon: IconValue;
         pill: boolean;
     } & {
         link?: boolean | undefined;
@@ -16025,6 +16026,7 @@ declare const VChip: {
         href?: string | undefined;
         elevation?: string | number | undefined;
         rounded?: string | number | boolean | undefined;
+        baseColor?: string | undefined;
         selectedClass?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
@@ -16112,7 +16114,7 @@ declare const VChip: {
         closable: boolean;
         closeIcon: IconValue;
         closeLabel: string;
-        filterIcon: string;
+        filterIcon: IconValue;
         pill: boolean;
     }>;
     __isFragment?: never;
@@ -16138,7 +16140,7 @@ declare const VChip: {
     closable: boolean;
     closeIcon: IconValue;
     closeLabel: string;
-    filterIcon: string;
+    filterIcon: IconValue;
     pill: boolean;
 } & {
     link?: boolean | undefined;
@@ -16154,6 +16156,7 @@ declare const VChip: {
     href?: string | undefined;
     elevation?: string | number | undefined;
     rounded?: string | number | boolean | undefined;
+    baseColor?: string | undefined;
     selectedClass?: string | undefined;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
@@ -16248,7 +16251,7 @@ declare const VChip: {
     closable: boolean;
     closeIcon: IconValue;
     closeLabel: string;
-    filterIcon: string;
+    filterIcon: IconValue;
     pill: boolean;
 }, {}, string, vue.SlotsType<Partial<{
     default: (arg: {
@@ -16316,6 +16319,7 @@ declare const VChip: {
     activeClass: StringConstructor;
     appendAvatar: StringConstructor;
     appendIcon: PropType<IconValue>;
+    baseColor: StringConstructor;
     closable: BooleanConstructor;
     closeIcon: {
         type: PropType<IconValue>;
@@ -16328,7 +16332,7 @@ declare const VChip: {
     draggable: BooleanConstructor;
     filter: BooleanConstructor;
     filterIcon: {
-        type: StringConstructor;
+        type: PropType<IconValue>;
         default: string;
     };
     label: BooleanConstructor;
@@ -16402,6 +16406,7 @@ declare const VChip: {
     activeClass: StringConstructor;
     appendAvatar: StringConstructor;
     appendIcon: PropType<IconValue>;
+    baseColor: StringConstructor;
     closable: BooleanConstructor;
     closeIcon: {
         type: PropType<IconValue>;
@@ -16414,7 +16419,7 @@ declare const VChip: {
     draggable: BooleanConstructor;
     filter: BooleanConstructor;
     filterIcon: {
-        type: StringConstructor;
+        type: PropType<IconValue>;
         default: string;
     };
     label: BooleanConstructor;
@@ -16475,11 +16480,11 @@ interface FormProps {
 
 type VChipGroupSlots = {
     default: {
-        isSelected: (id: number) => boolean;
-        select: (id: number, value: boolean) => void;
+        isSelected: (id: string) => boolean;
+        select: (id: string, value: boolean) => void;
         next: () => void;
         prev: () => void;
-        selected: readonly number[];
+        selected: readonly string[];
     };
 };
 declare const VChipGroup: {
@@ -16506,6 +16511,7 @@ declare const VChipGroup: {
         theme?: string | undefined;
         mandatory?: boolean | "force" | undefined;
         mobileBreakpoint?: number | DisplayBreakpoint | undefined;
+        baseColor?: string | undefined;
         showArrows?: string | boolean | undefined;
     } & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
         'update:modelValue': (value: any) => true;
@@ -16527,11 +16533,11 @@ declare const VChipGroup: {
         prevIcon: IconValue;
     }, true, {}, vue.SlotsType<Partial<{
         default: (arg: {
-            isSelected: (id: number) => boolean;
-            select: (id: number, value: boolean) => void;
+            isSelected: (id: string) => boolean;
+            select: (id: string, value: boolean) => void;
             next: () => void;
             prev: () => void;
-            selected: readonly number[];
+            selected: readonly string[];
         }) => vue.VNode[];
     }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
@@ -16563,6 +16569,7 @@ declare const VChipGroup: {
         theme?: string | undefined;
         mandatory?: boolean | "force" | undefined;
         mobileBreakpoint?: number | DisplayBreakpoint | undefined;
+        baseColor?: string | undefined;
         showArrows?: string | boolean | undefined;
     } & {}, {}, {}, {}, {}, {
         symbol: any;
@@ -16607,6 +16614,7 @@ declare const VChipGroup: {
     theme?: string | undefined;
     mandatory?: boolean | "force" | undefined;
     mobileBreakpoint?: number | DisplayBreakpoint | undefined;
+    baseColor?: string | undefined;
     showArrows?: string | boolean | undefined;
 } & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
     'update:modelValue': (value: any) => true;
@@ -16628,11 +16636,11 @@ declare const VChipGroup: {
     prevIcon: IconValue;
 }, {}, string, vue.SlotsType<Partial<{
     default: (arg: {
-        isSelected: (id: number) => boolean;
-        select: (id: number, value: boolean) => void;
+        isSelected: (id: string) => boolean;
+        select: (id: string, value: boolean) => void;
         next: () => void;
         prev: () => void;
-        selected: readonly number[];
+        selected: readonly string[];
     }) => vue.VNode[];
 }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
     modelValue?: T;
@@ -16698,6 +16706,7 @@ declare const VChipGroup: {
         type: (StringConstructor | BooleanConstructor)[];
         validator: (v: any) => boolean;
     };
+    baseColor: StringConstructor;
     column: BooleanConstructor;
     filter: BooleanConstructor;
     valueComparator: {
@@ -16765,6 +16774,7 @@ declare const VChipGroup: {
         type: (StringConstructor | BooleanConstructor)[];
         validator: (v: any) => boolean;
     };
+    baseColor: StringConstructor;
     column: BooleanConstructor;
     filter: BooleanConstructor;
     valueComparator: {
@@ -17443,8 +17453,8 @@ declare const VCombobox: {
             activeColor?: string | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            collapseIcon?: string | undefined;
-            expandIcon?: string | undefined;
+            collapseIcon?: IconValue | undefined;
+            expandIcon?: IconValue | undefined;
             "onUpdate:activated"?: ((value: unknown) => any) | undefined;
             "onClick:activate"?: ((value: {
                 id: unknown;
@@ -17900,8 +17910,8 @@ declare const VCombobox: {
             activeColor?: string | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            collapseIcon?: string | undefined;
-            expandIcon?: string | undefined;
+            collapseIcon?: IconValue | undefined;
+            expandIcon?: IconValue | undefined;
             "onUpdate:activated"?: ((value: unknown) => any) | undefined;
             "onClick:activate"?: ((value: {
                 id: unknown;
@@ -18317,8 +18327,8 @@ declare const VCombobox: {
         activeColor?: string | undefined;
         activeClass?: string | undefined;
         activeStrategy?: ActiveStrategyProp | undefined;
-        collapseIcon?: string | undefined;
-        expandIcon?: string | undefined;
+        collapseIcon?: IconValue | undefined;
+        expandIcon?: IconValue | undefined;
         "onUpdate:activated"?: ((value: unknown) => any) | undefined;
         "onClick:activate"?: ((value: {
             id: unknown;
@@ -19084,7 +19094,7 @@ type VConfirmEditSlots<T> = {
         save: () => void;
         cancel: () => void;
         isPristine: boolean;
-        get actions(): VNode;
+        get actions(): (props?: {}) => VNode;
     };
 };
 declare const VConfirmEdit: {
@@ -19112,9 +19122,7 @@ declare const VConfirmEdit: {
             save: () => void;
             cancel: () => void;
             isPristine: boolean;
-            readonly actions: VNode<vue.RendererNode, vue.RendererElement, {
-                [key: string]: any;
-            }>;
+            readonly actions: (props?: {}) => VNode;
         }) => VNode[];
     }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
@@ -19165,9 +19173,7 @@ declare const VConfirmEdit: {
         save: () => void;
         cancel: () => void;
         isPristine: boolean;
-        readonly actions: VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>;
+        readonly actions: (props?: {}) => VNode;
     }) => VNode[];
 }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
     modelValue?: T;
@@ -23988,7 +23994,7 @@ declare const VDatePickerHeader: {
         transition?: string | undefined;
         header?: string | undefined;
         onClick?: ((args_0: MouseEvent) => void) | undefined;
-        appendIcon?: string | undefined;
+        appendIcon?: IconValue | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             prepend?: (() => vue.VNodeChild) | undefined;
@@ -24026,7 +24032,7 @@ declare const VDatePickerHeader: {
         transition?: string | undefined;
         header?: string | undefined;
         onClick?: ((args_0: MouseEvent) => void) | undefined;
-        appendIcon?: string | undefined;
+        appendIcon?: IconValue | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             prepend?: (() => vue.VNodeChild) | undefined;
@@ -24054,7 +24060,7 @@ declare const VDatePickerHeader: {
     transition?: string | undefined;
     header?: string | undefined;
     onClick?: ((args_0: MouseEvent) => void) | undefined;
-    appendIcon?: string | undefined;
+    appendIcon?: IconValue | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         prepend?: (() => vue.VNodeChild) | undefined;
@@ -24081,13 +24087,13 @@ declare const VDatePickerHeader: {
     default: () => vue.VNode[];
     append: () => vue.VNode[];
 }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-    appendIcon: StringConstructor;
+    appendIcon: vue.PropType<IconValue>;
     color: StringConstructor;
     header: StringConstructor;
     transition: StringConstructor;
     onClick: vue.PropType<(args_0: MouseEvent) => void>;
 }, vue.ExtractPropTypes<{
-    appendIcon: StringConstructor;
+    appendIcon: vue.PropType<IconValue>;
     color: StringConstructor;
     header: StringConstructor;
     transition: StringConstructor;
@@ -32677,11 +32683,11 @@ type VInfiniteScroll = InstanceType<typeof VInfiniteScroll>;
 
 type VItemGroupSlots = {
     default: {
-        isSelected: (id: number) => boolean;
-        select: (id: number, value: boolean) => void;
+        isSelected: (id: string) => boolean;
+        select: (id: string, value: boolean) => void;
         next: () => void;
         prev: () => void;
-        selected: readonly number[];
+        selected: readonly string[];
     };
 };
 declare const VItemGroup: {
@@ -32706,11 +32712,11 @@ declare const VItemGroup: {
         selectedClass: string;
     }, true, {}, vue.SlotsType<Partial<{
         default: (arg: {
-            isSelected: (id: number) => boolean;
-            select: (id: number, value: boolean) => void;
+            isSelected: (id: string) => boolean;
+            select: (id: string, value: boolean) => void;
             next: () => void;
             prev: () => void;
-            selected: readonly number[];
+            selected: readonly string[];
         }) => vue.VNode[];
     }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
@@ -32761,11 +32767,11 @@ declare const VItemGroup: {
     selectedClass: string;
 }, {}, string, vue.SlotsType<Partial<{
     default: (arg: {
-        isSelected: (id: number) => boolean;
-        select: (id: number, value: boolean) => void;
+        isSelected: (id: string) => boolean;
+        select: (id: string, value: boolean) => void;
         next: () => void;
         prev: () => void;
-        selected: readonly number[];
+        selected: readonly string[];
     }) => vue.VNode[];
 }>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
     modelValue?: T;
@@ -38593,8 +38599,8 @@ declare const VSelect: {
             activeColor?: string | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            collapseIcon?: string | undefined;
-            expandIcon?: string | undefined;
+            collapseIcon?: IconValue | undefined;
+            expandIcon?: IconValue | undefined;
             "onUpdate:activated"?: ((value: unknown) => any) | undefined;
             "onClick:activate"?: ((value: {
                 id: unknown;
@@ -39040,8 +39046,8 @@ declare const VSelect: {
             activeColor?: string | undefined;
             activeClass?: string | undefined;
             activeStrategy?: ActiveStrategyProp | undefined;
-            collapseIcon?: string | undefined;
-            expandIcon?: string | undefined;
+            collapseIcon?: IconValue | undefined;
+            expandIcon?: IconValue | undefined;
             "onUpdate:activated"?: ((value: unknown) => any) | undefined;
             "onClick:activate"?: ((value: {
                 id: unknown;
@@ -39448,8 +39454,8 @@ declare const VSelect: {
         activeColor?: string | undefined;
         activeClass?: string | undefined;
         activeStrategy?: ActiveStrategyProp | undefined;
-        collapseIcon?: string | undefined;
-        expandIcon?: string | undefined;
+        collapseIcon?: IconValue | undefined;
+        expandIcon?: IconValue | undefined;
         "onUpdate:activated"?: ((value: unknown) => any) | undefined;
         "onClick:activate"?: ((value: {
             id: unknown;
@@ -40563,7 +40569,7 @@ declare const VSlideGroup: {
         mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         showArrows?: string | boolean | undefined;
     } & {}, {
-        selected: vue.Ref<readonly number[], readonly number[]>;
+        selected: vue.Ref<readonly string[], readonly string[]>;
         scrollTo: (location: "prev" | "next") => void;
         scrollOffset: vue.ShallowRef<number, number>;
         focus: (location?: "next" | "prev" | "first" | "last") => void;
@@ -40613,7 +40619,7 @@ declare const VSlideGroup: {
         mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         showArrows?: string | boolean | undefined;
     } & {}, {
-        selected: vue.Ref<readonly number[], readonly number[]>;
+        selected: vue.Ref<readonly string[], readonly string[]>;
         scrollTo: (location: "prev" | "next") => void;
         scrollOffset: vue.ShallowRef<number, number>;
         focus: (location?: "next" | "prev" | "first" | "last") => void;
@@ -40654,7 +40660,7 @@ declare const VSlideGroup: {
     mobileBreakpoint?: number | DisplayBreakpoint | undefined;
     showArrows?: string | boolean | undefined;
 } & {}, {
-    selected: vue.Ref<readonly number[], readonly number[]>;
+    selected: vue.Ref<readonly string[], readonly string[]>;
     scrollTo: (location: "prev" | "next") => void;
     scrollOffset: vue.ShallowRef<number, number>;
     focus: (location?: "next" | "prev" | "first" | "last") => void;
@@ -44485,15 +44491,15 @@ declare const VStepperItem: {
         ripple: boolean | {
             class: string;
         } | undefined;
-        completeIcon: string;
+        completeIcon: IconValue;
         editable: boolean;
-        editIcon: string;
-        errorIcon: string;
+        editIcon: IconValue;
+        errorIcon: IconValue;
     } & {
         color?: string | undefined;
         value?: any;
         title?: string | undefined;
-        icon?: string | undefined;
+        icon?: IconValue | undefined;
         selectedClass?: string | undefined;
         subtitle?: string | undefined;
     } & {
@@ -44530,10 +44536,10 @@ declare const VStepperItem: {
         ripple: boolean | {
             class: string;
         } | undefined;
-        completeIcon: string;
+        completeIcon: IconValue;
         editable: boolean;
-        editIcon: string;
-        errorIcon: string;
+        editIcon: IconValue;
+        errorIcon: IconValue;
     }, true, {}, vue.SlotsType<Partial<{
         default: (arg: StepperItemSlot) => vue.VNode[];
         icon: (arg: StepperItemSlot) => vue.VNode[];
@@ -44554,15 +44560,15 @@ declare const VStepperItem: {
         ripple: boolean | {
             class: string;
         } | undefined;
-        completeIcon: string;
+        completeIcon: IconValue;
         editable: boolean;
-        editIcon: string;
-        errorIcon: string;
+        editIcon: IconValue;
+        errorIcon: IconValue;
     } & {
         color?: string | undefined;
         value?: any;
         title?: string | undefined;
-        icon?: string | undefined;
+        icon?: IconValue | undefined;
         selectedClass?: string | undefined;
         subtitle?: string | undefined;
     } & {
@@ -44595,10 +44601,10 @@ declare const VStepperItem: {
         ripple: boolean | {
             class: string;
         } | undefined;
-        completeIcon: string;
+        completeIcon: IconValue;
         editable: boolean;
-        editIcon: string;
-        errorIcon: string;
+        editIcon: IconValue;
+        errorIcon: IconValue;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -44611,15 +44617,15 @@ declare const VStepperItem: {
     ripple: boolean | {
         class: string;
     } | undefined;
-    completeIcon: string;
+    completeIcon: IconValue;
     editable: boolean;
-    editIcon: string;
-    errorIcon: string;
+    editIcon: IconValue;
+    errorIcon: IconValue;
 } & {
     color?: string | undefined;
     value?: any;
     title?: string | undefined;
-    icon?: string | undefined;
+    icon?: IconValue | undefined;
     selectedClass?: string | undefined;
     subtitle?: string | undefined;
 } & {
@@ -44656,10 +44662,10 @@ declare const VStepperItem: {
     ripple: boolean | {
         class: string;
     } | undefined;
-    completeIcon: string;
+    completeIcon: IconValue;
     editable: boolean;
-    editIcon: string;
-    errorIcon: string;
+    editIcon: IconValue;
+    errorIcon: IconValue;
 }, {}, string, vue.SlotsType<Partial<{
     default: (arg: StepperItemSlot) => vue.VNode[];
     icon: (arg: StepperItemSlot) => vue.VNode[];
@@ -44674,20 +44680,20 @@ declare const VStepperItem: {
     subtitle: StringConstructor;
     complete: BooleanConstructor;
     completeIcon: {
-        type: StringConstructor;
+        type: PropType<IconValue>;
         default: string;
     };
     editable: BooleanConstructor;
     editIcon: {
-        type: StringConstructor;
+        type: PropType<IconValue>;
         default: string;
     };
     error: BooleanConstructor;
     errorIcon: {
-        type: StringConstructor;
+        type: PropType<IconValue>;
         default: string;
     };
-    icon: StringConstructor;
+    icon: PropType<IconValue>;
     ripple: {
         type: PropType<RippleDirectiveBinding["value"]>;
         default: boolean;
@@ -44705,20 +44711,20 @@ declare const VStepperItem: {
     subtitle: StringConstructor;
     complete: BooleanConstructor;
     completeIcon: {
-        type: StringConstructor;
+        type: PropType<IconValue>;
         default: string;
     };
     editable: BooleanConstructor;
     editIcon: {
-        type: StringConstructor;
+        type: PropType<IconValue>;
         default: string;
     };
     error: BooleanConstructor;
     errorIcon: {
-        type: StringConstructor;
+        type: PropType<IconValue>;
         default: string;
     };
-    icon: StringConstructor;
+    icon: PropType<IconValue>;
     ripple: {
         type: PropType<RippleDirectiveBinding["value"]>;
         default: boolean;
@@ -44773,9 +44779,9 @@ declare const VStepper: {
         modelValue?: any;
         rounded?: string | number | boolean | undefined;
         bgColor?: string | undefined;
-        completeIcon?: string | undefined;
-        editIcon?: string | undefined;
-        errorIcon?: string | undefined;
+        completeIcon?: IconValue | undefined;
+        editIcon?: IconValue | undefined;
+        errorIcon?: IconValue | undefined;
     } & {
         $children?: vue.VNodeChild | {
             [x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
@@ -44904,9 +44910,9 @@ declare const VStepper: {
         modelValue?: any;
         rounded?: string | number | boolean | undefined;
         bgColor?: string | undefined;
-        completeIcon?: string | undefined;
-        editIcon?: string | undefined;
-        errorIcon?: string | undefined;
+        completeIcon?: IconValue | undefined;
+        editIcon?: IconValue | undefined;
+        errorIcon?: IconValue | undefined;
     } & {
         $children?: vue.VNodeChild | {
             [x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
@@ -45017,9 +45023,9 @@ declare const VStepper: {
     modelValue?: any;
     rounded?: string | number | boolean | undefined;
     bgColor?: string | undefined;
-    completeIcon?: string | undefined;
-    editIcon?: string | undefined;
-    errorIcon?: string | undefined;
+    completeIcon?: IconValue | undefined;
+    editIcon?: IconValue | undefined;
+    errorIcon?: IconValue | undefined;
 } & {
     $children?: vue.VNodeChild | {
         [x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
@@ -45166,10 +45172,10 @@ declare const VStepper: {
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     altLabels: BooleanConstructor;
     bgColor: StringConstructor;
-    completeIcon: StringConstructor;
-    editIcon: StringConstructor;
+    completeIcon: PropType<IconValue>;
+    editIcon: PropType<IconValue>;
     editable: BooleanConstructor;
-    errorIcon: StringConstructor;
+    errorIcon: PropType<IconValue>;
     hideActions: BooleanConstructor;
     items: {
         type: PropType<readonly StepperItem[]>;
@@ -45248,10 +45254,10 @@ declare const VStepper: {
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     altLabels: BooleanConstructor;
     bgColor: StringConstructor;
-    completeIcon: StringConstructor;
-    editIcon: StringConstructor;
+    completeIcon: PropType<IconValue>;
+    editIcon: PropType<IconValue>;
     editable: BooleanConstructor;
-    errorIcon: StringConstructor;
+    errorIcon: PropType<IconValue>;
     hideActions: BooleanConstructor;
     items: {
         type: PropType<readonly StepperItem[]>;