@vuetify/nightly 3.2.0-dev-20230214.0 → 3.2.0-dev-20230322.0

package/lib/components/VSwitch/index.d.ts

@@ -1,15 +1,19 @@
 import * as vue from 'vue';
-import { JSXComponent, PropType, WritableComputedRef, Ref, CSSProperties, ComputedRef } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, PropType, JSXComponent, WritableComputedRef, Ref, CSSProperties, ComputedRef } from 'vue';
 
-type Density = null | 'default' | 'comfortable' | 'compact';
-
-type IconValue = string | JSXComponent;
-declare const IconValue: PropType<IconValue>;
+interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
+    filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): [yes: Partial<Pick<T, U>>, no: Omit<T, U>];
+}
 
 declare function deepEqual(a: any, b: any): boolean;
 type EventProp<T = (...args: any[]) => any> = T | T[];
 declare const EventProp: PropType<EventProp<(...args: any[]) => any>>;
 
+type Density = null | 'default' | 'comfortable' | 'compact';
+
+type IconValue = string | JSXComponent;
+declare const IconValue: PropType<IconValue>;
+
 type SelectionControlSlot = {
     model: WritableComputedRef<any>;
     textColorClasses: Ref<string[]>;
@@ -38,7 +42,352 @@ interface VInputSlot {
     validate: () => void;
 }
 
-declare const VSwitch: vue.DefineComponent<{
+declare const VSwitch: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            flat: boolean;
+            inline: boolean;
+            error: boolean;
+            direction: "horizontal" | "vertical";
+            inset: boolean;
+            loading: string | boolean;
+            disabled: boolean;
+            multiple: boolean | null;
+            readonly: boolean;
+            indeterminate: boolean;
+            messages: string | string[];
+            density: Density;
+            ripple: boolean;
+            focused: boolean;
+            errorMessages: string | string[];
+            maxErrors: string | number;
+            rules: ValidationRule[];
+            valueComparator: typeof deepEqual;
+        }> & Omit<{
+            flat: boolean;
+            inline: boolean;
+            error: boolean;
+            direction: "horizontal" | "vertical";
+            inset: boolean;
+            loading: string | boolean;
+            disabled: boolean;
+            multiple: boolean | null;
+            readonly: boolean;
+            indeterminate: boolean;
+            messages: string | string[];
+            density: Density;
+            ripple: boolean;
+            focused: boolean;
+            errorMessages: string | string[];
+            maxErrors: string | number;
+            rules: ValidationRule[];
+            valueComparator: typeof deepEqual;
+        } & {
+            type?: string | undefined;
+            id?: string | undefined;
+            name?: string | undefined;
+            color?: string | undefined;
+            value?: any;
+            label?: string | undefined;
+            theme?: string | undefined;
+            modelValue?: any;
+            prependIcon?: IconValue | undefined;
+            appendIcon?: IconValue | undefined;
+            'onClick:append'?: EventProp<(...args: any[]) => any> | undefined;
+            'onClick:prepend'?: EventProp<(...args: any[]) => any> | undefined;
+            validateOn?: "input" | "blur" | "submit" | undefined;
+            validationValue?: any;
+            hideDetails?: boolean | "auto" | undefined;
+            falseIcon?: IconValue | undefined;
+            trueIcon?: IconValue | undefined;
+            trueValue?: any;
+            falseValue?: any;
+        } & {
+            $children?: {} | vue.VNodeChild | {
+                default?: (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+                prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                label?: ((args_0: {
+                    label: string | undefined;
+                    props: Record<string, unknown>;
+                }) => vue.VNodeChild) | undefined;
+                input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+                prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                label?: ((args_0: {
+                    label: string | undefined;
+                    props: Record<string, unknown>;
+                }) => vue.VNodeChild) | undefined;
+                input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+                prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                label?: false | ((args_0: {
+                    label: string | undefined;
+                    props: Record<string, unknown>;
+                }) => vue.VNodeChild) | undefined;
+                input?: false | ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+            "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:label"?: false | ((args_0: {
+                label: string | undefined;
+                props: Record<string, unknown>;
+            }) => vue.VNodeChild) | undefined;
+            "v-slot:input"?: false | ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
+        } & {
+            "onUpdate:modelValue"?: (() => any) | undefined;
+            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+            "onUpdate:indeterminate"?: ((val: boolean) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "inline" | "error" | "direction" | "inset" | "loading" | "disabled" | "multiple" | "readonly" | "indeterminate" | "messages" | "density" | "ripple" | "focused" | "errorMessages" | "maxErrors" | "rules" | "valueComparator">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: vue.Slot | undefined;
+        }>;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $emit: ((event: "update:modelValue") => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "update:indeterminate", val: boolean) => void);
+        $el: any;
+        $options: vue.ComponentOptionsBase<{
+            flat: boolean;
+            inline: boolean;
+            error: boolean;
+            direction: "horizontal" | "vertical";
+            inset: boolean;
+            loading: string | boolean;
+            disabled: boolean;
+            multiple: boolean | null;
+            readonly: boolean;
+            indeterminate: boolean;
+            messages: string | string[];
+            density: Density;
+            ripple: boolean;
+            focused: boolean;
+            errorMessages: string | string[];
+            maxErrors: string | number;
+            rules: ValidationRule[];
+            valueComparator: typeof deepEqual;
+        } & {
+            type?: string | undefined;
+            id?: string | undefined;
+            name?: string | undefined;
+            color?: string | undefined;
+            value?: any;
+            label?: string | undefined;
+            theme?: string | undefined;
+            modelValue?: any;
+            prependIcon?: IconValue | undefined;
+            appendIcon?: IconValue | undefined;
+            'onClick:append'?: EventProp<(...args: any[]) => any> | undefined;
+            'onClick:prepend'?: EventProp<(...args: any[]) => any> | undefined;
+            validateOn?: "input" | "blur" | "submit" | undefined;
+            validationValue?: any;
+            hideDetails?: boolean | "auto" | undefined;
+            falseIcon?: IconValue | undefined;
+            trueIcon?: IconValue | undefined;
+            trueValue?: any;
+            falseValue?: any;
+        } & {
+            $children?: {} | vue.VNodeChild | {
+                default?: (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+                prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                label?: ((args_0: {
+                    label: string | undefined;
+                    props: Record<string, unknown>;
+                }) => vue.VNodeChild) | undefined;
+                input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+                prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                label?: ((args_0: {
+                    label: string | undefined;
+                    props: Record<string, unknown>;
+                }) => vue.VNodeChild) | undefined;
+                input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+                prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+                label?: false | ((args_0: {
+                    label: string | undefined;
+                    props: Record<string, unknown>;
+                }) => vue.VNodeChild) | undefined;
+                input?: false | ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+            "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:label"?: false | ((args_0: {
+                label: string | undefined;
+                props: Record<string, unknown>;
+            }) => vue.VNodeChild) | undefined;
+            "v-slot:input"?: false | ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
+        } & {
+            "onUpdate:modelValue"?: (() => any) | undefined;
+            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+            "onUpdate:indeterminate"?: ((val: boolean) => any) | undefined;
+        }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            'update:focused': (focused: boolean) => boolean;
+            'update:modelValue': () => boolean;
+            'update:indeterminate': (val: boolean) => boolean;
+        }, string, {
+            flat: boolean;
+            inline: boolean;
+            error: boolean;
+            direction: "horizontal" | "vertical";
+            inset: boolean;
+            loading: string | boolean;
+            disabled: boolean;
+            multiple: boolean | null;
+            readonly: boolean;
+            indeterminate: boolean;
+            messages: string | string[];
+            density: Density;
+            ripple: boolean;
+            focused: boolean;
+            errorMessages: string | string[];
+            maxErrors: string | number;
+            rules: ValidationRule[];
+            valueComparator: typeof deepEqual;
+        }, {}, string> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof vue.nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
+    } & {
+        flat: boolean;
+        inline: boolean;
+        error: boolean;
+        direction: "horizontal" | "vertical";
+        inset: boolean;
+        loading: string | boolean;
+        disabled: boolean;
+        multiple: boolean | null;
+        readonly: boolean;
+        indeterminate: boolean;
+        messages: string | string[];
+        density: Density;
+        ripple: boolean;
+        focused: boolean;
+        errorMessages: string | string[];
+        maxErrors: string | number;
+        rules: ValidationRule[];
+        valueComparator: typeof deepEqual;
+    } & {
+        type?: string | undefined;
+        id?: string | undefined;
+        name?: string | undefined;
+        color?: string | undefined;
+        value?: any;
+        label?: string | undefined;
+        theme?: string | undefined;
+        modelValue?: any;
+        prependIcon?: IconValue | undefined;
+        appendIcon?: IconValue | undefined;
+        'onClick:append'?: EventProp<(...args: any[]) => any> | undefined;
+        'onClick:prepend'?: EventProp<(...args: any[]) => any> | undefined;
+        validateOn?: "input" | "blur" | "submit" | undefined;
+        validationValue?: any;
+        hideDetails?: boolean | "auto" | undefined;
+        falseIcon?: IconValue | undefined;
+        trueIcon?: IconValue | undefined;
+        trueValue?: any;
+        falseValue?: any;
+    } & {
+        $children?: {} | vue.VNodeChild | {
+            default?: (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+            prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            label?: ((args_0: {
+                label: string | undefined;
+                props: Record<string, unknown>;
+            }) => vue.VNodeChild) | undefined;
+            input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
+        };
+        $slots?: {
+            default?: (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+            prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            label?: ((args_0: {
+                label: string | undefined;
+                props: Record<string, unknown>;
+            }) => vue.VNodeChild) | undefined;
+            input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
+        } | undefined;
+        'v-slots'?: {
+            default?: false | (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+            prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            label?: false | ((args_0: {
+                label: string | undefined;
+                props: Record<string, unknown>;
+            }) => vue.VNodeChild) | undefined;
+            input?: false | ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
+        "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:label"?: false | ((args_0: {
+            label: string | undefined;
+            props: Record<string, unknown>;
+        }) => vue.VNodeChild) | undefined;
+        "v-slot:input"?: false | ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
+    } & {
+        "onUpdate:modelValue"?: (() => any) | undefined;
+        "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+        "onUpdate:indeterminate"?: ((val: boolean) => any) | undefined;
+    } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<{
     flat: boolean;
     inline: boolean;
     error: boolean;
@@ -89,72 +438,7 @@ declare const VSwitch: vue.DefineComponent<{
         }) => vue.VNodeChild) | undefined;
         input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
     };
-    'v-slots'?: {
-        default?: false | (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
-        prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        label?: false | ((args_0: {
-            label: string | undefined;
-            props: Record<string, unknown>;
-        }) => vue.VNodeChild) | undefined;
-        input?: false | ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
-    } | undefined;
-} & {
-    "v-slot:default"?: false | (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
-    "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-    "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-    "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-    "v-slot:label"?: false | ((args_0: {
-        label: string | undefined;
-        props: Record<string, unknown>;
-    }) => vue.VNodeChild) | undefined;
-    "v-slot:input"?: false | ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'update:focused': (focused: boolean) => boolean;
-    'update:modelValue': () => boolean;
-    'update:indeterminate': (val: boolean) => boolean;
-}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
-    flat: boolean;
-    inline: boolean;
-    error: boolean;
-    direction: "horizontal" | "vertical";
-    inset: boolean;
-    loading: string | boolean;
-    disabled: boolean;
-    multiple: boolean | null;
-    readonly: boolean;
-    indeterminate: boolean;
-    messages: string | string[];
-    density: Density;
-    ripple: boolean;
-    focused: boolean;
-    errorMessages: string | string[];
-    maxErrors: string | number;
-    rules: ValidationRule[];
-    valueComparator: typeof deepEqual;
-} & {
-    type?: string | undefined;
-    id?: string | undefined;
-    name?: string | undefined;
-    color?: string | undefined;
-    value?: any;
-    label?: string | undefined;
-    theme?: string | undefined;
-    modelValue?: any;
-    prependIcon?: IconValue | undefined;
-    appendIcon?: IconValue | undefined;
-    'onClick:append'?: EventProp<(...args: any[]) => any> | undefined;
-    'onClick:prepend'?: EventProp<(...args: any[]) => any> | undefined;
-    validateOn?: "input" | "blur" | "submit" | undefined;
-    validationValue?: any;
-    hideDetails?: boolean | "auto" | undefined;
-    falseIcon?: IconValue | undefined;
-    trueIcon?: IconValue | undefined;
-    trueValue?: any;
-    falseValue?: any;
-} & {
-    $children?: {} | vue.VNodeChild | {
+    $slots?: {
         default?: (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
         prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -164,7 +448,7 @@ declare const VSwitch: vue.DefineComponent<{
             props: Record<string, unknown>;
         }) => vue.VNodeChild) | undefined;
         input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
-    };
+    } | undefined;
     'v-slots'?: {
         default?: false | (((args_0: VInputSlot) => vue.VNodeChild) & (() => vue.VNodeChild)) | undefined;
         prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
@@ -190,7 +474,11 @@ declare const VSwitch: vue.DefineComponent<{
     "onUpdate:modelValue"?: (() => any) | undefined;
     "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
     "onUpdate:indeterminate"?: ((val: boolean) => any) | undefined;
-}, {
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:focused': (focused: boolean) => boolean;
+    'update:modelValue': () => boolean;
+    'update:indeterminate': (val: boolean) => boolean;
+}, string, {
     flat: boolean;
     inline: boolean;
     error: boolean;
@@ -209,7 +497,147 @@ declare const VSwitch: vue.DefineComponent<{
     maxErrors: string | number;
     rules: ValidationRule[];
     valueComparator: typeof deepEqual;
-}>;
+}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    theme: StringConstructor;
+    color: StringConstructor;
+    disabled: BooleanConstructor;
+    error: BooleanConstructor;
+    id: StringConstructor;
+    inline: BooleanConstructor;
+    falseIcon: vue.PropType<IconValue>;
+    trueIcon: vue.PropType<IconValue>;
+    ripple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: vue.PropType<boolean | null>;
+        default: null;
+    };
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    modelValue: null;
+    type: StringConstructor;
+    valueComparator: {
+        type: vue.PropType<typeof deepEqual>;
+        default: typeof deepEqual;
+    };
+    label: StringConstructor;
+    trueValue: null;
+    falseValue: null;
+    value: null;
+    focused: BooleanConstructor;
+    errorMessages: {
+        type: vue.PropType<string | string[]>;
+        default: () => never[];
+    };
+    maxErrors: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    rules: {
+        type: vue.PropType<ValidationRule[]>;
+        default: () => never[];
+    };
+    validateOn: vue.PropType<"input" | "blur" | "submit" | undefined>;
+    validationValue: null;
+    appendIcon: vue.PropType<IconValue>;
+    prependIcon: vue.PropType<IconValue>;
+    hideDetails: vue.PropType<boolean | "auto">;
+    messages: {
+        type: vue.PropType<string | string[]>;
+        default: () => never[];
+    };
+    direction: {
+        type: vue.PropType<"horizontal" | "vertical">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    'onClick:prepend': vue.PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:append': vue.PropType<EventProp<(...args: any[]) => any>>;
+    indeterminate: BooleanConstructor;
+    inset: BooleanConstructor;
+    flat: BooleanConstructor;
+    loading: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
+}, vue.ExtractPropTypes<{
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    theme: StringConstructor;
+    color: StringConstructor;
+    disabled: BooleanConstructor;
+    error: BooleanConstructor;
+    id: StringConstructor;
+    inline: BooleanConstructor;
+    falseIcon: vue.PropType<IconValue>;
+    trueIcon: vue.PropType<IconValue>;
+    ripple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: vue.PropType<boolean | null>;
+        default: null;
+    };
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    modelValue: null;
+    type: StringConstructor;
+    valueComparator: {
+        type: vue.PropType<typeof deepEqual>;
+        default: typeof deepEqual;
+    };
+    label: StringConstructor;
+    trueValue: null;
+    falseValue: null;
+    value: null;
+    focused: BooleanConstructor;
+    errorMessages: {
+        type: vue.PropType<string | string[]>;
+        default: () => never[];
+    };
+    maxErrors: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    rules: {
+        type: vue.PropType<ValidationRule[]>;
+        default: () => never[];
+    };
+    validateOn: vue.PropType<"input" | "blur" | "submit" | undefined>;
+    validationValue: null;
+    appendIcon: vue.PropType<IconValue>;
+    prependIcon: vue.PropType<IconValue>;
+    hideDetails: vue.PropType<boolean | "auto">;
+    messages: {
+        type: vue.PropType<string | string[]>;
+        default: () => never[];
+    };
+    direction: {
+        type: vue.PropType<"horizontal" | "vertical">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    'onClick:prepend': vue.PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:append': vue.PropType<EventProp<(...args: any[]) => any>>;
+    indeterminate: BooleanConstructor;
+    inset: BooleanConstructor;
+    flat: BooleanConstructor;
+    loading: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
+}>>;
 type VSwitch = InstanceType<typeof VSwitch>;
 
 export { VSwitch };

package/lib/components/VSystemBar/VSystemBar.css

@@ -5,7 +5,8 @@
   height: 24px;
   justify-content: flex-end;
   max-width: 100%;
-  padding: 0 8px;
+  padding-inline-start: 8px;
+  padding-inline-end: 8px;
   position: relative;
   text-align: end;
   width: 100%;
@@ -32,4 +33,7 @@
 }
 .v-system-bar--window {
   height: 32px;
+}
+.v-system-bar:not(.v-system-bar--absolute) {
+  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
 }

package/lib/components/VSystemBar/VSystemBar.mjs

@@ -8,7 +8,8 @@ import { makeLayoutItemProps, useLayoutItem } from "../../composables/layout.mjs
 import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
-import { useBackgroundColor } from "../../composables/color.mjs"; // Utilities
+import { useBackgroundColor } from "../../composables/color.mjs";
+import { useSsrBoot } from "../../composables/ssrBoot.mjs"; // Utilities
 import { computed, ref, toRef } from 'vue';
 import { genericComponent, useRender } from "../../util/index.mjs";
 export const VSystemBar = genericComponent()({
@@ -40,6 +41,9 @@ export const VSystemBar = genericComponent()({
     const {
       roundedClasses
     } = useRounded(props);
+    const {
+      ssrBootStyles
+    } = useSsrBoot();
     const height = computed(() => props.height ?? (props.window ? 32 : 24));
     const {
       layoutItemStyles
@@ -56,7 +60,7 @@ export const VSystemBar = genericComponent()({
       "class": ['v-system-bar', {
         'v-system-bar--window': props.window
       }, themeClasses.value, backgroundColorClasses.value, elevationClasses.value, roundedClasses.value],
-      "style": [backgroundColorStyles.value, layoutItemStyles.value]
+      "style": [backgroundColorStyles.value, layoutItemStyles.value, ssrBootStyles.value]
     }, slots));
     return {};
   }