@jsonforms/vue-vuetify/lib/layouts/HorizontalLayoutRenderer.d.ts

Vue Vuetify renderers for JSON Forms

import { Layout, JsonSchema, JsonFormsRendererRegistryEntry, JsonFormsCellRendererRegistryEntry, UISchemaElement, JsonFormsUISchemaRegistryEntry } from '@jsonforms/core';
import { DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, StyleValue, VNodeChild, VNodeProps, AllowedComponentProps, ComponentCustomProps, SlotsType, VNode, GlobalComponents, GlobalDirectives, ComponentOptionsBase, RendererNode, RendererElement, Prop } from 'vue';
import { Styles } from '..';
import { JSXComponent } from 'vuetify/lib/util/index.mjs';
import { JSXComponent } from 'vuetify/lib/types.mjs';
import { FilterPropsOptions } from 'vuetify/lib/util/defineComponent.mjs';
import { ClassValue } from 'vuetify/lib/composables/component.mjs';
import { ALIGN_CONTENT_VALUES, ALIGN_VALUES } from 'vuetify/lib/components/VGrid/VRow.mjs';
import { ALIGN_SELF_VALUES } from 'vuetify/lib/components/VGrid/VCol.mjs';

declare const layoutRenderer: DefineComponent<{
    schema: JsonSchema;
    uischema: Layout;
    path: string;
    enabled?: boolean | undefined;
    renderers?: JsonFormsRendererRegistryEntry[] | undefined;
    cells?: JsonFormsCellRendererRegistryEntry[] | undefined;
    config?: any;
}, {
    xs: Ref<boolean, boolean>;
    sm: Ref<boolean, boolean>;
    md: Ref<boolean, boolean>;
    lg: Ref<boolean, boolean>;
    xl: Ref<boolean, boolean>;
    layout: ComputedRef<{
        uischema: NonNullable<Layout & UISchemaElement>;
        schema: NonNullable< JsonSchema>;
        path: string;
        enabled: boolean;
        renderers: JsonFormsRendererRegistryEntry[];
        cells: JsonFormsCellRendererRegistryEntry[];
        config: any;
        direction: NonNullable<"row" | "column">;
        label: string;
        data: any;
        visible: boolean;
    }>;
    styles: Styles;
    appliedOptions: ComputedRef<any>;
    vuetifyProps: (path: string) => any;
}, {}, {
    collapse(): boolean;
    /**
     * Combines 'breakHorizontal' with user defined 'col' weights.
     * 'breakHorizontal' takes precedence.
     */
    cols(): (number | false)[];
}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
    schema: JsonSchema;
    uischema: Layout;
    path: string;
    enabled?: boolean | undefined;
    renderers?: JsonFormsRendererRegistryEntry[] | undefined;
    cells?: JsonFormsCellRendererRegistryEntry[] | undefined;
    config?: any;
}> & Readonly<{}>, {
    enabled: boolean;
    renderers: JsonFormsRendererRegistryEntry[];
    cells: JsonFormsCellRendererRegistryEntry[];
    config: Record<string, any>;
}, {}, {
    DispatchRenderer: DefineComponent<ExtractPropTypes<{
        schema: {
            required: true;
            type: PropType<JsonSchema>;
        };
        uischema: {
            required: true;
            type: PropType<UISchemaElement>;
        };
        path: {
            required: true;
            type: StringConstructor;
        };
        enabled: {
            required: false;
            type: BooleanConstructor;
            default: undefined;
        };
        renderers: {
            required: boolean;
            type: PropType< JsonFormsRendererRegistryEntry[]>;
            default: undefined;
        };
        cells: {
            required: boolean;
            type: PropType< JsonFormsCellRendererRegistryEntry[]>;
            default: undefined;
        };
        config: {
            required: boolean;
            type: ObjectConstructor;
            default: undefined;
        };
    }>, {
        renderer: ComputedRef<{
            config: any;
            uischema: NonNullable< UISchemaElement | undefined>;
            schema: NonNullable< JsonSchema | undefined>;
            enabled: NonNullable<boolean | undefined>;
            visible: NonNullable<boolean | undefined>;
            path: string;
            renderers: JsonFormsRendererRegistryEntry[];
            cells: JsonFormsCellRendererRegistryEntry[];
            uischemas: JsonFormsUISchemaRegistryEntry[];
        }>;
        rootSchema: ComputedRef<NonNullable< JsonSchema>>;
    }, {}, {
        determinedRenderer(): any;
    }, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
        schema: {
            required: true;
            type: PropType<JsonSchema>;
        };
        uischema: {
            required: true;
            type: PropType<UISchemaElement>;
        };
        path: {
            required: true;
            type: StringConstructor;
        };
        enabled: {
            required: false;
            type: BooleanConstructor;
            default: undefined;
        };
        renderers: {
            required: boolean;
            type: PropType< JsonFormsRendererRegistryEntry[]>;
            default: undefined;
        };
        cells: {
            required: boolean;
            type: PropType< JsonFormsCellRendererRegistryEntry[]>;
            default: undefined;
        };
        config: {
            required: boolean;
            type: ObjectConstructor;
            default: undefined;
        };
    }>> & Readonly<{}>, {
        enabled: boolean;
        renderers: JsonFormsRendererRegistryEntry[];
        cells: JsonFormsCellRendererRegistryEntry[];
        config: Record<string, any>;
    }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
    VContainer: {
        new (...args: any[]): CreateComponentPublicInstanceWithMixins<{
            style: StyleValue;
            tag: string | JSXComponent;
            fluid: boolean;
        } & {
            height?: string | number | undefined;
            width?: string | number | undefined;
            maxHeight?: string | number | undefined;
            maxWidth?: string | number | undefined;
            minHeight?: string | number | undefined;
            minWidth?: string | number | undefined;
            class?: any;
        } & {
            $children?: VNodeChild | {
                default?: (() => VNodeChild) | undefined;
            } | (() => VNodeChild);
            "v-slots"?: {
                default?: false | (() => VNodeChild) | undefined;
            } | undefined;
        } & {
            "v-slot:default"?: false | (() => VNodeChild) | undefined;
        }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
            style: StyleValue;
            tag: string | JSXComponent;
            fluid: boolean;
        }, true, {}, SlotsType<Partial<{
            default: () => VNode[];
        }>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, {
            style: StyleValue;
            tag: string | JSXComponent;
            fluid: boolean;
        } & {
            height?: string | number | undefined;
            width?: string | number | undefined;
            maxHeight?: string | number | undefined;
            maxWidth?: string | number | undefined;
            minHeight?: string | number | undefined;
            minWidth?: string | number | undefined;
            class?: any;
        } & {
            $children?: VNodeChild | {
                default?: (() => VNodeChild) | undefined;
            } | (() => VNodeChild);
            "v-slots"?: {
                default?: false | (() => VNodeChild) | undefined;
            } | undefined;
        } & {
            "v-slot:default"?: false | (() => VNodeChild) | undefined;
        }, {}, {}, {}, {}, {
            style: StyleValue;
            tag: string | JSXComponent;
            fluid: boolean;
        }>;
        __isFragment?: never;
        __isTeleport?: never;
        __isSuspense?: never;
    } & ComponentOptionsBase<{
        style: StyleValue;
        tag: string | JSXComponent;
        fluid: boolean;
    } & {
        height?: string | number | undefined;
        width?: string | number | undefined;
        maxHeight?: string | number | undefined;
        maxWidth?: string | number | undefined;
        minHeight?: string | number | undefined;
        minWidth?: string | number | undefined;
        class?: any;
    } & {
        $children?: VNodeChild | {
            default?: (() => VNodeChild) | undefined;
        } | (() => VNodeChild);
        'v-slots'?: {
            default?: false | (() => VNodeChild) | undefined;
        } | undefined;
    } & {
        "v-slot:default"?: false | (() => VNodeChild) | undefined;
    }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, {
        style: StyleValue;
        tag: string | JSXComponent;
        fluid: boolean;
    }, {}, string, SlotsType<Partial<{
        default: () => VNode[];
    }>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<{
        tag: {
            type: PropType<string | JSXComponent>;
            default: string;
        };
        height: (StringConstructor | NumberConstructor)[];
        maxHeight: (StringConstructor | NumberConstructor)[];
        maxWidth: (StringConstructor | NumberConstructor)[];
        minHeight: (StringConstructor | NumberConstructor)[];
        minWidth: (StringConstructor | NumberConstructor)[];
        width: (StringConstructor | NumberConstructor)[];
        class: PropType<ClassValue>;
        style: {
            type: PropType<StyleValue>;
            default: null;
        };
        fluid: {
            type: BooleanConstructor;
            default: boolean;
        };
    }, ExtractPropTypes<{
        tag: {
            type: PropType<string | JSXComponent>;
            default: string;
        };
        height: (StringConstructor | NumberConstructor)[];
        maxHeight: (StringConstructor | NumberConstructor)[];
        maxWidth: (StringConstructor | NumberConstructor)[];
        minHeight: (StringConstructor | NumberConstructor)[];
        minWidth: (StringConstructor | NumberConstructor)[];
        width: (StringConstructor | NumberConstructor)[];
        class: PropType<ClassValue>;
        style: {
            type: PropType<StyleValue>;
            default: null;
        };
        fluid: {
            type: BooleanConstructor;
            default: boolean;
        };
    }>>;
    VRow: {
        new (...args: any[]): CreateComponentPublicInstanceWithMixins<{
            alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
            style: StyleValue;
            tag: string | JSXComponent;
            dense: boolean;
            justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
            align: "center" | "end" | "start" | "stretch" | "baseline";
            noGutters: boolean;
        } & {
            class?: any;
            alignSm?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
            alignMd?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
            alignLg?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
            alignXl?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
            alignXxl?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
            justifySm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
            justifyMd?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
            justifyLg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
            justifyXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
            justifyXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
            alignContentSm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
            alignContentMd?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
            alignContentLg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
            alignContentXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
            alignContentXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
        } & {
            $children?: VNodeChild | {
                default?: (() => VNodeChild) | undefined;
            } | (() => VNodeChild);
            "v-slots"?: {
                default?: false | (() => VNodeChild) | undefined;
            } | undefined;
        } & {
            "v-slot:default"?: false | (() => VNodeChild) | undefined;
        }, () => VNode<RendererNode, RendererElement, {
            [key: string]: any;
        }>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
            alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
            style: StyleValue;
            tag: string | JSXComponent;
            dense: boolean;
            justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
            align: "center" | "end" | "start" | "stretch" | "baseline";
            noGutters: boolean;
        }, true, {}, SlotsType<Partial<{
            default: () => VNode[];
        }>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, {
            alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
            style: StyleValue;
            tag: string | JSXComponent;
            dense: boolean;
            justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
            align: "center" | "end" | "start" | "stretch" | "baseline";
            noGutters: boolean;
        } & {
            class?: any;
            alignSm?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
            alignMd?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
            alignLg?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
            alignXl?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
            alignXxl?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
            justifySm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
            justifyMd?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
            justifyLg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
            justifyXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
            justifyXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
            alignContentSm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
            alignContentMd?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
            alignContentLg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
            alignContentXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
            alignContentXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
        } & {
            $children?: VNodeChild | {
                default?: (() => VNodeChild) | undefined;
            } | (() => VNodeChild);
            "v-slots"?: {
                default?: false | (() => VNodeChild) | undefined;
            } | undefined;
        } & {
            "v-slot:default"?: false | (() => VNodeChild) | undefined;
        }, () => VNode<RendererNode, RendererElement, {
            [key: string]: any;
        }>, {}, {}, {}, {
            alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
            style: StyleValue;
            tag: string | JSXComponent;
            dense: boolean;
            justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
            align: "center" | "end" | "start" | "stretch" | "baseline";
            noGutters: boolean;
        }>;
        __isFragment?: never;
        __isTeleport?: never;
        __isSuspense?: never;
    } & ComponentOptionsBase<{
        alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
        style: StyleValue;
        tag: string | JSXComponent;
        dense: boolean;
        justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
        align: "center" | "end" | "start" | "stretch" | "baseline";
        noGutters: boolean;
    } & {
        class?: any;
        alignSm?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
        alignMd?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
        alignLg?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
        alignXl?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
        alignXxl?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
        justifySm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
        justifyMd?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
        justifyLg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
        justifyXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
        justifyXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
        alignContentSm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
        alignContentMd?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
        alignContentLg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
        alignContentXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
        alignContentXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
    } & {
        $children?: VNodeChild | {
            default?: (() => VNodeChild) | undefined;
        } | (() => VNodeChild);
        'v-slots'?: {
            default?: false | (() => VNodeChild) | undefined;
        } | undefined;
    } & {
        "v-slot:default"?: false | (() => VNodeChild) | undefined;
    }, () => VNode<RendererNode, RendererElement, {
        [key: string]: any;
    }>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, {
        alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
        style: StyleValue;
        tag: string | JSXComponent;
        dense: boolean;
        justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
        align: "center" | "end" | "start" | "stretch" | "baseline";
        noGutters: boolean;
    }, {}, string, SlotsType<Partial<{
        default: () => VNode[];
    }>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<{
        tag: {
            type: PropType<string | JSXComponent>;
            default: string;
        };
        class: PropType<ClassValue>;
        style: {
            type: PropType<StyleValue>;
            default: null;
        };
        alignContentSm: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
        alignContentMd: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
        alignContentLg: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
        alignContentXl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
        alignContentXxl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
        alignContent: {
            type: PropType< ALIGN_CONTENT_VALUES[number]>;
            default: null;
            validator: (str: any) => boolean;
        };
        justifySm: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
        justifyMd: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
        justifyLg: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
        justifyXl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
        justifyXxl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
        justify: {
            type: PropType< ALIGN_CONTENT_VALUES[number]>;
            default: null;
            validator: (str: any) => boolean;
        };
        alignSm: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
        alignMd: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
        alignLg: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
        alignXl: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
        alignXxl: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
        dense: BooleanConstructor;
        noGutters: BooleanConstructor;
        align: {
            type: PropType< ALIGN_VALUES[number]>;
            default: null;
            validator: (str: any) => boolean;
        };
    }, ExtractPropTypes<{
        tag: {
            type: PropType<string | JSXComponent>;
            default: string;
        };
        class: PropType<ClassValue>;
        style: {
            type: PropType<StyleValue>;
            default: null;
        };
        alignContentSm: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
        alignContentMd: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
        alignContentLg: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
        alignContentXl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
        alignContentXxl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
        alignContent: {
            type: PropType< ALIGN_CONTENT_VALUES[number]>;
            default: null;
            validator: (str: any) => boolean;
        };
        justifySm: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
        justifyMd: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
        justifyLg: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
        justifyXl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
        justifyXxl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
        justify: {
            type: PropType< ALIGN_CONTENT_VALUES[number]>;
            default: null;
            validator: (str: any) => boolean;
        };
        alignSm: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
        alignMd: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
        alignLg: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
        alignXl: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
        alignXxl: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
        dense: BooleanConstructor;
        noGutters: BooleanConstructor;
        align: {
            type: PropType< ALIGN_VALUES[number]>;
            default: null;
            validator: (str: any) => boolean;
        };
    }>>;
    VCol: {
        new (...args: any[]): CreateComponentPublicInstanceWithMixins<{
            offset: string | number;
            alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
            order: string | number;
            style: StyleValue;
            tag: string | JSXComponent;
            cols: string | number | boolean;
        } & {
            class?: any;
            sm?: string | number | boolean | undefined;
            md?: string | number | boolean | undefined;
            lg?: string | number | boolean | undefined;
            xl?: string | number | boolean | undefined;
            xxl?: string | number | boolean | undefined;
            offsetSm?: string | number | undefined;
            offsetMd?: string | number | undefined;
            offsetLg?: string | number | undefined;
            offsetXl?: string | number | undefined;
            offsetXxl?: string | number | undefined;
            orderSm?: string | number | undefined;
            orderMd?: string | number | undefined;
            orderLg?: string | number | undefined;
            orderXl?: string | number | undefined;
            orderXxl?: string | number | undefined;
        } & {
            $children?: VNodeChild | {
                default?: (() => VNodeChild) | undefined;
            } | (() => VNodeChild);
            "v-slots"?: {
                default?: false | (() => VNodeChild) | undefined;
            } | undefined;
        } & {
            "v-slot:default"?: false | (() => VNodeChild) | undefined;
        }, () => VNode<RendererNode, RendererElement, {
            [key: string]: any;
        }>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
            offset: string | number;
            alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
            order: string | number;
            style: StyleValue;
            tag: string | JSXComponent;
            cols: string | number | boolean;
        }, true, {}, SlotsType<Partial<{
            default: () => VNode[];
        }>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, {
            offset: string | number;
            alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
            order: string | number;
            style: StyleValue;
            tag: string | JSXComponent;
            cols: string | number | boolean;
        } & {
            class?: any;
            sm?: string | number | boolean | undefined;
            md?: string | number | boolean | undefined;
            lg?: string | number | boolean | undefined;
            xl?: string | number | boolean | undefined;
            xxl?: string | number | boolean | undefined;
            offsetSm?: string | number | undefined;
            offsetMd?: string | number | undefined;
            offsetLg?: string | number | undefined;
            offsetXl?: string | number | undefined;
            offsetXxl?: string | number | undefined;
            orderSm?: string | number | undefined;
            orderMd?: string | number | undefined;
            orderLg?: string | number | undefined;
            orderXl?: string | number | undefined;
            orderXxl?: string | number | undefined;
        } & {
            $children?: VNodeChild | {
                default?: (() => VNodeChild) | undefined;
            } | (() => VNodeChild);
            "v-slots"?: {
                default?: false | (() => VNodeChild) | undefined;
            } | undefined;
        } & {
            "v-slot:default"?: false | (() => VNodeChild) | undefined;
        }, () => VNode<RendererNode, RendererElement, {
            [key: string]: any;
        }>, {}, {}, {}, {
            offset: string | number;
            alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
            order: string | number;
            style: StyleValue;
            tag: string | JSXComponent;
            cols: string | number | boolean;
        }>;
        __isFragment?: never;
        __isTeleport?: never;
        __isSuspense?: never;
    } & ComponentOptionsBase<{
        offset: string | number;
        alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
        order: string | number;
        style: StyleValue;
        tag: string | JSXComponent;
        cols: string | number | boolean;
    } & {
        class?: any;
        sm?: string | number | boolean | undefined;
        md?: string | number | boolean | undefined;
        lg?: string | number | boolean | undefined;
        xl?: string | number | boolean | undefined;
        xxl?: string | number | boolean | undefined;
        offsetSm?: string | number | undefined;
        offsetMd?: string | number | undefined;
        offsetLg?: string | number | undefined;
        offsetXl?: string | number | undefined;
        offsetXxl?: string | number | undefined;
        orderSm?: string | number | undefined;
        orderMd?: string | number | undefined;
        orderLg?: string | number | undefined;
        orderXl?: string | number | undefined;
        orderXxl?: string | number | undefined;
    } & {
        $children?: VNodeChild | {
            default?: (() => VNodeChild) | undefined;
        } | (() => VNodeChild);
        'v-slots'?: {
            default?: false | (() => VNodeChild) | undefined;
        } | undefined;
    } & {
        "v-slot:default"?: false | (() => VNodeChild) | undefined;
    }, () => VNode<RendererNode, RendererElement, {
        [key: string]: any;
    }>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, {
        offset: string | number;
        alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
        order: string | number;
        style: StyleValue;
        tag: string | JSXComponent;
        cols: string | number | boolean;
    }, {}, string, SlotsType<Partial<{
        default: () => VNode[];
    }>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<{
        tag: {
            type: PropType<string | JSXComponent>;
            default: string;
        };
        class: PropType<ClassValue>;
        style: {
            type: PropType<StyleValue>;
            default: null;
        };
        alignSelf: {
            type: PropType< ALIGN_SELF_VALUES[number]>;
            default: null;
            validator: (str: any) => boolean;
        };
        orderSm: Prop<string | number, null>;
        orderMd: Prop<string | number, null>;
        orderLg: Prop<string | number, null>;
        orderXl: Prop<string | number, null>;
        orderXxl: Prop<string | number, null>;
        order: {
            type: (StringConstructor | NumberConstructor)[];
            default: null;
        };
        offsetSm: Prop<string | number, null>;
        offsetMd: Prop<string | number, null>;
        offsetLg: Prop<string | number, null>;
        offsetXl: Prop<string | number, null>;
        offsetXxl: Prop<string | number, null>;
        offset: {
            type: (StringConstructor | NumberConstructor)[];
            default: null;
        };
        sm: Prop<string | number | boolean, false>;
        md: Prop<string | number | boolean, false>;
        lg: Prop<string | number | boolean, false>;
        xl: Prop<string | number | boolean, false>;
        xxl: Prop<string | number | boolean, false>;
        cols: {
            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
            default: boolean;
        };
    }, ExtractPropTypes<{
        tag: {
            type: PropType<string | JSXComponent>;
            default: string;
        };
        class: PropType<ClassValue>;
        style: {
            type: PropType<StyleValue>;
            default: null;
        };
        alignSelf: {
            type: PropType< ALIGN_SELF_VALUES[number]>;
            default: null;
            validator: (str: any) => boolean;
        };
        orderSm: Prop<string | number, null>;
        orderMd: Prop<string | number, null>;
        orderLg: Prop<string | number, null>;
        orderXl: Prop<string | number, null>;
        orderXxl: Prop<string | number, null>;
        order: {
            type: (StringConstructor | NumberConstructor)[];
            default: null;
        };
        offsetSm: Prop<string | number, null>;
        offsetMd: Prop<string | number, null>;
        offsetLg: Prop<string | number, null>;
        offsetXl: Prop<string | number, null>;
        offsetXxl: Prop<string | number, null>;
        offset: {
            type: (StringConstructor | NumberConstructor)[];
            default: null;
        };
        sm: Prop<string | number | boolean, false>;
        md: Prop<string | number | boolean, false>;
        lg: Prop<string | number | boolean, false>;
        xl: Prop<string | number | boolean, false>;
        xxl: Prop<string | number | boolean, false>;
        cols: {
            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
            default: boolean;
        };
    }>>;
}, {}, string, ComponentProvideOptions, true, {}, any>;
export default layoutRenderer;