vuetify 3.1.4 → 3.1.6

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

@@ -1,45 +1,47 @@
 import * as vue from 'vue';
-import { VNodeChild, Ref, ComponentInternalInstance, ComputedRef } from 'vue';
+import { Ref, ComponentInternalInstance, ComputedRef } from 'vue';
 
 declare const VItemGroup: vue.DefineComponent<{
-    theme: StringConstructor;
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    modelValue: {
-        type: null;
-        default: undefined;
-    };
-    multiple: BooleanConstructor;
-    mandatory: vue.PropType<boolean | "force">;
-    max: NumberConstructor;
-    selectedClass: {
-        type: vue.PropType<string>;
-        default: string;
+    disabled: boolean;
+    multiple: boolean;
+    tag: string;
+    selectedClass: string;
+} & {
+    max?: number | undefined;
+    mandatory?: boolean | "force" | undefined;
+    theme?: string | undefined;
+    modelValue?: any;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
     };
-    disabled: BooleanConstructor;
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'update:modelValue': (value: any) => true;
-}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    theme: StringConstructor;
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    modelValue: {
-        type: null;
-        default: undefined;
-    };
-    multiple: BooleanConstructor;
-    mandatory: vue.PropType<boolean | "force">;
-    max: NumberConstructor;
-    selectedClass: {
-        type: vue.PropType<string>;
-        default: string;
+    'update:modelValue': (value: any) => boolean;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    disabled: boolean;
+    multiple: boolean;
+    tag: string;
+    selectedClass: string;
+} & {
+    max?: number | undefined;
+    mandatory?: boolean | "force" | undefined;
+    theme?: string | undefined;
+    modelValue?: any;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
     };
