vuetify 3.6.13 → 3.6.14

package/lib/components/VSwitch/VSwitch.sass

@@ -101,20 +101,20 @@
     .v-selection-control__input
       border-radius: 50%
       transition: $switch-control-input-transition
-      +tools.ltr()
+      position: absolute
+      @include tools.ltr()
         transform: translateX(-$switch-thumb-transform)
-      +tools.rtl()
+      @include tools.rtl()
         transform: translateX($switch-thumb-transform)
-      position: absolute
 
       .v-icon
         position: absolute
 
     .v-selection-control--dirty
       .v-selection-control__input
-        +tools.ltr()
+        @include tools.ltr()
           transform: translateX($switch-thumb-transform)
-        +tools.rtl()
+        @include tools.rtl()
           transform: translateX(-$switch-thumb-transform)
 
     &.v-switch--indeterminate
@@ -134,11 +134,11 @@
 
       .v-selection-control__wrapper
         transform: $switch-thumb-vertical-transform
-        
+
 @media (forced-colors: active)
   .v-switch
     .v-switch__loader
-      .v-progress-circular 
+      .v-progress-circular
         color: currentColor
 
     .v-switch__thumb
@@ -146,13 +146,13 @@
 
     .v-switch__track,
     .v-switch__thumb
-      border: 1px solid 
+      border: 1px solid
       color: buttontext
 
     &:not(.v-switch--loading):not(.v-input--disabled)
       .v-selection-control--dirty
         .v-switch__thumb
-          background-color: highlight 
+          background-color: highlight
 
     &:not(.v-input--disabled)
       .v-selection-control--dirty
@@ -188,4 +188,4 @@
       &.v-switch--inset,
       &.v-switch--indeterminate
         .v-switch__thumb
-          border-width: 0 
+          border-width: 0

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

