vuetify 3.1.4 → 3.1.6

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

@@ -1,27 +1,12 @@
 import * as vue from 'vue';
-import { JSXComponent, PropType, VNodeChild, Prop } from 'vue';
+import { JSXComponent, PropType } from 'vue';
 
-declare type Density = null | 'default' | 'comfortable' | 'compact';
+type Density = null | 'default' | 'comfortable' | 'compact';
 
-declare type IconValue = string | JSXComponent;
+type IconValue = string | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
-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]>;
-};
-
-declare type VRatingItemSlot = {
+type VRatingItemSlot = {
     value: number;
     index: number;
     isFilled: boolean;
@@ -30,298 +15,84 @@ declare type VRatingItemSlot = {
     color?: string;
     props: Record<string, unknown>;
 };
-declare type VRatingItemLabelSlot = {
+type VRatingItemLabelSlot = {
     value: number;
     index: number;
     label?: string;
 };
-declare const VRating: {
-    new (...args: any[]): {
-        $: vue.ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            length: string | number;
-            disabled: boolean;
-            size: string | number;
-            readonly: boolean;
-            tag: string;
-            density: Density;
-            modelValue: string | number;
-            ripple: boolean;
-            clearable: boolean;
-            hover: boolean;
-            halfIncrements: boolean;
-            itemAriaLabel: string;
-            emptyIcon: IconValue;
-            fullIcon: IconValue;
-            itemLabelPosition: string;
-        }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
-            theme: StringConstructor;
-            tag: {
-                type: StringConstructor;
-                default: string;
-            };
-            size: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: string;
-            };
-            density: {
-                type: vue.PropType<Density>;
-                default: string;
-                validator: (v: any) => boolean;
-            };
-            name: StringConstructor;
-            itemAriaLabel: {
-                type: StringConstructor;
-                default: string;
-            };
-            activeColor: StringConstructor;
-            color: StringConstructor;
-            clearable: BooleanConstructor;
-            disabled: BooleanConstructor;
-            emptyIcon: {
-                type: vue.PropType<IconValue>;
-                default: string;
-            };
-            fullIcon: {
-                type: vue.PropType<IconValue>;
-                default: string;
-            };
-            halfIncrements: BooleanConstructor;
-            hover: BooleanConstructor;
-            length: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: number;
-            };
-            readonly: BooleanConstructor;
-            modelValue: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: number;
-            };
-            itemLabels: Prop<string[], string[]>;
-            itemLabelPosition: {
-                type: StringConstructor;
-                default: string;
-                validator: (v: any) => boolean;
-            };
-            ripple: BooleanConstructor;
-        }, "$children" | "v-slots" | "v-slot:item" | "v-slot:item-label">>> & {
-            "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "length" | "disabled" | "size" | "readonly" | "tag" | "density" | "modelValue" | "ripple" | "clearable" | "hover" | "halfIncrements" | "itemAriaLabel" | "emptyIcon" | "fullIcon" | "itemLabelPosition">;
-        $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: "update:modelValue", value: string | number) => void;
-        $el: any;
-        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
-            theme: StringConstructor;
-            tag: {
-                type: StringConstructor;
-                default: string;
-            };
-            size: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: string;
-            };
-            density: {
-                type: vue.PropType<Density>;
-                default: string;
-                validator: (v: any) => boolean;
-            };
-            name: StringConstructor;
-            itemAriaLabel: {
-                type: StringConstructor;
-                default: string;
-            };
-            activeColor: StringConstructor;
-            color: StringConstructor;
-            clearable: BooleanConstructor;
-            disabled: BooleanConstructor;
-            emptyIcon: {
-                type: vue.PropType<IconValue>;
-                default: string;
-            };
-            fullIcon: {
-                type: vue.PropType<IconValue>;
-                default: string;
-            };
-            halfIncrements: BooleanConstructor;
-            hover: BooleanConstructor;
-            length: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: number;
-            };
-            readonly: BooleanConstructor;
-            modelValue: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: number;
-            };
-            itemLabels: Prop<string[], string[]>;
-            itemLabelPosition: {
-                type: StringConstructor;
-                default: string;
-                validator: (v: any) => boolean;
-            };
-            ripple: BooleanConstructor;
-        }, "$children" | "v-slots" | "v-slot:item" | "v-slot:item-label">>> & {
-            "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
-        }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
-            'update:modelValue': (value: number | string) => boolean;
-        }, "$children" | "v-slots" | "v-slot:item" | "v-slot:item-label">, string, {
-            length: string | number;
-            disabled: boolean;
-            size: string | number;
-            readonly: boolean;
-            tag: string;
-            density: Density;
-            modelValue: string | number;
-            ripple: boolean;
-            clearable: boolean;
-            hover: boolean;
-            halfIncrements: boolean;
-            itemAriaLabel: string;
-            emptyIcon: IconValue;
-            fullIcon: IconValue;
-            itemLabelPosition: string;
-        }> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | 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<{
-        theme: StringConstructor;
-        tag: {
-            type: StringConstructor;
-            default: string;
-        };
-        size: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: string;
-        };
-        density: {
-            type: vue.PropType<Density>;
-            default: string;
-            validator: (v: any) => boolean;
-        };
-        name: StringConstructor;
-        itemAriaLabel: {
-            type: StringConstructor;
-            default: string;
-        };
-        activeColor: StringConstructor;
-        color: StringConstructor;
-        clearable: BooleanConstructor;
-        disabled: BooleanConstructor;
-        emptyIcon: {
-            type: vue.PropType<IconValue>;
-            default: string;
-        };
-        fullIcon: {
-            type: vue.PropType<IconValue>;
-            default: string;
-        };
-        halfIncrements: BooleanConstructor;
-        hover: BooleanConstructor;
-        length: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: number;
-        };
-        readonly: BooleanConstructor;
-        modelValue: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: number;
-        };
-        itemLabels: Prop<string[], string[]>;
-        itemLabelPosition: {
-            type: StringConstructor;
-            default: string;
-            validator: (v: any) => boolean;
-        };
-        ripple: BooleanConstructor;
-    }, "$children" | "v-slots" | "v-slot:item" | "v-slot:item-label">>> & {
-        "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
-    } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
-    theme: StringConstructor;
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: string;
-    };
-    density: {
-        type: vue.PropType<Density>;
-        default: string;
-        validator: (v: any) => boolean;
-    };
-    name: StringConstructor;
-    itemAriaLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    activeColor: StringConstructor;
-    color: StringConstructor;
-    clearable: BooleanConstructor;
-    disabled: BooleanConstructor;
-    emptyIcon: {
-        type: vue.PropType<IconValue>;
-        default: string;
-    };
-    fullIcon: {
-        type: vue.PropType<IconValue>;
-        default: string;
-    };
-    halfIncrements: BooleanConstructor;
-    hover: BooleanConstructor;
-    length: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    readonly: BooleanConstructor;
-    modelValue: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
+declare const VRating: vue.DefineComponent<{
+    length: string | number;
+    disabled: boolean;
+    size: string | number;
+    readonly: boolean;
+    tag: string;
+    density: Density;
+    modelValue: string | number;
+    ripple: boolean;
+    clearable: boolean;
+    hover: boolean;
+    halfIncrements: boolean;
+    itemAriaLabel: string;
+    emptyIcon: IconValue;
+    fullIcon: IconValue;
+    itemLabelPosition: string;
+} & {
+    name?: string | undefined;
+    color?: string | undefined;
+    theme?: string | undefined;
+    activeColor?: string | undefined;
+    itemLabels?: string[] | undefined;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        item?: ((args_0: VRatingItemSlot) => vue.VNodeChild) | undefined;
+        'item-label'?: ((args_0: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
     };
-    itemLabels: Prop<string[], string[]>;
-    itemLabelPosition: {
-        type: StringConstructor;
-        default: string;
-        validator: (v: any) => boolean;
+    'v-slots'?: {
+        item?: false | ((args_0: VRatingItemSlot) => vue.VNodeChild) | undefined;
+        'item-label'?: false | ((args_0: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:item"?: false | ((args_0: VRatingItemSlot) => vue.VNodeChild) | undefined;
+    "v-slot:item-label"?: false | ((args_0: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:modelValue': (value: number | string) => boolean;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    length: string | number;
+    disabled: boolean;
+    size: string | number;
+    readonly: boolean;
+    tag: string;
+    density: Density;
+    modelValue: string | number;
+    ripple: boolean;
+    clearable: boolean;
+    hover: boolean;
+    halfIncrements: boolean;
+    itemAriaLabel: string;
+    emptyIcon: IconValue;
+    fullIcon: IconValue;
+    itemLabelPosition: string;
+} & {
+    name?: string | undefined;
+    color?: string | undefined;
+    theme?: string | undefined;
+    activeColor?: string | undefined;
+    itemLabels?: string[] | undefined;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        item?: ((args_0: VRatingItemSlot) => vue.VNodeChild) | undefined;
+        'item-label'?: ((args_0: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
     };
-    ripple: BooleanConstructor;
-}, "$children" | "v-slots" | "v-slot:item" | "v-slot:item-label">>> & {
+    'v-slots'?: {
+        item?: false | ((args_0: VRatingItemSlot) => vue.VNodeChild) | undefined;
+        'item-label'?: false | ((args_0: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:item"?: false | ((args_0: VRatingItemSlot) => vue.VNodeChild) | undefined;
+    "v-slot:item-label"?: false | ((args_0: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
+} & {
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
-    'update:modelValue': (value: number | string) => boolean;
-}, "$children" | "v-slots" | "v-slot:item" | "v-slot:item-label">, string, {
+}, {
     length: string | number;
     disabled: boolean;
     size: string | number;
@@ -337,12 +108,7 @@ declare const VRating: {
     emptyIcon: IconValue;
     fullIcon: IconValue;
     itemLabelPosition: string;
-}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>() => {
-    $props: SlotsToProps<{
-        item: [VRatingItemSlot];
-        'item-label': [VRatingItemLabelSlot];
-    }>;
-});
-declare type VRating = InstanceType<typeof VRating>;
+}>;
+type VRating = InstanceType<typeof VRating>;
 
 export { VRating };

package/lib/components/VResponsive/VResponsive.mjs

@@ -5,7 +5,7 @@ import "./VResponsive.css";
 // Composables
 import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs"; // Utilities
 import { computed } from 'vue';
-import { defineComponent, useRender } from "../../util/index.mjs";
+import { genericComponent, useRender } from "../../util/index.mjs";
 export function useAspectStyles(props) {
   return {
     aspectStyles: computed(() => {
@@ -16,7 +16,7 @@ export function useAspectStyles(props) {
     })
   };
 }
-export const VResponsive = defineComponent({
+export const VResponsive = genericComponent()({
   name: 'VResponsive',
   props: {
     aspectRatio: [String, Number],
@@ -33,18 +33,15 @@ export const VResponsive = defineComponent({
     const {
       dimensionStyles
     } = useDimension(props);
-    useRender(() => {
-      var _slots$additional;
-      return _createVNode("div", {
-        "class": "v-responsive",
-        "style": dimensionStyles.value
-      }, [_createVNode("div", {
-        "class": "v-responsive__sizer",
-        "style": aspectStyles.value
-      }, null), (_slots$additional = slots.additional) == null ? void 0 : _slots$additional.call(slots), slots.default && _createVNode("div", {
-        "class": ['v-responsive__content', props.contentClass]
-      }, [slots.default()])]);
-    });
+    useRender(() => _createVNode("div", {
+      "class": "v-responsive",
+      "style": dimensionStyles.value
+    }, [_createVNode("div", {
+      "class": "v-responsive__sizer",
+      "style": aspectStyles.value
+    }, null), slots.additional?.(), slots.default && _createVNode("div", {
+      "class": ['v-responsive__content', props.contentClass]
+    }, [slots.default()])]));
     return {};
   }
 });

package/lib/components/VResponsive/VResponsive.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VResponsive.mjs","names":["makeDimensionProps","useDimension","computed","defineComponent","useRender","useAspectStyles","props","aspectStyles","ratio","Number","aspectRatio","paddingBottom","String","undefined","VResponsive","name","contentClass","setup","slots","dimensionStyles","value","additional","default"],"sources":["../../../src/components/VResponsive/VResponsive.tsx"],"sourcesContent":["// Styles\nimport './VResponsive.sass'\n\n// Composables\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\n\n// Utilities\nimport { computed } from 'vue'\nimport { defineComponent, useRender } from '@/util'\n\nexport function useAspectStyles (props: { aspectRatio?: string | number }) {\n  return {\n    aspectStyles: computed(() => {\n      const ratio = Number(props.aspectRatio)\n\n      return ratio\n        ? { paddingBottom: String(1 / ratio * 100) + '%' }\n        : undefined\n    }),\n  }\n}\n\nexport const VResponsive = defineComponent({\n  name: 'VResponsive',\n\n  props: {\n    aspectRatio: [String, Number],\n    contentClass: String,\n\n    ...makeDimensionProps(),\n  },\n\n  setup (props, { slots }) {\n    const { aspectStyles } = useAspectStyles(props)\n    const { dimensionStyles } = useDimension(props)\n\n    useRender(() => (\n      <div class=\"v-responsive\" style={ dimensionStyles.value }>\n        <div class=\"v-responsive__sizer\" style={ aspectStyles.value } />\n\n        { slots.additional?.() }\n\n        { slots.default && (\n          <div class={['v-responsive__content', props.contentClass]}>{ slots.default() }</div>\n        )}\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VResponsive = InstanceType<typeof VResponsive>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,kBAAkB,EAAEC,YAAY,4CAEzC;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,eAAe,EAAEC,SAAS;AAEnC,OAAO,SAASC,eAAe,CAAEC,KAAwC,EAAE;EACzE,OAAO;IACLC,YAAY,EAAEL,QAAQ,CAAC,MAAM;MAC3B,MAAMM,KAAK,GAAGC,MAAM,CAACH,KAAK,CAACI,WAAW,CAAC;MAEvC,OAAOF,KAAK,GACR;QAAEG,aAAa,EAAEC,MAAM,CAAC,CAAC,GAAGJ,KAAK,GAAG,GAAG,CAAC,GAAG;MAAI,CAAC,GAChDK,SAAS;IACf,CAAC;EACH,CAAC;AACH;AAEA,OAAO,MAAMC,WAAW,GAAGX,eAAe,CAAC;EACzCY,IAAI,EAAE,aAAa;EAEnBT,KAAK,EAAE;IACLI,WAAW,EAAE,CAACE,MAAM,EAAEH,MAAM,CAAC;IAC7BO,YAAY,EAAEJ,MAAM;IAEpB,GAAGZ,kBAAkB;EACvB,CAAC;EAEDiB,KAAK,CAAEX,KAAK,QAAa;IAAA,IAAX;MAAEY;IAAM,CAAC;IACrB,MAAM;MAAEX;IAAa,CAAC,GAAGF,eAAe,CAACC,KAAK,CAAC;IAC/C,MAAM;MAAEa;IAAgB,CAAC,GAAGlB,YAAY,CAACK,KAAK,CAAC;IAE/CF,SAAS,CAAC;MAAA;MAAA;QAAA,SACG,cAAc;QAAA,SAASe,eAAe,CAACC;MAAK;QAAA,SAC1C,qBAAqB;QAAA,SAASb,YAAY,CAACa;MAAK,+BAEzDF,KAAK,CAACG,UAAU,qBAAhB,uBAAAH,KAAK,CAAe,EAEpBA,KAAK,CAACI,OAAO;QAAA,SACD,CAAC,uBAAuB,EAAEhB,KAAK,CAACU,YAAY;MAAC,IAAIE,KAAK,CAACI,OAAO,EAAE,EAC7E;IAAA,CAEJ,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"VResponsive.mjs","names":["makeDimensionProps","useDimension","computed","genericComponent","useRender","useAspectStyles","props","aspectStyles","ratio","Number","aspectRatio","paddingBottom","String","undefined","VResponsive","name","contentClass","setup","slots","dimensionStyles","value","additional","default"],"sources":["../../../src/components/VResponsive/VResponsive.tsx"],"sourcesContent":["// Styles\nimport './VResponsive.sass'\n\n// Composables\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, useRender } from '@/util'\n\nexport type VResponsiveSlots = {\n  default: []\n  additional: []\n}\n\nexport function useAspectStyles (props: { aspectRatio?: string | number }) {\n  return {\n    aspectStyles: computed(() => {\n      const ratio = Number(props.aspectRatio)\n\n      return ratio\n        ? { paddingBottom: String(1 / ratio * 100) + '%' }\n        : undefined\n    }),\n  }\n}\n\nexport const VResponsive = genericComponent<VResponsiveSlots>()({\n  name: 'VResponsive',\n\n  props: {\n    aspectRatio: [String, Number],\n    contentClass: String,\n\n    ...makeDimensionProps(),\n  },\n\n  setup (props, { slots }) {\n    const { aspectStyles } = useAspectStyles(props)\n    const { dimensionStyles } = useDimension(props)\n\n    useRender(() => (\n      <div class=\"v-responsive\" style={ dimensionStyles.value }>\n        <div class=\"v-responsive__sizer\" style={ aspectStyles.value } />\n\n        { slots.additional?.() }\n\n        { slots.default && (\n          <div class={['v-responsive__content', props.contentClass]}>{ slots.default() }</div>\n        )}\n      </div>\n    ))\n\n    return {}\n  },\n})\n\nexport type VResponsive = InstanceType<typeof VResponsive>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,kBAAkB,EAAEC,YAAY,4CAEzC;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,gBAAgB,EAAEC,SAAS;AAOpC,OAAO,SAASC,eAAe,CAAEC,KAAwC,EAAE;EACzE,OAAO;IACLC,YAAY,EAAEL,QAAQ,CAAC,MAAM;MAC3B,MAAMM,KAAK,GAAGC,MAAM,CAACH,KAAK,CAACI,WAAW,CAAC;MAEvC,OAAOF,KAAK,GACR;QAAEG,aAAa,EAAEC,MAAM,CAAC,CAAC,GAAGJ,KAAK,GAAG,GAAG,CAAC,GAAG;MAAI,CAAC,GAChDK,SAAS;IACf,CAAC;EACH,CAAC;AACH;AAEA,OAAO,MAAMC,WAAW,GAAGX,gBAAgB,EAAoB,CAAC;EAC9DY,IAAI,EAAE,aAAa;EAEnBT,KAAK,EAAE;IACLI,WAAW,EAAE,CAACE,MAAM,EAAEH,MAAM,CAAC;IAC7BO,YAAY,EAAEJ,MAAM;IAEpB,GAAGZ,kBAAkB;EACvB,CAAC;EAEDiB,KAAK,CAAEX,KAAK,QAAa;IAAA,IAAX;MAAEY;IAAM,CAAC;IACrB,MAAM;MAAEX;IAAa,CAAC,GAAGF,eAAe,CAACC,KAAK,CAAC;IAC/C,MAAM;MAAEa;IAAgB,CAAC,GAAGlB,YAAY,CAACK,KAAK,CAAC;IAE/CF,SAAS,CAAC;MAAA,SACG,cAAc;MAAA,SAASe,eAAe,CAACC;IAAK;MAAA,SAC1C,qBAAqB;MAAA,SAASb,YAAY,CAACa;IAAK,UAEzDF,KAAK,CAACG,UAAU,IAAI,EAEpBH,KAAK,CAACI,OAAO;MAAA,SACD,CAAC,uBAAuB,EAAEhB,KAAK,CAACU,YAAY;IAAC,IAAIE,KAAK,CAACI,OAAO,EAAE,EAC7E,EAEJ,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

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

@@ -1,24 +1,48 @@
 import * as vue from 'vue';
 
-declare const VResponsive: vue.DefineComponent<{
-    height: (StringConstructor | NumberConstructor)[];
-    maxHeight: (StringConstructor | NumberConstructor)[];
-    maxWidth: (StringConstructor | NumberConstructor)[];
-    minHeight: (StringConstructor | NumberConstructor)[];
-    minWidth: (StringConstructor | NumberConstructor)[];
-    width: (StringConstructor | NumberConstructor)[];
-    aspectRatio: (StringConstructor | NumberConstructor)[];
-    contentClass: StringConstructor;
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    height: (StringConstructor | NumberConstructor)[];
-    maxHeight: (StringConstructor | NumberConstructor)[];
-    maxWidth: (StringConstructor | NumberConstructor)[];
-    minHeight: (StringConstructor | NumberConstructor)[];
-    minWidth: (StringConstructor | NumberConstructor)[];
-    width: (StringConstructor | NumberConstructor)[];
-    aspectRatio: (StringConstructor | NumberConstructor)[];
-    contentClass: StringConstructor;
-}>>, {}>;
-declare type VResponsive = InstanceType<typeof VResponsive>;
+declare const VResponsive: vue.DefineComponent<{} & {
+    height?: string | number | undefined;
+    width?: string | number | undefined;
+    aspectRatio?: string | number | undefined;
+    maxHeight?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    minHeight?: string | number | undefined;
+    minWidth?: string | number | undefined;
+    contentClass?: string | undefined;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        default?: (() => vue.VNodeChild) | undefined;
+        additional?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+        additional?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:additional"?: false | (() => vue.VNodeChild) | undefined;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {} & {
+    height?: string | number | undefined;
+    width?: string | number | undefined;
+    aspectRatio?: string | number | undefined;
+    maxHeight?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    minHeight?: string | number | undefined;
+    minWidth?: string | number | undefined;
+    contentClass?: string | undefined;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        default?: (() => vue.VNodeChild) | undefined;
+        additional?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+        additional?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:additional"?: false | (() => vue.VNodeChild) | undefined;
+}, {}>;
+type VResponsive = InstanceType<typeof VResponsive>;
 
 export { VResponsive };