@vuetify/nightly 4.0.0-dev-20230426.0 → 4.0.0-dev-20230427.0

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

@@ -10,25 +10,25 @@ declare const VLabel: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            style: vue.StyleValue;
             clickable: boolean;
         }> & Omit<{
+            style: vue.StyleValue;
             clickable: boolean;
         } & {
             text?: string | undefined;
+            class?: any;
             theme?: string | undefined;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "clickable">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style" | "clickable">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -43,23 +43,23 @@ declare const VLabel: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
+            style: vue.StyleValue;
             clickable: boolean;
         } & {
             text?: string | undefined;
+            class?: any;
             theme?: string | undefined;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            style: vue.StyleValue;
             clickable: boolean;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -82,17 +82,16 @@ declare const VLabel: {
         $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;
     } & {
+        style: vue.StyleValue;
         clickable: boolean;
     } & {
         text?: string | undefined;
+        class?: any;
         theme?: string | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -103,30 +102,40 @@ declare const VLabel: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    style: vue.StyleValue;
     clickable: boolean;
 } & {
     text?: string | undefined;
+    class?: any;
     theme?: string | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    style: vue.StyleValue;
     clickable: boolean;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     theme: StringConstructor;
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     text: StringConstructor;
     clickable: BooleanConstructor;
 }, vue.ExtractPropTypes<{
     theme: StringConstructor;
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     text: StringConstructor;
     clickable: BooleanConstructor;
 }>>;

package/lib/components/VLayout/VLayout.mjs

@@ -3,11 +3,15 @@ import { createVNode as _createVNode } from "vue";
 import "./VLayout.css";
 
 // Composables
-import { createLayout, makeLayoutProps } from "../../composables/layout.mjs"; // Utilities
+import { createLayout, makeLayoutProps } from "../../composables/layout.mjs";
+import { makeComponentProps } from "../../composables/component.mjs"; // Utilities
 import { genericComponent, useRender } from "../../util/index.mjs";
 export const VLayout = genericComponent()({
   name: 'VLayout',
-  props: makeLayoutProps(),
+  props: {
+    ...makeComponentProps(),
+    ...makeLayoutProps()
+  },
   setup(props, _ref) {
     let {
       slots
@@ -21,8 +25,8 @@ export const VLayout = genericComponent()({
     } = createLayout(props);
     useRender(() => _createVNode("div", {
       "ref": layoutRef,
-      "class": layoutClasses.value,
-      "style": layoutStyles.value
+      "class": [layoutClasses.value, props.class],
+      "style": [layoutStyles.value, props.style]
     }, [slots.default?.()]));
     return {
       getLayoutItem,

package/lib/components/VLayout/VLayout.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VLayout.mjs","names":["createLayout","makeLayoutProps","genericComponent","useRender","VLayout","name","props","setup","_ref","slots","layoutClasses","layoutStyles","getLayoutItem","items","layoutRef","_createVNode","value","default"],"sources":["../../../src/components/VLayout/VLayout.tsx"],"sourcesContent":["// Styles\nimport './VLayout.sass'\n\n// Composables\nimport { createLayout, makeLayoutProps } from '@/composables/layout'\n\n// Utilities\nimport { genericComponent, useRender } from '@/util'\n\nexport const VLayout = genericComponent()({\n  name: 'VLayout',\n\n  props: makeLayoutProps(),\n\n  setup (props, { slots }) {\n    const { layoutClasses, layoutStyles, getLayoutItem, items, layoutRef } = createLayout(props)\n\n    useRender(() => (\n      <div ref={ layoutRef } class={ layoutClasses.value } style={ layoutStyles.value }>\n        { slots.default?.() }\n      </div>\n    ))\n\n    return {\n      getLayoutItem,\n      items,\n    }\n  },\n})\n\nexport type VLayout = InstanceType<typeof VLayout>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,YAAY,EAAEC,eAAe,wCAEtC;AAAA,SACSC,gBAAgB,EAAEC,SAAS;AAEpC,OAAO,MAAMC,OAAO,GAAGF,gBAAgB,EAAE,CAAC;EACxCG,IAAI,EAAE,SAAS;EAEfC,KAAK,EAAEL,eAAe,EAAE;EAExBM,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE,aAAa;MAAEC,YAAY;MAAEC,aAAa;MAAEC,KAAK;MAAEC;IAAU,CAAC,GAAGd,YAAY,CAACM,KAAK,CAAC;IAE5FH,SAAS,CAAC,MAAAY,YAAA;MAAA,OACGD,SAAS;MAAA,SAAWJ,aAAa,CAACM,KAAK;MAAA,SAAWL,YAAY,CAACK;IAAK,IAC3EP,KAAK,CAACQ,OAAO,IAAI,EAEtB,CAAC;IAEF,OAAO;MACLL,aAAa;MACbC;IACF,CAAC;EACH;AACF,CAAC,CAAC"}
+{"version":3,"file":"VLayout.mjs","names":["createLayout","makeLayoutProps","makeComponentProps","genericComponent","useRender","VLayout","name","props","setup","_ref","slots","layoutClasses","layoutStyles","getLayoutItem","items","layoutRef","_createVNode","value","class","style","default"],"sources":["../../../src/components/VLayout/VLayout.tsx"],"sourcesContent":["// Styles\nimport './VLayout.sass'\n\n// Composables\nimport { createLayout, makeLayoutProps } from '@/composables/layout'\nimport { makeComponentProps } from '@/composables/component'\n\n// Utilities\nimport { genericComponent, useRender } from '@/util'\n\nexport const VLayout = genericComponent()({\n  name: 'VLayout',\n\n  props: {\n    ...makeComponentProps(),\n    ...makeLayoutProps(),\n  },\n\n  setup (props, { slots }) {\n    const { layoutClasses, layoutStyles, getLayoutItem, items, layoutRef } = createLayout(props)\n\n    useRender(() => (\n      <div\n        ref={ layoutRef }\n        class={[\n          layoutClasses.value,\n          props.class,\n        ]}\n        style={[\n          layoutStyles.value,\n          props.style,\n        ]}\n      >\n        { slots.default?.() }\n      </div>\n    ))\n\n    return {\n      getLayoutItem,\n      items,\n    }\n  },\n})\n\nexport type VLayout = InstanceType<typeof VLayout>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,YAAY,EAAEC,eAAe;AAAA,SAC7BC,kBAAkB,2CAE3B;AAAA,SACSC,gBAAgB,EAAEC,SAAS;AAEpC,OAAO,MAAMC,OAAO,GAAGF,gBAAgB,EAAE,CAAC;EACxCG,IAAI,EAAE,SAAS;EAEfC,KAAK,EAAE;IACL,GAAGL,kBAAkB,EAAE;IACvB,GAAGD,eAAe;EACpB,CAAC;EAEDO,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE,aAAa;MAAEC,YAAY;MAAEC,aAAa;MAAEC,KAAK;MAAEC;IAAU,CAAC,GAAGf,YAAY,CAACO,KAAK,CAAC;IAE5FH,SAAS,CAAC,MAAAY,YAAA;MAAA,OAEAD,SAAS;MAAA,SACR,CACLJ,aAAa,CAACM,KAAK,EACnBV,KAAK,CAACW,KAAK,CACZ;MAAA,SACM,CACLN,YAAY,CAACK,KAAK,EAClBV,KAAK,CAACY,KAAK;IACZ,IAECT,KAAK,CAACU,OAAO,IAAI,EAEtB,CAAC;IAEF,OAAO;MACLP,aAAa;MACbC;IACF,CAAC;EACH;AACF,CAAC,CAAC"}

package/lib/components/VLayout/VLayoutItem.mjs

@@ -3,6 +3,7 @@ import { createVNode as _createVNode } from "vue";
 import "./VLayoutItem.css";
 
 // Composables
+import { makeComponentProps } from "../../composables/component.mjs";
 import { makeLayoutItemProps, useLayoutItem } from "../../composables/layout.mjs"; // Utilities
 import { computed, toRef } from 'vue';
 import { genericComponent } from "../../util/index.mjs"; // Types
@@ -18,6 +19,7 @@ export const VLayoutItem = genericComponent()({
       default: 300
     },
     modelValue: Boolean,
+    ...makeComponentProps(),
     ...makeLayoutItemProps()
   },
   setup(props, _ref) {
@@ -36,8 +38,8 @@ export const VLayoutItem = genericComponent()({
       absolute: toRef(props, 'absolute')
     });
     return () => _createVNode("div", {
-      "class": ['v-layout-item'],
-      "style": layoutItemStyles.value
+      "class": ['v-layout-item', props.class],
+      "style": [layoutItemStyles.value, props.style]
     }, [slots.default?.()]);
   }
 });

package/lib/components/VLayout/VLayoutItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VLayoutItem.mjs","names":["makeLayoutItemProps","useLayoutItem","computed","toRef","genericComponent","VLayoutItem","name","props","position","type","String","required","size","Number","default","modelValue","Boolean","setup","_ref","slots","layoutItemStyles","id","order","parseInt","elementSize","layoutSize","active","absolute","_createVNode","value"],"sources":["../../../src/components/VLayout/VLayoutItem.tsx"],"sourcesContent":["// Styles\nimport './VLayoutItem.sass'\n\n// Composables\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { genericComponent } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VLayoutItem = genericComponent()({\n  name: 'VLayoutItem',\n\n  props: {\n    position: {\n      type: String as PropType<'top' | 'right' | 'bottom' | 'left'>,\n      required: true,\n    },\n    size: {\n      type: [Number, String],\n      default: 300,\n    },\n    modelValue: Boolean,\n    ...makeLayoutItemProps(),\n  },\n\n  setup (props, { slots }) {\n    const { layoutItemStyles } = useLayoutItem({\n      id: props.name,\n      order: computed(() => parseInt(props.order, 10)),\n      position: toRef(props, 'position'),\n      elementSize: toRef(props, 'size'),\n      layoutSize: toRef(props, 'size'),\n      active: toRef(props, 'modelValue'),\n      absolute: toRef(props, 'absolute'),\n    })\n\n    return () => (\n      <div\n        class={[\n          'v-layout-item',\n        ]}\n        style={ layoutItemStyles.value }\n      >\n        { slots.default?.() }\n      </div>\n    )\n  },\n})\n\nexport type VLayoutItem = InstanceType<typeof VLayoutItem>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,mBAAmB,EAAEC,aAAa,wCAE3C;AACA,SAASC,QAAQ,EAAEC,KAAK,QAAQ,KAAK;AAAA,SAC5BC,gBAAgB,gCAEzB;AAGA,OAAO,MAAMC,WAAW,GAAGD,gBAAgB,EAAE,CAAC;EAC5CE,IAAI,EAAE,aAAa;EAEnBC,KAAK,EAAE;IACLC,QAAQ,EAAE;MACRC,IAAI,EAAEC,MAAuD;MAC7DC,QAAQ,EAAE;IACZ,CAAC;IACDC,IAAI,EAAE;MACJH,IAAI,EAAE,CAACI,MAAM,EAAEH,MAAM,CAAC;MACtBI,OAAO,EAAE;IACX,CAAC;IACDC,UAAU,EAAEC,OAAO;IACnB,GAAGhB,mBAAmB;EACxB,CAAC;EAEDiB,KAAKA,CAAEV,KAAK,EAAAW,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE;IAAiB,CAAC,GAAGnB,aAAa,CAAC;MACzCoB,EAAE,EAAEd,KAAK,CAACD,IAAI;MACdgB,KAAK,EAAEpB,QAAQ,CAAC,MAAMqB,QAAQ,CAAChB,KAAK,CAACe,KAAK,EAAE,EAAE,CAAC,CAAC;MAChDd,QAAQ,EAAEL,KAAK,CAACI,KAAK,EAAE,UAAU,CAAC;MAClCiB,WAAW,EAAErB,KAAK,CAACI,KAAK,EAAE,MAAM,CAAC;MACjCkB,UAAU,EAAEtB,KAAK,CAACI,KAAK,EAAE,MAAM,CAAC;MAChCmB,MAAM,EAAEvB,KAAK,CAACI,KAAK,EAAE,YAAY,CAAC;MAClCoB,QAAQ,EAAExB,KAAK,CAACI,KAAK,EAAE,UAAU;IACnC,CAAC,CAAC;IAEF,OAAO,MAAAqB,YAAA;MAAA,SAEI,CACL,eAAe,CAChB;MAAA,SACOR,gBAAgB,CAACS;IAAK,IAE5BV,KAAK,CAACL,OAAO,IAAI,EAEtB;EACH;AACF,CAAC,CAAC"}
+{"version":3,"file":"VLayoutItem.mjs","names":["makeComponentProps","makeLayoutItemProps","useLayoutItem","computed","toRef","genericComponent","VLayoutItem","name","props","position","type","String","required","size","Number","default","modelValue","Boolean","setup","_ref","slots","layoutItemStyles","id","order","parseInt","elementSize","layoutSize","active","absolute","_createVNode","class","value","style"],"sources":["../../../src/components/VLayout/VLayoutItem.tsx"],"sourcesContent":["// Styles\nimport './VLayoutItem.sass'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { genericComponent } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VLayoutItem = genericComponent()({\n  name: 'VLayoutItem',\n\n  props: {\n    position: {\n      type: String as PropType<'top' | 'right' | 'bottom' | 'left'>,\n      required: true,\n    },\n    size: {\n      type: [Number, String],\n      default: 300,\n    },\n    modelValue: Boolean,\n\n    ...makeComponentProps(),\n    ...makeLayoutItemProps(),\n  },\n\n  setup (props, { slots }) {\n    const { layoutItemStyles } = useLayoutItem({\n      id: props.name,\n      order: computed(() => parseInt(props.order, 10)),\n      position: toRef(props, 'position'),\n      elementSize: toRef(props, 'size'),\n      layoutSize: toRef(props, 'size'),\n      active: toRef(props, 'modelValue'),\n      absolute: toRef(props, 'absolute'),\n    })\n\n    return () => (\n      <div\n        class={[\n          'v-layout-item',\n          props.class,\n        ]}\n        style={[\n          layoutItemStyles.value,\n          props.style,\n        ]}\n      >\n        { slots.default?.() }\n      </div>\n    )\n  },\n})\n\nexport type VLayoutItem = InstanceType<typeof VLayoutItem>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,kBAAkB;AAAA,SAClBC,mBAAmB,EAAEC,aAAa,wCAE3C;AACA,SAASC,QAAQ,EAAEC,KAAK,QAAQ,KAAK;AAAA,SAC5BC,gBAAgB,gCAEzB;AAGA,OAAO,MAAMC,WAAW,GAAGD,gBAAgB,EAAE,CAAC;EAC5CE,IAAI,EAAE,aAAa;EAEnBC,KAAK,EAAE;IACLC,QAAQ,EAAE;MACRC,IAAI,EAAEC,MAAuD;MAC7DC,QAAQ,EAAE;IACZ,CAAC;IACDC,IAAI,EAAE;MACJH,IAAI,EAAE,CAACI,MAAM,EAAEH,MAAM,CAAC;MACtBI,OAAO,EAAE;IACX,CAAC;IACDC,UAAU,EAAEC,OAAO;IAEnB,GAAGjB,kBAAkB,EAAE;IACvB,GAAGC,mBAAmB;EACxB,CAAC;EAEDiB,KAAKA,CAAEV,KAAK,EAAAW,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE;IAAiB,CAAC,GAAGnB,aAAa,CAAC;MACzCoB,EAAE,EAAEd,KAAK,CAACD,IAAI;MACdgB,KAAK,EAAEpB,QAAQ,CAAC,MAAMqB,QAAQ,CAAChB,KAAK,CAACe,KAAK,EAAE,EAAE,CAAC,CAAC;MAChDd,QAAQ,EAAEL,KAAK,CAACI,KAAK,EAAE,UAAU,CAAC;MAClCiB,WAAW,EAAErB,KAAK,CAACI,KAAK,EAAE,MAAM,CAAC;MACjCkB,UAAU,EAAEtB,KAAK,CAACI,KAAK,EAAE,MAAM,CAAC;MAChCmB,MAAM,EAAEvB,KAAK,CAACI,KAAK,EAAE,YAAY,CAAC;MAClCoB,QAAQ,EAAExB,KAAK,CAACI,KAAK,EAAE,UAAU;IACnC,CAAC,CAAC;IAEF,OAAO,MAAAqB,YAAA;MAAA,SAEI,CACL,eAAe,EACfrB,KAAK,CAACsB,KAAK,CACZ;MAAA,SACM,CACLT,gBAAgB,CAACU,KAAK,EACtBvB,KAAK,CAACwB,KAAK;IACZ,IAECZ,KAAK,CAACL,OAAO,IAAI,EAEtB;EACH;AACF,CAAC,CAAC"}

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

@@ -10,24 +10,24 @@ declare const VLayout: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            style: vue.StyleValue;
             fullHeight: boolean;
         }> & Omit<{
+            style: vue.StyleValue;
             fullHeight: boolean;
         } & {
+            class?: any;
             overlaps?: string[] | undefined;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "fullHeight">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style" | "fullHeight">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -42,16 +42,15 @@ declare const VLayout: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
+            style: vue.StyleValue;
             fullHeight: boolean;
         } & {
+            class?: any;
             overlaps?: string[] | undefined;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -77,6 +76,7 @@ declare const VLayout: {
                 id: string;
             }[]>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            style: vue.StyleValue;
             fullHeight: boolean;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -99,16 +99,15 @@ declare const VLayout: {
         $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;
     } & {
+        style: vue.StyleValue;
         fullHeight: boolean;
     } & {
+        class?: any;
         overlaps?: string[] | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -138,16 +137,15 @@ declare const VLayout: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    style: vue.StyleValue;
     fullHeight: boolean;
 } & {
+    class?: any;
     overlaps?: string[] | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -173,13 +171,24 @@ declare const VLayout: {
         id: string;
     }[]>;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    style: vue.StyleValue;
     fullHeight: boolean;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     overlaps: vue.Prop<string[]>;
     fullHeight: BooleanConstructor;
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
 }, vue.ExtractPropTypes<{
     overlaps: vue.Prop<string[]>;
     fullHeight: BooleanConstructor;
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
 }>>;
 type VLayout = InstanceType<typeof VLayout>;
 
@@ -190,29 +199,29 @@ declare const VLayoutItem: {
         $props: Partial<{
             absolute: boolean;
             order: string | number;
+            style: vue.StyleValue;
             size: string | number;
             modelValue: boolean;
         }> & Omit<{
             absolute: boolean;
             order: string | number;
             position: "left" | "top" | "bottom" | "right";
+            style: vue.StyleValue;
             size: string | number;
             modelValue: boolean;
         } & {
             name?: string | undefined;
+            class?: any;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "order" | "size" | "modelValue">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "order" | "style" | "size" | "modelValue">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -230,17 +239,16 @@ declare const VLayoutItem: {
             absolute: boolean;
             order: string | number;
             position: "left" | "top" | "bottom" | "right";
+            style: vue.StyleValue;
             size: string | number;
             modelValue: boolean;
         } & {
             name?: string | undefined;
+            class?: any;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -249,6 +257,7 @@ declare const VLayoutItem: {
         }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
             absolute: boolean;
             order: string | number;
+            style: vue.StyleValue;
             size: string | number;
             modelValue: boolean;
         }, {}, string> & {
@@ -275,17 +284,16 @@ declare const VLayoutItem: {
         absolute: boolean;
         order: string | number;
         position: "left" | "top" | "bottom" | "right";
+        style: vue.StyleValue;
         size: string | number;
         modelValue: boolean;
     } & {
         name?: string | undefined;
+        class?: any;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -299,17 +307,16 @@ declare const VLayoutItem: {
     absolute: boolean;
     order: string | number;
     position: "left" | "top" | "bottom" | "right";
+    style: vue.StyleValue;
     size: string | number;
     modelValue: boolean;
 } & {
     name?: string | undefined;
+    class?: any;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -318,6 +325,7 @@ declare const VLayoutItem: {
 }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     absolute: boolean;
     order: string | number;
+    style: vue.StyleValue;
     size: string | number;
     modelValue: boolean;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
@@ -329,6 +337,11 @@ declare const VLayoutItem: {
         default: number;
     };
     absolute: BooleanConstructor;
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     position: {
         type: PropType<"left" | "top" | "bottom" | "right">;
         required: true;
@@ -347,6 +360,11 @@ declare const VLayoutItem: {
         default: number;
     };
     absolute: BooleanConstructor;
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     position: {
         type: PropType<"left" | "top" | "bottom" | "right">;
         required: true;

package/lib/components/VLazy/VLazy.mjs

@@ -1,5 +1,6 @@
 import { withDirectives as _withDirectives, resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 // Composables
+import { makeComponentProps } from "../../composables/component.mjs";
 import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeTransitionProps, MaybeTransition } from "../../composables/transition.mjs";
@@ -23,6 +24,7 @@ export const VLazy = genericComponent()({
         threshold: undefined
       })
     },
+    ...makeComponentProps(),
     ...makeDimensionProps(),
     ...makeTagProps(),
     ...makeTransitionProps({
@@ -45,8 +47,8 @@ export const VLazy = genericComponent()({
       isActive.value = isIntersecting;
     }
     useRender(() => _withDirectives(_createVNode(props.tag, {
-      "class": "v-lazy",
-      "style": dimensionStyles.value
+      "class": ['v-lazy', props.class],
+      "style": [dimensionStyles.value, props.style]
     }, {
       default: () => [isActive.value && _createVNode(MaybeTransition, {
         "transition": props.transition,

package/lib/components/VLazy/VLazy.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VLazy.mjs","names":["makeDimensionProps","useDimension","makeTagProps","makeTransitionProps","MaybeTransition","useProxiedModel","intersect","genericComponent","useRender","VLazy","name","directives","props","modelValue","Boolean","options","type","Object","default","root","undefined","rootMargin","threshold","transition","emits","value","setup","_ref","slots","dimensionStyles","isActive","onIntersect","isIntersecting","_withDirectives","_createVNode","tag","_resolveDirective","handler"],"sources":["../../../src/components/VLazy/VLazy.tsx"],"sourcesContent":["// Composables\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Directives\nimport intersect from '@/directives/intersect'\n\n// Utilities\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VLazy = genericComponent()({\n  name: 'VLazy',\n\n  directives: { intersect },\n\n  props: {\n    modelValue: Boolean,\n    options: {\n      type: Object as PropType<IntersectionObserverInit>,\n      // For more information on types, navigate to:\n      // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API\n      default: () => ({\n        root: undefined,\n        rootMargin: undefined,\n        threshold: undefined,\n      }),\n    },\n\n    ...makeDimensionProps(),\n    ...makeTagProps(),\n    ...makeTransitionProps({ transition: 'fade-transition' }),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const { dimensionStyles } = useDimension(props)\n\n    const isActive = useProxiedModel(props, 'modelValue')\n\n    function onIntersect (isIntersecting: boolean) {\n      if (isActive.value) return\n\n      isActive.value = isIntersecting\n    }\n\n    useRender(() => (\n      <props.tag\n        class=\"v-lazy\"\n        v-intersect={[\n          {\n            handler: onIntersect,\n            options: props.options,\n          },\n          null,\n          isActive.value ? [] : ['once'],\n        ]}\n        style={ dimensionStyles.value }\n      >\n        { isActive.value && (\n          <MaybeTransition transition={ props.transition } appear>\n            { slots.default?.() }\n          </MaybeTransition>\n        )}\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VLazy = InstanceType<typeof VLazy>\n"],"mappings":";AAAA;AAAA,SACSA,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,YAAY;AAAA,SACZC,mBAAmB,EAAEC,eAAe;AAAA,SACpCC,eAAe,8CAExB;AAAA,OACOC,SAAS,8CAEhB;AAAA,SACSC,gBAAgB,EAAEC,SAAS,gCAEpC;AAGA,OAAO,MAAMC,KAAK,GAAGF,gBAAgB,EAAE,CAAC;EACtCG,IAAI,EAAE,OAAO;EAEbC,UAAU,EAAE;IAAEL;EAAU,CAAC;EAEzBM,KAAK,EAAE;IACLC,UAAU,EAAEC,OAAO;IACnBC,OAAO,EAAE;MACPC,IAAI,EAAEC,MAA4C;MAClD;MACA;MACAC,OAAO,EAAEA,CAAA,MAAO;QACdC,IAAI,EAAEC,SAAS;QACfC,UAAU,EAAED,SAAS;QACrBE,SAAS,EAAEF;MACb,CAAC;IACH,CAAC;IAED,GAAGpB,kBAAkB,EAAE;IACvB,GAAGE,YAAY,EAAE;IACjB,GAAGC,mBAAmB,CAAC;MAAEoB,UAAU,EAAE;IAAkB,CAAC;EAC1D,CAAC;EAEDC,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAc,IAAK;EAC3C,CAAC;EAEDC,KAAKA,CAAEd,KAAK,EAAAe,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE;IAAgB,CAAC,GAAG5B,YAAY,CAACW,KAAK,CAAC;IAE/C,MAAMkB,QAAQ,GAAGzB,eAAe,CAACO,KAAK,EAAE,YAAY,CAAC;IAErD,SAASmB,WAAWA,CAAEC,cAAuB,EAAE;MAC7C,IAAIF,QAAQ,CAACL,KAAK,EAAE;MAEpBK,QAAQ,CAACL,KAAK,GAAGO,cAAc;IACjC;IAEAxB,SAAS,CAAC,MAAAyB,eAAA,CAAAC,YAAA,CAAAtB,KAAA,CAAAuB,GAAA;MAAA,SAEA,QAAQ;MAAA,SASNN,eAAe,CAACJ;IAAK;MAAAP,OAAA,EAAAA,CAAA,MAE3BY,QAAQ,CAACL,KAAK,IAAAS,YAAA,CAAA9B,eAAA;QAAA,cACgBQ,KAAK,CAACW,UAAU;QAAA;MAAA;QAAAL,OAAA,EAAAA,CAAA,MAC1CU,KAAK,CAACV,OAAO,IAAI;MAAA,EAEtB;IAAA,MAAAkB,iBAAA,eAbC;MACEC,OAAO,EAAEN,WAAW;MACpBhB,OAAO,EAAEH,KAAK,CAACG;IACjB,CAAC,EACD,IAAI,GAWT,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VLazy.mjs","names":["makeComponentProps","makeDimensionProps","useDimension","makeTagProps","makeTransitionProps","MaybeTransition","useProxiedModel","intersect","genericComponent","useRender","VLazy","name","directives","props","modelValue","Boolean","options","type","Object","default","root","undefined","rootMargin","threshold","transition","emits","value","setup","_ref","slots","dimensionStyles","isActive","onIntersect","isIntersecting","_withDirectives","_createVNode","tag","class","style","_resolveDirective","handler"],"sources":["../../../src/components/VLazy/VLazy.tsx"],"sourcesContent":["// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Directives\nimport intersect from '@/directives/intersect'\n\n// Utilities\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VLazy = genericComponent()({\n  name: 'VLazy',\n\n  directives: { intersect },\n\n  props: {\n    modelValue: Boolean,\n    options: {\n      type: Object as PropType<IntersectionObserverInit>,\n      // For more information on types, navigate to:\n      // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API\n      default: () => ({\n        root: undefined,\n        rootMargin: undefined,\n        threshold: undefined,\n      }),\n    },\n\n    ...makeComponentProps(),\n    ...makeDimensionProps(),\n    ...makeTagProps(),\n    ...makeTransitionProps({ transition: 'fade-transition' }),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { slots }) {\n    const { dimensionStyles } = useDimension(props)\n\n    const isActive = useProxiedModel(props, 'modelValue')\n\n    function onIntersect (isIntersecting: boolean) {\n      if (isActive.value) return\n\n      isActive.value = isIntersecting\n    }\n\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-lazy',\n          props.class,\n        ]}\n        v-intersect={[\n          {\n            handler: onIntersect,\n            options: props.options,\n          },\n          null,\n          isActive.value ? [] : ['once'],\n        ]}\n        style={[\n          dimensionStyles.value,\n          props.style,\n        ]}\n      >\n        { isActive.value && (\n          <MaybeTransition transition={ props.transition } appear>\n            { slots.default?.() }\n          </MaybeTransition>\n        )}\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VLazy = InstanceType<typeof VLazy>\n"],"mappings":";AAAA;AAAA,SACSA,kBAAkB;AAAA,SAClBC,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,YAAY;AAAA,SACZC,mBAAmB,EAAEC,eAAe;AAAA,SACpCC,eAAe,8CAExB;AAAA,OACOC,SAAS,8CAEhB;AAAA,SACSC,gBAAgB,EAAEC,SAAS,gCAEpC;AAGA,OAAO,MAAMC,KAAK,GAAGF,gBAAgB,EAAE,CAAC;EACtCG,IAAI,EAAE,OAAO;EAEbC,UAAU,EAAE;IAAEL;EAAU,CAAC;EAEzBM,KAAK,EAAE;IACLC,UAAU,EAAEC,OAAO;IACnBC,OAAO,EAAE;MACPC,IAAI,EAAEC,MAA4C;MAClD;MACA;MACAC,OAAO,EAAEA,CAAA,MAAO;QACdC,IAAI,EAAEC,SAAS;QACfC,UAAU,EAAED,SAAS;QACrBE,SAAS,EAAEF;MACb,CAAC;IACH,CAAC;IAED,GAAGrB,kBAAkB,EAAE;IACvB,GAAGC,kBAAkB,EAAE;IACvB,GAAGE,YAAY,EAAE;IACjB,GAAGC,mBAAmB,CAAC;MAAEoB,UAAU,EAAE;IAAkB,CAAC;EAC1D,CAAC;EAEDC,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAc,IAAK;EAC3C,CAAC;EAEDC,KAAKA,CAAEd,KAAK,EAAAe,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE;IAAgB,CAAC,GAAG5B,YAAY,CAACW,KAAK,CAAC;IAE/C,MAAMkB,QAAQ,GAAGzB,eAAe,CAACO,KAAK,EAAE,YAAY,CAAC;IAErD,SAASmB,WAAWA,CAAEC,cAAuB,EAAE;MAC7C,IAAIF,QAAQ,CAACL,KAAK,EAAE;MAEpBK,QAAQ,CAACL,KAAK,GAAGO,cAAc;IACjC;IAEAxB,SAAS,CAAC,MAAAyB,eAAA,CAAAC,YAAA,CAAAtB,KAAA,CAAAuB,GAAA;MAAA,SAEC,CACL,QAAQ,EACRvB,KAAK,CAACwB,KAAK,CACZ;MAAA,SASM,CACLP,eAAe,CAACJ,KAAK,EACrBb,KAAK,CAACyB,KAAK;IACZ;MAAAnB,OAAA,EAAAA,CAAA,MAECY,QAAQ,CAACL,KAAK,IAAAS,YAAA,CAAA9B,eAAA;QAAA,cACgBQ,KAAK,CAACW,UAAU;QAAA;MAAA;QAAAL,OAAA,EAAAA,CAAA,MAC1CU,KAAK,CAACV,OAAO,IAAI;MAAA,EAEtB;IAAA,MAAAoB,iBAAA,eAhBC;MACEC,OAAO,EAAER,WAAW;MACpBhB,OAAO,EAAEH,KAAK,CAACG;IACjB,CAAC,EACD,IAAI,GAcT,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

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

@@ -13,6 +13,7 @@ declare const VLazy: {
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
                 component?: vue.Component | undefined;
             })>;
+            style: vue.StyleValue;
             options: IntersectionObserverInit;
             tag: string;
             modelValue: boolean;
@@ -20,6 +21,7 @@ declare const VLazy: {
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
                 component?: vue.Component | undefined;
             })>;
+            style: vue.StyleValue;
             options: IntersectionObserverInit;
             tag: string;
             modelValue: boolean;
@@ -30,13 +32,11 @@ declare const VLazy: {
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            class?: any;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -44,7 +44,7 @@ declare const VLazy: {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "transition" | "options" | "tag" | "modelValue">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "transition" | "style" | "options" | "tag" | "modelValue">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -62,6 +62,7 @@ declare const VLazy: {
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
                 component?: vue.Component | undefined;
             })>;
+            style: vue.StyleValue;
             options: IntersectionObserverInit;
             tag: string;
             modelValue: boolean;
@@ -72,13 +73,11 @@ declare const VLazy: {
             maxWidth?: string | number | undefined;
             minHeight?: string | number | undefined;
             minWidth?: string | number | undefined;
+            class?: any;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -92,6 +91,7 @@ declare const VLazy: {
             transition: NonNullable<string | boolean | (vue.TransitionProps & {
                 component?: vue.Component | undefined;
             })>;
+            style: vue.StyleValue;
             options: IntersectionObserverInit;
             tag: string;
             modelValue: boolean;
@@ -119,6 +119,7 @@ declare const VLazy: {
         transition: NonNullable<string | boolean | (vue.TransitionProps & {
             component?: vue.Component | undefined;
         })>;
+        style: vue.StyleValue;
         options: IntersectionObserverInit;
         tag: string;
         modelValue: boolean;
@@ -129,13 +130,11 @@ declare const VLazy: {
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
+        class?: any;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -151,6 +150,7 @@ declare const VLazy: {
     transition: NonNullable<string | boolean | (vue.TransitionProps & {
         component?: vue.Component | undefined;
     })>;
+    style: vue.StyleValue;
     options: IntersectionObserverInit;
     tag: string;
     modelValue: boolean;
@@ -161,13 +161,11 @@ declare const VLazy: {
     maxWidth?: string | number | undefined;
     minHeight?: string | number | undefined;
     minWidth?: string | number | undefined;
+    class?: any;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -181,6 +179,7 @@ declare const VLazy: {
     transition: NonNullable<string | boolean | (vue.TransitionProps & {
         component?: vue.Component | undefined;
     })>;
+    style: vue.StyleValue;
     options: IntersectionObserverInit;
     tag: string;
     modelValue: boolean;
@@ -209,6 +208,11 @@ declare const VLazy: {
     minHeight: (StringConstructor | NumberConstructor)[];
     minWidth: (StringConstructor | NumberConstructor)[];
     width: (StringConstructor | NumberConstructor)[];
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     modelValue: BooleanConstructor;
     options: {
         type: PropType<IntersectionObserverInit>;
@@ -243,6 +247,11 @@ declare const VLazy: {
     minHeight: (StringConstructor | NumberConstructor)[];
     minWidth: (StringConstructor | NumberConstructor)[];
     width: (StringConstructor | NumberConstructor)[];
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     modelValue: BooleanConstructor;
     options: {
         type: PropType<IntersectionObserverInit>;