@bluepic/embed 0.1.0

package/lib/components/TableDataMatcher.vue.d.ts

@@ -0,0 +1,4317 @@
+import { BluepicField } from '@bluepic/types';
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    fields: {
+        type: ArrayConstructor;
+        required: true;
+    };
+}>, {
+    props: any;
+    emit: (event: "update:partial-data", ...args: any[]) => void;
+    connectedFields: import("vue").Ref<({
+        type: "Image";
+        model: {
+            modelValue: string;
+        };
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            layout: (() => (() => "compact" | "normal") | "compact" | "normal") | (() => "compact" | "normal") | "compact" | "normal";
+            width: number | (() => number | (() => number)) | (() => number);
+            height: number | (() => number | (() => number)) | (() => number);
+            allowedTypes: (() => (() => import("@bluepic/types").ImageMime[]) | import("@bluepic/types").ImageMime[]) | (() => import("@bluepic/types").ImageMime[]) | import("@bluepic/types").ImageMime[];
+            allowUploadFromDevice: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+            uploadLabel: string | (() => string | (() => string)) | (() => string);
+            convertTo?: import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | undefined) | undefined) | (() => import("@bluepic/types").ImageMime | undefined) | undefined;
+            quality: number | (() => number | (() => number)) | (() => number);
+            imageLibraries: (() => (() => import("@bluepic/types").ImageLibrary[]) | import("@bluepic/types").ImageLibrary[]) | (() => import("@bluepic/types").ImageLibrary[]) | ({
+                type: "pexels";
+                label: string;
+                apiKey: string;
+            } | {
+                type: "sharedDrive";
+                label: string;
+                service: "googledrive" | "onedrive" | "dropbox" | "icloud";
+                sharedUrl: string;
+            } | {
+                type: "custom";
+                name: string;
+                label: string;
+                controller: string;
+                props?: {
+                    [k: string]: unknown;
+                } | undefined;
+            })[];
+            removeBackground: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+        };
+    } | {
+        type: "Text";
+        model: {
+            modelValue: string;
+        };
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            maxLength: number | (() => number | (() => number)) | (() => number);
+            maxLines: number | (() => number | (() => number)) | (() => number);
+            maxLineLength: number | (() => number | (() => number)) | (() => number);
+            showWordCount: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+            clearable: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+            multiline: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+            uppercase: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+            richtext: (() => (() => {
+                enabled: boolean;
+                options: import("@bluepic/types").RichTextOption[];
+                userAgentRichText: boolean;
+                noStyleLabel: import("@bluepic/types").Localized<string>;
+                mixedStyleLabel: import("@bluepic/types").Localized<string>;
+            }) | {
+                enabled: boolean;
+                options: import("@bluepic/types").RichTextOption[];
+                userAgentRichText: boolean;
+                noStyleLabel: import("@bluepic/types").Localized<string>;
+                mixedStyleLabel: import("@bluepic/types").Localized<string>;
+            }) | (() => {
+                enabled: boolean;
+                options: import("@bluepic/types").RichTextOption[];
+                userAgentRichText: boolean;
+                noStyleLabel: import("@bluepic/types").Localized<string>;
+                mixedStyleLabel: import("@bluepic/types").Localized<string>;
+            }) | {
+                enabled: boolean;
+                options: {
+                    label: string;
+                    style: {
+                        fontSize?: number | undefined;
+                        fontWeight?: number | undefined;
+                        fontStyle?: "normal" | "italic" | "condensed" | undefined;
+                        fontFamily?: string | undefined;
+                        letterSpacing?: number | undefined;
+                        scale?: number | undefined;
+                        rotate?: number | undefined;
+                        color?: string | undefined;
+                        customClass?: string | undefined;
+                        highlightColor?: string | undefined;
+                        textDecoration?: string | undefined;
+                    };
+                }[];
+                userAgentRichText: boolean;
+                noStyleLabel: import("@bluepic/types").Localized<string>;
+                mixedStyleLabel: import("@bluepic/types").Localized<string>;
+            };
+            placeholder: string | (() => string | (() => string)) | (() => string);
+            maxHeight: string | (() => string | (() => string | null) | null) | (() => string | null) | null;
+        };
+    } | {
+        type: "ImageAdjust";
+        model: {
+            image: string;
+            adjust: string;
+        };
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            minX: number | (() => number | (() => number)) | (() => number);
+            maxX: number | (() => number | (() => number)) | (() => number);
+            minY: number | (() => number | (() => number)) | (() => number);
+            maxY: number | (() => number | (() => number)) | (() => number);
+            minScale: number | (() => number | (() => number)) | (() => number);
+            maxScale: number | (() => number | (() => number)) | (() => number);
+            type: "inline" | "popup" | (() => "inline" | "popup" | (() => "inline" | "popup")) | (() => "inline" | "popup");
+            aspectRatio: number | (() => number | (() => number)) | (() => number);
+        };
+    } | {
+        type: "Group";
+        model: {};
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            card: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+            layout: "list" | (() => "list" | (() => "list" | "flex") | "flex") | (() => "list" | "flex") | "flex";
+            fields: (() => BluepicField[] | (() => BluepicField[])) | (() => BluepicField[]) | ({
+                type: "Image";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    layout: (() => (() => "compact" | "normal") | "compact" | "normal") | (() => "compact" | "normal") | "compact" | "normal";
+                    width: number | (() => number | (() => number)) | (() => number);
+                    height: number | (() => number | (() => number)) | (() => number);
+                    allowedTypes: (() => (() => import("@bluepic/types").ImageMime[]) | import("@bluepic/types").ImageMime[]) | (() => import("@bluepic/types").ImageMime[]) | import("@bluepic/types").ImageMime[];
+                    allowUploadFromDevice: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    uploadLabel: string | (() => string | (() => string)) | (() => string);
+                    convertTo?: import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | undefined) | undefined) | (() => import("@bluepic/types").ImageMime | undefined) | undefined;
+                    quality: number | (() => number | (() => number)) | (() => number);
+                    imageLibraries: (() => (() => import("@bluepic/types").ImageLibrary[]) | import("@bluepic/types").ImageLibrary[]) | (() => import("@bluepic/types").ImageLibrary[]) | ({
+                        type: "pexels";
+                        label: string;
+                        apiKey: string;
+                    } | {
+                        type: "sharedDrive";
+                        label: string;
+                        service: "googledrive" | "onedrive" | "dropbox" | "icloud";
+                        sharedUrl: string;
+                    } | {
+                        type: "custom";
+                        name: string;
+                        label: string;
+                        controller: string;
+                        props?: {
+                            [k: string]: unknown;
+                        } | undefined;
+                    })[];
+                    removeBackground: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                };
+            } | {
+                type: "Text";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    maxLength: number | (() => number | (() => number)) | (() => number);
+                    maxLines: number | (() => number | (() => number)) | (() => number);
+                    maxLineLength: number | (() => number | (() => number)) | (() => number);
+                    showWordCount: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    clearable: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    multiline: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    uppercase: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    richtext: (() => (() => {
+                        enabled: boolean;
+                        options: import("@bluepic/types").RichTextOption[];
+                        userAgentRichText: boolean;
+                        noStyleLabel: import("@bluepic/types").Localized<string>;
+                        mixedStyleLabel: import("@bluepic/types").Localized<string>;
+                    }) | {
+                        enabled: boolean;
+                        options: import("@bluepic/types").RichTextOption[];
+                        userAgentRichText: boolean;
+                        noStyleLabel: import("@bluepic/types").Localized<string>;
+                        mixedStyleLabel: import("@bluepic/types").Localized<string>;
+                    }) | (() => {
+                        enabled: boolean;
+                        options: import("@bluepic/types").RichTextOption[];
+                        userAgentRichText: boolean;
+                        noStyleLabel: import("@bluepic/types").Localized<string>;
+                        mixedStyleLabel: import("@bluepic/types").Localized<string>;
+                    }) | {
+                        enabled: boolean;
+                        options: {
+                            label: string;
+                            style: {
+                                fontSize?: number | undefined;
+                                fontWeight?: number | undefined;
+                                fontStyle?: "normal" | "italic" | "condensed" | undefined;
+                                fontFamily?: string | undefined;
+                                letterSpacing?: number | undefined;
+                                scale?: number | undefined;
+                                rotate?: number | undefined;
+                                color?: string | undefined;
+                                customClass?: string | undefined;
+                                highlightColor?: string | undefined;
+                                textDecoration?: string | undefined;
+                            };
+                        }[];
+                        userAgentRichText: boolean;
+                        noStyleLabel: import("@bluepic/types").Localized<string>;
+                        mixedStyleLabel: import("@bluepic/types").Localized<string>;
+                    };
+                    placeholder: string | (() => string | (() => string)) | (() => string);
+                    maxHeight: string | (() => string | (() => string | null) | null) | (() => string | null) | null;
+                };
+            } | {
+                type: "ImageAdjust";
+                model: {
+                    image: string;
+                    adjust: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    minX: number | (() => number | (() => number)) | (() => number);
+                    maxX: number | (() => number | (() => number)) | (() => number);
+                    minY: number | (() => number | (() => number)) | (() => number);
+                    maxY: number | (() => number | (() => number)) | (() => number);
+                    minScale: number | (() => number | (() => number)) | (() => number);
+                    maxScale: number | (() => number | (() => number)) | (() => number);
+                    type: "inline" | "popup" | (() => "inline" | "popup" | (() => "inline" | "popup")) | (() => "inline" | "popup");
+                    aspectRatio: number | (() => number | (() => number)) | (() => number);
+                };
+            } | any | {
+                type: "Collection";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    fields: (() => BluepicField[] | (() => BluepicField[])) | (() => BluepicField[]) | ({
+                        type: "Image";
+                        model: {
+                            modelValue: string;
+                        };
+                        description?: string | undefined;
+                        detailedDescription?: string | undefined;
+                        layout: {
+                            minWidth: string;
+                            maxWidth: string;
+                        };
+                        hitbox?: {
+                            x: number;
+                            y: number;
+                            width: number;
+                            height: number;
+                            zIndex?: number | undefined;
+                        } | undefined;
+                        frameIndex?: number | undefined;
+                        props: {
+                            layout: (() => (() => "compact" | "normal") | "compact" | "normal") | (() => "compact" | "normal") | "compact" | "normal";
+                            width: number | (() => number | (() => number)) | (() => number);
+                            height: number | (() => number | (() => number)) | (() => number);
+                            allowedTypes: (() => (() => import("@bluepic/types").ImageMime[]) | import("@bluepic/types").ImageMime[]) | (() => import("@bluepic/types").ImageMime[]) | import("@bluepic/types").ImageMime[];
+                            allowUploadFromDevice: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                            uploadLabel: string | (() => string | (() => string)) | (() => string);
+                            convertTo?: import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | undefined) | undefined) | (() => import("@bluepic/types").ImageMime | undefined) | undefined;
+                            quality: number | (() => number | (() => number)) | (() => number);
+                            imageLibraries: (() => (() => import("@bluepic/types").ImageLibrary[]) | import("@bluepic/types").ImageLibrary[]) | (() => import("@bluepic/types").ImageLibrary[]) | ({
+                                type: "pexels";
+                                label: string;
+                                apiKey: string;
+                            } | {
+                                type: "sharedDrive";
+                                label: string;
+                                service: "googledrive" | "onedrive" | "dropbox" | "icloud";
+                                sharedUrl: string;
+                            } | {
+                                type: "custom";
+                                name: string;
+                                label: string;
+                                controller: string;
+                                props?: {
+                                    [k: string]: unknown;
+                                } | undefined;
+                            })[];
+                            removeBackground: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                        };
+                    } | {
+                        type: "Text";
+                        model: {
+                            modelValue: string;
+                        };
+                        description?: string | undefined;
+                        detailedDescription?: string | undefined;
+                        layout: {
+                            minWidth: string;
+                            maxWidth: string;
+                        };
+                        hitbox?: {
+                            x: number;
+                            y: number;
+                            width: number;
+                            height: number;
+                            zIndex?: number | undefined;
+                        } | undefined;
+                        frameIndex?: number | undefined;
+                        props: {
+                            maxLength: number | (() => number | (() => number)) | (() => number);
+                            maxLines: number | (() => number | (() => number)) | (() => number);
+                            maxLineLength: number | (() => number | (() => number)) | (() => number);
+                            showWordCount: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                            clearable: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                            multiline: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                            uppercase: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                            richtext: (() => (() => {
+                                enabled: boolean;
+                                options: import("@bluepic/types").RichTextOption[];
+                                userAgentRichText: boolean;
+                                noStyleLabel: import("@bluepic/types").Localized<string>;
+                                mixedStyleLabel: import("@bluepic/types").Localized<string>;
+                            }) | {
+                                enabled: boolean;
+                                options: import("@bluepic/types").RichTextOption[];
+                                userAgentRichText: boolean;
+                                noStyleLabel: import("@bluepic/types").Localized<string>;
+                                mixedStyleLabel: import("@bluepic/types").Localized<string>;
+                            }) | (() => {
+                                enabled: boolean;
+                                options: import("@bluepic/types").RichTextOption[];
+                                userAgentRichText: boolean;
+                                noStyleLabel: import("@bluepic/types").Localized<string>;
+                                mixedStyleLabel: import("@bluepic/types").Localized<string>;
+                            }) | {
+                                enabled: boolean;
+                                options: {
+                                    label: string;
+                                    style: {
+                                        fontSize?: number | undefined;
+                                        fontWeight?: number | undefined;
+                                        fontStyle?: "normal" | "italic" | "condensed" | undefined;
+                                        fontFamily?: string | undefined;
+                                        letterSpacing?: number | undefined;
+                                        scale?: number | undefined;
+                                        rotate?: number | undefined;
+                                        color?: string | undefined;
+                                        customClass?: string | undefined;
+                                        highlightColor?: string | undefined;
+                                        textDecoration?: string | undefined;
+                                    };
+                                }[];
+                                userAgentRichText: boolean;
+                                noStyleLabel: import("@bluepic/types").Localized<string>;
+                                mixedStyleLabel: import("@bluepic/types").Localized<string>;
+                            };
+                            placeholder: string | (() => string | (() => string)) | (() => string);
+                            maxHeight: string | (() => string | (() => string | null) | null) | (() => string | null) | null;
+                        };
+                    } | {
+                        type: "ImageAdjust";
+                        model: {
+                            image: string;
+                            adjust: string;
+                        };
+                        description?: string | undefined;
+                        detailedDescription?: string | undefined;
+                        layout: {
+                            minWidth: string;
+                            maxWidth: string;
+                        };
+                        hitbox?: {
+                            x: number;
+                            y: number;
+                            width: number;
+                            height: number;
+                            zIndex?: number | undefined;
+                        } | undefined;
+                        frameIndex?: number | undefined;
+                        props: {
+                            minX: number | (() => number | (() => number)) | (() => number);
+                            maxX: number | (() => number | (() => number)) | (() => number);
+                            minY: number | (() => number | (() => number)) | (() => number);
+                            maxY: number | (() => number | (() => number)) | (() => number);
+                            minScale: number | (() => number | (() => number)) | (() => number);
+                            maxScale: number | (() => number | (() => number)) | (() => number);
+                            type: "inline" | "popup" | (() => "inline" | "popup" | (() => "inline" | "popup")) | (() => "inline" | "popup");
+                            aspectRatio: number | (() => number | (() => number)) | (() => number);
+                        };
+                    } | any | any | {
+                        type: "Select";
+                        model: {
+                            modelValue: string;
+                        };
+                        description?: string | undefined;
+                        detailedDescription?: string | undefined;
+                        layout: {
+                            minWidth: string;
+                            maxWidth: string;
+                        };
+                        hitbox?: {
+                            x: number;
+                            y: number;
+                            width: number;
+                            height: number;
+                            zIndex?: number | undefined;
+                        } | undefined;
+                        frameIndex?: number | undefined;
+                        props: {
+                            options: (() => (() => import("@bluepic/types").SelectOption<unknown>[]) | import("@bluepic/types").SelectOption<unknown>[]) | (() => import("@bluepic/types").SelectOption<unknown>[]) | {
+                                label: string;
+                                value: unknown;
+                                image?: string | undefined;
+                            }[];
+                            layout: "button" | "carroussel" | (() => "button" | "carroussel" | (() => "button" | "carroussel" | "dropdown") | "dropdown") | (() => "button" | "carroussel" | "dropdown") | "dropdown";
+                            size: "medium" | "small" | "large" | (() => "medium" | "small" | "large" | (() => "medium" | "small" | "large")) | (() => "medium" | "small" | "large");
+                            imageDisplay: "cover" | (() => "cover" | (() => "cover" | "contain") | "contain") | (() => "cover" | "contain") | "contain";
+                            showLabels: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                        };
+                    } | {
+                        type: "Checkbox";
+                        model: {
+                            modelValue: string;
+                        };
+                        description?: string | undefined;
+                        detailedDescription?: string | undefined;
+                        layout: {
+                            minWidth: string;
+                            maxWidth: string;
+                        };
+                        hitbox?: {
+                            x: number;
+                            y: number;
+                            width: number;
+                            height: number;
+                            zIndex?: number | undefined;
+                        } | undefined;
+                        frameIndex?: number | undefined;
+                        props: {
+                            size: "medium" | (() => "medium" | (() => "medium" | "small" | "large") | "small" | "large") | (() => "medium" | "small" | "large") | "small" | "large";
+                            label?: string | (() => string | (() => string | undefined) | undefined) | (() => string | undefined) | undefined;
+                        };
+                    } | {
+                        type: "Number";
+                        model: {
+                            modelValue: string;
+                        };
+                        description?: string | undefined;
+                        detailedDescription?: string | undefined;
+                        layout: {
+                            minWidth: string;
+                            maxWidth: string;
+                        };
+                        hitbox?: {
+                            x: number;
+                            y: number;
+                            width: number;
+                            height: number;
+                            zIndex?: number | undefined;
+                        } | undefined;
+                        frameIndex?: number | undefined;
+                        props: {
+                            min: number | (() => number | (() => number)) | (() => number);
+                            max: number | (() => number | (() => number)) | (() => number);
+                            step: number | (() => number | (() => number)) | (() => number);
+                            type: (() => (() => "input" | "slider") | "input" | "slider") | (() => "input" | "slider") | "input" | "slider";
+                        };
+                    } | {
+                        type: "Color";
+                        model: {
+                            modelValue: string;
+                        };
+                        description?: string | undefined;
+                        detailedDescription?: string | undefined;
+                        layout: {
+                            minWidth: string;
+                            maxWidth: string;
+                        };
+                        hitbox?: {
+                            x: number;
+                            y: number;
+                            width: number;
+                            height: number;
+                            zIndex?: number | undefined;
+                        } | undefined;
+                        frameIndex?: number | undefined;
+                        props: {
+                            alpha: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                        };
+                    } | {
+                        type: "Map";
+                        model: {
+                            modelValue: string;
+                        };
+                        description?: string | undefined;
+                        detailedDescription?: string | undefined;
+                        layout: {
+                            minWidth: string;
+                            maxWidth: string;
+                        };
+                        hitbox?: {
+                            x: number;
+                            y: number;
+                            width: number;
+                            height: number;
+                            zIndex?: number | undefined;
+                        } | undefined;
+                        frameIndex?: number | undefined;
+                        props: {
+                            padding?: number | (() => number | (() => number | undefined) | undefined) | (() => number | undefined) | undefined;
+                            mapStyle?: string | (() => string | (() => string | undefined) | undefined) | (() => string | undefined) | undefined;
+                            mapboxAccessToken: string | (() => string | (() => string)) | (() => string);
+                            type: "inline" | "popup" | (() => "inline" | "popup" | (() => "inline" | "popup")) | (() => "inline" | "popup");
+                            aspectRatio: number | (() => number | (() => number)) | (() => number);
+                        };
+                    } | {
+                        type: "ImageEdit";
+                        model: {
+                            modelValue: string;
+                        };
+                        description?: string | undefined;
+                        detailedDescription?: string | undefined;
+                        layout: {
+                            minWidth: string;
+                            maxWidth: string;
+                        };
+                        hitbox?: {
+                            x: number;
+                            y: number;
+                            width: number;
+                            height: number;
+                            zIndex?: number | undefined;
+                        } | undefined;
+                        frameIndex?: number | undefined;
+                        props: {
+                            layout: "compact" | "normal" | (() => "compact" | "normal" | (() => "compact" | "normal")) | (() => "compact" | "normal");
+                            width: number | (() => number | (() => number)) | (() => number);
+                            height: number | (() => number | (() => number)) | (() => number);
+                            allowedTypes: import("@bluepic/types").ImageMime[] | (() => import("@bluepic/types").ImageMime[] | (() => import("@bluepic/types").ImageMime[])) | (() => import("@bluepic/types").ImageMime[]);
+                            allowUploadFromDevice: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                            uploadLabel: string | (() => string | (() => string)) | (() => string);
+                            convertTo?: import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | undefined) | undefined) | (() => import("@bluepic/types").ImageMime | undefined) | undefined;
+                            quality: number | (() => number | (() => number)) | (() => number);
+                            imageLibraries: (() => import("@bluepic/types").ImageLibrary[] | (() => import("@bluepic/types").ImageLibrary[])) | (() => import("@bluepic/types").ImageLibrary[]) | ({
+                                type: "pexels";
+                                label: string;
+                                apiKey: string;
+                            } | {
+                                type: "sharedDrive";
+                                label: string;
+                                service: "googledrive" | "onedrive" | "dropbox" | "icloud";
+                                sharedUrl: string;
+                            } | {
+                                type: "custom";
+                                name: string;
+                                label: string;
+                                controller: string;
+                                props?: {
+                                    [k: string]: unknown;
+                                } | undefined;
+                            })[];
+                            removeBackground: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                            allowCropImage: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                            aspectRatio: number | (() => number | (() => number)) | (() => number);
+                        };
+                    } | {
+                        type: "SelectColor";
+                        model: {
+                            modelValue: string;
+                        };
+                        description?: string | undefined;
+                        detailedDescription?: string | undefined;
+                        layout: {
+                            minWidth: string;
+                            maxWidth: string;
+                        };
+                        hitbox?: {
+                            x: number;
+                            y: number;
+                            width: number;
+                            height: number;
+                            zIndex?: number | undefined;
+                        } | undefined;
+                        frameIndex?: number | undefined;
+                        props: {
+                            options: (() => (() => import("@bluepic/types").SelectOption<string>[]) | import("@bluepic/types").SelectOption<string>[]) | (() => import("@bluepic/types").SelectOption<string>[]) | {
+                                label: string;
+                                value: string;
+                                image?: string | undefined;
+                            }[];
+                            layout: "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown")) | (() => "button" | "carroussel" | "dropdown");
+                            size: "medium" | "small" | "large" | (() => "medium" | "small" | "large" | (() => "medium" | "small" | "large")) | (() => "medium" | "small" | "large");
+                            imageDisplay: "cover" | "contain" | (() => "cover" | "contain" | (() => "cover" | "contain")) | (() => "cover" | "contain");
+                            showLabels: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                        };
+                    } | {
+                        type: "SelectImage";
+                        model: {
+                            modelValue: string;
+                        };
+                        description?: string | undefined;
+                        detailedDescription?: string | undefined;
+                        layout: {
+                            minWidth: string;
+                            maxWidth: string;
+                        };
+                        hitbox?: {
+                            x: number;
+                            y: number;
+                            width: number;
+                            height: number;
+                            zIndex?: number | undefined;
+                        } | undefined;
+                        frameIndex?: number | undefined;
+                        props: {
+                            options: (() => import("@bluepic/types").SelectOption<string>[] | (() => import("@bluepic/types").SelectOption<string>[])) | (() => import("@bluepic/types").SelectOption<string>[]) | {
+                                label: string;
+                                value: string;
+                                image?: string | undefined;
+                            }[];
+                            layout: "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown")) | (() => "button" | "carroussel" | "dropdown");
+                            size: "medium" | "small" | "large" | (() => "medium" | "small" | "large" | (() => "medium" | "small" | "large")) | (() => "medium" | "small" | "large");
+                            imageDisplay: "cover" | "contain" | (() => "cover" | "contain" | (() => "cover" | "contain")) | (() => "cover" | "contain");
+                            showLabels: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                        };
+                    } | {
+                        type: "SelectText";
+                        model: {
+                            modelValue: string;
+                        };
+                        description?: string | undefined;
+                        detailedDescription?: string | undefined;
+                        layout: {
+                            minWidth: string;
+                            maxWidth: string;
+                        };
+                        hitbox?: {
+                            x: number;
+                            y: number;
+                            width: number;
+                            height: number;
+                            zIndex?: number | undefined;
+                        } | undefined;
+                        frameIndex?: number | undefined;
+                        props: {
+                            options: (() => import("@bluepic/types").SelectOption<string>[] | (() => import("@bluepic/types").SelectOption<string>[])) | (() => import("@bluepic/types").SelectOption<string>[]) | {
+                                label: string;
+                                value: string;
+                                image?: string | undefined;
+                            }[];
+                        };
+                    } | {
+                        type: "Instruction";
+                        model: {};
+                        description?: string | undefined;
+                        detailedDescription?: string | undefined;
+                        layout: {
+                            minWidth: string;
+                            maxWidth: string;
+                        };
+                        hitbox?: {
+                            x: number;
+                            y: number;
+                            width: number;
+                            height: number;
+                            zIndex?: number | undefined;
+                        } | undefined;
+                        frameIndex?: number | undefined;
+                        props: {
+                            title?: string | (() => string | undefined) | undefined;
+                            instruction: string | (() => string);
+                        };
+                    })[];
+                    layout: "list" | "flex" | (() => "list" | "flex" | (() => "list" | "flex")) | (() => "list" | "flex");
+                    min: number | (() => number | (() => number)) | (() => number);
+                    max: number | (() => number | (() => number)) | (() => number);
+                };
+            } | {
+                type: "Select";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    options: (() => (() => import("@bluepic/types").SelectOption<unknown>[]) | import("@bluepic/types").SelectOption<unknown>[]) | (() => import("@bluepic/types").SelectOption<unknown>[]) | {
+                        label: string;
+                        value: unknown;
+                        image?: string | undefined;
+                    }[];
+                    layout: "button" | "carroussel" | (() => "button" | "carroussel" | (() => "button" | "carroussel" | "dropdown") | "dropdown") | (() => "button" | "carroussel" | "dropdown") | "dropdown";
+                    size: "medium" | "small" | "large" | (() => "medium" | "small" | "large" | (() => "medium" | "small" | "large")) | (() => "medium" | "small" | "large");
+                    imageDisplay: "cover" | (() => "cover" | (() => "cover" | "contain") | "contain") | (() => "cover" | "contain") | "contain";
+                    showLabels: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                };
+            } | {
+                type: "Checkbox";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    size: "medium" | (() => "medium" | (() => "medium" | "small" | "large") | "small" | "large") | (() => "medium" | "small" | "large") | "small" | "large";
+                    label?: string | (() => string | (() => string | undefined) | undefined) | (() => string | undefined) | undefined;
+                };
+            } | {
+                type: "Number";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    min: number | (() => number | (() => number)) | (() => number);
+                    max: number | (() => number | (() => number)) | (() => number);
+                    step: number | (() => number | (() => number)) | (() => number);
+                    type: (() => (() => "input" | "slider") | "input" | "slider") | (() => "input" | "slider") | "input" | "slider";
+                };
+            } | {
+                type: "Color";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    alpha: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                };
+            } | {
+                type: "Map";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    padding?: number | (() => number | (() => number | undefined) | undefined) | (() => number | undefined) | undefined;
+                    mapStyle?: string | (() => string | (() => string | undefined) | undefined) | (() => string | undefined) | undefined;
+                    mapboxAccessToken: string | (() => string | (() => string)) | (() => string);
+                    type: "inline" | "popup" | (() => "inline" | "popup" | (() => "inline" | "popup")) | (() => "inline" | "popup");
+                    aspectRatio: number | (() => number | (() => number)) | (() => number);
+                };
+            } | {
+                type: "ImageEdit";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    layout: "compact" | "normal" | (() => "compact" | "normal" | (() => "compact" | "normal")) | (() => "compact" | "normal");
+                    width: number | (() => number | (() => number)) | (() => number);
+                    height: number | (() => number | (() => number)) | (() => number);
+                    allowedTypes: import("@bluepic/types").ImageMime[] | (() => import("@bluepic/types").ImageMime[] | (() => import("@bluepic/types").ImageMime[])) | (() => import("@bluepic/types").ImageMime[]);
+                    allowUploadFromDevice: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    uploadLabel: string | (() => string | (() => string)) | (() => string);
+                    convertTo?: import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | undefined) | undefined) | (() => import("@bluepic/types").ImageMime | undefined) | undefined;
+                    quality: number | (() => number | (() => number)) | (() => number);
+                    imageLibraries: (() => import("@bluepic/types").ImageLibrary[] | (() => import("@bluepic/types").ImageLibrary[])) | (() => import("@bluepic/types").ImageLibrary[]) | ({
+                        type: "pexels";
+                        label: string;
+                        apiKey: string;
+                    } | {
+                        type: "sharedDrive";
+                        label: string;
+                        service: "googledrive" | "onedrive" | "dropbox" | "icloud";
+                        sharedUrl: string;
+                    } | {
+                        type: "custom";
+                        name: string;
+                        label: string;
+                        controller: string;
+                        props?: {
+                            [k: string]: unknown;
+                        } | undefined;
+                    })[];
+                    removeBackground: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    allowCropImage: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    aspectRatio: number | (() => number | (() => number)) | (() => number);
+                };
+            } | {
+                type: "SelectColor";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    options: (() => (() => import("@bluepic/types").SelectOption<string>[]) | import("@bluepic/types").SelectOption<string>[]) | (() => import("@bluepic/types").SelectOption<string>[]) | {
+                        label: string;
+                        value: string;
+                        image?: string | undefined;
+                    }[];
+                    layout: "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown")) | (() => "button" | "carroussel" | "dropdown");
+                    size: "medium" | "small" | "large" | (() => "medium" | "small" | "large" | (() => "medium" | "small" | "large")) | (() => "medium" | "small" | "large");
+                    imageDisplay: "cover" | "contain" | (() => "cover" | "contain" | (() => "cover" | "contain")) | (() => "cover" | "contain");
+                    showLabels: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                };
+            } | {
+                type: "SelectImage";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    options: (() => import("@bluepic/types").SelectOption<string>[] | (() => import("@bluepic/types").SelectOption<string>[])) | (() => import("@bluepic/types").SelectOption<string>[]) | {
+                        label: string;
+                        value: string;
+                        image?: string | undefined;
+                    }[];
+                    layout: "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown")) | (() => "button" | "carroussel" | "dropdown");
+                    size: "medium" | "small" | "large" | (() => "medium" | "small" | "large" | (() => "medium" | "small" | "large")) | (() => "medium" | "small" | "large");
+                    imageDisplay: "cover" | "contain" | (() => "cover" | "contain" | (() => "cover" | "contain")) | (() => "cover" | "contain");
+                    showLabels: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                };
+            } | {
+                type: "SelectText";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    options: (() => import("@bluepic/types").SelectOption<string>[] | (() => import("@bluepic/types").SelectOption<string>[])) | (() => import("@bluepic/types").SelectOption<string>[]) | {
+                        label: string;
+                        value: string;
+                        image?: string | undefined;
+                    }[];
+                };
+            } | {
+                type: "Instruction";
+                model: {};
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    title?: string | (() => string | undefined) | undefined;
+                    instruction: string | (() => string);
+                };
+            })[];
+        };
+    } | {
+        type: "Collection";
+        model: {
+            modelValue: string;
+        };
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            fields: (() => BluepicField[] | (() => BluepicField[])) | (() => BluepicField[]) | ({
+                type: "Image";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    layout: (() => (() => "compact" | "normal") | "compact" | "normal") | (() => "compact" | "normal") | "compact" | "normal";
+                    width: number | (() => number | (() => number)) | (() => number);
+                    height: number | (() => number | (() => number)) | (() => number);
+                    allowedTypes: (() => (() => import("@bluepic/types").ImageMime[]) | import("@bluepic/types").ImageMime[]) | (() => import("@bluepic/types").ImageMime[]) | import("@bluepic/types").ImageMime[];
+                    allowUploadFromDevice: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    uploadLabel: string | (() => string | (() => string)) | (() => string);
+                    convertTo?: import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | undefined) | undefined) | (() => import("@bluepic/types").ImageMime | undefined) | undefined;
+                    quality: number | (() => number | (() => number)) | (() => number);
+                    imageLibraries: (() => (() => import("@bluepic/types").ImageLibrary[]) | import("@bluepic/types").ImageLibrary[]) | (() => import("@bluepic/types").ImageLibrary[]) | ({
+                        type: "pexels";
+                        label: string;
+                        apiKey: string;
+                    } | {
+                        type: "sharedDrive";
+                        label: string;
+                        service: "googledrive" | "onedrive" | "dropbox" | "icloud";
+                        sharedUrl: string;
+                    } | {
+                        type: "custom";
+                        name: string;
+                        label: string;
+                        controller: string;
+                        props?: {
+                            [k: string]: unknown;
+                        } | undefined;
+                    })[];
+                    removeBackground: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                };
+            } | {
+                type: "Text";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    maxLength: number | (() => number | (() => number)) | (() => number);
+                    maxLines: number | (() => number | (() => number)) | (() => number);
+                    maxLineLength: number | (() => number | (() => number)) | (() => number);
+                    showWordCount: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    clearable: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    multiline: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    uppercase: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    richtext: (() => (() => {
+                        enabled: boolean;
+                        options: import("@bluepic/types").RichTextOption[];
+                        userAgentRichText: boolean;
+                        noStyleLabel: import("@bluepic/types").Localized<string>;
+                        mixedStyleLabel: import("@bluepic/types").Localized<string>;
+                    }) | {
+                        enabled: boolean;
+                        options: import("@bluepic/types").RichTextOption[];
+                        userAgentRichText: boolean;
+                        noStyleLabel: import("@bluepic/types").Localized<string>;
+                        mixedStyleLabel: import("@bluepic/types").Localized<string>;
+                    }) | (() => {
+                        enabled: boolean;
+                        options: import("@bluepic/types").RichTextOption[];
+                        userAgentRichText: boolean;
+                        noStyleLabel: import("@bluepic/types").Localized<string>;
+                        mixedStyleLabel: import("@bluepic/types").Localized<string>;
+                    }) | {
+                        enabled: boolean;
+                        options: {
+                            label: string;
+                            style: {
+                                fontSize?: number | undefined;
+                                fontWeight?: number | undefined;
+                                fontStyle?: "normal" | "italic" | "condensed" | undefined;
+                                fontFamily?: string | undefined;
+                                letterSpacing?: number | undefined;
+                                scale?: number | undefined;
+                                rotate?: number | undefined;
+                                color?: string | undefined;
+                                customClass?: string | undefined;
+                                highlightColor?: string | undefined;
+                                textDecoration?: string | undefined;
+                            };
+                        }[];
+                        userAgentRichText: boolean;
+                        noStyleLabel: import("@bluepic/types").Localized<string>;
+                        mixedStyleLabel: import("@bluepic/types").Localized<string>;
+                    };
+                    placeholder: string | (() => string | (() => string)) | (() => string);
+                    maxHeight: string | (() => string | (() => string | null) | null) | (() => string | null) | null;
+                };
+            } | {
+                type: "ImageAdjust";
+                model: {
+                    image: string;
+                    adjust: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    minX: number | (() => number | (() => number)) | (() => number);
+                    maxX: number | (() => number | (() => number)) | (() => number);
+                    minY: number | (() => number | (() => number)) | (() => number);
+                    maxY: number | (() => number | (() => number)) | (() => number);
+                    minScale: number | (() => number | (() => number)) | (() => number);
+                    maxScale: number | (() => number | (() => number)) | (() => number);
+                    type: "inline" | "popup" | (() => "inline" | "popup" | (() => "inline" | "popup")) | (() => "inline" | "popup");
+                    aspectRatio: number | (() => number | (() => number)) | (() => number);
+                };
+            } | any | any | {
+                type: "Select";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    options: (() => (() => import("@bluepic/types").SelectOption<unknown>[]) | import("@bluepic/types").SelectOption<unknown>[]) | (() => import("@bluepic/types").SelectOption<unknown>[]) | {
+                        label: string;
+                        value: unknown;
+                        image?: string | undefined;
+                    }[];
+                    layout: "button" | "carroussel" | (() => "button" | "carroussel" | (() => "button" | "carroussel" | "dropdown") | "dropdown") | (() => "button" | "carroussel" | "dropdown") | "dropdown";
+                    size: "medium" | "small" | "large" | (() => "medium" | "small" | "large" | (() => "medium" | "small" | "large")) | (() => "medium" | "small" | "large");
+                    imageDisplay: "cover" | (() => "cover" | (() => "cover" | "contain") | "contain") | (() => "cover" | "contain") | "contain";
+                    showLabels: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                };
+            } | {
+                type: "Checkbox";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    size: "medium" | (() => "medium" | (() => "medium" | "small" | "large") | "small" | "large") | (() => "medium" | "small" | "large") | "small" | "large";
+                    label?: string | (() => string | (() => string | undefined) | undefined) | (() => string | undefined) | undefined;
+                };
+            } | {
+                type: "Number";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    min: number | (() => number | (() => number)) | (() => number);
+                    max: number | (() => number | (() => number)) | (() => number);
+                    step: number | (() => number | (() => number)) | (() => number);
+                    type: (() => (() => "input" | "slider") | "input" | "slider") | (() => "input" | "slider") | "input" | "slider";
+                };
+            } | {
+                type: "Color";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    alpha: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                };
+            } | {
+                type: "Map";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    padding?: number | (() => number | (() => number | undefined) | undefined) | (() => number | undefined) | undefined;
+                    mapStyle?: string | (() => string | (() => string | undefined) | undefined) | (() => string | undefined) | undefined;
+                    mapboxAccessToken: string | (() => string | (() => string)) | (() => string);
+                    type: "inline" | "popup" | (() => "inline" | "popup" | (() => "inline" | "popup")) | (() => "inline" | "popup");
+                    aspectRatio: number | (() => number | (() => number)) | (() => number);
+                };
+            } | {
+                type: "ImageEdit";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    layout: "compact" | "normal" | (() => "compact" | "normal" | (() => "compact" | "normal")) | (() => "compact" | "normal");
+                    width: number | (() => number | (() => number)) | (() => number);
+                    height: number | (() => number | (() => number)) | (() => number);
+                    allowedTypes: import("@bluepic/types").ImageMime[] | (() => import("@bluepic/types").ImageMime[] | (() => import("@bluepic/types").ImageMime[])) | (() => import("@bluepic/types").ImageMime[]);
+                    allowUploadFromDevice: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    uploadLabel: string | (() => string | (() => string)) | (() => string);
+                    convertTo?: import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | undefined) | undefined) | (() => import("@bluepic/types").ImageMime | undefined) | undefined;
+                    quality: number | (() => number | (() => number)) | (() => number);
+                    imageLibraries: (() => import("@bluepic/types").ImageLibrary[] | (() => import("@bluepic/types").ImageLibrary[])) | (() => import("@bluepic/types").ImageLibrary[]) | ({
+                        type: "pexels";
+                        label: string;
+                        apiKey: string;
+                    } | {
+                        type: "sharedDrive";
+                        label: string;
+                        service: "googledrive" | "onedrive" | "dropbox" | "icloud";
+                        sharedUrl: string;
+                    } | {
+                        type: "custom";
+                        name: string;
+                        label: string;
+                        controller: string;
+                        props?: {
+                            [k: string]: unknown;
+                        } | undefined;
+                    })[];
+                    removeBackground: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    allowCropImage: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    aspectRatio: number | (() => number | (() => number)) | (() => number);
+                };
+            } | {
+                type: "SelectColor";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    options: (() => (() => import("@bluepic/types").SelectOption<string>[]) | import("@bluepic/types").SelectOption<string>[]) | (() => import("@bluepic/types").SelectOption<string>[]) | {
+                        label: string;
+                        value: string;
+                        image?: string | undefined;
+                    }[];
+                    layout: "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown")) | (() => "button" | "carroussel" | "dropdown");
+                    size: "medium" | "small" | "large" | (() => "medium" | "small" | "large" | (() => "medium" | "small" | "large")) | (() => "medium" | "small" | "large");
+                    imageDisplay: "cover" | "contain" | (() => "cover" | "contain" | (() => "cover" | "contain")) | (() => "cover" | "contain");
+                    showLabels: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                };
+            } | {
+                type: "SelectImage";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    options: (() => import("@bluepic/types").SelectOption<string>[] | (() => import("@bluepic/types").SelectOption<string>[])) | (() => import("@bluepic/types").SelectOption<string>[]) | {
+                        label: string;
+                        value: string;
+                        image?: string | undefined;
+                    }[];
+                    layout: "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown")) | (() => "button" | "carroussel" | "dropdown");
+                    size: "medium" | "small" | "large" | (() => "medium" | "small" | "large" | (() => "medium" | "small" | "large")) | (() => "medium" | "small" | "large");
+                    imageDisplay: "cover" | "contain" | (() => "cover" | "contain" | (() => "cover" | "contain")) | (() => "cover" | "contain");
+                    showLabels: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                };
+            } | {
+                type: "SelectText";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    options: (() => import("@bluepic/types").SelectOption<string>[] | (() => import("@bluepic/types").SelectOption<string>[])) | (() => import("@bluepic/types").SelectOption<string>[]) | {
+                        label: string;
+                        value: string;
+                        image?: string | undefined;
+                    }[];
+                };
+            } | {
+                type: "Instruction";
+                model: {};
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    title?: string | (() => string | undefined) | undefined;
+                    instruction: string | (() => string);
+                };
+            })[];
+            layout: "list" | "flex" | (() => "list" | "flex" | (() => "list" | "flex")) | (() => "list" | "flex");
+            min: number | (() => number | (() => number)) | (() => number);
+            max: number | (() => number | (() => number)) | (() => number);
+        };
+    } | {
+        type: "Select";
+        model: {
+            modelValue: string;
+        };
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            options: (() => (() => import("@bluepic/types").SelectOption<unknown>[]) | import("@bluepic/types").SelectOption<unknown>[]) | (() => import("@bluepic/types").SelectOption<unknown>[]) | {
+                label: string;
+                value: unknown;
+                image?: string | undefined;
+            }[];
+            layout: "button" | "carroussel" | (() => "button" | "carroussel" | (() => "button" | "carroussel" | "dropdown") | "dropdown") | (() => "button" | "carroussel" | "dropdown") | "dropdown";
+            size: "medium" | "small" | "large" | (() => "medium" | "small" | "large" | (() => "medium" | "small" | "large")) | (() => "medium" | "small" | "large");
+            imageDisplay: "cover" | (() => "cover" | (() => "cover" | "contain") | "contain") | (() => "cover" | "contain") | "contain";
+            showLabels: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+        };
+    } | {
+        type: "Checkbox";
+        model: {
+            modelValue: string;
+        };
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            size: "medium" | (() => "medium" | (() => "medium" | "small" | "large") | "small" | "large") | (() => "medium" | "small" | "large") | "small" | "large";
+            label?: string | (() => string | (() => string | undefined) | undefined) | (() => string | undefined) | undefined;
+        };
+    } | {
+        type: "Number";
+        model: {
+            modelValue: string;
+        };
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            min: number | (() => number | (() => number)) | (() => number);
+            max: number | (() => number | (() => number)) | (() => number);
+            step: number | (() => number | (() => number)) | (() => number);
+            type: (() => (() => "input" | "slider") | "input" | "slider") | (() => "input" | "slider") | "input" | "slider";
+        };
+    } | {
+        type: "Color";
+        model: {
+            modelValue: string;
+        };
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            alpha: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+        };
+    } | {
+        type: "Map";
+        model: {
+            modelValue: string;
+        };
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            padding?: number | (() => number | (() => number | undefined) | undefined) | (() => number | undefined) | undefined;
+            mapStyle?: string | (() => string | (() => string | undefined) | undefined) | (() => string | undefined) | undefined;
+            mapboxAccessToken: string | (() => string | (() => string)) | (() => string);
+            type: "inline" | "popup" | (() => "inline" | "popup" | (() => "inline" | "popup")) | (() => "inline" | "popup");
+            aspectRatio: number | (() => number | (() => number)) | (() => number);
+        };
+    } | {
+        type: "ImageEdit";
+        model: {
+            modelValue: string;
+        };
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            layout: "compact" | "normal" | (() => "compact" | "normal" | (() => "compact" | "normal")) | (() => "compact" | "normal");
+            width: number | (() => number | (() => number)) | (() => number);
+            height: number | (() => number | (() => number)) | (() => number);
+            allowedTypes: import("@bluepic/types").ImageMime[] | (() => import("@bluepic/types").ImageMime[] | (() => import("@bluepic/types").ImageMime[])) | (() => import("@bluepic/types").ImageMime[]);
+            allowUploadFromDevice: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+            uploadLabel: string | (() => string | (() => string)) | (() => string);
+            convertTo?: import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | undefined) | undefined) | (() => import("@bluepic/types").ImageMime | undefined) | undefined;
+            quality: number | (() => number | (() => number)) | (() => number);
+            imageLibraries: (() => import("@bluepic/types").ImageLibrary[] | (() => import("@bluepic/types").ImageLibrary[])) | (() => import("@bluepic/types").ImageLibrary[]) | ({
+                type: "pexels";
+                label: string;
+                apiKey: string;
+            } | {
+                type: "sharedDrive";
+                label: string;
+                service: "googledrive" | "onedrive" | "dropbox" | "icloud";
+                sharedUrl: string;
+            } | {
+                type: "custom";
+                name: string;
+                label: string;
+                controller: string;
+                props?: {
+                    [k: string]: unknown;
+                } | undefined;
+            })[];
+            removeBackground: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+            allowCropImage: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+            aspectRatio: number | (() => number | (() => number)) | (() => number);
+        };
+    } | {
+        type: "SelectColor";
+        model: {
+            modelValue: string;
+        };
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            options: (() => (() => import("@bluepic/types").SelectOption<string>[]) | import("@bluepic/types").SelectOption<string>[]) | (() => import("@bluepic/types").SelectOption<string>[]) | {
+                label: string;
+                value: string;
+                image?: string | undefined;
+            }[];
+            layout: "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown")) | (() => "button" | "carroussel" | "dropdown");
+            size: "medium" | "small" | "large" | (() => "medium" | "small" | "large" | (() => "medium" | "small" | "large")) | (() => "medium" | "small" | "large");
+            imageDisplay: "cover" | "contain" | (() => "cover" | "contain" | (() => "cover" | "contain")) | (() => "cover" | "contain");
+            showLabels: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+        };
+    } | {
+        type: "SelectImage";
+        model: {
+            modelValue: string;
+        };
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            options: (() => import("@bluepic/types").SelectOption<string>[] | (() => import("@bluepic/types").SelectOption<string>[])) | (() => import("@bluepic/types").SelectOption<string>[]) | {
+                label: string;
+                value: string;
+                image?: string | undefined;
+            }[];
+            layout: "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown")) | (() => "button" | "carroussel" | "dropdown");
+            size: "medium" | "small" | "large" | (() => "medium" | "small" | "large" | (() => "medium" | "small" | "large")) | (() => "medium" | "small" | "large");
+            imageDisplay: "cover" | "contain" | (() => "cover" | "contain" | (() => "cover" | "contain")) | (() => "cover" | "contain");
+            showLabels: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+        };
+    } | {
+        type: "SelectText";
+        model: {
+            modelValue: string;
+        };
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            options: (() => import("@bluepic/types").SelectOption<string>[] | (() => import("@bluepic/types").SelectOption<string>[])) | (() => import("@bluepic/types").SelectOption<string>[]) | {
+                label: string;
+                value: string;
+                image?: string | undefined;
+            }[];
+        };
+    } | {
+        type: "Instruction";
+        model: {};
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            title?: string | (() => string | undefined) | undefined;
+            instruction: string | (() => string);
+        };
+    } | undefined)[], (BluepicField | undefined)[] | ({
+        type: "Image";
+        model: {
+            modelValue: string;
+        };
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            layout: (() => (() => "compact" | "normal") | "compact" | "normal") | (() => "compact" | "normal") | "compact" | "normal";
+            width: number | (() => number | (() => number)) | (() => number);
+            height: number | (() => number | (() => number)) | (() => number);
+            allowedTypes: (() => (() => import("@bluepic/types").ImageMime[]) | import("@bluepic/types").ImageMime[]) | (() => import("@bluepic/types").ImageMime[]) | import("@bluepic/types").ImageMime[];
+            allowUploadFromDevice: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+            uploadLabel: string | (() => string | (() => string)) | (() => string);
+            convertTo?: import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | undefined) | undefined) | (() => import("@bluepic/types").ImageMime | undefined) | undefined;
+            quality: number | (() => number | (() => number)) | (() => number);
+            imageLibraries: (() => (() => import("@bluepic/types").ImageLibrary[]) | import("@bluepic/types").ImageLibrary[]) | (() => import("@bluepic/types").ImageLibrary[]) | ({
+                type: "pexels";
+                label: string;
+                apiKey: string;
+            } | {
+                type: "sharedDrive";
+                label: string;
+                service: "googledrive" | "onedrive" | "dropbox" | "icloud";
+                sharedUrl: string;
+            } | {
+                type: "custom";
+                name: string;
+                label: string;
+                controller: string;
+                props?: {
+                    [k: string]: unknown;
+                } | undefined;
+            })[];
+            removeBackground: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+        };
+    } | {
+        type: "Text";
+        model: {
+            modelValue: string;
+        };
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            maxLength: number | (() => number | (() => number)) | (() => number);
+            maxLines: number | (() => number | (() => number)) | (() => number);
+            maxLineLength: number | (() => number | (() => number)) | (() => number);
+            showWordCount: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+            clearable: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+            multiline: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+            uppercase: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+            richtext: (() => (() => {
+                enabled: boolean;
+                options: import("@bluepic/types").RichTextOption[];
+                userAgentRichText: boolean;
+                noStyleLabel: import("@bluepic/types").Localized<string>;
+                mixedStyleLabel: import("@bluepic/types").Localized<string>;
+            }) | {
+                enabled: boolean;
+                options: import("@bluepic/types").RichTextOption[];
+                userAgentRichText: boolean;
+                noStyleLabel: import("@bluepic/types").Localized<string>;
+                mixedStyleLabel: import("@bluepic/types").Localized<string>;
+            }) | (() => {
+                enabled: boolean;
+                options: import("@bluepic/types").RichTextOption[];
+                userAgentRichText: boolean;
+                noStyleLabel: import("@bluepic/types").Localized<string>;
+                mixedStyleLabel: import("@bluepic/types").Localized<string>;
+            }) | {
+                enabled: boolean;
+                options: {
+                    label: string;
+                    style: {
+                        fontSize?: number | undefined;
+                        fontWeight?: number | undefined;
+                        fontStyle?: "normal" | "italic" | "condensed" | undefined;
+                        fontFamily?: string | undefined;
+                        letterSpacing?: number | undefined;
+                        scale?: number | undefined;
+                        rotate?: number | undefined;
+                        color?: string | undefined;
+                        customClass?: string | undefined;
+                        highlightColor?: string | undefined;
+                        textDecoration?: string | undefined;
+                    };
+                }[];
+                userAgentRichText: boolean;
+                noStyleLabel: import("@bluepic/types").Localized<string>;
+                mixedStyleLabel: import("@bluepic/types").Localized<string>;
+            };
+            placeholder: string | (() => string | (() => string)) | (() => string);
+            maxHeight: string | (() => string | (() => string | null) | null) | (() => string | null) | null;
+        };
+    } | {
+        type: "ImageAdjust";
+        model: {
+            image: string;
+            adjust: string;
+        };
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            minX: number | (() => number | (() => number)) | (() => number);
+            maxX: number | (() => number | (() => number)) | (() => number);
+            minY: number | (() => number | (() => number)) | (() => number);
+            maxY: number | (() => number | (() => number)) | (() => number);
+            minScale: number | (() => number | (() => number)) | (() => number);
+            maxScale: number | (() => number | (() => number)) | (() => number);
+            type: "inline" | "popup" | (() => "inline" | "popup" | (() => "inline" | "popup")) | (() => "inline" | "popup");
+            aspectRatio: number | (() => number | (() => number)) | (() => number);
+        };
+    } | {
+        type: "Group";
+        model: {};
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            card: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+            layout: "list" | (() => "list" | (() => "list" | "flex") | "flex") | (() => "list" | "flex") | "flex";
+            fields: (() => BluepicField[] | (() => BluepicField[])) | (() => BluepicField[]) | ({
+                type: "Image";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    layout: (() => (() => "compact" | "normal") | "compact" | "normal") | (() => "compact" | "normal") | "compact" | "normal";
+                    width: number | (() => number | (() => number)) | (() => number);
+                    height: number | (() => number | (() => number)) | (() => number);
+                    allowedTypes: (() => (() => import("@bluepic/types").ImageMime[]) | import("@bluepic/types").ImageMime[]) | (() => import("@bluepic/types").ImageMime[]) | import("@bluepic/types").ImageMime[];
+                    allowUploadFromDevice: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    uploadLabel: string | (() => string | (() => string)) | (() => string);
+                    convertTo?: import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | undefined) | undefined) | (() => import("@bluepic/types").ImageMime | undefined) | undefined;
+                    quality: number | (() => number | (() => number)) | (() => number);
+                    imageLibraries: (() => (() => import("@bluepic/types").ImageLibrary[]) | import("@bluepic/types").ImageLibrary[]) | (() => import("@bluepic/types").ImageLibrary[]) | ({
+                        type: "pexels";
+                        label: string;
+                        apiKey: string;
+                    } | {
+                        type: "sharedDrive";
+                        label: string;
+                        service: "googledrive" | "onedrive" | "dropbox" | "icloud";
+                        sharedUrl: string;
+                    } | {
+                        type: "custom";
+                        name: string;
+                        label: string;
+                        controller: string;
+                        props?: {
+                            [k: string]: unknown;
+                        } | undefined;
+                    })[];
+                    removeBackground: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                };
+            } | {
+                type: "Text";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    maxLength: number | (() => number | (() => number)) | (() => number);
+                    maxLines: number | (() => number | (() => number)) | (() => number);
+                    maxLineLength: number | (() => number | (() => number)) | (() => number);
+                    showWordCount: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    clearable: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    multiline: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    uppercase: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    richtext: (() => (() => {
+                        enabled: boolean;
+                        options: import("@bluepic/types").RichTextOption[];
+                        userAgentRichText: boolean;
+                        noStyleLabel: import("@bluepic/types").Localized<string>;
+                        mixedStyleLabel: import("@bluepic/types").Localized<string>;
+                    }) | {
+                        enabled: boolean;
+                        options: import("@bluepic/types").RichTextOption[];
+                        userAgentRichText: boolean;
+                        noStyleLabel: import("@bluepic/types").Localized<string>;
+                        mixedStyleLabel: import("@bluepic/types").Localized<string>;
+                    }) | (() => {
+                        enabled: boolean;
+                        options: import("@bluepic/types").RichTextOption[];
+                        userAgentRichText: boolean;
+                        noStyleLabel: import("@bluepic/types").Localized<string>;
+                        mixedStyleLabel: import("@bluepic/types").Localized<string>;
+                    }) | {
+                        enabled: boolean;
+                        options: {
+                            label: string;
+                            style: {
+                                fontSize?: number | undefined;
+                                fontWeight?: number | undefined;
+                                fontStyle?: "normal" | "italic" | "condensed" | undefined;
+                                fontFamily?: string | undefined;
+                                letterSpacing?: number | undefined;
+                                scale?: number | undefined;
+                                rotate?: number | undefined;
+                                color?: string | undefined;
+                                customClass?: string | undefined;
+                                highlightColor?: string | undefined;
+                                textDecoration?: string | undefined;
+                            };
+                        }[];
+                        userAgentRichText: boolean;
+                        noStyleLabel: import("@bluepic/types").Localized<string>;
+                        mixedStyleLabel: import("@bluepic/types").Localized<string>;
+                    };
+                    placeholder: string | (() => string | (() => string)) | (() => string);
+                    maxHeight: string | (() => string | (() => string | null) | null) | (() => string | null) | null;
+                };
+            } | {
+                type: "ImageAdjust";
+                model: {
+                    image: string;
+                    adjust: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    minX: number | (() => number | (() => number)) | (() => number);
+                    maxX: number | (() => number | (() => number)) | (() => number);
+                    minY: number | (() => number | (() => number)) | (() => number);
+                    maxY: number | (() => number | (() => number)) | (() => number);
+                    minScale: number | (() => number | (() => number)) | (() => number);
+                    maxScale: number | (() => number | (() => number)) | (() => number);
+                    type: "inline" | "popup" | (() => "inline" | "popup" | (() => "inline" | "popup")) | (() => "inline" | "popup");
+                    aspectRatio: number | (() => number | (() => number)) | (() => number);
+                };
+            } | any | {
+                type: "Collection";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    fields: (() => BluepicField[] | (() => BluepicField[])) | (() => BluepicField[]) | ({
+                        type: "Image";
+                        model: {
+                            modelValue: string;
+                        };
+                        description?: string | undefined;
+                        detailedDescription?: string | undefined;
+                        layout: {
+                            minWidth: string;
+                            maxWidth: string;
+                        };
+                        hitbox?: {
+                            x: number;
+                            y: number;
+                            width: number;
+                            height: number;
+                            zIndex?: number | undefined;
+                        } | undefined;
+                        frameIndex?: number | undefined;
+                        props: {
+                            layout: (() => (() => "compact" | "normal") | "compact" | "normal") | (() => "compact" | "normal") | "compact" | "normal";
+                            width: number | (() => number | (() => number)) | (() => number);
+                            height: number | (() => number | (() => number)) | (() => number);
+                            allowedTypes: (() => (() => import("@bluepic/types").ImageMime[]) | import("@bluepic/types").ImageMime[]) | (() => import("@bluepic/types").ImageMime[]) | import("@bluepic/types").ImageMime[];
+                            allowUploadFromDevice: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                            uploadLabel: string | (() => string | (() => string)) | (() => string);
+                            convertTo?: import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | undefined) | undefined) | (() => import("@bluepic/types").ImageMime | undefined) | undefined;
+                            quality: number | (() => number | (() => number)) | (() => number);
+                            imageLibraries: (() => (() => import("@bluepic/types").ImageLibrary[]) | import("@bluepic/types").ImageLibrary[]) | (() => import("@bluepic/types").ImageLibrary[]) | ({
+                                type: "pexels";
+                                label: string;
+                                apiKey: string;
+                            } | {
+                                type: "sharedDrive";
+                                label: string;
+                                service: "googledrive" | "onedrive" | "dropbox" | "icloud";
+                                sharedUrl: string;
+                            } | {
+                                type: "custom";
+                                name: string;
+                                label: string;
+                                controller: string;
+                                props?: {
+                                    [k: string]: unknown;
+                                } | undefined;
+                            })[];
+                            removeBackground: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                        };
+                    } | {
+                        type: "Text";
+                        model: {
+                            modelValue: string;
+                        };
+                        description?: string | undefined;
+                        detailedDescription?: string | undefined;
+                        layout: {
+                            minWidth: string;
+                            maxWidth: string;
+                        };
+                        hitbox?: {
+                            x: number;
+                            y: number;
+                            width: number;
+                            height: number;
+                            zIndex?: number | undefined;
+                        } | undefined;
+                        frameIndex?: number | undefined;
+                        props: {
+                            maxLength: number | (() => number | (() => number)) | (() => number);
+                            maxLines: number | (() => number | (() => number)) | (() => number);
+                            maxLineLength: number | (() => number | (() => number)) | (() => number);
+                            showWordCount: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                            clearable: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                            multiline: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                            uppercase: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                            richtext: (() => (() => {
+                                enabled: boolean;
+                                options: import("@bluepic/types").RichTextOption[];
+                                userAgentRichText: boolean;
+                                noStyleLabel: import("@bluepic/types").Localized<string>;
+                                mixedStyleLabel: import("@bluepic/types").Localized<string>;
+                            }) | {
+                                enabled: boolean;
+                                options: import("@bluepic/types").RichTextOption[];
+                                userAgentRichText: boolean;
+                                noStyleLabel: import("@bluepic/types").Localized<string>;
+                                mixedStyleLabel: import("@bluepic/types").Localized<string>;
+                            }) | (() => {
+                                enabled: boolean;
+                                options: import("@bluepic/types").RichTextOption[];
+                                userAgentRichText: boolean;
+                                noStyleLabel: import("@bluepic/types").Localized<string>;
+                                mixedStyleLabel: import("@bluepic/types").Localized<string>;
+                            }) | {
+                                enabled: boolean;
+                                options: {
+                                    label: string;
+                                    style: {
+                                        fontSize?: number | undefined;
+                                        fontWeight?: number | undefined;
+                                        fontStyle?: "normal" | "italic" | "condensed" | undefined;
+                                        fontFamily?: string | undefined;
+                                        letterSpacing?: number | undefined;
+                                        scale?: number | undefined;
+                                        rotate?: number | undefined;
+                                        color?: string | undefined;
+                                        customClass?: string | undefined;
+                                        highlightColor?: string | undefined;
+                                        textDecoration?: string | undefined;
+                                    };
+                                }[];
+                                userAgentRichText: boolean;
+                                noStyleLabel: import("@bluepic/types").Localized<string>;
+                                mixedStyleLabel: import("@bluepic/types").Localized<string>;
+                            };
+                            placeholder: string | (() => string | (() => string)) | (() => string);
+                            maxHeight: string | (() => string | (() => string | null) | null) | (() => string | null) | null;
+                        };
+                    } | {
+                        type: "ImageAdjust";
+                        model: {
+                            image: string;
+                            adjust: string;
+                        };
+                        description?: string | undefined;
+                        detailedDescription?: string | undefined;
+                        layout: {
+                            minWidth: string;
+                            maxWidth: string;
+                        };
+                        hitbox?: {
+                            x: number;
+                            y: number;
+                            width: number;
+                            height: number;
+                            zIndex?: number | undefined;
+                        } | undefined;
+                        frameIndex?: number | undefined;
+                        props: {
+                            minX: number | (() => number | (() => number)) | (() => number);
+                            maxX: number | (() => number | (() => number)) | (() => number);
+                            minY: number | (() => number | (() => number)) | (() => number);
+                            maxY: number | (() => number | (() => number)) | (() => number);
+                            minScale: number | (() => number | (() => number)) | (() => number);
+                            maxScale: number | (() => number | (() => number)) | (() => number);
+                            type: "inline" | "popup" | (() => "inline" | "popup" | (() => "inline" | "popup")) | (() => "inline" | "popup");
+                            aspectRatio: number | (() => number | (() => number)) | (() => number);
+                        };
+                    } | any | any | {
+                        type: "Select";
+                        model: {
+                            modelValue: string;
+                        };
+                        description?: string | undefined;
+                        detailedDescription?: string | undefined;
+                        layout: {
+                            minWidth: string;
+                            maxWidth: string;
+                        };
+                        hitbox?: {
+                            x: number;
+                            y: number;
+                            width: number;
+                            height: number;
+                            zIndex?: number | undefined;
+                        } | undefined;
+                        frameIndex?: number | undefined;
+                        props: {
+                            options: (() => (() => import("@bluepic/types").SelectOption<unknown>[]) | import("@bluepic/types").SelectOption<unknown>[]) | (() => import("@bluepic/types").SelectOption<unknown>[]) | {
+                                label: string;
+                                value: unknown;
+                                image?: string | undefined;
+                            }[];
+                            layout: "button" | "carroussel" | (() => "button" | "carroussel" | (() => "button" | "carroussel" | "dropdown") | "dropdown") | (() => "button" | "carroussel" | "dropdown") | "dropdown";
+                            size: "medium" | "small" | "large" | (() => "medium" | "small" | "large" | (() => "medium" | "small" | "large")) | (() => "medium" | "small" | "large");
+                            imageDisplay: "cover" | (() => "cover" | (() => "cover" | "contain") | "contain") | (() => "cover" | "contain") | "contain";
+                            showLabels: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                        };
+                    } | {
+                        type: "Checkbox";
+                        model: {
+                            modelValue: string;
+                        };
+                        description?: string | undefined;
+                        detailedDescription?: string | undefined;
+                        layout: {
+                            minWidth: string;
+                            maxWidth: string;
+                        };
+                        hitbox?: {
+                            x: number;
+                            y: number;
+                            width: number;
+                            height: number;
+                            zIndex?: number | undefined;
+                        } | undefined;
+                        frameIndex?: number | undefined;
+                        props: {
+                            size: "medium" | (() => "medium" | (() => "medium" | "small" | "large") | "small" | "large") | (() => "medium" | "small" | "large") | "small" | "large";
+                            label?: string | (() => string | (() => string | undefined) | undefined) | (() => string | undefined) | undefined;
+                        };
+                    } | {
+                        type: "Number";
+                        model: {
+                            modelValue: string;
+                        };
+                        description?: string | undefined;
+                        detailedDescription?: string | undefined;
+                        layout: {
+                            minWidth: string;
+                            maxWidth: string;
+                        };
+                        hitbox?: {
+                            x: number;
+                            y: number;
+                            width: number;
+                            height: number;
+                            zIndex?: number | undefined;
+                        } | undefined;
+                        frameIndex?: number | undefined;
+                        props: {
+                            min: number | (() => number | (() => number)) | (() => number);
+                            max: number | (() => number | (() => number)) | (() => number);
+                            step: number | (() => number | (() => number)) | (() => number);
+                            type: (() => (() => "input" | "slider") | "input" | "slider") | (() => "input" | "slider") | "input" | "slider";
+                        };
+                    } | {
+                        type: "Color";
+                        model: {
+                            modelValue: string;
+                        };
+                        description?: string | undefined;
+                        detailedDescription?: string | undefined;
+                        layout: {
+                            minWidth: string;
+                            maxWidth: string;
+                        };
+                        hitbox?: {
+                            x: number;
+                            y: number;
+                            width: number;
+                            height: number;
+                            zIndex?: number | undefined;
+                        } | undefined;
+                        frameIndex?: number | undefined;
+                        props: {
+                            alpha: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                        };
+                    } | {
+                        type: "Map";
+                        model: {
+                            modelValue: string;
+                        };
+                        description?: string | undefined;
+                        detailedDescription?: string | undefined;
+                        layout: {
+                            minWidth: string;
+                            maxWidth: string;
+                        };
+                        hitbox?: {
+                            x: number;
+                            y: number;
+                            width: number;
+                            height: number;
+                            zIndex?: number | undefined;
+                        } | undefined;
+                        frameIndex?: number | undefined;
+                        props: {
+                            padding?: number | (() => number | (() => number | undefined) | undefined) | (() => number | undefined) | undefined;
+                            mapStyle?: string | (() => string | (() => string | undefined) | undefined) | (() => string | undefined) | undefined;
+                            mapboxAccessToken: string | (() => string | (() => string)) | (() => string);
+                            type: "inline" | "popup" | (() => "inline" | "popup" | (() => "inline" | "popup")) | (() => "inline" | "popup");
+                            aspectRatio: number | (() => number | (() => number)) | (() => number);
+                        };
+                    } | {
+                        type: "ImageEdit";
+                        model: {
+                            modelValue: string;
+                        };
+                        description?: string | undefined;
+                        detailedDescription?: string | undefined;
+                        layout: {
+                            minWidth: string;
+                            maxWidth: string;
+                        };
+                        hitbox?: {
+                            x: number;
+                            y: number;
+                            width: number;
+                            height: number;
+                            zIndex?: number | undefined;
+                        } | undefined;
+                        frameIndex?: number | undefined;
+                        props: {
+                            layout: "compact" | "normal" | (() => "compact" | "normal" | (() => "compact" | "normal")) | (() => "compact" | "normal");
+                            width: number | (() => number | (() => number)) | (() => number);
+                            height: number | (() => number | (() => number)) | (() => number);
+                            allowedTypes: import("@bluepic/types").ImageMime[] | (() => import("@bluepic/types").ImageMime[] | (() => import("@bluepic/types").ImageMime[])) | (() => import("@bluepic/types").ImageMime[]);
+                            allowUploadFromDevice: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                            uploadLabel: string | (() => string | (() => string)) | (() => string);
+                            convertTo?: import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | undefined) | undefined) | (() => import("@bluepic/types").ImageMime | undefined) | undefined;
+                            quality: number | (() => number | (() => number)) | (() => number);
+                            imageLibraries: (() => import("@bluepic/types").ImageLibrary[] | (() => import("@bluepic/types").ImageLibrary[])) | (() => import("@bluepic/types").ImageLibrary[]) | ({
+                                type: "pexels";
+                                label: string;
+                                apiKey: string;
+                            } | {
+                                type: "sharedDrive";
+                                label: string;
+                                service: "googledrive" | "onedrive" | "dropbox" | "icloud";
+                                sharedUrl: string;
+                            } | {
+                                type: "custom";
+                                name: string;
+                                label: string;
+                                controller: string;
+                                props?: {
+                                    [k: string]: unknown;
+                                } | undefined;
+                            })[];
+                            removeBackground: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                            allowCropImage: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                            aspectRatio: number | (() => number | (() => number)) | (() => number);
+                        };
+                    } | {
+                        type: "SelectColor";
+                        model: {
+                            modelValue: string;
+                        };
+                        description?: string | undefined;
+                        detailedDescription?: string | undefined;
+                        layout: {
+                            minWidth: string;
+                            maxWidth: string;
+                        };
+                        hitbox?: {
+                            x: number;
+                            y: number;
+                            width: number;
+                            height: number;
+                            zIndex?: number | undefined;
+                        } | undefined;
+                        frameIndex?: number | undefined;
+                        props: {
+                            options: (() => (() => import("@bluepic/types").SelectOption<string>[]) | import("@bluepic/types").SelectOption<string>[]) | (() => import("@bluepic/types").SelectOption<string>[]) | {
+                                label: string;
+                                value: string;
+                                image?: string | undefined;
+                            }[];
+                            layout: "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown")) | (() => "button" | "carroussel" | "dropdown");
+                            size: "medium" | "small" | "large" | (() => "medium" | "small" | "large" | (() => "medium" | "small" | "large")) | (() => "medium" | "small" | "large");
+                            imageDisplay: "cover" | "contain" | (() => "cover" | "contain" | (() => "cover" | "contain")) | (() => "cover" | "contain");
+                            showLabels: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                        };
+                    } | {
+                        type: "SelectImage";
+                        model: {
+                            modelValue: string;
+                        };
+                        description?: string | undefined;
+                        detailedDescription?: string | undefined;
+                        layout: {
+                            minWidth: string;
+                            maxWidth: string;
+                        };
+                        hitbox?: {
+                            x: number;
+                            y: number;
+                            width: number;
+                            height: number;
+                            zIndex?: number | undefined;
+                        } | undefined;
+                        frameIndex?: number | undefined;
+                        props: {
+                            options: (() => import("@bluepic/types").SelectOption<string>[] | (() => import("@bluepic/types").SelectOption<string>[])) | (() => import("@bluepic/types").SelectOption<string>[]) | {
+                                label: string;
+                                value: string;
+                                image?: string | undefined;
+                            }[];
+                            layout: "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown")) | (() => "button" | "carroussel" | "dropdown");
+                            size: "medium" | "small" | "large" | (() => "medium" | "small" | "large" | (() => "medium" | "small" | "large")) | (() => "medium" | "small" | "large");
+                            imageDisplay: "cover" | "contain" | (() => "cover" | "contain" | (() => "cover" | "contain")) | (() => "cover" | "contain");
+                            showLabels: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                        };
+                    } | {
+                        type: "SelectText";
+                        model: {
+                            modelValue: string;
+                        };
+                        description?: string | undefined;
+                        detailedDescription?: string | undefined;
+                        layout: {
+                            minWidth: string;
+                            maxWidth: string;
+                        };
+                        hitbox?: {
+                            x: number;
+                            y: number;
+                            width: number;
+                            height: number;
+                            zIndex?: number | undefined;
+                        } | undefined;
+                        frameIndex?: number | undefined;
+                        props: {
+                            options: (() => import("@bluepic/types").SelectOption<string>[] | (() => import("@bluepic/types").SelectOption<string>[])) | (() => import("@bluepic/types").SelectOption<string>[]) | {
+                                label: string;
+                                value: string;
+                                image?: string | undefined;
+                            }[];
+                        };
+                    } | {
+                        type: "Instruction";
+                        model: {};
+                        description?: string | undefined;
+                        detailedDescription?: string | undefined;
+                        layout: {
+                            minWidth: string;
+                            maxWidth: string;
+                        };
+                        hitbox?: {
+                            x: number;
+                            y: number;
+                            width: number;
+                            height: number;
+                            zIndex?: number | undefined;
+                        } | undefined;
+                        frameIndex?: number | undefined;
+                        props: {
+                            title?: string | (() => string | undefined) | undefined;
+                            instruction: string | (() => string);
+                        };
+                    })[];
+                    layout: "list" | "flex" | (() => "list" | "flex" | (() => "list" | "flex")) | (() => "list" | "flex");
+                    min: number | (() => number | (() => number)) | (() => number);
+                    max: number | (() => number | (() => number)) | (() => number);
+                };
+            } | {
+                type: "Select";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    options: (() => (() => import("@bluepic/types").SelectOption<unknown>[]) | import("@bluepic/types").SelectOption<unknown>[]) | (() => import("@bluepic/types").SelectOption<unknown>[]) | {
+                        label: string;
+                        value: unknown;
+                        image?: string | undefined;
+                    }[];
+                    layout: "button" | "carroussel" | (() => "button" | "carroussel" | (() => "button" | "carroussel" | "dropdown") | "dropdown") | (() => "button" | "carroussel" | "dropdown") | "dropdown";
+                    size: "medium" | "small" | "large" | (() => "medium" | "small" | "large" | (() => "medium" | "small" | "large")) | (() => "medium" | "small" | "large");
+                    imageDisplay: "cover" | (() => "cover" | (() => "cover" | "contain") | "contain") | (() => "cover" | "contain") | "contain";
+                    showLabels: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                };
+            } | {
+                type: "Checkbox";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    size: "medium" | (() => "medium" | (() => "medium" | "small" | "large") | "small" | "large") | (() => "medium" | "small" | "large") | "small" | "large";
+                    label?: string | (() => string | (() => string | undefined) | undefined) | (() => string | undefined) | undefined;
+                };
+            } | {
+                type: "Number";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    min: number | (() => number | (() => number)) | (() => number);
+                    max: number | (() => number | (() => number)) | (() => number);
+                    step: number | (() => number | (() => number)) | (() => number);
+                    type: (() => (() => "input" | "slider") | "input" | "slider") | (() => "input" | "slider") | "input" | "slider";
+                };
+            } | {
+                type: "Color";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    alpha: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                };
+            } | {
+                type: "Map";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    padding?: number | (() => number | (() => number | undefined) | undefined) | (() => number | undefined) | undefined;
+                    mapStyle?: string | (() => string | (() => string | undefined) | undefined) | (() => string | undefined) | undefined;
+                    mapboxAccessToken: string | (() => string | (() => string)) | (() => string);
+                    type: "inline" | "popup" | (() => "inline" | "popup" | (() => "inline" | "popup")) | (() => "inline" | "popup");
+                    aspectRatio: number | (() => number | (() => number)) | (() => number);
+                };
+            } | {
+                type: "ImageEdit";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    layout: "compact" | "normal" | (() => "compact" | "normal" | (() => "compact" | "normal")) | (() => "compact" | "normal");
+                    width: number | (() => number | (() => number)) | (() => number);
+                    height: number | (() => number | (() => number)) | (() => number);
+                    allowedTypes: import("@bluepic/types").ImageMime[] | (() => import("@bluepic/types").ImageMime[] | (() => import("@bluepic/types").ImageMime[])) | (() => import("@bluepic/types").ImageMime[]);
+                    allowUploadFromDevice: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    uploadLabel: string | (() => string | (() => string)) | (() => string);
+                    convertTo?: import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | undefined) | undefined) | (() => import("@bluepic/types").ImageMime | undefined) | undefined;
+                    quality: number | (() => number | (() => number)) | (() => number);
+                    imageLibraries: (() => import("@bluepic/types").ImageLibrary[] | (() => import("@bluepic/types").ImageLibrary[])) | (() => import("@bluepic/types").ImageLibrary[]) | ({
+                        type: "pexels";
+                        label: string;
+                        apiKey: string;
+                    } | {
+                        type: "sharedDrive";
+                        label: string;
+                        service: "googledrive" | "onedrive" | "dropbox" | "icloud";
+                        sharedUrl: string;
+                    } | {
+                        type: "custom";
+                        name: string;
+                        label: string;
+                        controller: string;
+                        props?: {
+                            [k: string]: unknown;
+                        } | undefined;
+                    })[];
+                    removeBackground: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    allowCropImage: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    aspectRatio: number | (() => number | (() => number)) | (() => number);
+                };
+            } | {
+                type: "SelectColor";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    options: (() => (() => import("@bluepic/types").SelectOption<string>[]) | import("@bluepic/types").SelectOption<string>[]) | (() => import("@bluepic/types").SelectOption<string>[]) | {
+                        label: string;
+                        value: string;
+                        image?: string | undefined;
+                    }[];
+                    layout: "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown")) | (() => "button" | "carroussel" | "dropdown");
+                    size: "medium" | "small" | "large" | (() => "medium" | "small" | "large" | (() => "medium" | "small" | "large")) | (() => "medium" | "small" | "large");
+                    imageDisplay: "cover" | "contain" | (() => "cover" | "contain" | (() => "cover" | "contain")) | (() => "cover" | "contain");
+                    showLabels: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                };
+            } | {
+                type: "SelectImage";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    options: (() => import("@bluepic/types").SelectOption<string>[] | (() => import("@bluepic/types").SelectOption<string>[])) | (() => import("@bluepic/types").SelectOption<string>[]) | {
+                        label: string;
+                        value: string;
+                        image?: string | undefined;
+                    }[];
+                    layout: "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown")) | (() => "button" | "carroussel" | "dropdown");
+                    size: "medium" | "small" | "large" | (() => "medium" | "small" | "large" | (() => "medium" | "small" | "large")) | (() => "medium" | "small" | "large");
+                    imageDisplay: "cover" | "contain" | (() => "cover" | "contain" | (() => "cover" | "contain")) | (() => "cover" | "contain");
+                    showLabels: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                };
+            } | {
+                type: "SelectText";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    options: (() => import("@bluepic/types").SelectOption<string>[] | (() => import("@bluepic/types").SelectOption<string>[])) | (() => import("@bluepic/types").SelectOption<string>[]) | {
+                        label: string;
+                        value: string;
+                        image?: string | undefined;
+                    }[];
+                };
+            } | {
+                type: "Instruction";
+                model: {};
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    title?: string | (() => string | undefined) | undefined;
+                    instruction: string | (() => string);
+                };
+            })[];
+        };
+    } | {
+        type: "Collection";
+        model: {
+            modelValue: string;
+        };
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            fields: (() => BluepicField[] | (() => BluepicField[])) | (() => BluepicField[]) | ({
+                type: "Image";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    layout: (() => (() => "compact" | "normal") | "compact" | "normal") | (() => "compact" | "normal") | "compact" | "normal";
+                    width: number | (() => number | (() => number)) | (() => number);
+                    height: number | (() => number | (() => number)) | (() => number);
+                    allowedTypes: (() => (() => import("@bluepic/types").ImageMime[]) | import("@bluepic/types").ImageMime[]) | (() => import("@bluepic/types").ImageMime[]) | import("@bluepic/types").ImageMime[];
+                    allowUploadFromDevice: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    uploadLabel: string | (() => string | (() => string)) | (() => string);
+                    convertTo?: import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | undefined) | undefined) | (() => import("@bluepic/types").ImageMime | undefined) | undefined;
+                    quality: number | (() => number | (() => number)) | (() => number);
+                    imageLibraries: (() => (() => import("@bluepic/types").ImageLibrary[]) | import("@bluepic/types").ImageLibrary[]) | (() => import("@bluepic/types").ImageLibrary[]) | ({
+                        type: "pexels";
+                        label: string;
+                        apiKey: string;
+                    } | {
+                        type: "sharedDrive";
+                        label: string;
+                        service: "googledrive" | "onedrive" | "dropbox" | "icloud";
+                        sharedUrl: string;
+                    } | {
+                        type: "custom";
+                        name: string;
+                        label: string;
+                        controller: string;
+                        props?: {
+                            [k: string]: unknown;
+                        } | undefined;
+                    })[];
+                    removeBackground: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                };
+            } | {
+                type: "Text";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    maxLength: number | (() => number | (() => number)) | (() => number);
+                    maxLines: number | (() => number | (() => number)) | (() => number);
+                    maxLineLength: number | (() => number | (() => number)) | (() => number);
+                    showWordCount: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    clearable: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    multiline: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    uppercase: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    richtext: (() => (() => {
+                        enabled: boolean;
+                        options: import("@bluepic/types").RichTextOption[];
+                        userAgentRichText: boolean;
+                        noStyleLabel: import("@bluepic/types").Localized<string>;
+                        mixedStyleLabel: import("@bluepic/types").Localized<string>;
+                    }) | {
+                        enabled: boolean;
+                        options: import("@bluepic/types").RichTextOption[];
+                        userAgentRichText: boolean;
+                        noStyleLabel: import("@bluepic/types").Localized<string>;
+                        mixedStyleLabel: import("@bluepic/types").Localized<string>;
+                    }) | (() => {
+                        enabled: boolean;
+                        options: import("@bluepic/types").RichTextOption[];
+                        userAgentRichText: boolean;
+                        noStyleLabel: import("@bluepic/types").Localized<string>;
+                        mixedStyleLabel: import("@bluepic/types").Localized<string>;
+                    }) | {
+                        enabled: boolean;
+                        options: {
+                            label: string;
+                            style: {
+                                fontSize?: number | undefined;
+                                fontWeight?: number | undefined;
+                                fontStyle?: "normal" | "italic" | "condensed" | undefined;
+                                fontFamily?: string | undefined;
+                                letterSpacing?: number | undefined;
+                                scale?: number | undefined;
+                                rotate?: number | undefined;
+                                color?: string | undefined;
+                                customClass?: string | undefined;
+                                highlightColor?: string | undefined;
+                                textDecoration?: string | undefined;
+                            };
+                        }[];
+                        userAgentRichText: boolean;
+                        noStyleLabel: import("@bluepic/types").Localized<string>;
+                        mixedStyleLabel: import("@bluepic/types").Localized<string>;
+                    };
+                    placeholder: string | (() => string | (() => string)) | (() => string);
+                    maxHeight: string | (() => string | (() => string | null) | null) | (() => string | null) | null;
+                };
+            } | {
+                type: "ImageAdjust";
+                model: {
+                    image: string;
+                    adjust: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    minX: number | (() => number | (() => number)) | (() => number);
+                    maxX: number | (() => number | (() => number)) | (() => number);
+                    minY: number | (() => number | (() => number)) | (() => number);
+                    maxY: number | (() => number | (() => number)) | (() => number);
+                    minScale: number | (() => number | (() => number)) | (() => number);
+                    maxScale: number | (() => number | (() => number)) | (() => number);
+                    type: "inline" | "popup" | (() => "inline" | "popup" | (() => "inline" | "popup")) | (() => "inline" | "popup");
+                    aspectRatio: number | (() => number | (() => number)) | (() => number);
+                };
+            } | any | any | {
+                type: "Select";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    options: (() => (() => import("@bluepic/types").SelectOption<unknown>[]) | import("@bluepic/types").SelectOption<unknown>[]) | (() => import("@bluepic/types").SelectOption<unknown>[]) | {
+                        label: string;
+                        value: unknown;
+                        image?: string | undefined;
+                    }[];
+                    layout: "button" | "carroussel" | (() => "button" | "carroussel" | (() => "button" | "carroussel" | "dropdown") | "dropdown") | (() => "button" | "carroussel" | "dropdown") | "dropdown";
+                    size: "medium" | "small" | "large" | (() => "medium" | "small" | "large" | (() => "medium" | "small" | "large")) | (() => "medium" | "small" | "large");
+                    imageDisplay: "cover" | (() => "cover" | (() => "cover" | "contain") | "contain") | (() => "cover" | "contain") | "contain";
+                    showLabels: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                };
+            } | {
+                type: "Checkbox";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    size: "medium" | (() => "medium" | (() => "medium" | "small" | "large") | "small" | "large") | (() => "medium" | "small" | "large") | "small" | "large";
+                    label?: string | (() => string | (() => string | undefined) | undefined) | (() => string | undefined) | undefined;
+                };
+            } | {
+                type: "Number";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    min: number | (() => number | (() => number)) | (() => number);
+                    max: number | (() => number | (() => number)) | (() => number);
+                    step: number | (() => number | (() => number)) | (() => number);
+                    type: (() => (() => "input" | "slider") | "input" | "slider") | (() => "input" | "slider") | "input" | "slider";
+                };
+            } | {
+                type: "Color";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    alpha: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                };
+            } | {
+                type: "Map";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    padding?: number | (() => number | (() => number | undefined) | undefined) | (() => number | undefined) | undefined;
+                    mapStyle?: string | (() => string | (() => string | undefined) | undefined) | (() => string | undefined) | undefined;
+                    mapboxAccessToken: string | (() => string | (() => string)) | (() => string);
+                    type: "inline" | "popup" | (() => "inline" | "popup" | (() => "inline" | "popup")) | (() => "inline" | "popup");
+                    aspectRatio: number | (() => number | (() => number)) | (() => number);
+                };
+            } | {
+                type: "ImageEdit";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    layout: "compact" | "normal" | (() => "compact" | "normal" | (() => "compact" | "normal")) | (() => "compact" | "normal");
+                    width: number | (() => number | (() => number)) | (() => number);
+                    height: number | (() => number | (() => number)) | (() => number);
+                    allowedTypes: import("@bluepic/types").ImageMime[] | (() => import("@bluepic/types").ImageMime[] | (() => import("@bluepic/types").ImageMime[])) | (() => import("@bluepic/types").ImageMime[]);
+                    allowUploadFromDevice: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    uploadLabel: string | (() => string | (() => string)) | (() => string);
+                    convertTo?: import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | undefined) | undefined) | (() => import("@bluepic/types").ImageMime | undefined) | undefined;
+                    quality: number | (() => number | (() => number)) | (() => number);
+                    imageLibraries: (() => import("@bluepic/types").ImageLibrary[] | (() => import("@bluepic/types").ImageLibrary[])) | (() => import("@bluepic/types").ImageLibrary[]) | ({
+                        type: "pexels";
+                        label: string;
+                        apiKey: string;
+                    } | {
+                        type: "sharedDrive";
+                        label: string;
+                        service: "googledrive" | "onedrive" | "dropbox" | "icloud";
+                        sharedUrl: string;
+                    } | {
+                        type: "custom";
+                        name: string;
+                        label: string;
+                        controller: string;
+                        props?: {
+                            [k: string]: unknown;
+                        } | undefined;
+                    })[];
+                    removeBackground: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    allowCropImage: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                    aspectRatio: number | (() => number | (() => number)) | (() => number);
+                };
+            } | {
+                type: "SelectColor";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    options: (() => (() => import("@bluepic/types").SelectOption<string>[]) | import("@bluepic/types").SelectOption<string>[]) | (() => import("@bluepic/types").SelectOption<string>[]) | {
+                        label: string;
+                        value: string;
+                        image?: string | undefined;
+                    }[];
+                    layout: "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown")) | (() => "button" | "carroussel" | "dropdown");
+                    size: "medium" | "small" | "large" | (() => "medium" | "small" | "large" | (() => "medium" | "small" | "large")) | (() => "medium" | "small" | "large");
+                    imageDisplay: "cover" | "contain" | (() => "cover" | "contain" | (() => "cover" | "contain")) | (() => "cover" | "contain");
+                    showLabels: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                };
+            } | {
+                type: "SelectImage";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    options: (() => import("@bluepic/types").SelectOption<string>[] | (() => import("@bluepic/types").SelectOption<string>[])) | (() => import("@bluepic/types").SelectOption<string>[]) | {
+                        label: string;
+                        value: string;
+                        image?: string | undefined;
+                    }[];
+                    layout: "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown")) | (() => "button" | "carroussel" | "dropdown");
+                    size: "medium" | "small" | "large" | (() => "medium" | "small" | "large" | (() => "medium" | "small" | "large")) | (() => "medium" | "small" | "large");
+                    imageDisplay: "cover" | "contain" | (() => "cover" | "contain" | (() => "cover" | "contain")) | (() => "cover" | "contain");
+                    showLabels: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+                };
+            } | {
+                type: "SelectText";
+                model: {
+                    modelValue: string;
+                };
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    options: (() => import("@bluepic/types").SelectOption<string>[] | (() => import("@bluepic/types").SelectOption<string>[])) | (() => import("@bluepic/types").SelectOption<string>[]) | {
+                        label: string;
+                        value: string;
+                        image?: string | undefined;
+                    }[];
+                };
+            } | {
+                type: "Instruction";
+                model: {};
+                description?: string | undefined;
+                detailedDescription?: string | undefined;
+                layout: {
+                    minWidth: string;
+                    maxWidth: string;
+                };
+                hitbox?: {
+                    x: number;
+                    y: number;
+                    width: number;
+                    height: number;
+                    zIndex?: number | undefined;
+                } | undefined;
+                frameIndex?: number | undefined;
+                props: {
+                    title?: string | (() => string | undefined) | undefined;
+                    instruction: string | (() => string);
+                };
+            })[];
+            layout: "list" | "flex" | (() => "list" | "flex" | (() => "list" | "flex")) | (() => "list" | "flex");
+            min: number | (() => number | (() => number)) | (() => number);
+            max: number | (() => number | (() => number)) | (() => number);
+        };
+    } | {
+        type: "Select";
+        model: {
+            modelValue: string;
+        };
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            options: (() => (() => import("@bluepic/types").SelectOption<unknown>[]) | import("@bluepic/types").SelectOption<unknown>[]) | (() => import("@bluepic/types").SelectOption<unknown>[]) | {
+                label: string;
+                value: unknown;
+                image?: string | undefined;
+            }[];
+            layout: "button" | "carroussel" | (() => "button" | "carroussel" | (() => "button" | "carroussel" | "dropdown") | "dropdown") | (() => "button" | "carroussel" | "dropdown") | "dropdown";
+            size: "medium" | "small" | "large" | (() => "medium" | "small" | "large" | (() => "medium" | "small" | "large")) | (() => "medium" | "small" | "large");
+            imageDisplay: "cover" | (() => "cover" | (() => "cover" | "contain") | "contain") | (() => "cover" | "contain") | "contain";
+            showLabels: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+        };
+    } | {
+        type: "Checkbox";
+        model: {
+            modelValue: string;
+        };
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            size: "medium" | (() => "medium" | (() => "medium" | "small" | "large") | "small" | "large") | (() => "medium" | "small" | "large") | "small" | "large";
+            label?: string | (() => string | (() => string | undefined) | undefined) | (() => string | undefined) | undefined;
+        };
+    } | {
+        type: "Number";
+        model: {
+            modelValue: string;
+        };
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            min: number | (() => number | (() => number)) | (() => number);
+            max: number | (() => number | (() => number)) | (() => number);
+            step: number | (() => number | (() => number)) | (() => number);
+            type: (() => (() => "input" | "slider") | "input" | "slider") | (() => "input" | "slider") | "input" | "slider";
+        };
+    } | {
+        type: "Color";
+        model: {
+            modelValue: string;
+        };
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            alpha: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+        };
+    } | {
+        type: "Map";
+        model: {
+            modelValue: string;
+        };
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            padding?: number | (() => number | (() => number | undefined) | undefined) | (() => number | undefined) | undefined;
+            mapStyle?: string | (() => string | (() => string | undefined) | undefined) | (() => string | undefined) | undefined;
+            mapboxAccessToken: string | (() => string | (() => string)) | (() => string);
+            type: "inline" | "popup" | (() => "inline" | "popup" | (() => "inline" | "popup")) | (() => "inline" | "popup");
+            aspectRatio: number | (() => number | (() => number)) | (() => number);
+        };
+    } | {
+        type: "ImageEdit";
+        model: {
+            modelValue: string;
+        };
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            layout: "compact" | "normal" | (() => "compact" | "normal" | (() => "compact" | "normal")) | (() => "compact" | "normal");
+            width: number | (() => number | (() => number)) | (() => number);
+            height: number | (() => number | (() => number)) | (() => number);
+            allowedTypes: import("@bluepic/types").ImageMime[] | (() => import("@bluepic/types").ImageMime[] | (() => import("@bluepic/types").ImageMime[])) | (() => import("@bluepic/types").ImageMime[]);
+            allowUploadFromDevice: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+            uploadLabel: string | (() => string | (() => string)) | (() => string);
+            convertTo?: import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | (() => import("@bluepic/types").ImageMime | undefined) | undefined) | (() => import("@bluepic/types").ImageMime | undefined) | undefined;
+            quality: number | (() => number | (() => number)) | (() => number);
+            imageLibraries: (() => import("@bluepic/types").ImageLibrary[] | (() => import("@bluepic/types").ImageLibrary[])) | (() => import("@bluepic/types").ImageLibrary[]) | ({
+                type: "pexels";
+                label: string;
+                apiKey: string;
+            } | {
+                type: "sharedDrive";
+                label: string;
+                service: "googledrive" | "onedrive" | "dropbox" | "icloud";
+                sharedUrl: string;
+            } | {
+                type: "custom";
+                name: string;
+                label: string;
+                controller: string;
+                props?: {
+                    [k: string]: unknown;
+                } | undefined;
+            })[];
+            removeBackground: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+            allowCropImage: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+            aspectRatio: number | (() => number | (() => number)) | (() => number);
+        };
+    } | {
+        type: "SelectColor";
+        model: {
+            modelValue: string;
+        };
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            options: (() => (() => import("@bluepic/types").SelectOption<string>[]) | import("@bluepic/types").SelectOption<string>[]) | (() => import("@bluepic/types").SelectOption<string>[]) | {
+                label: string;
+                value: string;
+                image?: string | undefined;
+            }[];
+            layout: "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown")) | (() => "button" | "carroussel" | "dropdown");
+            size: "medium" | "small" | "large" | (() => "medium" | "small" | "large" | (() => "medium" | "small" | "large")) | (() => "medium" | "small" | "large");
+            imageDisplay: "cover" | "contain" | (() => "cover" | "contain" | (() => "cover" | "contain")) | (() => "cover" | "contain");
+            showLabels: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+        };
+    } | {
+        type: "SelectImage";
+        model: {
+            modelValue: string;
+        };
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            options: (() => import("@bluepic/types").SelectOption<string>[] | (() => import("@bluepic/types").SelectOption<string>[])) | (() => import("@bluepic/types").SelectOption<string>[]) | {
+                label: string;
+                value: string;
+                image?: string | undefined;
+            }[];
+            layout: "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown" | (() => "button" | "carroussel" | "dropdown")) | (() => "button" | "carroussel" | "dropdown");
+            size: "medium" | "small" | "large" | (() => "medium" | "small" | "large" | (() => "medium" | "small" | "large")) | (() => "medium" | "small" | "large");
+            imageDisplay: "cover" | "contain" | (() => "cover" | "contain" | (() => "cover" | "contain")) | (() => "cover" | "contain");
+            showLabels: boolean | (() => boolean | (() => boolean)) | (() => boolean);
+        };
+    } | {
+        type: "SelectText";
+        model: {
+            modelValue: string;
+        };
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            options: (() => import("@bluepic/types").SelectOption<string>[] | (() => import("@bluepic/types").SelectOption<string>[])) | (() => import("@bluepic/types").SelectOption<string>[]) | {
+                label: string;
+                value: string;
+                image?: string | undefined;
+            }[];
+        };
+    } | {
+        type: "Instruction";
+        model: {};
+        description?: string | undefined;
+        detailedDescription?: string | undefined;
+        layout: {
+            minWidth: string;
+            maxWidth: string;
+        };
+        hitbox?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+            zIndex?: number | undefined;
+        } | undefined;
+        frameIndex?: number | undefined;
+        props: {
+            title?: string | (() => string | undefined) | undefined;
+            instruction: string | (() => string);
+        };
+    } | undefined)[]>;
+    data: import("vue").Ref<any, any>;
+    matchedData: import("vue").ComputedRef<{
+        [k: string]: any;
+    }>;
+    removeRow: (rowIndex: number) => void;
+    getPossibleFields: (columnIndex: number) => any;
+    connectField: (field: BluepicField, columnIndex: number) => void;
+    readonly CloseOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    BxButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        size: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        round: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        circle: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        secondary: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        primary: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        tertiary: {
+            type: BooleanConstructor;
+            required: false;
+        };
+        quarternary: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        state: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        centered: {
+            type: BooleanConstructor;
+            required: false;
+        };
+        tag: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        loading: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+    }>, {
+        props: any;
+        darkmode: import("vue").ComputedRef<boolean>;
+        slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        BxSpin: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            size: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+        }>, {
+            props: any;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            size: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+        }>> & Readonly<{}>, {
+            size: string;
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        size: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        round: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        circle: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        secondary: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        primary: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        tertiary: {
+            type: BooleanConstructor;
+            required: false;
+        };
+        quarternary: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        state: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        centered: {
+            type: BooleanConstructor;
+            required: false;
+        };
+        tag: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        loading: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        size: string;
+        round: boolean;
+        circle: boolean;
+        secondary: boolean;
+        primary: boolean;
+        tertiary: boolean;
+        quarternary: boolean;
+        disabled: boolean;
+        state: string;
+        centered: boolean;
+        tag: string;
+        loading: boolean;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    BxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            required: false;
+        };
+    }>, {
+        props: any;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            required: false;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    BxSelect: import("vue").DefineComponent<{}, {
+        props: any;
+        slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        value: import("vue").ModelRef<Record<string, any>[keyof T], T, T[K], T[K]>;
+        bxSelectMainRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+        bxSelectMainWidth: import("vue").Ref<number, number>;
+        darkmode: import("vue").ComputedRef<boolean>;
+        iconSize: string;
+        popoverRef: import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+            show: {
+                type: BooleanConstructor;
+                required: false;
+            };
+            trigger: {
+                type: StringConstructor;
+                required: true;
+            };
+            customStyles: {
+                type: ObjectConstructor;
+                required: false;
+            };
+            customClasses: {
+                type: ArrayConstructor;
+                required: false;
+            };
+            darkenBackground: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            allowedPlacements: {
+                type: ArrayConstructor;
+                required: false;
+                default: () => string[];
+            };
+            arrow: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            leaveLazyness: {
+                type: NumberConstructor;
+                required: false;
+                default: number;
+            };
+            darkmode: {
+                type: BooleanConstructor;
+                required: false;
+            };
+        }>> & Readonly<{
+            "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            props: any;
+            emit: (event: "update:show", ...args: any[]) => void;
+            slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            id: string;
+            setSlotRef: (index: number) => (vnode: any) => void;
+            triggerRef: import("vue").Ref<Node[], Node[]>;
+            triggerVNodes: import("vue").ComputedRef<import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>[]>;
+            show: import("vue").Ref<boolean, boolean>;
+            firstTrigger: import("vue").ComputedRef<HTMLElement | undefined>;
+            mouseOverTrigger: import("vue").Ref<boolean, boolean>;
+            mouseOverPopover: import("vue").Ref<boolean, boolean>;
+            onTriggerClick: () => void;
+            onTriggerMouseenter: () => void;
+            onTriggerMouseleave: () => void;
+            waitForLeave: () => void;
+            latestTriggerElementsWithEventListener: Node[];
+            globalPopupProvider: import("../util/PopupProvider").default;
+            _darkmode: import("vue").ComputedRef<boolean>;
+            darkmode: import("vue").ComputedRef<any>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], import("vue").PublicProps, {
+            show: boolean;
+            darkmode: boolean;
+            darkenBackground: boolean;
+            allowedPlacements: unknown[];
+            arrow: boolean;
+            leaveLazyness: number;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            show: {
+                type: BooleanConstructor;
+                required: false;
+            };
+            trigger: {
+                type: StringConstructor;
+                required: true;
+            };
+            customStyles: {
+                type: ObjectConstructor;
+                required: false;
+            };
+            customClasses: {
+                type: ArrayConstructor;
+                required: false;
+            };
+            darkenBackground: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            allowedPlacements: {
+                type: ArrayConstructor;
+                required: false;
+                default: () => string[];
+            };
+            arrow: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            leaveLazyness: {
+                type: NumberConstructor;
+                required: false;
+                default: number;
+            };
+            darkmode: {
+                type: BooleanConstructor;
+                required: false;
+            };
+        }>> & Readonly<{
+            "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            props: any;
+            emit: (event: "update:show", ...args: any[]) => void;
+            slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            id: string;
+            setSlotRef: (index: number) => (vnode: any) => void;
+            triggerRef: import("vue").Ref<Node[], Node[]>;
+            triggerVNodes: import("vue").ComputedRef<import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>[]>;
+            show: import("vue").Ref<boolean, boolean>;
+            firstTrigger: import("vue").ComputedRef<HTMLElement | undefined>;
+            mouseOverTrigger: import("vue").Ref<boolean, boolean>;
+            mouseOverPopover: import("vue").Ref<boolean, boolean>;
+            onTriggerClick: () => void;
+            onTriggerMouseenter: () => void;
+            onTriggerMouseleave: () => void;
+            waitForLeave: () => void;
+            latestTriggerElementsWithEventListener: Node[];
+            globalPopupProvider: import("../util/PopupProvider").default;
+            _darkmode: import("vue").ComputedRef<boolean>;
+            darkmode: import("vue").ComputedRef<any>;
+        }, {}, {}, {}, {
+            show: boolean;
+            darkmode: boolean;
+            darkenBackground: boolean;
+            allowedPlacements: unknown[];
+            arrow: boolean;
+            leaveLazyness: number;
+        }> | undefined, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+            show: {
+                type: BooleanConstructor;
+                required: false;
+            };
+            trigger: {
+                type: StringConstructor;
+                required: true;
+            };
+            customStyles: {
+                type: ObjectConstructor;
+                required: false;
+            };
+            customClasses: {
+                type: ArrayConstructor;
+                required: false;
+            };
+            darkenBackground: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            allowedPlacements: {
+                type: ArrayConstructor;
+                required: false;
+                default: () => string[];
+            };
+            arrow: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            leaveLazyness: {
+                type: NumberConstructor;
+                required: false;
+                default: number;
+            };
+            darkmode: {
+                type: BooleanConstructor;
+                required: false;
+            };
+        }>> & Readonly<{
+            "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            props: any;
+            emit: (event: "update:show", ...args: any[]) => void;
+            slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            id: string;
+            setSlotRef: (index: number) => (vnode: any) => void;
+            triggerRef: import("vue").Ref<Node[], Node[]>;
+            triggerVNodes: import("vue").ComputedRef<import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>[]>;
+            show: import("vue").Ref<boolean, boolean>;
+            firstTrigger: import("vue").ComputedRef<HTMLElement | undefined>;
+            mouseOverTrigger: import("vue").Ref<boolean, boolean>;
+            mouseOverPopover: import("vue").Ref<boolean, boolean>;
+            onTriggerClick: () => void;
+            onTriggerMouseenter: () => void;
+            onTriggerMouseleave: () => void;
+            waitForLeave: () => void;
+            latestTriggerElementsWithEventListener: Node[];
+            globalPopupProvider: import("../util/PopupProvider").default;
+            _darkmode: import("vue").ComputedRef<boolean>;
+            darkmode: import("vue").ComputedRef<any>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], import("vue").PublicProps, {
+            show: boolean;
+            darkmode: boolean;
+            darkenBackground: boolean;
+            allowedPlacements: unknown[];
+            arrow: boolean;
+            leaveLazyness: number;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            show: {
+                type: BooleanConstructor;
+                required: false;
+            };
+            trigger: {
+                type: StringConstructor;
+                required: true;
+            };
+            customStyles: {
+                type: ObjectConstructor;
+                required: false;
+            };
+            customClasses: {
+                type: ArrayConstructor;
+                required: false;
+            };
+            darkenBackground: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            allowedPlacements: {
+                type: ArrayConstructor;
+                required: false;
+                default: () => string[];
+            };
+            arrow: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            leaveLazyness: {
+                type: NumberConstructor;
+                required: false;
+                default: number;
+            };
+            darkmode: {
+                type: BooleanConstructor;
+                required: false;
+            };
+        }>> & Readonly<{
+            "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            props: any;
+            emit: (event: "update:show", ...args: any[]) => void;
+            slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            id: string;
+            setSlotRef: (index: number) => (vnode: any) => void;
+            triggerRef: import("vue").Ref<Node[], Node[]>;
+            triggerVNodes: import("vue").ComputedRef<import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>[]>;
+            show: import("vue").Ref<boolean, boolean>;
+            firstTrigger: import("vue").ComputedRef<HTMLElement | undefined>;
+            mouseOverTrigger: import("vue").Ref<boolean, boolean>;
+            mouseOverPopover: import("vue").Ref<boolean, boolean>;
+            onTriggerClick: () => void;
+            onTriggerMouseenter: () => void;
+            onTriggerMouseleave: () => void;
+            waitForLeave: () => void;
+            latestTriggerElementsWithEventListener: Node[];
+            globalPopupProvider: import("../util/PopupProvider").default;
+            _darkmode: import("vue").ComputedRef<boolean>;
+            darkmode: import("vue").ComputedRef<any>;
+        }, {}, {}, {}, {
+            show: boolean;
+            darkmode: boolean;
+            darkenBackground: boolean;
+            allowedPlacements: unknown[];
+            arrow: boolean;
+            leaveLazyness: number;
+        }> | undefined>;
+        showPopover: import("vue").ModelRef<Record<string, any>[keyof T], boolean, T[K], T[K]>;
+        activeLabel: import("vue").ComputedRef<any>;
+        activeIcon: import("vue").ComputedRef<any>;
+        isActive: (option: import("./BxSelect.vue").BxSelectOption<T>) => boolean;
+        handleAction: (item: import("./BxMenu.vue").BxMenuItem) => void;
+        optionsAsItems: import("vue").ComputedRef<any>;
+        readonly ChevronDownOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        BxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                required: false;
+            };
+        }>, {
+            props: any;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                required: false;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        BxPopover: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            show: {
+                type: BooleanConstructor;
+                required: false;
+            };
+            trigger: {
+                type: StringConstructor;
+                required: true;
+            };
+            customStyles: {
+                type: ObjectConstructor;
+                required: false;
+            };
+            customClasses: {
+                type: ArrayConstructor;
+                required: false;
+            };
+            darkenBackground: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            allowedPlacements: {
+                type: ArrayConstructor;
+                required: false;
+                default: () => string[];
+            };
+            arrow: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            leaveLazyness: {
+                type: NumberConstructor;
+                required: false;
+                default: number;
+            };
+            darkmode: {
+                type: BooleanConstructor;
+                required: false;
+            };
+        }>, {
+            props: any;
+            emit: (event: "update:show", ...args: any[]) => void;
+            slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            id: string;
+            setSlotRef: (index: number) => (vnode: any) => void;
+            triggerRef: import("vue").Ref<Node[], Node[]>;
+            triggerVNodes: import("vue").ComputedRef<import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>[]>;
+            show: import("vue").Ref<boolean, boolean>;
+            firstTrigger: import("vue").ComputedRef<HTMLElement | undefined>;
+            mouseOverTrigger: import("vue").Ref<boolean, boolean>;
+            mouseOverPopover: import("vue").Ref<boolean, boolean>;
+            onTriggerClick: () => void;
+            onTriggerMouseenter: () => void;
+            onTriggerMouseleave: () => void;
+            waitForLeave: () => void;
+            latestTriggerElementsWithEventListener: Node[];
+            globalPopupProvider: import("../util/PopupProvider").default;
+            _darkmode: import("vue").ComputedRef<boolean>;
+            darkmode: import("vue").ComputedRef<any>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            show: {
+                type: BooleanConstructor;
+                required: false;
+            };
+            trigger: {
+                type: StringConstructor;
+                required: true;
+            };
+            customStyles: {
+                type: ObjectConstructor;
+                required: false;
+            };
+            customClasses: {
+                type: ArrayConstructor;
+                required: false;
+            };
+            darkenBackground: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            allowedPlacements: {
+                type: ArrayConstructor;
+                required: false;
+                default: () => string[];
+            };
+            arrow: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            leaveLazyness: {
+                type: NumberConstructor;
+                required: false;
+                default: number;
+            };
+            darkmode: {
+                type: BooleanConstructor;
+                required: false;
+            };
+        }>> & Readonly<{
+            "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            show: boolean;
+            darkmode: boolean;
+            darkenBackground: boolean;
+            allowedPlacements: unknown[];
+            arrow: boolean;
+            leaveLazyness: number;
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        BxMenu: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            items: {
+                type: ArrayConstructor;
+                required: true;
+            };
+            primary: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            secondary: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+        }>, {
+            props: any;
+            emit: (event: "action", ...args: any[]) => void;
+            darkmode: import("vue").ComputedRef<boolean>;
+            slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            handleItemClick: (item: import("./BxMenu.vue").BxMenuItem) => void;
+            readonly CheckmarkOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            BxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                size: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    required: false;
+                };
+            }>, {
+                props: any;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                size: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    required: false;
+                };
+            }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "action"[], "action", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            items: {
+                type: ArrayConstructor;
+                required: true;
+            };
+            primary: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+            secondary: {
+                type: BooleanConstructor;
+                required: false;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onAction?: ((...args: any[]) => any) | undefined;
+        }>, {
+            secondary: boolean;
+            primary: boolean;
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:show")[], "update:modelValue" | "update:show", import("vue").PublicProps, Readonly<{}> & Readonly<{
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    }>, {} | {
+        [x: string]: any;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:partial-data"[], "update:partial-data", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    fields: {
+        type: ArrayConstructor;
+        required: true;
+    };
+}>> & Readonly<{
+    "onUpdate:partial-data"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;
+//# sourceMappingURL=TableDataMatcher.vue.d.ts.map