@@ -111,22 +111,22 @@ type VSwitchSlots = VInputSlots & VSelectionControlSlots & {
 declare const VSwitch: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         flat: boolean;
-        style: vue.StyleValue;
+        inline: boolean;
         error: boolean;
-        disabled: boolean | null;
+        direction: "horizontal" | "vertical";
+        inset: boolean;
         loading: string | boolean;
+        style: vue.StyleValue;
+        disabled: boolean | null;
+        multiple: boolean | null;
+        readonly: boolean | null;
+        indeterminate: boolean;
         messages: string | readonly string[];
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        readonly: boolean | null;
         rules: readonly ValidationRule[];
-        inset: boolean;
-        inline: boolean;
-        multiple: boolean | null;
         density: Density;
-        direction: "horizontal" | "vertical";
-        indeterminate: boolean;
         ripple: boolean | {
             class: string;
         } | undefined;
@@ -135,20 +135,20 @@ declare const VSwitch: {
         hideSpinButtons: boolean;
         persistentHint: boolean;
     } & {
-        class?: any;
-        id?: string | undefined;
-        label?: string | undefined;
         type?: string | undefined;
-        value?: any;
+        id?: string | undefined;
         width?: string | number | undefined;
-        theme?: string | undefined;
-        color?: string | undefined;
         name?: string | undefined;
-        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
-        validationValue?: any;
+        color?: string | undefined;
         maxWidth?: string | number | undefined;
         minWidth?: string | number | undefined;
+        value?: any;
+        label?: string | undefined;
+        class?: any;
+        theme?: string | undefined;
+        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+        validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
+        validationValue?: any;
         baseColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
@@ -157,8 +157,8 @@ declare const VSwitch: {
         trueIcon?: IconValue | undefined;
         trueValue?: any;
         falseValue?: any;
-        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & {
@@ -168,24 +168,24 @@ declare const VSwitch: {
         'update:focused': (focused: boolean) => boolean;
         'update:modelValue': (value: any) => boolean;
         'update:indeterminate': (value: boolean) => boolean;
-    }, "v-slot:default" | "$children" | "v-slots" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "update:modelValue" | "v-slot:loader" | "v-slot:input" | "v-slot:label" | "v-slot:message" | "v-slot:details" | "v-slot:thumb" | "v-slot:track-false" | "v-slot:track-true">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+    }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "v-slot:append" | "v-slot:prepend" | "update:modelValue" | "v-slot:loader" | "v-slot:input" | "v-slot:label" | "v-slot:message" | "v-slot:details" | "v-slot:thumb" | "v-slot:track-false" | "v-slot:track-true">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         flat: boolean;
-        style: vue.StyleValue;
+        inline: boolean;
         error: boolean;
-        disabled: boolean | null;
+        direction: "horizontal" | "vertical";
+        inset: boolean;
         loading: string | boolean;
+        style: vue.StyleValue;
+        disabled: boolean | null;
+        multiple: boolean | null;
+        readonly: boolean | null;
+        indeterminate: boolean;
         messages: string | readonly string[];
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        readonly: boolean | null;
         rules: readonly ValidationRule[];
-        inset: boolean;
-        inline: boolean;
-        multiple: boolean | null;
         density: Density;
-        direction: "horizontal" | "vertical";
-        indeterminate: boolean;
         ripple: boolean | {
             class: string;
         } | undefined;
@@ -194,20 +194,20 @@ declare const VSwitch: {
         hideSpinButtons: boolean;
         persistentHint: boolean;
     } & {
-        class?: any;
-        id?: string | undefined;
-        label?: string | undefined;
         type?: string | undefined;
-        value?: any;
+        id?: string | undefined;
         width?: string | number | undefined;
-        theme?: string | undefined;
-        color?: string | undefined;
         name?: string | undefined;
-        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
-        validationValue?: any;
+        color?: string | undefined;
         maxWidth?: string | number | undefined;
         minWidth?: string | number | undefined;
+        value?: any;
+        label?: string | undefined;
+        class?: any;
+        theme?: string | undefined;
+        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+        validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
+        validationValue?: any;
         baseColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
@@ -216,8 +216,8 @@ declare const VSwitch: {
         trueIcon?: IconValue | undefined;
         trueValue?: any;
         falseValue?: any;
-        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & {
@@ -225,22 +225,22 @@ declare const VSwitch: {
         "onUpdate:indeterminate"?: ((value: boolean) => any) | undefined;
     }, {
         flat: boolean;
-        style: vue.StyleValue;
+        inline: boolean;
         error: boolean;
-        disabled: boolean | null;
+        direction: "horizontal" | "vertical";
+        inset: boolean;
         loading: string | boolean;
+        style: vue.StyleValue;
+        disabled: boolean | null;
+        multiple: boolean | null;
+        readonly: boolean | null;
+        indeterminate: boolean;
         messages: string | readonly string[];
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        readonly: boolean | null;
         rules: readonly ValidationRule[];
-        inset: boolean;
-        inline: boolean;
-        multiple: boolean | null;
         density: Density;
-        direction: "horizontal" | "vertical";
-        indeterminate: boolean;
         ripple: boolean | {
             class: string;
         } | undefined;
@@ -299,22 +299,22 @@ declare const VSwitch: {
         Defaults: {};
     }, {
         flat: boolean;
-        style: vue.StyleValue;
+        inline: boolean;
         error: boolean;
-        disabled: boolean | null;
+        direction: "horizontal" | "vertical";
+        inset: boolean;
         loading: string | boolean;
+        style: vue.StyleValue;
+        disabled: boolean | null;
+        multiple: boolean | null;
+        readonly: boolean | null;
+        indeterminate: boolean;
         messages: string | readonly string[];
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        readonly: boolean | null;
         rules: readonly ValidationRule[];
-        inset: boolean;
-        inline: boolean;
-        multiple: boolean | null;
         density: Density;
-        direction: "horizontal" | "vertical";
-        indeterminate: boolean;
         ripple: boolean | {
             class: string;
         } | undefined;
@@ -323,20 +323,20 @@ declare const VSwitch: {
         hideSpinButtons: boolean;
         persistentHint: boolean;
     } & {
-        class?: any;
-        id?: string | undefined;
-        label?: string | undefined;
         type?: string | undefined;
-        value?: any;
+        id?: string | undefined;
         width?: string | number | undefined;
-        theme?: string | undefined;
-        color?: string | undefined;
         name?: string | undefined;
-        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
-        validationValue?: any;
+        color?: string | undefined;
         maxWidth?: string | number | undefined;
         minWidth?: string | number | undefined;
+        value?: any;
+        label?: string | undefined;
+        class?: any;
+        theme?: string | undefined;
+        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+        validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
+        validationValue?: any;
         baseColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
@@ -345,8 +345,8 @@ declare const VSwitch: {
         trueIcon?: IconValue | undefined;
         trueValue?: any;
         falseValue?: any;
-        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+        'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & {
@@ -354,22 +354,22 @@ declare const VSwitch: {
         "onUpdate:indeterminate"?: ((value: boolean) => any) | undefined;
     }, {}, {}, {}, {}, {
         flat: boolean;
-        style: vue.StyleValue;
+        inline: boolean;
         error: boolean;
-        disabled: boolean | null;
+        direction: "horizontal" | "vertical";
+        inset: boolean;
         loading: string | boolean;
+        style: vue.StyleValue;
+        disabled: boolean | null;
+        multiple: boolean | null;
+        readonly: boolean | null;
+        indeterminate: boolean;
         messages: string | readonly string[];
         focused: boolean;
         errorMessages: string | readonly string[] | null;
         maxErrors: string | number;
-        readonly: boolean | null;
         rules: readonly ValidationRule[];
-        inset: boolean;
-        inline: boolean;
-        multiple: boolean | null;
         density: Density;
-        direction: "horizontal" | "vertical";
-        indeterminate: boolean;
         ripple: boolean | {
             class: string;
         } | undefined;
@@ -383,22 +383,22 @@ declare const VSwitch: {
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
     flat: boolean;
-    style: vue.StyleValue;
+    inline: boolean;
     error: boolean;
-    disabled: boolean | null;
+    direction: "horizontal" | "vertical";
+    inset: boolean;
     loading: string | boolean;
+    style: vue.StyleValue;
+    disabled: boolean | null;
+    multiple: boolean | null;
+    readonly: boolean | null;
+    indeterminate: boolean;
     messages: string | readonly string[];
     focused: boolean;
     errorMessages: string | readonly string[] | null;
     maxErrors: string | number;
-    readonly: boolean | null;
     rules: readonly ValidationRule[];
-    inset: boolean;
-    inline: boolean;
-    multiple: boolean | null;
     density: Density;
-    direction: "horizontal" | "vertical";
-    indeterminate: boolean;
     ripple: boolean | {
         class: string;
     } | undefined;
@@ -407,20 +407,20 @@ declare const VSwitch: {
     hideSpinButtons: boolean;
     persistentHint: boolean;
 } & {
-    class?: any;
-    id?: string | undefined;
-    label?: string | undefined;
     type?: string | undefined;
-    value?: any;
+    id?: string | undefined;
     width?: string | number | undefined;
-    theme?: string | undefined;
-    color?: string | undefined;
     name?: string | undefined;
-    'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-    validateOn?: ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined;
-    validationValue?: any;
+    color?: string | undefined;
     maxWidth?: string | number | undefined;
     minWidth?: string | number | undefined;
+    value?: any;
+    label?: string | undefined;
+    class?: any;
+    theme?: string | undefined;
+    'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+    validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
+    validationValue?: any;
     baseColor?: string | undefined;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
@@ -429,8 +429,8 @@ declare const VSwitch: {
     trueIcon?: IconValue | undefined;
     trueValue?: any;
     falseValue?: any;
-    'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
     'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
+    'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
     hint?: string | undefined;
     hideDetails?: boolean | "auto" | undefined;
 } & {
@@ -440,24 +440,24 @@ declare const VSwitch: {
     'update:focused': (focused: boolean) => boolean;
     'update:modelValue': (value: any) => boolean;
     'update:indeterminate': (value: boolean) => boolean;
-}, "v-slot:default" | "$children" | "v-slots" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "update:modelValue" | "v-slot:loader" | "v-slot:input" | "v-slot:label" | "v-slot:message" | "v-slot:details" | "v-slot:thumb" | "v-slot:track-false" | "v-slot:track-true">, string, {
+}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "v-slot:append" | "v-slot:prepend" | "update:modelValue" | "v-slot:loader" | "v-slot:input" | "v-slot:label" | "v-slot:message" | "v-slot:details" | "v-slot:thumb" | "v-slot:track-false" | "v-slot:track-true">, string, {
     flat: boolean;
-    style: vue.StyleValue;
+    inline: boolean;
     error: boolean;
-    disabled: boolean | null;
+    direction: "horizontal" | "vertical";
+    inset: boolean;
     loading: string | boolean;
+    style: vue.StyleValue;
+    disabled: boolean | null;
+    multiple: boolean | null;
+    readonly: boolean | null;
+    indeterminate: boolean;
     messages: string | readonly string[];
     focused: boolean;
     errorMessages: string | readonly string[] | null;
     maxErrors: string | number;
-    readonly: boolean | null;
     rules: readonly ValidationRule[];
-    inset: boolean;
-    inline: boolean;
-    multiple: boolean | null;
     density: Density;
-    direction: "horizontal" | "vertical";
-    indeterminate: boolean;
     ripple: boolean | {
         class: string;
     } | undefined;
@@ -576,7 +576,7 @@ declare const VSwitch: {
         type: vue.PropType<readonly ValidationRule[]>;
         default: () => never[];
     };
-    validateOn: vue.PropType<("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined>;
+    validateOn: vue.PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
     validationValue: null;
     width: (StringConstructor | NumberConstructor)[];
     maxWidth: (StringConstructor | NumberConstructor)[];
@@ -672,7 +672,7 @@ declare const VSwitch: {
         type: vue.PropType<readonly ValidationRule[]>;
         default: () => never[];
     };
-    validateOn: vue.PropType<("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined>;
+    validateOn: vue.PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
     validationValue: null;
     width: (StringConstructor | NumberConstructor)[];
     maxWidth: (StringConstructor | NumberConstructor)[];

package/lib/components/VSystemBar/VSystemBar.css

@@ -9,24 +9,30 @@
   position: relative;
   text-align: end;
   width: 100%;
-  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));
-  background: rgba(var(--v-theme-surface-light));
-  color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
-  font-size: 0.75rem;
-  font-weight: 400;
-  letter-spacing: 0.0333333333em;
-  line-height: 1.667;
-  text-transform: none;
 }
 .v-system-bar .v-icon {
   opacity: var(--v-medium-emphasis-opacity);
 }
+.v-system-bar {
+  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-system-bar--absolute {
   position: absolute;
 }
 .v-system-bar--fixed {
   position: fixed;
 }
+.v-system-bar {
+  background: rgba(var(--v-theme-surface-light));
+  color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
+}
+.v-system-bar {
+  font-size: 0.75rem;
+  font-weight: 400;
+  letter-spacing: 0.0333333333em;
+  line-height: 1.667;
+  text-transform: none;
+}
 .v-system-bar--rounded {
   border-radius: 0;
 }

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

@@ -7,20 +7,20 @@ interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions
 
 declare const VSystemBar: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
+        window: boolean;
+        absolute: boolean;
+        order: string | number;
         style: vue.StyleValue;
         tag: string;
-        order: string | number;
-        absolute: boolean;
         tile: boolean;
-        window: boolean;
     } & {
-        class?: any;
         height?: string | number | undefined;
-        theme?: string | undefined;
-        color?: string | undefined;
         name?: string | undefined;
-        rounded?: string | number | boolean | undefined;
+        color?: string | undefined;
+        class?: any;
         elevation?: string | number | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
     } & {
         $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -31,20 +31,20 @@ declare const VSystemBar: {
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+        window: boolean;
+        absolute: boolean;
+        order: string | number;
         style: vue.StyleValue;
         tag: string;
-        order: string | number;
-        absolute: boolean;
         tile: boolean;
-        window: boolean;
     } & {
-        class?: any;
         height?: string | number | undefined;
-        theme?: string | undefined;
-        color?: string | undefined;
         name?: string | undefined;
-        rounded?: string | number | boolean | undefined;
+        color?: string | undefined;
+        class?: any;
         elevation?: string | number | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
     } & {
         $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -55,13 +55,13 @@ declare const VSystemBar: {
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     }, {
+        window: boolean;
+        absolute: boolean;
+        order: string | number;
         style: vue.StyleValue;
         tag: string;
-        order: string | number;
-        absolute: boolean;
         rounded: string | number | boolean;
         tile: boolean;
-        window: boolean;
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
@@ -74,20 +74,20 @@ declare const VSystemBar: {
         M: {};
         Defaults: {};
     }, {
+        window: boolean;
+        absolute: boolean;
+        order: string | number;
         style: vue.StyleValue;
         tag: string;
-        order: string | number;
-        absolute: boolean;
         tile: boolean;
-        window: boolean;
     } & {
-        class?: any;
         height?: string | number | undefined;
-        theme?: string | undefined;
-        color?: string | undefined;
         name?: string | undefined;
-        rounded?: string | number | boolean | undefined;
+        color?: string | undefined;
+        class?: any;
         elevation?: string | number | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
     } & {
         $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -98,32 +98,32 @@ declare const VSystemBar: {
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     }, {}, {}, {}, {}, {
+        window: boolean;
+        absolute: boolean;
+        order: string | number;
         style: vue.StyleValue;
         tag: string;
-        order: string | number;
-        absolute: boolean;
         rounded: string | number | boolean;
         tile: boolean;
-        window: boolean;
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    window: boolean;
+    absolute: boolean;
+    order: string | number;
     style: vue.StyleValue;
     tag: string;
-    order: string | number;
-    absolute: boolean;
     tile: boolean;
-    window: boolean;
 } & {
-    class?: any;
     height?: string | number | undefined;
-    theme?: string | undefined;
-    color?: string | undefined;
     name?: string | undefined;
-    rounded?: string | number | boolean | undefined;
+    color?: string | undefined;
+    class?: any;
     elevation?: string | number | undefined;
+    theme?: string | undefined;
+    rounded?: string | number | boolean | undefined;
 } & {
     $children?: vue.VNodeChild | {
         default?: (() => vue.VNodeChild) | undefined;
@@ -134,13 +134,13 @@ declare const VSystemBar: {
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    window: boolean;
+    absolute: boolean;
+    order: string | number;
     style: vue.StyleValue;
     tag: string;
-    order: string | number;
-    absolute: boolean;
     rounded: string | number | boolean;
     tile: boolean;
-    window: boolean;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
@@ -152,7 +152,7 @@ declare const VSystemBar: {
         default: string;
     };
     rounded: {
-        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
@@ -183,7 +183,7 @@ declare const VSystemBar: {
         default: string;
     };
     rounded: {
-        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;