@vuetify/nightly 3.6.13-3.7.0-beta.0.0-dev.2024-07-12 → 3.6.13-3.7.0-beta.0.0-dev.2024-07-25

package/lib/components/VSelect/useScrolling.mjs

@@ -62,8 +62,8 @@ export function useScrolling(listRef, textFieldRef) {
     }
   }
   return {
-    onListScroll,
-    onListKeydown
-  };
+    onScrollPassive: onListScroll,
+    onKeydown: onListKeydown
+  }; // typescript doesn't know about vue's event merging
 }
 //# sourceMappingURL=useScrolling.mjs.map

package/lib/components/VSelect/useScrolling.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useScrolling.mjs","names":["shallowRef","watch","useScrolling","listRef","textFieldRef","isScrolling","scrollTimeout","onListScroll","e","cancelAnimationFrame","value","requestAnimationFrame","finishScrolling","Promise","resolve","stop","onListKeydown","key","focus","includes","el","$el","scrollTo","top","scrollHeight","behavior","children","querySelectorAll","getBoundingClientRect","child","bottom","reverse"],"sources":["../../../src/components/VSelect/useScrolling.ts"],"sourcesContent":["// Utilities\nimport { shallowRef, watch } from 'vue'\n\n// Types\nimport type { Ref } from 'vue'\nimport type { VList } from '@/components/VList'\nimport type { VTextField } from '@/components/VTextField'\n\nexport function useScrolling (listRef: Ref<VList | undefined>, textFieldRef: Ref<VTextField | undefined>) {\n  const isScrolling = shallowRef(false)\n  let scrollTimeout: number\n  function onListScroll (e: Event) {\n    cancelAnimationFrame(scrollTimeout)\n    isScrolling.value = true\n    scrollTimeout = requestAnimationFrame(() => {\n      scrollTimeout = requestAnimationFrame(() => {\n        isScrolling.value = false\n      })\n    })\n  }\n  async function finishScrolling () {\n    await new Promise(resolve => requestAnimationFrame(resolve))\n    await new Promise(resolve => requestAnimationFrame(resolve))\n    await new Promise(resolve => requestAnimationFrame(resolve))\n    await new Promise<void>(resolve => {\n      if (isScrolling.value) {\n        const stop = watch(isScrolling, () => {\n          stop()\n          resolve()\n        })\n      } else resolve()\n    })\n  }\n  async function onListKeydown (e: KeyboardEvent) {\n    if (e.key === 'Tab') {\n      textFieldRef.value?.focus()\n    }\n\n    if (!['PageDown', 'PageUp', 'Home', 'End'].includes(e.key)) return\n    const el: HTMLElement = listRef.value?.$el\n    if (!el) return\n\n    if (e.key === 'Home' || e.key === 'End') {\n      el.scrollTo({\n        top: e.key === 'Home' ? 0 : el.scrollHeight,\n        behavior: 'smooth',\n      })\n    }\n\n    await finishScrolling()\n\n    const children = el.querySelectorAll(':scope > :not(.v-virtual-scroll__spacer)')\n\n    if (e.key === 'PageDown' || e.key === 'Home') {\n      const top = el.getBoundingClientRect().top\n      for (const child of children) {\n        if (child.getBoundingClientRect().top >= top) {\n          (child as HTMLElement).focus()\n          break\n        }\n      }\n    } else {\n      const bottom = el.getBoundingClientRect().bottom\n      for (const child of [...children].reverse()) {\n        if (child.getBoundingClientRect().bottom <= bottom) {\n          (child as HTMLElement).focus()\n          break\n        }\n      }\n    }\n  }\n\n  return { onListScroll, onListKeydown }\n}\n"],"mappings":"AAAA;AACA,SAASA,UAAU,EAAEC,KAAK,QAAQ,KAAK;;AAEvC;;AAKA,OAAO,SAASC,YAAYA,CAAEC,OAA+B,EAAEC,YAAyC,EAAE;EACxG,MAAMC,WAAW,GAAGL,UAAU,CAAC,KAAK,CAAC;EACrC,IAAIM,aAAqB;EACzB,SAASC,YAAYA,CAAEC,CAAQ,EAAE;IAC/BC,oBAAoB,CAACH,aAAa,CAAC;IACnCD,WAAW,CAACK,KAAK,GAAG,IAAI;IACxBJ,aAAa,GAAGK,qBAAqB,CAAC,MAAM;MAC1CL,aAAa,GAAGK,qBAAqB,CAAC,MAAM;QAC1CN,WAAW,CAACK,KAAK,GAAG,KAAK;MAC3B,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ;EACA,eAAeE,eAAeA,CAAA,EAAI;IAChC,MAAM,IAAIC,OAAO,CAACC,OAAO,IAAIH,qBAAqB,CAACG,OAAO,CAAC,CAAC;IAC5D,MAAM,IAAID,OAAO,CAACC,OAAO,IAAIH,qBAAqB,CAACG,OAAO,CAAC,CAAC;IAC5D,MAAM,IAAID,OAAO,CAACC,OAAO,IAAIH,qBAAqB,CAACG,OAAO,CAAC,CAAC;IAC5D,MAAM,IAAID,OAAO,CAAOC,OAAO,IAAI;MACjC,IAAIT,WAAW,CAACK,KAAK,EAAE;QACrB,MAAMK,IAAI,GAAGd,KAAK,CAACI,WAAW,EAAE,MAAM;UACpCU,IAAI,CAAC,CAAC;UACND,OAAO,CAAC,CAAC;QACX,CAAC,CAAC;MACJ,CAAC,MAAMA,OAAO,CAAC,CAAC;IAClB,CAAC,CAAC;EACJ;EACA,eAAeE,aAAaA,CAAER,CAAgB,EAAE;IAC9C,IAAIA,CAAC,CAACS,GAAG,KAAK,KAAK,EAAE;MACnBb,YAAY,CAACM,KAAK,EAAEQ,KAAK,CAAC,CAAC;IAC7B;IAEA,IAAI,CAAC,CAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,CAACC,QAAQ,CAACX,CAAC,CAACS,GAAG,CAAC,EAAE;IAC5D,MAAMG,EAAe,GAAGjB,OAAO,CAACO,KAAK,EAAEW,GAAG;IAC1C,IAAI,CAACD,EAAE,EAAE;IAET,IAAIZ,CAAC,CAACS,GAAG,KAAK,MAAM,IAAIT,CAAC,CAACS,GAAG,KAAK,KAAK,EAAE;MACvCG,EAAE,CAACE,QAAQ,CAAC;QACVC,GAAG,EAAEf,CAAC,CAACS,GAAG,KAAK,MAAM,GAAG,CAAC,GAAGG,EAAE,CAACI,YAAY;QAC3CC,QAAQ,EAAE;MACZ,CAAC,CAAC;IACJ;IAEA,MAAMb,eAAe,CAAC,CAAC;IAEvB,MAAMc,QAAQ,GAAGN,EAAE,CAACO,gBAAgB,CAAC,0CAA0C,CAAC;IAEhF,IAAInB,CAAC,CAACS,GAAG,KAAK,UAAU,IAAIT,CAAC,CAACS,GAAG,KAAK,MAAM,EAAE;MAC5C,MAAMM,GAAG,GAAGH,EAAE,CAACQ,qBAAqB,CAAC,CAAC,CAACL,GAAG;MAC1C,KAAK,MAAMM,KAAK,IAAIH,QAAQ,EAAE;QAC5B,IAAIG,KAAK,CAACD,qBAAqB,CAAC,CAAC,CAACL,GAAG,IAAIA,GAAG,EAAE;UAC3CM,KAAK,CAAiBX,KAAK,CAAC,CAAC;UAC9B;QACF;MACF;IACF,CAAC,MAAM;MACL,MAAMY,MAAM,GAAGV,EAAE,CAACQ,qBAAqB,CAAC,CAAC,CAACE,MAAM;MAChD,KAAK,MAAMD,KAAK,IAAI,CAAC,GAAGH,QAAQ,CAAC,CAACK,OAAO,CAAC,CAAC,EAAE;QAC3C,IAAIF,KAAK,CAACD,qBAAqB,CAAC,CAAC,CAACE,MAAM,IAAIA,MAAM,EAAE;UACjDD,KAAK,CAAiBX,KAAK,CAAC,CAAC;UAC9B;QACF;MACF;IACF;EACF;EAEA,OAAO;IAAEX,YAAY;IAAES;EAAc,CAAC;AACxC","ignoreList":[]}
+{"version":3,"file":"useScrolling.mjs","names":["shallowRef","watch","useScrolling","listRef","textFieldRef","isScrolling","scrollTimeout","onListScroll","e","cancelAnimationFrame","value","requestAnimationFrame","finishScrolling","Promise","resolve","stop","onListKeydown","key","focus","includes","el","$el","scrollTo","top","scrollHeight","behavior","children","querySelectorAll","getBoundingClientRect","child","bottom","reverse","onScrollPassive","onKeydown"],"sources":["../../../src/components/VSelect/useScrolling.ts"],"sourcesContent":["// Utilities\nimport { shallowRef, watch } from 'vue'\n\n// Types\nimport type { Ref } from 'vue'\nimport type { VList } from '@/components/VList'\nimport type { VTextField } from '@/components/VTextField'\n\nexport function useScrolling (listRef: Ref<VList | undefined>, textFieldRef: Ref<VTextField | undefined>) {\n  const isScrolling = shallowRef(false)\n  let scrollTimeout: number\n  function onListScroll (e: Event) {\n    cancelAnimationFrame(scrollTimeout)\n    isScrolling.value = true\n    scrollTimeout = requestAnimationFrame(() => {\n      scrollTimeout = requestAnimationFrame(() => {\n        isScrolling.value = false\n      })\n    })\n  }\n  async function finishScrolling () {\n    await new Promise(resolve => requestAnimationFrame(resolve))\n    await new Promise(resolve => requestAnimationFrame(resolve))\n    await new Promise(resolve => requestAnimationFrame(resolve))\n    await new Promise<void>(resolve => {\n      if (isScrolling.value) {\n        const stop = watch(isScrolling, () => {\n          stop()\n          resolve()\n        })\n      } else resolve()\n    })\n  }\n  async function onListKeydown (e: KeyboardEvent) {\n    if (e.key === 'Tab') {\n      textFieldRef.value?.focus()\n    }\n\n    if (!['PageDown', 'PageUp', 'Home', 'End'].includes(e.key)) return\n    const el: HTMLElement = listRef.value?.$el\n    if (!el) return\n\n    if (e.key === 'Home' || e.key === 'End') {\n      el.scrollTo({\n        top: e.key === 'Home' ? 0 : el.scrollHeight,\n        behavior: 'smooth',\n      })\n    }\n\n    await finishScrolling()\n\n    const children = el.querySelectorAll(':scope > :not(.v-virtual-scroll__spacer)')\n\n    if (e.key === 'PageDown' || e.key === 'Home') {\n      const top = el.getBoundingClientRect().top\n      for (const child of children) {\n        if (child.getBoundingClientRect().top >= top) {\n          (child as HTMLElement).focus()\n          break\n        }\n      }\n    } else {\n      const bottom = el.getBoundingClientRect().bottom\n      for (const child of [...children].reverse()) {\n        if (child.getBoundingClientRect().bottom <= bottom) {\n          (child as HTMLElement).focus()\n          break\n        }\n      }\n    }\n  }\n\n  return {\n    onScrollPassive: onListScroll,\n    onKeydown: onListKeydown,\n  } as Record<string, Function> // typescript doesn't know about vue's event merging\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -64,26 +64,26 @@ type VSelectionControlSlots = {
 };
 declare const VSelectionControl: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
-        style: vue.StyleValue;
+        inline: boolean;
         error: boolean;
+        style: vue.StyleValue;
         disabled: boolean | null;
-        readonly: boolean | null;
-        inline: boolean;
         multiple: boolean | null;
+        readonly: boolean | null;
         density: Density;
         ripple: boolean | {
             class: string;
         } | undefined;
         valueComparator: typeof deepEqual;
     } & {
-        class?: any;
-        id?: string | undefined;
-        label?: string | undefined;
         type?: string | undefined;
+        id?: string | undefined;
+        name?: string | undefined;
+        color?: string | undefined;
         value?: any;
+        label?: string | undefined;
+        class?: any;
         theme?: string | undefined;
-        color?: string | undefined;
-        name?: string | undefined;
         baseColor?: string | undefined;
         defaultsTarget?: string | undefined;
         falseIcon?: IconValue | undefined;
@@ -95,27 +95,27 @@ declare const VSelectionControl: {
         input: Ref<HTMLInputElement | undefined>;
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
         'update:modelValue': (value: any) => boolean;
-    }, "v-slot:default" | "$children" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:input" | "v-slot:label">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        style: vue.StyleValue;
+    }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:input" | "v-slot:label">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+        inline: boolean;
         error: boolean;
