vuetify 3.5.7 → 3.5.9

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

@@ -321,6 +321,8 @@ declare const VSelect: {
             density: Density;
             slim: boolean;
             valueComparator: typeof deepEqual;
+            activatable: boolean;
+            selectable: boolean;
             selectStrategy: NonNullable<SelectStrategy>;
             openStrategy: NonNullable<OpenStrategyProp>;
             lines: false | "one" | "two" | "three";
@@ -337,6 +339,8 @@ declare const VSelect: {
             density: Density;
             slim: boolean;
             valueComparator: typeof deepEqual;
+            activatable: boolean;
+            selectable: boolean;
             selectStrategy: NonNullable<SelectStrategy>;
             openStrategy: NonNullable<OpenStrategyProp>;
             lines: false | "one" | "two" | "three";
@@ -350,6 +354,7 @@ declare const VSelect: {
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            activated?: readonly unknown[] | undefined;
             class?: any;
             elevation?: string | number | undefined;
             theme?: string | undefined;
@@ -357,9 +362,11 @@ declare const VSelect: {
             bgColor?: string | undefined;
             baseColor?: string | undefined;
             activeClass?: string | undefined;
+            activeStrategy?: SelectStrategy | undefined;
             activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
+            "onUpdate:activated"?: ((value: unknown[]) => any) | undefined;
             "onClick:open"?: ((value: {
                 id: unknown;
                 value: boolean;
@@ -370,6 +377,11 @@ declare const VSelect: {
                 value: boolean;
                 path: unknown[];
             }) => any) | undefined;
+            "onClick:activate"?: ((value: {
+                id: unknown;
+                value: boolean;
+                path: unknown[];
+            }) => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
             variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             nav: boolean;
@@ -381,6 +393,8 @@ declare const VSelect: {
             density: Density;
             slim: boolean;
             valueComparator: typeof deepEqual;
+            activatable: boolean;
+            selectable: boolean;
             selectStrategy: NonNullable<SelectStrategy>;
             openStrategy: NonNullable<OpenStrategyProp>;
             lines: false | "one" | "two" | "three";
@@ -395,6 +409,7 @@ declare const VSelect: {
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            activated?: readonly unknown[] | undefined;
             class?: any;
             elevation?: string | number | undefined;
             theme?: string | undefined;
@@ -402,10 +417,12 @@ declare const VSelect: {
             bgColor?: string | undefined;
             baseColor?: string | undefined;
             activeClass?: string | undefined;
+            activeStrategy?: SelectStrategy | undefined;
             activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
         } & {
+            "onUpdate:activated"?: ((value: unknown[]) => any) | undefined;
             "onClick:open"?: ((value: {
                 id: unknown;
                 value: boolean;
@@ -416,7 +433,12 @@ declare const VSelect: {
                 value: boolean;
                 path: unknown[];
             }) => any) | undefined;
-        }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
+            "onClick:activate"?: ((value: {
+                id: unknown;
+                value: boolean;
+                path: unknown[];
+            }) => any) | undefined;
+        }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
             items?: readonly any[] | undefined;
             itemTitle?: SelectItemKey<any>;
             itemValue?: SelectItemKey<any>;
@@ -862,6 +884,8 @@ declare const VSelect: {
             density: Density;
             slim: boolean;
             valueComparator: typeof deepEqual;
+            activatable: boolean;
+            selectable: boolean;
             selectStrategy: NonNullable<SelectStrategy>;
             openStrategy: NonNullable<OpenStrategyProp>;
             lines: false | "one" | "two" | "three";
@@ -878,6 +902,8 @@ declare const VSelect: {
             density: Density;
             slim: boolean;
             valueComparator: typeof deepEqual;
+            activatable: boolean;
+            selectable: boolean;
             selectStrategy: NonNullable<SelectStrategy>;
             openStrategy: NonNullable<OpenStrategyProp>;
             lines: false | "one" | "two" | "three";
@@ -891,6 +917,7 @@ declare const VSelect: {
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            activated?: readonly unknown[] | undefined;
             class?: any;
             elevation?: string | number | undefined;
             theme?: string | undefined;
@@ -898,9 +925,11 @@ declare const VSelect: {
             bgColor?: string | undefined;
             baseColor?: string | undefined;
             activeClass?: string | undefined;
+            activeStrategy?: SelectStrategy | undefined;
             activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
+            "onUpdate:activated"?: ((value: unknown[]) => any) | undefined;
             "onClick:open"?: ((value: {
                 id: unknown;
                 value: boolean;
@@ -911,6 +940,11 @@ declare const VSelect: {
                 value: boolean;
                 path: unknown[];
             }) => any) | undefined;
+            "onClick:activate"?: ((value: {
+                id: unknown;
+                value: boolean;
+                path: unknown[];
+            }) => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
             variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             nav: boolean;
@@ -922,6 +956,8 @@ declare const VSelect: {
             density: Density;
             slim: boolean;
             valueComparator: typeof deepEqual;
+            activatable: boolean;
+            selectable: boolean;
             selectStrategy: NonNullable<SelectStrategy>;
             openStrategy: NonNullable<OpenStrategyProp>;
             lines: false | "one" | "two" | "three";
@@ -936,6 +972,7 @@ declare const VSelect: {
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            activated?: readonly unknown[] | undefined;
             class?: any;
             elevation?: string | number | undefined;
             theme?: string | undefined;
@@ -943,10 +980,12 @@ declare const VSelect: {
             bgColor?: string | undefined;
             baseColor?: string | undefined;
             activeClass?: string | undefined;
+            activeStrategy?: SelectStrategy | undefined;
             activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
         } & {
+            "onUpdate:activated"?: ((value: unknown[]) => any) | undefined;
             "onClick:open"?: ((value: {
                 id: unknown;
                 value: boolean;
@@ -957,7 +996,12 @@ declare const VSelect: {
                 value: boolean;
                 path: unknown[];
             }) => any) | undefined;
-        }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
+            "onClick:activate"?: ((value: {
+                id: unknown;
+                value: boolean;
+                path: unknown[];
+            }) => any) | undefined;
+        }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
             items?: readonly any[] | undefined;
             itemTitle?: SelectItemKey<any>;
             itemValue?: SelectItemKey<any>;
@@ -1514,6 +1558,8 @@ declare const VSelect: {
             density: Density;
             slim: boolean;
             valueComparator: typeof deepEqual;
+            activatable: boolean;
+            selectable: boolean;
             selectStrategy: NonNullable<SelectStrategy>;
             openStrategy: NonNullable<OpenStrategyProp>;
             lines: false | "one" | "two" | "three";
@@ -1530,6 +1576,8 @@ declare const VSelect: {
             density: Density;
             slim: boolean;
             valueComparator: typeof deepEqual;
+            activatable: boolean;
+            selectable: boolean;
             selectStrategy: NonNullable<SelectStrategy>;
             openStrategy: NonNullable<OpenStrategyProp>;
             lines: false | "one" | "two" | "three";
@@ -1543,6 +1591,7 @@ declare const VSelect: {
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            activated?: readonly unknown[] | undefined;
             class?: any;
             elevation?: string | number | undefined;
             theme?: string | undefined;
@@ -1550,9 +1599,11 @@ declare const VSelect: {
             bgColor?: string | undefined;
             baseColor?: string | undefined;
             activeClass?: string | undefined;
+            activeStrategy?: SelectStrategy | undefined;
             activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
+            "onUpdate:activated"?: ((value: unknown[]) => any) | undefined;
             "onClick:open"?: ((value: {
                 id: unknown;
                 value: boolean;
@@ -1563,6 +1614,11 @@ declare const VSelect: {
                 value: boolean;
                 path: unknown[];
             }) => any) | undefined;
+            "onClick:activate"?: ((value: {
+                id: unknown;
+                value: boolean;
+                path: unknown[];
+            }) => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
             variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             nav: boolean;
@@ -1574,6 +1630,8 @@ declare const VSelect: {
             density: Density;
             slim: boolean;
             valueComparator: typeof deepEqual;
+            activatable: boolean;
+            selectable: boolean;
             selectStrategy: NonNullable<SelectStrategy>;
             openStrategy: NonNullable<OpenStrategyProp>;
             lines: false | "one" | "two" | "three";
@@ -1588,6 +1646,7 @@ declare const VSelect: {
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            activated?: readonly unknown[] | undefined;
             class?: any;
             elevation?: string | number | undefined;
             theme?: string | undefined;
@@ -1595,10 +1654,12 @@ declare const VSelect: {
             bgColor?: string | undefined;
             baseColor?: string | undefined;
             activeClass?: string | undefined;
+            activeStrategy?: SelectStrategy | undefined;
             activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
         } & {
+            "onUpdate:activated"?: ((value: unknown[]) => any) | undefined;
             "onClick:open"?: ((value: {
                 id: unknown;
                 value: boolean;
@@ -1609,7 +1670,12 @@ declare const VSelect: {
                 value: boolean;
                 path: unknown[];
             }) => any) | undefined;
-        }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
+            "onClick:activate"?: ((value: {
+                id: unknown;
+                value: boolean;
+                path: unknown[];
+            }) => any) | undefined;
+        }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
             items?: readonly any[] | undefined;
             itemTitle?: SelectItemKey<any>;
             itemValue?: SelectItemKey<any>;
@@ -2103,6 +2169,8 @@ declare const VSelect: {
         density: Density;
         slim: boolean;
         valueComparator: typeof deepEqual;
+        activatable: boolean;
+        selectable: boolean;
         selectStrategy: NonNullable<SelectStrategy>;
         openStrategy: NonNullable<OpenStrategyProp>;
         lines: false | "one" | "two" | "three";
@@ -2119,6 +2187,8 @@ declare const VSelect: {
         density: Density;
         slim: boolean;
         valueComparator: typeof deepEqual;
+        activatable: boolean;
+        selectable: boolean;
         selectStrategy: NonNullable<SelectStrategy>;
         openStrategy: NonNullable<OpenStrategyProp>;
         lines: false | "one" | "two" | "three";
@@ -2132,6 +2202,7 @@ declare const VSelect: {
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
+        activated?: readonly unknown[] | undefined;
         class?: any;
         elevation?: string | number | undefined;
         theme?: string | undefined;
@@ -2139,9 +2210,11 @@ declare const VSelect: {
         bgColor?: string | undefined;
         baseColor?: string | undefined;
         activeClass?: string | undefined;
+        activeStrategy?: SelectStrategy | undefined;
         activeColor?: string | undefined;
         collapseIcon?: string | undefined;
         expandIcon?: string | undefined;
+        "onUpdate:activated"?: ((value: unknown[]) => any) | undefined;
         "onClick:open"?: ((value: {
             id: unknown;
             value: boolean;
@@ -2152,6 +2225,11 @@ declare const VSelect: {
             value: boolean;
             path: unknown[];
         }) => any) | undefined;
+        "onClick:activate"?: ((value: {
+            id: unknown;
+            value: boolean;
+            path: unknown[];
+        }) => any) | undefined;
     } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         nav: boolean;
@@ -2163,6 +2241,8 @@ declare const VSelect: {
         density: Density;
         slim: boolean;
         valueComparator: typeof deepEqual;
+        activatable: boolean;
+        selectable: boolean;
         selectStrategy: NonNullable<SelectStrategy>;
         openStrategy: NonNullable<OpenStrategyProp>;
         lines: false | "one" | "two" | "three";
@@ -2177,6 +2257,7 @@ declare const VSelect: {
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
+        activated?: readonly unknown[] | undefined;
         class?: any;
         elevation?: string | number | undefined;
         theme?: string | undefined;
@@ -2184,10 +2265,12 @@ declare const VSelect: {
         bgColor?: string | undefined;
         baseColor?: string | undefined;
         activeClass?: string | undefined;
+        activeStrategy?: SelectStrategy | undefined;
         activeColor?: string | undefined;
         collapseIcon?: string | undefined;
         expandIcon?: string | undefined;
     } & {
+        "onUpdate:activated"?: ((value: unknown[]) => any) | undefined;
         "onClick:open"?: ((value: {
             id: unknown;
             value: boolean;
@@ -2198,7 +2281,12 @@ declare const VSelect: {
             value: boolean;
             path: unknown[];
         }) => any) | undefined;
-    }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
+        "onClick:activate"?: ((value: {
+            id: unknown;
+            value: boolean;
+            path: unknown[];
+        }) => any) | undefined;
+    }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
         items?: readonly any[] | undefined;
         itemTitle?: SelectItemKey<any>;
         itemValue?: SelectItemKey<any>;
@@ -2899,6 +2987,8 @@ declare const VSelect: {
             density: Density;
             slim: boolean;
             valueComparator: typeof deepEqual;
+            activatable: boolean;
+            selectable: boolean;
             selectStrategy: NonNullable<SelectStrategy>;
             openStrategy: NonNullable<OpenStrategyProp>;
             lines: false | "one" | "two" | "three";
@@ -2915,6 +3005,8 @@ declare const VSelect: {
             density: Density;
             slim: boolean;
             valueComparator: typeof deepEqual;
+            activatable: boolean;
+            selectable: boolean;
             selectStrategy: NonNullable<SelectStrategy>;
             openStrategy: NonNullable<OpenStrategyProp>;
             lines: false | "one" | "two" | "three";
@@ -2928,6 +3020,7 @@ declare const VSelect: {
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            activated?: readonly unknown[] | undefined;
             class?: any;
             elevation?: string | number | undefined;
             theme?: string | undefined;
@@ -2935,9 +3028,11 @@ declare const VSelect: {
             bgColor?: string | undefined;
             baseColor?: string | undefined;
             activeClass?: string | undefined;
+            activeStrategy?: SelectStrategy | undefined;
             activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
+            "onUpdate:activated"?: ((value: unknown[]) => any) | undefined;
             "onClick:open"?: ((value: {
                 id: unknown;
                 value: boolean;
@@ -2948,6 +3043,11 @@ declare const VSelect: {
                 value: boolean;
                 path: unknown[];
             }) => any) | undefined;
+            "onClick:activate"?: ((value: {
+                id: unknown;
+                value: boolean;
+                path: unknown[];
+            }) => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
             variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             nav: boolean;
@@ -2959,6 +3059,8 @@ declare const VSelect: {
             density: Density;
             slim: boolean;
             valueComparator: typeof deepEqual;
+            activatable: boolean;
+            selectable: boolean;
             selectStrategy: NonNullable<SelectStrategy>;
             openStrategy: NonNullable<OpenStrategyProp>;
             lines: false | "one" | "two" | "three";
@@ -2973,6 +3075,7 @@ declare const VSelect: {
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            activated?: readonly unknown[] | undefined;
             class?: any;
             elevation?: string | number | undefined;
             theme?: string | undefined;
@@ -2980,10 +3083,12 @@ declare const VSelect: {
             bgColor?: string | undefined;
             baseColor?: string | undefined;
             activeClass?: string | undefined;
+            activeStrategy?: SelectStrategy | undefined;
             activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
         } & {
+            "onUpdate:activated"?: ((value: unknown[]) => any) | undefined;
             "onClick:open"?: ((value: {
                 id: unknown;
                 value: boolean;
@@ -2994,7 +3099,12 @@ declare const VSelect: {
                 value: boolean;
                 path: unknown[];
             }) => any) | undefined;
-        }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
+            "onClick:activate"?: ((value: {
+                id: unknown;
+                value: boolean;
+                path: unknown[];
+            }) => any) | undefined;
+        }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
             items?: readonly any[] | undefined;
             itemTitle?: SelectItemKey<any>;
             itemValue?: SelectItemKey<any>;
@@ -3540,6 +3650,8 @@ declare const VSelect: {
             density: Density;
             slim: boolean;
             valueComparator: typeof deepEqual;
+            activatable: boolean;
+            selectable: boolean;
             selectStrategy: NonNullable<SelectStrategy>;
             openStrategy: NonNullable<OpenStrategyProp>;
             lines: false | "one" | "two" | "three";
@@ -3556,6 +3668,8 @@ declare const VSelect: {
             density: Density;
             slim: boolean;
             valueComparator: typeof deepEqual;
+            activatable: boolean;
+            selectable: boolean;
             selectStrategy: NonNullable<SelectStrategy>;
             openStrategy: NonNullable<OpenStrategyProp>;
             lines: false | "one" | "two" | "three";
@@ -3569,6 +3683,7 @@ declare const VSelect: {
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            activated?: readonly unknown[] | undefined;
             class?: any;
             elevation?: string | number | undefined;
             theme?: string | undefined;
@@ -3576,9 +3691,11 @@ declare const VSelect: {
             bgColor?: string | undefined;
             baseColor?: string | undefined;
             activeClass?: string | undefined;
+            activeStrategy?: SelectStrategy | undefined;
             activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
+            "onUpdate:activated"?: ((value: unknown[]) => any) | undefined;
             "onClick:open"?: ((value: {
                 id: unknown;
                 value: boolean;
@@ -3589,6 +3706,11 @@ declare const VSelect: {
                 value: boolean;
                 path: unknown[];
             }) => any) | undefined;
+            "onClick:activate"?: ((value: {
+                id: unknown;
+                value: boolean;
+                path: unknown[];
+            }) => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
             variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
             nav: boolean;
@@ -3600,6 +3722,8 @@ declare const VSelect: {
             density: Density;
             slim: boolean;
             valueComparator: typeof deepEqual;
+            activatable: boolean;
+            selectable: boolean;
             selectStrategy: NonNullable<SelectStrategy>;
             openStrategy: NonNullable<OpenStrategyProp>;
             lines: false | "one" | "two" | "three";
@@ -3614,6 +3738,7 @@ declare const VSelect: {
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            activated?: readonly unknown[] | undefined;
             class?: any;
             elevation?: string | number | undefined;
             theme?: string | undefined;
@@ -3621,10 +3746,12 @@ declare const VSelect: {
             bgColor?: string | undefined;
             baseColor?: string | undefined;
             activeClass?: string | undefined;
+            activeStrategy?: SelectStrategy | undefined;
             activeColor?: string | undefined;
             collapseIcon?: string | undefined;
             expandIcon?: string | undefined;
         } & {
+            "onUpdate:activated"?: ((value: unknown[]) => any) | undefined;
             "onClick:open"?: ((value: {
                 id: unknown;
                 value: boolean;
@@ -3635,7 +3762,12 @@ declare const VSelect: {
                 value: boolean;
                 path: unknown[];
             }) => any) | undefined;
-        }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
+            "onClick:activate"?: ((value: {
+                id: unknown;
+                value: boolean;
+                path: unknown[];
+            }) => any) | undefined;
+        }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
             items?: readonly any[] | undefined;
             itemTitle?: SelectItemKey<any>;
             itemValue?: SelectItemKey<any>;

package/lib/components/VSwitch/VSwitch.css

@@ -1,10 +1,6 @@
 .v-switch .v-label {
   padding-inline-start: 10px;
 }
-.v-switch .v-switch__thumb {
-  background-color: rgb(var(--v-theme-surface-bright));
-  color: rgb(var(--v-theme-on-surface-bright));
-}
 
 .v-switch__loader {
   display: flex;
@@ -59,6 +55,8 @@
 
 .v-switch__thumb {
   align-items: center;
+  background-color: rgb(var(--v-theme-surface-bright));
+  color: rgb(var(--v-theme-on-surface-bright));
   border-radius: 50%;
   display: flex;
   font-size: 0.75rem;
@@ -69,13 +67,19 @@
   transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
   position: relative;
   overflow: hidden;
+}
+.v-switch:not(.v-switch--inset) .v-switch__thumb {
   box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
 }
+.v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
+  background: rgb(var(--v-theme-surface-variant));
+  color: rgb(var(--v-theme-on-surface-variant));
+  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
+}
 .v-switch--inset .v-switch__thumb {
   height: 24px;
   width: 24px;
   transform: scale(0.6666666667);
-  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
 }
 .v-switch--inset .v-switch__thumb--filled {
   transform: none;

package/lib/components/VSwitch/VSwitch.mjs

@@ -71,6 +71,8 @@ export const VSwitch = genericComponent()({
       const controlProps = VSelectionControl.filterProps(props);
       return _createVNode(VInput, _mergeProps({
         "class": ['v-switch', {
+          'v-switch--flat': props.flat
+        }, {
           'v-switch--inset': props.inset
         }, {
           'v-switch--indeterminate': indeterminate.value