-    disabled: BooleanConstructor;
-}>> & {
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+} & {
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }, {
     disabled: boolean;
@@ -48,22 +50,7 @@ declare const VItemGroup: vue.DefineComponent<{
     modelValue: any;
     selectedClass: string;
 }>;
-declare type VItemGroup = InstanceType<typeof VItemGroup>;
-
-declare type SlotsToProps<T extends Record<string, any>> = T extends Record<string, Slot> ? ({
-    $children?: (VNodeChild | (keyof T extends 'default' ? T['default'] : {}) | {
-        [K in keyof T]?: T[K];
-    });
-    'v-slots'?: {
-        [K in keyof T]?: T[K] | false;
-    };
-} & {
-    [K in keyof T as `v-slot:${K & string}`]?: T[K] | false;
-}) : T extends Record<string, any[]> ? SlotsToProps<MakeSlots<T>> : never;
-declare type Slot<T extends any[] = any[]> = (...args: T) => VNodeChild;
-declare type MakeSlots<T extends Record<string, any[]>> = {
-    [K in keyof T]?: Slot<T[K]>;
-};
+type VItemGroup = InstanceType<typeof VItemGroup>;
 
 interface GroupItem {
     id: number;
@@ -98,107 +85,47 @@ interface GroupItemProvide {
     group: GroupProvide;
 }
 
-declare const VItem: {
-    new (...args: any[]): {
-        $: vue.ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            disabled: boolean;
-        }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
-            value: null;
-            disabled: BooleanConstructor;
-            selectedClass: StringConstructor;
-        }, "$children" | "v-slots" | "v-slot:default">>> & {
-            "onGroup:selected"?: ((val: {
-                value: boolean;
-            }) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "disabled">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: vue.Slot | undefined;
-        }>;
-        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $emit: (event: "group:selected", val: {
-            value: boolean;
-        }) => void;
-        $el: any;
-        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
-            value: null;
-            disabled: BooleanConstructor;
-            selectedClass: StringConstructor;
-        }, "$children" | "v-slots" | "v-slot:default">>> & {
-            "onGroup:selected"?: ((val: {
-                value: boolean;
-            }) => any) | undefined;
-        }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
-            'group:selected': (val: {
-                value: boolean;
-            }) => boolean;
-        }, "$children" | "v-slots" | "v-slot:default">, string, {
-            disabled: boolean;
-        }> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof vue.nextTick;
-        $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
-    } & Readonly<vue.ExtractPropTypes<Omit<{
-        value: null;
-        disabled: BooleanConstructor;
-        selectedClass: StringConstructor;
-    }, "$children" | "v-slots" | "v-slot:default">>> & {
-        "onGroup:selected"?: ((val: {
-            value: boolean;
-        }) => any) | undefined;
-    } & vue.ShallowUnwrapRef<() => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[] | undefined> & {} & vue.ComponentCustomProperties;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
-    value: null;
-    disabled: BooleanConstructor;
-    selectedClass: StringConstructor;
-}, "$children" | "v-slots" | "v-slot:default">>> & {
-    "onGroup:selected"?: ((val: {
-        value: boolean;
-    }) => any) | undefined;
+declare const VItem: vue.DefineComponent<{
+    disabled: boolean;
+} & {
+    value?: any;
+    selectedClass?: string | undefined;
+} & {
+    $children?: vue.VNodeChild | ((args_0: GroupItemProvide) => vue.VNodeChild) | {
+        default?: ((args_0: GroupItemProvide) => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | ((args_0: GroupItemProvide) => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | ((args_0: GroupItemProvide) => vue.VNodeChild) | undefined;
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+}>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'group:selected': (val: {
         value: boolean;
-    }) => boolean;
-}, "$children" | "v-slots" | "v-slot:default">, string, {
+    }) => true;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
     disabled: boolean;
-}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
-    $props: SlotsToProps<{
-        default: [GroupItemProvide];
-    }>;
-});
-declare type VItem = InstanceType<typeof VItem>;
+} & {
+    value?: any;
+    selectedClass?: string | undefined;
+} & {
+    $children?: vue.VNodeChild | ((args_0: GroupItemProvide) => vue.VNodeChild) | {
+        default?: ((args_0: GroupItemProvide) => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | ((args_0: GroupItemProvide) => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | ((args_0: GroupItemProvide) => vue.VNodeChild) | undefined;
+} & {
+    "onGroup:selected"?: ((val: {
+        value: boolean;
+    }) => any) | undefined;
+}, {
+    disabled: boolean;
+}>;
+type VItem = InstanceType<typeof VItem>;
 
 export { VItem, VItemGroup };

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

@@ -1,20 +1,32 @@
 import * as vue from 'vue';
 
 declare const VKbd: vue.DefineComponent<{
-    tag: {
-        type: StringConstructor;
-        default: string;
+    tag: string;
+} & {} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
     };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    tag: {
-        type: StringConstructor;
-        default: string;
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    tag: string;
+} & {} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
     };
-}>>, {
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, {
     tag: string;
 }>;
-declare type VKbd = InstanceType<typeof VKbd>;
+type VKbd = InstanceType<typeof VKbd>;
 
 export { VKbd };

package/lib/components/VLabel/VLabel.mjs

@@ -4,8 +4,8 @@ import "./VLabel.css";
 
 // Composables
 import { makeThemeProps } from "../../composables/theme.mjs"; // Utilities
-import { defineComponent, useRender } from "../../util/index.mjs";
-export const VLabel = defineComponent({
+import { genericComponent, useRender } from "../../util/index.mjs";
+export const VLabel = genericComponent()({
   name: 'VLabel',
   props: {
     text: String,
@@ -16,14 +16,11 @@ export const VLabel = defineComponent({
     let {
       slots
     } = _ref;
-    useRender(() => {
-      var _slots$default;
-      return _createVNode("label", {
-        "class": ['v-label', {
-          'v-label--clickable': props.clickable
-        }]
-      }, [props.text, (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]);
-    });
+    useRender(() => _createVNode("label", {
+      "class": ['v-label', {
+        'v-label--clickable': props.clickable
+      }]
+    }, [props.text, slots.default?.()]));
     return {};
   }
 });

package/lib/components/VLabel/VLabel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VLabel.mjs","names":["makeThemeProps","defineComponent","useRender","VLabel","name","props","text","String","clickable","Boolean","setup","slots","default"],"sources":["../../../src/components/VLabel/VLabel.tsx"],"sourcesContent":["// Styles\nimport './VLabel.sass'\n\n// Composables\nimport { makeThemeProps } from '@/composables/theme'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VLabel = defineComponent({\n  name: 'VLabel',\n\n  props: {\n    text: String,\n    clickable: Boolean,\n\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    useRender(() => (\n      <label\n        class={[\n          'v-label',\n          {\n            'v-label--clickable': props.clickable,\n          },\n        ]}\n      >\n        { props.text }\n\n        { slots.default?.() }\n      </label>\n    ))\n\n    return {}\n  },\n})\n\nexport type VLabel = InstanceType<typeof VLabel>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,cAAc,uCAEvB;AAAA,SACSC,eAAe,EAAEC,SAAS;AAEnC,OAAO,MAAMC,MAAM,GAAGF,eAAe,CAAC;EACpCG,IAAI,EAAE,QAAQ;EAEdC,KAAK,EAAE;IACLC,IAAI,EAAEC,MAAM;IACZC,SAAS,EAAEC,OAAO;IAElB,GAAGT,cAAc;EACnB,CAAC;EAEDU,KAAK,CAAEL,KAAK,QAAa;IAAA,IAAX;MAAEM;IAAM,CAAC;IACrBT,SAAS,CAAC;MAAA;MAAA;QAAA,SAEC,CACL,SAAS,EACT;UACE,oBAAoB,EAAEG,KAAK,CAACG;QAC9B,CAAC;MACF,IAECH,KAAK,CAACC,IAAI,oBAEVK,KAAK,CAACC,OAAO,qBAAb,oBAAAD,KAAK,CAAY;IAAA,CAEtB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VLabel.mjs","names":["makeThemeProps","genericComponent","useRender","VLabel","name","props","text","String","clickable","Boolean","setup","slots","default"],"sources":["../../../src/components/VLabel/VLabel.tsx"],"sourcesContent":["// Styles\nimport './VLabel.sass'\n\n// Composables\nimport { makeThemeProps } from '@/composables/theme'\n\n// Utilities\nimport { genericComponent, useRender } from '@/util'\n\nexport const VLabel = genericComponent()({\n  name: 'VLabel',\n\n  props: {\n    text: String,\n    clickable: Boolean,\n\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    useRender(() => (\n      <label\n        class={[\n          'v-label',\n          {\n            'v-label--clickable': props.clickable,\n          },\n        ]}\n      >\n        { props.text }\n\n        { slots.default?.() }\n      </label>\n    ))\n\n    return {}\n  },\n})\n\nexport type VLabel = InstanceType<typeof VLabel>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,cAAc,uCAEvB;AAAA,SACSC,gBAAgB,EAAEC,SAAS;AAEpC,OAAO,MAAMC,MAAM,GAAGF,gBAAgB,EAAE,CAAC;EACvCG,IAAI,EAAE,QAAQ;EAEdC,KAAK,EAAE;IACLC,IAAI,EAAEC,MAAM;IACZC,SAAS,EAAEC,OAAO;IAElB,GAAGT,cAAc;EACnB,CAAC;EAEDU,KAAK,CAAEL,KAAK,QAAa;IAAA,IAAX;MAAEM;IAAM,CAAC;IACrBT,SAAS,CAAC;MAAA,SAEC,CACL,SAAS,EACT;QACE,oBAAoB,EAAEG,KAAK,CAACG;MAC9B,CAAC;IACF,IAECH,KAAK,CAACC,IAAI,EAEVK,KAAK,CAACC,OAAO,IAAI,EAEtB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

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

@@ -1,16 +1,36 @@
 import * as vue from 'vue';
 
 declare const VLabel: vue.DefineComponent<{
-    theme: StringConstructor;
-    text: StringConstructor;
-    clickable: BooleanConstructor;
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    theme: StringConstructor;
-    text: StringConstructor;
-    clickable: BooleanConstructor;
-}>>, {
+    clickable: boolean;
+} & {
+    text?: string | undefined;
+    theme?: string | undefined;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | 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, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    clickable: boolean;
+} & {
+    text?: string | undefined;
+    theme?: string | undefined;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, {
     clickable: boolean;
 }>;
-declare type VLabel = InstanceType<typeof VLabel>;
+type VLabel = InstanceType<typeof VLabel>;
 
 export { VLabel };

package/lib/components/VLayout/VLayout.mjs

@@ -2,10 +2,10 @@ import { createVNode as _createVNode } from "vue";
 // Styles
 import "./VLayout.css";
 
-// Utilities
-import { defineComponent, useRender } from "../../util/index.mjs"; // Composables
-import { createLayout, makeLayoutProps } from "../../composables/layout.mjs";
-export const VLayout = defineComponent({
+// Composables
+import { createLayout, makeLayoutProps } from "../../composables/layout.mjs"; // Utilities
+import { genericComponent, useRender } from "../../util/index.mjs";
+export const VLayout = genericComponent()({
   name: 'VLayout',
   props: makeLayoutProps(),
   setup(props, _ref) {
@@ -19,14 +19,11 @@ export const VLayout = defineComponent({
       items,
       layoutRef
     } = createLayout(props);
-    useRender(() => {
-      var _slots$default;
-      return _createVNode("div", {
-        "ref": layoutRef,
-        "class": layoutClasses.value,
-        "style": layoutStyles.value
-      }, [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]);
-    });
+    useRender(() => _createVNode("div", {
+      "ref": layoutRef,
+      "class": layoutClasses.value,
+      "style": layoutStyles.value
+    }, [slots.default?.()]));
     return {
       getLayoutItem,
       items

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

@@ -1 +1 @@
-{"version":3,"file":"VLayout.mjs","names":["defineComponent","useRender","createLayout","makeLayoutProps","VLayout","name","props","setup","slots","layoutClasses","layoutStyles","getLayoutItem","items","layoutRef","value","default"],"sources":["../../../src/components/VLayout/VLayout.tsx"],"sourcesContent":["// Styles\nimport './VLayout.sass'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\n// Composables\nimport { createLayout, makeLayoutProps } from '@/composables/layout'\n\nexport const VLayout = defineComponent({\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,eAAe,EAAEC,SAAS,gCAEnC;AAAA,SACSC,YAAY,EAAEC,eAAe;AAEtC,OAAO,MAAMC,OAAO,GAAGJ,eAAe,CAAC;EACrCK,IAAI,EAAE,SAAS;EAEfC,KAAK,EAAEH,eAAe,EAAE;EAExBI,KAAK,CAAED,KAAK,QAAa;IAAA,IAAX;MAAEE;IAAM,CAAC;IACrB,MAAM;MAAEC,aAAa;MAAEC,YAAY;MAAEC,aAAa;MAAEC,KAAK;MAAEC;IAAU,CAAC,GAAGX,YAAY,CAACI,KAAK,CAAC;IAE5FL,SAAS,CAAC;MAAA;MAAA;QAAA,OACGY,SAAS;QAAA,SAAWJ,aAAa,CAACK,KAAK;QAAA,SAAWJ,YAAY,CAACI;MAAK,sBAC3EN,KAAK,CAACO,OAAO,qBAAb,oBAAAP,KAAK,CAAY;IAAA,CAEtB,CAAC;IAEF,OAAO;MACLG,aAAa;MACbC;IACF,CAAC;EACH;AACF,CAAC,CAAC"}
+{"version":3,"file":"VLayout.mjs","names":["createLayout","makeLayoutProps","genericComponent","useRender","VLayout","name","props","setup","slots","layoutClasses","layoutStyles","getLayoutItem","items","layoutRef","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,KAAK,CAAED,KAAK,QAAa;IAAA,IAAX;MAAEE;IAAM,CAAC;IACrB,MAAM;MAAEC,aAAa;MAAEC,YAAY;MAAEC,aAAa;MAAEC,KAAK;MAAEC;IAAU,CAAC,GAAGb,YAAY,CAACM,KAAK,CAAC;IAE5FH,SAAS,CAAC;MAAA,OACGU,SAAS;MAAA,SAAWJ,aAAa,CAACK,KAAK;MAAA,SAAWJ,YAAY,CAACI;IAAK,IAC3EN,KAAK,CAACO,OAAO,IAAI,EAEtB,CAAC;IAEF,OAAO;MACLJ,aAAa;MACbC;IACF,CAAC;EACH;AACF,CAAC,CAAC"}

package/lib/components/VLayout/VLayoutItem.mjs

@@ -5,8 +5,8 @@ import "./VLayoutItem.css";
 // Composables
 import { makeLayoutItemProps, useLayoutItem } from "../../composables/layout.mjs"; // Utilities
 import { computed, toRef } from 'vue';
-import { defineComponent } from "../../util/index.mjs"; // Types
-export const VLayoutItem = defineComponent({
+import { genericComponent } from "../../util/index.mjs"; // Types
+export const VLayoutItem = genericComponent()({
   name: 'VLayoutItem',
   props: {
     position: {
@@ -35,13 +35,10 @@ export const VLayoutItem = defineComponent({
       active: toRef(props, 'modelValue'),
       absolute: toRef(props, 'absolute')
     });
-    return () => {
-      var _slots$default;
-      return _createVNode("div", {
-        "class": ['v-layout-item'],
-        "style": layoutItemStyles.value
-      }, [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]);
-    };
+    return () => _createVNode("div", {
+      "class": ['v-layout-item'],
+      "style": layoutItemStyles.value
+    }, [slots.default?.()]);
   }
 });
 //# sourceMappingURL=VLayoutItem.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"VLayoutItem.mjs","names":["makeLayoutItemProps","useLayoutItem","computed","toRef","defineComponent","VLayoutItem","name","props","position","type","String","required","size","Number","default","modelValue","Boolean","setup","slots","layoutItemStyles","id","order","parseInt","elementSize","layoutSize","active","absolute","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 { defineComponent } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VLayoutItem = defineComponent({\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,eAAe,gCAExB;AAGA,OAAO,MAAMC,WAAW,GAAGD,eAAe,CAAC;EACzCE,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,KAAK,CAAEV,KAAK,QAAa;IAAA,IAAX;MAAEW;IAAM,CAAC;IACrB,MAAM;MAAEC;IAAiB,CAAC,GAAGlB,aAAa,CAAC;MACzCmB,EAAE,EAAEb,KAAK,CAACD,IAAI;MACde,KAAK,EAAEnB,QAAQ,CAAC,MAAMoB,QAAQ,CAACf,KAAK,CAACc,KAAK,EAAE,EAAE,CAAC,CAAC;MAChDb,QAAQ,EAAEL,KAAK,CAACI,KAAK,EAAE,UAAU,CAAC;MAClCgB,WAAW,EAAEpB,KAAK,CAACI,KAAK,EAAE,MAAM,CAAC;MACjCiB,UAAU,EAAErB,KAAK,CAACI,KAAK,EAAE,MAAM,CAAC;MAChCkB,MAAM,EAAEtB,KAAK,CAACI,KAAK,EAAE,YAAY,CAAC;MAClCmB,QAAQ,EAAEvB,KAAK,CAACI,KAAK,EAAE,UAAU;IACnC,CAAC,CAAC;IAEF,OAAO;MAAA;MAAA;QAAA,SAEI,CACL,eAAe,CAChB;QAAA,SACOY,gBAAgB,CAACQ;MAAK,sBAE5BT,KAAK,CAACJ,OAAO,qBAAb,oBAAAI,KAAK,CAAY;IAAA,CAEtB;EACH;AACF,CAAC,CAAC"}
+{"version":3,"file":"VLayoutItem.mjs","names":["makeLayoutItemProps","useLayoutItem","computed","toRef","genericComponent","VLayoutItem","name","props","position","type","String","required","size","Number","default","modelValue","Boolean","setup","slots","layoutItemStyles","id","order","parseInt","elementSize","layoutSize","active","absolute","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,KAAK,CAAEV,KAAK,QAAa;IAAA,IAAX;MAAEW;IAAM,CAAC;IACrB,MAAM;MAAEC;IAAiB,CAAC,GAAGlB,aAAa,CAAC;MACzCmB,EAAE,EAAEb,KAAK,CAACD,IAAI;MACde,KAAK,EAAEnB,QAAQ,CAAC,MAAMoB,QAAQ,CAACf,KAAK,CAACc,KAAK,EAAE,EAAE,CAAC,CAAC;MAChDb,QAAQ,EAAEL,KAAK,CAACI,KAAK,EAAE,UAAU,CAAC;MAClCgB,WAAW,EAAEpB,KAAK,CAACI,KAAK,EAAE,MAAM,CAAC;MACjCiB,UAAU,EAAErB,KAAK,CAACI,KAAK,EAAE,MAAM,CAAC;MAChCkB,MAAM,EAAEtB,KAAK,CAACI,KAAK,EAAE,YAAY,CAAC;MAClCmB,QAAQ,EAAEvB,KAAK,CAACI,KAAK,EAAE,UAAU;IACnC,CAAC,CAAC;IAEF,OAAO;MAAA,SAEI,CACL,eAAe,CAChB;MAAA,SACOY,gBAAgB,CAACQ;IAAK,IAE5BT,KAAK,CAACJ,OAAO,IAAI,EAEtB;EACH;AACF,CAAC,CAAC"}

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

@@ -1,9 +1,18 @@
 import * as vue from 'vue';
-import { PropType } from 'vue';
 
 declare const VLayout: vue.DefineComponent<{
-    overlaps: vue.Prop<string[], string[]>;
-    fullHeight: BooleanConstructor;
+    fullHeight: boolean;
+} & {
+    overlaps?: string[] | undefined;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 }, {
     getLayoutItem: (id: string) => {
         size: number;
@@ -23,56 +32,64 @@ declare const VLayout: vue.DefineComponent<{
         right: number;
         id: string;
     }[]>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    overlaps: vue.Prop<string[], string[]>;
-    fullHeight: BooleanConstructor;
-}>>, {
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    fullHeight: boolean;
+} & {
+    overlaps?: string[] | undefined;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, {
     fullHeight: boolean;
 }>;
-declare type VLayout = InstanceType<typeof VLayout>;
+type VLayout = InstanceType<typeof VLayout>;
 
 declare const VLayoutItem: vue.DefineComponent<{
-    name: {
-        type: StringConstructor;
-    };
-    order: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    absolute: BooleanConstructor;
-    position: {
-        type: PropType<"left" | "top" | "bottom" | "right">;
-        required: true;
-    };
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    modelValue: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    name: {
-        type: StringConstructor;
-    };
-    order: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    absolute: BooleanConstructor;
-    position: {
-        type: PropType<"left" | "top" | "bottom" | "right">;
-        required: true;
+    absolute: boolean;
+    order: string | number;
+    position: "left" | "top" | "bottom" | "right";
+    size: string | number;
+    modelValue: boolean;
+} & {
+    name?: string | undefined;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
     };
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    absolute: boolean;
+    order: string | number;
+    position: "left" | "top" | "bottom" | "right";
+    size: string | number;
+    modelValue: boolean;
+} & {
+    name?: string | undefined;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
     };
-    modelValue: BooleanConstructor;
-}>>, {
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, {
     absolute: boolean;
     order: string | number;
     size: string | number;
     modelValue: boolean;
 }>;
-declare type VLayoutItem = InstanceType<typeof VLayoutItem>;
+type VLayoutItem = InstanceType<typeof VLayoutItem>;
 
 export { VLayout, VLayoutItem };

package/lib/components/VLazy/VLazy.mjs

@@ -5,8 +5,8 @@ import { makeTagProps } from "../../composables/tag.mjs";
 import { makeTransitionProps, MaybeTransition } from "../../composables/transition.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Directives
 import intersect from "../../directives/intersect/index.mjs"; // Utilities
-import { defineComponent, useRender } from "../../util/index.mjs"; // Types
-export const VLazy = defineComponent({
+import { genericComponent, useRender } from "../../util/index.mjs"; // Types
+export const VLazy = genericComponent()({
   name: 'VLazy',
   directives: {
     intersect
@@ -44,20 +44,17 @@ export const VLazy = defineComponent({
       if (isActive.value) return;
       isActive.value = isIntersecting;
     }
-    useRender(() => {
-      var _slots$default;
-      return _withDirectives(_createVNode(props.tag, {
-        "class": "v-lazy",
-        "style": dimensionStyles.value
+    useRender(() => _withDirectives(_createVNode(props.tag, {
+      "class": "v-lazy",
+      "style": dimensionStyles.value
+    }, {
+      default: () => [isActive.value && _createVNode(MaybeTransition, {
+        "transition": props.transition,
+        "appear": true
       }, {
-        default: () => [isActive.value && _createVNode(MaybeTransition, {
-          "transition": props.transition,
-          "appear": true
-        }, {
-          default: () => [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]
-        })]
-      }), [[_resolveDirective("intersect"), onIntersect, props.options]]);
-    });
+        default: () => [slots.default?.()]
+      })]
+    }), [[_resolveDirective("intersect"), onIntersect, props.options]]));
     return {};
   }
 });