+        style: vue.StyleValue;
         disabled: boolean | null;
-        readonly: boolean | null;
-        inline: boolean;
         multiple: boolean | null;
+        readonly: boolean | null;
         density: Density;
         ripple: boolean | {
             class: string;
         } | undefined;
         valueComparator: typeof deepEqual;
     } & {
-        class?: any;
-        id?: string | undefined;
-        label?: string | undefined;
         type?: string | undefined;
+        id?: string | undefined;
+        name?: string | undefined;
+        color?: string | undefined;
         value?: any;
+        label?: string | undefined;
+        class?: any;
         theme?: string | undefined;
-        color?: string | undefined;
-        name?: string | undefined;
         baseColor?: string | undefined;
         defaultsTarget?: string | undefined;
         falseIcon?: IconValue | undefined;
@@ -123,12 +123,12 @@ declare const VSelectionControl: {
         trueValue?: any;
         falseValue?: any;
     } & {}, {
-        style: vue.StyleValue;
+        inline: boolean;
         error: boolean;
+        style: vue.StyleValue;
         disabled: boolean | null;
-        readonly: boolean | null;
-        inline: boolean;
         multiple: boolean | null;
+        readonly: boolean | null;
         density: Density;
         ripple: boolean | {
             class: string;
@@ -158,26 +158,26 @@ declare const VSelectionControl: {
         M: {};
         Defaults: {};
     }, {
-        style: vue.StyleValue;
+        inline: boolean;
         error: boolean;
+        style: vue.StyleValue;
         disabled: boolean | null;
-        readonly: boolean | null;
-        inline: boolean;
         multiple: boolean | null;
+        readonly: boolean | null;
         density: Density;
         ripple: boolean | {
             class: string;
         } | undefined;
         valueComparator: typeof deepEqual;
     } & {
-        class?: any;
-        id?: string | undefined;
-        label?: string | undefined;
         type?: string | undefined;
+        id?: string | undefined;
+        name?: string | undefined;
+        color?: string | undefined;
         value?: any;
+        label?: string | undefined;
+        class?: any;
         theme?: string | undefined;
-        color?: string | undefined;
-        name?: string | undefined;
         baseColor?: string | undefined;
         defaultsTarget?: string | undefined;
         falseIcon?: IconValue | undefined;
@@ -188,12 +188,12 @@ declare const VSelectionControl: {
         isFocused: vue.ShallowRef<boolean>;
         input: Ref<HTMLInputElement | undefined>;
     }, {}, {}, {}, {
-        style: vue.StyleValue;
+        inline: boolean;
         error: boolean;
+        style: vue.StyleValue;
         disabled: boolean | null;
-        readonly: boolean | null;
-        inline: boolean;
         multiple: boolean | null;
+        readonly: boolean | null;
         density: Density;
         ripple: boolean | {
             class: string;
@@ -204,26 +204,26 @@ declare const VSelectionControl: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
-    style: vue.StyleValue;
+    inline: boolean;
     error: boolean;
+    style: vue.StyleValue;
     disabled: boolean | null;
-    readonly: boolean | null;
-    inline: boolean;
     multiple: boolean | null;
+    readonly: boolean | null;
     density: Density;
     ripple: boolean | {
         class: string;
     } | undefined;
     valueComparator: typeof deepEqual;
 } & {
-    class?: any;
-    id?: string | undefined;
-    label?: string | undefined;
     type?: string | undefined;
+    id?: string | undefined;
+    name?: string | undefined;
+    color?: string | undefined;
     value?: any;
+    label?: string | undefined;
+    class?: any;
     theme?: string | undefined;
-    color?: string | undefined;
-    name?: string | undefined;
     baseColor?: string | undefined;
     defaultsTarget?: string | undefined;
     falseIcon?: IconValue | undefined;
@@ -235,13 +235,13 @@ declare const VSelectionControl: {
     input: Ref<HTMLInputElement | undefined>;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
     'update:modelValue': (value: any) => boolean;
-}, "v-slot:default" | "$children" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:input" | "v-slot:label">, string, {
-    style: vue.StyleValue;
+}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:input" | "v-slot:label">, string, {
+    inline: boolean;
     error: boolean;
+    style: vue.StyleValue;
     disabled: boolean | null;
-    readonly: boolean | null;
-    inline: boolean;
     multiple: boolean | null;
+    readonly: boolean | null;
     density: Density;
     ripple: boolean | {
         class: string;

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

@@ -39,12 +39,12 @@ declare const IconValue: PropType<IconValue>;
 
 declare const VSelectionControlGroup: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
-        style: vue.StyleValue;
+        inline: boolean;
         error: boolean;
+        style: vue.StyleValue;
         disabled: boolean | null;
-        readonly: boolean | null;
-        inline: boolean;
         multiple: boolean | null;
+        readonly: boolean | null;
         density: Density;
         ripple: boolean | {
             class: string;
@@ -52,23 +52,23 @@ declare const VSelectionControlGroup: {
         defaultsTarget: string;
         valueComparator: typeof deepEqual;
     } & {
-        class?: any;
-        id?: string | undefined;
         type?: string | undefined;
-        theme?: string | undefined;
-        color?: string | undefined;
+        id?: string | undefined;
         name?: string | undefined;
+        color?: string | undefined;
+        class?: any;
+        theme?: string | undefined;
         falseIcon?: IconValue | undefined;
         trueIcon?: IconValue | undefined;
     } & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
         'update:modelValue': (value: any) => boolean;
-    }, "v-slot:default" | "$children" | "v-slots" | "modelValue" | "update:modelValue">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        style: vue.StyleValue;
+    }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+        inline: boolean;
         error: boolean;
+        style: vue.StyleValue;
         disabled: boolean | null;
-        readonly: boolean | null;
-        inline: boolean;
         multiple: boolean | null;
+        readonly: boolean | null;
         density: Density;
         ripple: boolean | {
             class: string;
@@ -76,21 +76,21 @@ declare const VSelectionControlGroup: {
         defaultsTarget: string;
         valueComparator: typeof deepEqual;
     } & {
-        class?: any;
-        id?: string | undefined;
         type?: string | undefined;
-        theme?: string | undefined;
-        color?: string | undefined;
+        id?: string | undefined;
         name?: string | undefined;
+        color?: string | undefined;
+        class?: any;
+        theme?: string | undefined;
         falseIcon?: IconValue | undefined;
         trueIcon?: IconValue | undefined;
     } & {}, {
-        style: vue.StyleValue;
+        inline: boolean;
         error: boolean;
+        style: vue.StyleValue;
         disabled: boolean | null;
-        readonly: boolean | null;
-        inline: boolean;
         multiple: boolean | null;
+        readonly: boolean | null;
         density: Density;
         ripple: boolean | {
             class: string;
@@ -109,12 +109,12 @@ declare const VSelectionControlGroup: {
         M: {};
         Defaults: {};
     }, {
-        style: vue.StyleValue;
+        inline: boolean;
         error: boolean;
+        style: vue.StyleValue;
         disabled: boolean | null;
-        readonly: boolean | null;
-        inline: boolean;
         multiple: boolean | null;
+        readonly: boolean | null;
         density: Density;
         ripple: boolean | {
             class: string;
@@ -122,21 +122,21 @@ declare const VSelectionControlGroup: {
         defaultsTarget: string;
         valueComparator: typeof deepEqual;
     } & {
-        class?: any;
-        id?: string | undefined;
         type?: string | undefined;
-        theme?: string | undefined;
-        color?: string | undefined;
+        id?: string | undefined;
         name?: string | undefined;
+        color?: string | undefined;
+        class?: any;
+        theme?: string | undefined;
         falseIcon?: IconValue | undefined;
         trueIcon?: IconValue | undefined;
     } & {}, {}, {}, {}, {}, {
-        style: vue.StyleValue;
+        inline: boolean;
         error: boolean;
+        style: vue.StyleValue;
         disabled: boolean | null;
-        readonly: boolean | null;
-        inline: boolean;
         multiple: boolean | null;
+        readonly: boolean | null;
         density: Density;
         ripple: boolean | {
             class: string;
@@ -148,12 +148,12 @@ declare const VSelectionControlGroup: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
-    style: vue.StyleValue;
+    inline: boolean;
     error: boolean;
+    style: vue.StyleValue;
     disabled: boolean | null;
-    readonly: boolean | null;
-    inline: boolean;
     multiple: boolean | null;
+    readonly: boolean | null;
     density: Density;
     ripple: boolean | {
         class: string;
@@ -161,23 +161,23 @@ declare const VSelectionControlGroup: {
     defaultsTarget: string;
     valueComparator: typeof deepEqual;
 } & {
-    class?: any;
-    id?: string | undefined;
     type?: string | undefined;
-    theme?: string | undefined;
-    color?: string | undefined;
+    id?: string | undefined;
     name?: string | undefined;
+    color?: string | undefined;
+    class?: any;
+    theme?: string | undefined;
     falseIcon?: IconValue | undefined;
     trueIcon?: IconValue | undefined;
 } & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
     'update:modelValue': (value: any) => boolean;
-}, "v-slot:default" | "$children" | "v-slots" | "modelValue" | "update:modelValue">, string, {
-    style: vue.StyleValue;
+}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue">, string, {
+    inline: boolean;
     error: boolean;
+    style: vue.StyleValue;
     disabled: boolean | null;
-    readonly: boolean | null;
-    inline: boolean;
     multiple: boolean | null;
+    readonly: boolean | null;
     density: Density;
     ripple: boolean | {
         class: string;

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

@@ -17,20 +17,20 @@ declare const VSheet: {
         tag: string;
         tile: boolean;
     } & {
-        class?: any;
-        width?: string | number | undefined;
+        location?: Anchor | undefined;
         height?: string | number | undefined;
-        theme?: string | undefined;
-        color?: string | undefined;
+        width?: string | number | undefined;
         border?: string | number | boolean | undefined;
-        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
-        rounded?: string | number | boolean | undefined;
+        color?: string | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
+        position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
+        class?: any;
         elevation?: string | number | undefined;
-        location?: Anchor | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
     } & {
         $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -45,20 +45,20 @@ declare const VSheet: {
         tag: string;
         tile: boolean;
     } & {
-        class?: any;
-        width?: string | number | undefined;
+        location?: Anchor | undefined;
         height?: string | number | undefined;
-        theme?: string | undefined;
-        color?: string | undefined;
+        width?: string | number | undefined;
         border?: string | number | boolean | undefined;
-        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
-        rounded?: string | number | boolean | undefined;
+        color?: string | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
+        position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
+        class?: any;
         elevation?: string | number | undefined;
-        location?: Anchor | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
     } & {
         $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -89,20 +89,20 @@ declare const VSheet: {
         tag: string;
         tile: boolean;
     } & {
-        class?: any;
-        width?: string | number | undefined;
+        location?: Anchor | undefined;
         height?: string | number | undefined;
-        theme?: string | undefined;
-        color?: string | undefined;
+        width?: string | number | undefined;
         border?: string | number | boolean | undefined;
-        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
-        rounded?: string | number | boolean | undefined;
+        color?: string | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
+        position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
+        class?: any;
         elevation?: string | number | undefined;
-        location?: Anchor | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
     } & {
         $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -126,20 +126,20 @@ declare const VSheet: {
     tag: string;
     tile: boolean;
 } & {
-    class?: any;
-    width?: string | number | undefined;
+    location?: Anchor | undefined;
     height?: string | number | undefined;
-    theme?: string | undefined;
-    color?: string | undefined;
+    width?: string | number | undefined;
     border?: string | number | boolean | undefined;
-    position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
-    rounded?: string | number | boolean | undefined;
+    color?: string | undefined;
     maxHeight?: string | number | undefined;
     maxWidth?: string | number | undefined;
     minHeight?: string | number | undefined;
     minWidth?: string | number | undefined;
+    position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
+    class?: any;
     elevation?: string | number | undefined;
-    location?: Anchor | undefined;
+    theme?: string | undefined;
+    rounded?: string | number | boolean | undefined;
 } & {
     $children?: vue.VNodeChild | {
         default?: (() => vue.VNodeChild) | undefined;
@@ -165,12 +165,12 @@ declare const VSheet: {
         default: string;
     };
     rounded: {
-        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
     position: {
-        type: vue.PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
+        type: vue.PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
         validator: (v: any) => boolean;
     };
     location: vue.PropType<Anchor>;
@@ -189,7 +189,7 @@ declare const VSheet: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
     };
-    border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     color: StringConstructor;
 }, vue.ExtractPropTypes<{
     theme: StringConstructor;
@@ -198,12 +198,12 @@ declare const VSheet: {
         default: string;
     };
     rounded: {
-        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
     position: {
-        type: vue.PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
+        type: vue.PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
         validator: (v: any) => boolean;
     };
     location: vue.PropType<Anchor>;
@@ -222,7 +222,7 @@ declare const VSheet: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
     };
-    border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     color: StringConstructor;
 }>>;
 type VSheet = InstanceType<typeof VSheet>;