@visitscotland/component-library 4.7.7 → 4.8.1

package/dist/components/components/hero-section/HeroSection.vue.d.ts

@@ -1,11 +1,4 @@
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    /**
-    * Whether the image should sit in a container or not
-    */
-    inset: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     /**
     * The text for the heading
     */
@@ -50,9 +43,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
-}>, {}, {}, {
-    setInset(): "" | "container";
-}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
     * Whether the image should sit in a container or not
     */
@@ -60,6 +50,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+    * Changes layout to split text/image variant
+    */
+    split: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {
+    imageClasses(): {
+        'vs-hero-section__image--inset': boolean;
+    };
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
     * The text for the heading
     */
@@ -104,14 +106,29 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    /**
+    * Whether the image should sit in a container or not
+    */
+    inset: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+    * Changes layout to split text/image variant
+    */
+    split: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
+    split: boolean;
     imgAlt: string;
     src: string;
     heading: string;
-    inset: boolean;
-    lede: string;
     imgCaption: string;
     imgCredit: string;
+    lede: string;
+    inset: boolean;
 }, {}, {
     VsHeading: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         level: {
@@ -143,507 +160,450 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>> & Readonly<{}>, {
         level: string | number;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    VsContainer: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
-        BContainer: {
-            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-                tag: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                fluid: {
-                    type: import('vue').PropType<boolean | import('bootstrap-vue-next').Breakpoint>;
-                    default: boolean;
-                };
-                gutterX: {
-                    type: import('vue').PropType<import('node_modules/bootstrap-vue-next/dist/src/types').Numberish>;
-                    default: undefined;
-                };
-                gutterY: {
-                    type: import('vue').PropType<import('node_modules/bootstrap-vue-next/dist/src/types').Numberish>;
-                    default: undefined;
-                };
-            }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-                fluid: boolean | import('bootstrap-vue-next').Breakpoint;
-                gutterX: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish;
-                gutterY: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish;
-                tag: string;
-            }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<import('vue').ExtractPropTypes<{
-                tag: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                fluid: {
-                    type: import('vue').PropType<boolean | import('bootstrap-vue-next').Breakpoint>;
-                    default: boolean;
-                };
-                gutterX: {
-                    type: import('vue').PropType<import('node_modules/bootstrap-vue-next/dist/src/types').Numberish>;
-                    default: undefined;
-                };
-                gutterY: {
-                    type: import('vue').PropType<import('node_modules/bootstrap-vue-next/dist/src/types').Numberish>;
-                    default: undefined;
-                };
-            }>>, {}, {}, {}, {}, {
-                fluid: boolean | import('bootstrap-vue-next').Breakpoint;
-                gutterX: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish;
-                gutterY: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish;
-                tag: string;
-            }>;
-            __isFragment?: never;
-            __isTeleport?: never;
-            __isSuspense?: never;
-        } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-            tag: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            fluid: {
-                type: import('vue').PropType<boolean | import('bootstrap-vue-next').Breakpoint>;
-                default: boolean;
-            };
-            gutterX: {
-                type: import('vue').PropType<import('node_modules/bootstrap-vue-next/dist/src/types').Numberish>;
-                default: undefined;
-            };
-            gutterY: {
-                type: import('vue').PropType<import('node_modules/bootstrap-vue-next/dist/src/types').Numberish>;
-                default: undefined;
-            };
-        }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-            fluid: boolean | import('bootstrap-vue-next').Breakpoint;
-            gutterX: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish;
-            gutterY: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish;
-            tag: string;
-        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-            $slots: {
-                default?(_: {}): any;
-            };
-        });
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    VsCol: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
-        BCol: import('vue').DefineComponent<{
-            alignSelf: {
-                type: import('vue').PropType<import('bootstrap-vue-next').AlignmentVertical | "auto">;
-                default: null;
-            };
-            tag: {
-                type: StringConstructor;
-                default: string;
-            };
-            order: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: null;
-            };
-            offset: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: null;
-            };
-            col: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            cols: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: null;
-            };
-        }, {
-            computedClasses: import('vue').ComputedRef<(string[] | {
-                [x: string]: boolean;
-                col: boolean;
-            })[]>;
-        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            alignSelf: {
-                type: import('vue').PropType<import('bootstrap-vue-next').AlignmentVertical | "auto">;
-                default: null;
-            };
-            tag: {
-                type: StringConstructor;
-                default: string;
-            };
-            order: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: null;
-            };
-            offset: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: null;
-            };
-            col: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            cols: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: null;
-            };
-        }>>, {
-            tag: string;
-            cols: string | number;
-            col: boolean;
-            offset: string | number;
-            order: string | number;
-            alignSelf: import('bootstrap-vue-next').AlignmentVertical | "auto";
-        }, import('vue').SlotsType<{
-            default?: Record<string, never> | undefined;
-        }>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    VsRow: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    VsCaption: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    VsRichTextWrapper: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         variant: {
             type: StringConstructor;
             default: string;
             validator: (value: unknown) => any;
         };
-        theme: {
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        variant: {
             type: StringConstructor;
             default: string;
             validator: (value: unknown) => any;
         };
-        latitude: {
+    }>> & Readonly<{}>, {
+        variant: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    VsHeroSectionImage: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        src: {
+            type: StringConstructor;
+            required: true;
+        };
+        imgAlt: {
             type: StringConstructor;
             default: string;
         };
-        longitude: {
+        imgCaption: {
             type: StringConstructor;
             default: string;
         };
-        textAlign: {
+        imgCredit: {
             type: StringConstructor;
             default: string;
-            validator: (value: unknown) => any;
         };
-    }>, {}, {
-        tokens: {
-            "vs-color-background-primary": string;
-            "vs-color-background-secondary": string;
-            "vs-color-background-bold": string;
-            "vs-color-interaction-cta-subtle": string;
-            "vs-color-background-brand": string;
-            "vs-color-background-inverse": string;
-            "vs-color-background-highlight": string;
-            "vs-color-background-information": string;
-            "vs-color-background-success": string;
-            "vs-color-background-warning": string;
-            "vs-color-background-error": string;
-            "vs-color-background-accent-heather-80": string;
-            "vs-color-background-accent-heather-30": string;
-            "vs-color-background-accent-tolsta-40": string;
-            "vs-color-background-accent-gorse-05": string;
-            "vs-color-border-primary": string;
-            "vs-color-border-secondary": string;
-            "vs-color-border-inverse": string;
-            "vs-color-border-input": string;
-            "vs-color-border-highlight": string;
-            "vs-color-border-success": string;
-            "vs-color-border-warning": string;
-            "vs-color-border-error": string;
-            "vs-color-border-disabled": string;
-            "vs-color-icon-primary": string;
-            "vs-color-icon-secondary": string;
-            "vs-color-icon-inverse": string;
-            "vs-color-icon-cta-on-light": string;
-            "vs-color-icon-highlight": string;
-            "vs-color-icon-success": string;
-            "vs-color-icon-warning": string;
-            "vs-color-icon-error": string;
-            "vs-color-icon-disabled": string;
-            "vs-color-icon-accent-saltire-30": string;
-            "vs-color-icon-ski-easy": string;
-            "vs-color-icon-ski-intermediate": string;
-            "vs-color-icon-ski-difficult": string;
-            "vs-color-icon-ski-very-difficult": string;
-            "vs-color-icon-ski-itineraries": string;
-            "vs-color-icon-ski-other": string;
-            "vs-color-icon-accent-loch-ness": string;
-            "vs-color-icon-accent-grey-02": string;
-            "vs-color-icon-accent-saltire": string;
-            "vs-color-icon-accent-bramble": string;
-            "vs-color-icon-accent-heather": string;
-            "vs-color-icon-accent-whisky": string;
-            "vs-color-icon-accent-cranachan": string;
-            "vs-color-icon-accent-buachaille": string;
-            "vs-color-interaction-focus": string;
-            "vs-color-interaction-focus-on-bold": string;
-            "vs-color-interaction-cta-primary": string;
-            "vs-color-interaction-cta-secondary": string;
-            "vs-color-interaction-cta-hover": string;
-            "vs-color-interaction-cta-pressed": string;
-            "vs-color-interaction-cta-disabled": string;
-            "vs-color-interaction-cta-subtle-hover": string;
-            "vs-color-interaction-cta-subtle-pressed": string;
-            "vs-color-interaction-link-primary": string;
-            "vs-color-interaction-link-active": string;
-            "vs-color-interaction-link-visited": string;
-            "vs-color-interaction-link-disabled": string;
-            "vs-color-interaction-link-visited-on-bold": string;
-            "vs-color-text-primary": string;
-            "vs-color-text-secondary": string;
-            "vs-color-text-tertiary": string;
-            "vs-color-text-inverse": string;
-            "vs-color-text-cta-on-light": string;
-            "vs-color-text-highlight": string;
-            "vs-color-text-brand": string;
-            "vs-color-text-error": string;
-            "vs-color-text-success": string;
-            "vs-color-text-disabled": string;
-            "vs-elevation-shadow-raised": string;
-            "vs-elevation-shadow-overlay": string;
-            "vs-elevation-surface": string;
-            "vs-elevation-surface-section": string;
-            "vs-elevation-surface-raised": string;
-            "vs-elevation-surface-overlay": string;
-            "font-size-1": string;
-            "font-size-2": string;
-            "font-size-3": string;
-            "font-size-4": string;
-            "font-size-5": string;
-            "font-size-6": string;
-            "font-size-7": string;
-            "font-size-8": string;
-            "font-size-9": string;
-            "font-size-10": string;
-            "font-size-body": string;
-            "font-size-body-md": string;
-            "font-size-lead": string;
-            "font-size-lead-md": string;
-            "font-size-teaser": string;
-            font_weight_bold: string;
-            font_weight_semi_bold: string;
-            font_weight_normal: string;
-            font_weight_light: string;
-            "font-family-sans-serif": string;
-            "display-font-family": string;
-            icon_size_xxs: string;
-            icon_size_xs: string;
-            icon_size_sm: string;
-            icon_size_md: string;
-            icon_size_lg: string;
-            icon_size_xl: string;
-            opacity_100: string;
-            opacity_50: string;
-            opacity_0: string;
-            duration_quickly: string;
-            duration_base: string;
-            duration_slowly: string;
-            breakpoint_xl: string;
-            breakpoint_md: string;
-            max_container_width_xl: string;
-            breakpoint_sm: string;
-            breakpoint_lg: string;
-            breakpoint_xs: string;
-            max_container_width_md: string;
-            max_container_width_sm: string;
-            max_container_width_lg: string;
-            max_container_width_xxl: string;
-            breakpoint_xxl: string;
-            "vs-box-shadow-focus": string;
-            "vs-box-shadow-focus-on-dark": string;
-            "display-l": string;
-            "display-m": string;
-            "display-s": string;
-            "display-xs": string;
-            "heading-xxl": string;
-            "heading-xl": string;
-            "heading-l": string;
-            "heading-m": string;
-            "heading-s": string;
-            "heading-xs": string;
-            "heading-xxs": string;
-            "sub-heading-l": string;
-            "sub-heading-m": string;
-            "sub-heading-s": string;
-            letter_spacing_xxl: string;
-            letter_spacing_xl: string;
-            letter_spacing_l: string;
-            letter_spacing_m: string;
-            letter_spacing_s: string;
-            letter_spacing_xs: string;
-            border_radius_default: string;
-            border_radius_xl: string;
-            border_radius_lg: string;
-            border_radius_sm: string;
-            border_radius_pill: string;
-            "spacer-0": string;
-            "spacer-0125": string;
-            "spacer-025": string;
-            "spacer-050": string;
-            "spacer-075": string;
-            "spacer-100": string;
-            "spacer-125": string;
-            "spacer-150": string;
-            "spacer-175": string;
-            "spacer-200": string;
-            "spacer-250": string;
-            "spacer-300": string;
-            "spacer-400": string;
-            "spacer-500": string;
-            "spacer-600": string;
-            "spacer-700": string;
-            line_height_m: string;
-            line_height_xl: string;
-            line_height_s: string;
-            "line-height-sub-heading": string;
-            line_height_xs: string;
-            line_height_lead: string;
-            line_height_standard: string;
-            "line-height-body": string;
-            "line-height-heading": string;
-            line_height_l: string;
-            grid_columns: string;
-            grid_gutter_width: string;
-            no_javascript: string;
-            theme_dark: string;
-            theme_grey: string;
-            "tracking-heading": string;
-            "tracking-sub-heading": string;
-            "tracking-body": string;
+        split: {
+            type: BooleanConstructor;
+            default: boolean;
         };
-    }, {
-        showMap(): boolean;
-        isLargeCaption(): boolean;
-        captionClasses(): (string | {
-            'vs-caption--large': boolean;
-            'vs-caption--fullwidth': boolean;
-        })[];
+    }>, {}, {}, {
+        isSplit(): "" | "vs-hero-section-image--split";
     }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        variant: {
+        src: {
             type: StringConstructor;
-            default: string;
-            validator: (value: unknown) => any;
+            required: true;
         };
-        theme: {
+        imgAlt: {
             type: StringConstructor;
             default: string;
-            validator: (value: unknown) => any;
         };
-        latitude: {
+        imgCaption: {
             type: StringConstructor;
             default: string;
         };
-        longitude: {
+        imgCredit: {
             type: StringConstructor;
             default: string;
         };
-        textAlign: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: unknown) => any;
+        split: {
+            type: BooleanConstructor;
+            default: boolean;
         };
     }>> & Readonly<{}>, {
-        variant: string;
-        theme: string;
-        latitude: string;
-        longitude: string;
-        textAlign: string;
+        split: boolean;
+        imgAlt: string;
+        imgCaption: string;
+        imgCredit: string;
     }, {}, {
-        VsRow: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        VsCol: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
-            BCol: import('vue').DefineComponent<{
-                alignSelf: {
-                    type: import('vue').PropType<import('bootstrap-vue-next').AlignmentVertical | "auto">;
-                    default: null;
-                };
-                tag: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                order: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: null;
-                };
-                offset: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: null;
-                };
-                col: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                cols: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: null;
-                };
-            }, {
-                computedClasses: import('vue').ComputedRef<(string[] | {
-                    [x: string]: boolean;
-                    col: boolean;
-                })[]>;
-            }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                alignSelf: {
-                    type: import('vue').PropType<import('bootstrap-vue-next').AlignmentVertical | "auto">;
-                    default: null;
-                };
-                tag: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                order: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: null;
-                };
-                offset: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: null;
-                };
-                col: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                cols: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: null;
-                };
-            }>>, {
-                tag: string;
-                cols: string | number;
-                col: boolean;
-                offset: string | number;
-                order: string | number;
-                alignSelf: import('bootstrap-vue-next').AlignmentVertical | "auto";
-            }, import('vue').SlotsType<{
-                default?: Record<string, never> | undefined;
-            }>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        VsContainer: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
-            BContainer: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        VsCaption: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            variant: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+            theme: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+            latitude: {
+                type: StringConstructor;
+                default: string;
+            };
+            longitude: {
+                type: StringConstructor;
+                default: string;
+            };
+            textAlign: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+        }>, {}, {
+            tokens: {
+                "vs-color-background-primary": string;
+                "vs-color-background-secondary": string;
+                "vs-color-background-bold": string;
+                "vs-color-interaction-cta-subtle": string;
+                "vs-color-background-brand": string;
+                "vs-color-background-inverse": string;
+                "vs-color-background-highlight": string;
+                "vs-color-background-information": string;
+                "vs-color-background-success": string;
+                "vs-color-background-warning": string;
+                "vs-color-background-error": string;
+                "vs-color-background-accent-heather-80": string;
+                "vs-color-background-accent-heather-30": string;
+                "vs-color-background-accent-tolsta-40": string;
+                "vs-color-background-accent-gorse-05": string;
+                "vs-color-border-primary": string;
+                "vs-color-border-secondary": string;
+                "vs-color-border-inverse": string;
+                "vs-color-border-input": string;
+                "vs-color-border-highlight": string;
+                "vs-color-border-success": string;
+                "vs-color-border-warning": string;
+                "vs-color-border-error": string;
+                "vs-color-border-disabled": string;
+                "vs-color-icon-primary": string;
+                "vs-color-icon-secondary": string;
+                "vs-color-icon-inverse": string;
+                "vs-color-icon-cta-on-light": string;
+                "vs-color-icon-highlight": string;
+                "vs-color-icon-success": string;
+                "vs-color-icon-warning": string;
+                "vs-color-icon-error": string;
+                "vs-color-icon-disabled": string;
+                "vs-color-icon-accent-saltire-30": string;
+                "vs-color-icon-ski-easy": string;
+                "vs-color-icon-ski-intermediate": string;
+                "vs-color-icon-ski-difficult": string;
+                "vs-color-icon-ski-very-difficult": string;
+                "vs-color-icon-ski-itineraries": string;
+                "vs-color-icon-ski-other": string;
+                "vs-color-icon-accent-loch-ness": string;
+                "vs-color-icon-accent-grey-02": string;
+                "vs-color-icon-accent-saltire": string;
+                "vs-color-icon-accent-bramble": string;
+                "vs-color-icon-accent-heather": string;
+                "vs-color-icon-accent-whisky": string;
+                "vs-color-icon-accent-cranachan": string;
+                "vs-color-icon-accent-buachaille": string;
+                "vs-color-interaction-focus": string;
+                "vs-color-interaction-focus-on-bold": string;
+                "vs-color-interaction-cta-primary": string;
+                "vs-color-interaction-cta-secondary": string;
+                "vs-color-interaction-cta-hover": string;
+                "vs-color-interaction-cta-pressed": string;
+                "vs-color-interaction-cta-disabled": string;
+                "vs-color-interaction-cta-subtle-hover": string;
+                "vs-color-interaction-cta-subtle-pressed": string;
+                "vs-color-interaction-link-primary": string;
+                "vs-color-interaction-link-active": string;
+                "vs-color-interaction-link-visited": string;
+                "vs-color-interaction-link-disabled": string;
+                "vs-color-interaction-link-visited-on-bold": string;
+                "vs-color-text-primary": string;
+                "vs-color-text-secondary": string;
+                "vs-color-text-tertiary": string;
+                "vs-color-text-inverse": string;
+                "vs-color-text-cta-on-light": string;
+                "vs-color-text-highlight": string;
+                "vs-color-text-brand": string;
+                "vs-color-text-error": string;
+                "vs-color-text-success": string;
+                "vs-color-text-disabled": string;
+                breakpoint_xl: string;
+                grid_container_width_xl: string;
+                breakpoint_md: string;
+                max_container_width_xl: string;
+                grid_container_width_md: string;
+                breakpoint_sm: string;
+                breakpoint_lg: string;
+                breakpoint_xs: string;
+                max_container_width_md: string;
+                grid_container_width_sm: string;
+                grid_container_width_lg: string;
+                max_container_width_sm: string;
+                max_container_width_lg: string;
+                max_container_width_xxl: string;
+                grid_container_width_xxl: string;
+                breakpoint_xxl: string;
+                grid_columns: string;
+                grid_gutter_width: string;
+                "spacer-0": string;
+                "spacer-0125": string;
+                "spacer-025": string;
+                "spacer-050": string;
+                "spacer-075": string;
+                "spacer-100": string;
+                "spacer-125": string;
+                "spacer-150": string;
+                "spacer-175": string;
+                "spacer-200": string;
+                "spacer-250": string;
+                "spacer-300": string;
+                "spacer-400": string;
+                "spacer-500": string;
+                "spacer-600": string;
+                "spacer-700": string;
+                "vs-elevation-shadow-raised": string;
+                "vs-elevation-shadow-overlay": string;
+                "vs-elevation-surface": string;
+                "vs-elevation-surface-section": string;
+                "vs-elevation-surface-raised": string;
+                "vs-elevation-surface-overlay": string;
+                "font-size-1": string;
+                "font-size-2": string;
+                "font-size-3": string;
+                "font-size-4": string;
+                "font-size-5": string;
+                "font-size-6": string;
+                "font-size-7": string;
+                "font-size-8": string;
+                "font-size-9": string;
+                "font-size-10": string;
+                "font-size-body": string;
+                "font-size-body-md": string;
+                "font-size-lead": string;
+                "font-size-lead-md": string;
+                "font-size-teaser": string;
+                font_weight_bold: string;
+                font_weight_semi_bold: string;
+                font_weight_normal: string;
+                font_weight_light: string;
+                "font-family-sans-serif": string;
+                "display-font-family": string;
+                icon_size_xxs: string;
+                icon_size_xs: string;
+                icon_size_sm: string;
+                icon_size_md: string;
+                icon_size_lg: string;
+                icon_size_xl: string;
+                opacity_100: string;
+                opacity_50: string;
+                opacity_0: string;
+                duration_quickly: string;
+                duration_base: string;
+                duration_slowly: string;
+                "vs-box-shadow-focus": string;
+                "vs-box-shadow-focus-on-dark": string;
+                "display-l": string;
+                "display-m": string;
+                "display-s": string;
+                "display-xs": string;
+                "heading-xxl": string;
+                "heading-xl": string;
+                "heading-l": string;
+                "heading-m": string;
+                "heading-s": string;
+                "heading-xs": string;
+                "heading-xxs": string;
+                "sub-heading-l": string;
+                "sub-heading-m": string;
+                "sub-heading-s": string;
+                letter_spacing_xxl: string;
+                letter_spacing_xl: string;
+                letter_spacing_l: string;
+                letter_spacing_m: string;
+                letter_spacing_s: string;
+                letter_spacing_xs: string;
+                border_radius_default: string;
+                border_radius_xl: string;
+                border_radius_lg: string;
+                border_radius_sm: string;
+                border_radius_pill: string;
+                line_height_m: string;
+                line_height_xl: string;
+                line_height_s: string;
+                "line-height-sub-heading": string;
+                line_height_xs: string;
+                line_height_lead: string;
+                line_height_standard: string;
+                "line-height-body": string;
+                "line-height-heading": string;
+                line_height_l: string;
+                no_javascript: string;
+                theme_dark: string;
+                theme_grey: string;
+                "tracking-heading": string;
+                "tracking-sub-heading": string;
+                "tracking-body": string;
+            };
+        }, {
+            showMap(): boolean;
+            isLargeCaption(): boolean;
+            captionClasses(): (string | {
+                'vs-caption--large': boolean;
+                'vs-caption--fullwidth': boolean;
+            })[];
+        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            variant: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+            theme: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+            latitude: {
+                type: StringConstructor;
+                default: string;
+            };
+            longitude: {
+                type: StringConstructor;
+                default: string;
+            };
+            textAlign: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+        }>> & Readonly<{}>, {
+            variant: string;
+            theme: string;
+            latitude: string;
+            longitude: string;
+            textAlign: string;
+        }, {}, {
+            VsRow: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            VsCol: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
+                BCol: import('vue').DefineComponent<{
+                    alignSelf: {
+                        type: import('vue').PropType<import('bootstrap-vue-next').AlignmentVertical | "auto">;
+                        default: null;
+                    };
                     tag: {
-                        type: import('vue').PropType<string>;
+                        type: StringConstructor;
                         default: string;
                     };
-                    fluid: {
-                        type: import('vue').PropType<boolean | import('bootstrap-vue-next').Breakpoint>;
+                    order: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: null;
+                    };
+                    offset: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: null;
+                    };
+                    col: {
+                        type: BooleanConstructor;
                         default: boolean;
                     };
-                    gutterX: {
-                        type: import('vue').PropType<import('node_modules/bootstrap-vue-next/dist/src/types').Numberish>;
-                        default: undefined;
+                    cols: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: null;
                     };
-                    gutterY: {
-                        type: import('vue').PropType<import('node_modules/bootstrap-vue-next/dist/src/types').Numberish>;
-                        default: undefined;
+                }, {
+                    computedClasses: import('vue').ComputedRef<(string[] | {
+                        [x: string]: boolean;
+                        col: boolean;
+                    })[]>;
+                }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    alignSelf: {
+                        type: import('vue').PropType<import('bootstrap-vue-next').AlignmentVertical | "auto">;
+                        default: null;
                     };
-                }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-                    fluid: boolean | import('bootstrap-vue-next').Breakpoint;
-                    gutterX: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish;
-                    gutterY: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish;
+                    tag: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    order: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: null;
+                    };
+                    offset: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: null;
+                    };
+                    col: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    cols: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: null;
+                    };
+                }>>, {
                     tag: string;
-                }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<import('vue').ExtractPropTypes<{
+                    cols: string | number;
+                    col: boolean;
+                    offset: string | number;
+                    order: string | number;
+                    alignSelf: import('bootstrap-vue-next').AlignmentVertical | "auto";
+                }, import('vue').SlotsType<{
+                    default?: Record<string, never> | undefined;
+                }>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            VsContainer: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
+                BContainer: {
+                    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+                        tag: {
+                            type: import('vue').PropType<string>;
+                            default: string;
+                        };
+                        fluid: {
+                            type: import('vue').PropType<boolean | import('bootstrap-vue-next').Breakpoint>;
+                            default: boolean;
+                        };
+                        gutterX: {
+                            type: import('vue').PropType<import('node_modules/bootstrap-vue-next/dist/src/types').Numberish>;
+                            default: undefined;
+                        };
+                        gutterY: {
+                            type: import('vue').PropType<import('node_modules/bootstrap-vue-next/dist/src/types').Numberish>;
+                            default: undefined;
+                        };
+                    }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                        fluid: boolean | import('bootstrap-vue-next').Breakpoint;
+                        gutterX: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish;
+                        gutterY: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish;
+                        tag: string;
+                    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                        P: {};
+                        B: {};
+                        D: {};
+                        C: {};
+                        M: {};
+                        Defaults: {};
+                    }, Readonly<import('vue').ExtractPropTypes<{
+                        tag: {
+                            type: import('vue').PropType<string>;
+                            default: string;
+                        };
+                        fluid: {
+                            type: import('vue').PropType<boolean | import('bootstrap-vue-next').Breakpoint>;
+                            default: boolean;
+                        };
+                        gutterX: {
+                            type: import('vue').PropType<import('node_modules/bootstrap-vue-next/dist/src/types').Numberish>;
+                            default: undefined;
+                        };
+                        gutterY: {
+                            type: import('vue').PropType<import('node_modules/bootstrap-vue-next/dist/src/types').Numberish>;
+                            default: undefined;
+                        };
+                    }>>, {}, {}, {}, {}, {
+                        fluid: boolean | import('bootstrap-vue-next').Breakpoint;
+                        gutterX: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish;
+                        gutterY: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish;
+                        tag: string;
+                    }>;
+                    __isFragment?: never;
+                    __isTeleport?: never;
+                    __isSuspense?: never;
+                } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                     tag: {
                         type: import('vue').PropType<string>;
                         default: string;
@@ -660,459 +620,423 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: import('vue').PropType<import('node_modules/bootstrap-vue-next/dist/src/types').Numberish>;
                         default: undefined;
                     };
-                }>>, {}, {}, {}, {}, {
+                }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                     fluid: boolean | import('bootstrap-vue-next').Breakpoint;
                     gutterX: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish;
                     gutterY: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish;
                     tag: string;
-                }>;
-                __isFragment?: never;
-                __isTeleport?: never;
-                __isSuspense?: never;
-            } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-                tag: {
-                    type: import('vue').PropType<string>;
+                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                    $slots: {
+                        default?(_: {}): any;
+                    };
+                });
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            VsCaptionImageMap: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                latitude: {
+                    type: StringConstructor;
                     default: string;
                 };
-                fluid: {
-                    type: import('vue').PropType<boolean | import('bootstrap-vue-next').Breakpoint>;
-                    default: boolean;
+                longitude: {
+                    type: StringConstructor;
+                    default: string;
                 };
-                gutterX: {
-                    type: import('vue').PropType<import('node_modules/bootstrap-vue-next/dist/src/types').Numberish>;
-                    default: undefined;
+                mapOutlineColor: {
+                    type: StringConstructor;
+                    default: string;
                 };
-                gutterY: {
-                    type: import('vue').PropType<import('node_modules/bootstrap-vue-next/dist/src/types').Numberish>;
-                    default: undefined;
+                mapMarkerColor: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {}, {
+                cornerCoordinates: {
+                    NE: number;
+                    NW: number;
+                    SE: number;
+                    SW: number;
+                };
+                mapWidth: number;
+                mapHeight: number;
+            }, {
+                positionY(): number;
+                positionX(): number;
+            }, {
+                calculateAxisPosition(scaleStart: any, scaleEnd: any, coord: any, axisLength: any): number;
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                latitude: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                longitude: {
+                    type: StringConstructor;
+                    default: string;
                 };
-            }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                fluid: boolean | import('bootstrap-vue-next').Breakpoint;
-                gutterX: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish;
-                gutterY: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish;
-                tag: string;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-                $slots: {
-                    default?(_: {}): any;
+                mapOutlineColor: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                mapMarkerColor: {
+                    type: StringConstructor;
+                    default: string;
                 };
-            });
+            }>> & Readonly<{}>, {
+                latitude: string;
+                longitude: string;
+                mapOutlineColor: string;
+                mapMarkerColor: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        VsCaptionImageMap: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            latitude: {
-                type: StringConstructor;
-                default: string;
-            };
-            longitude: {
+        VsImg: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            src: {
                 type: StringConstructor;
-                default: string;
+                required: true;
             };
-            mapOutlineColor: {
+            lowResImage: {
                 type: StringConstructor;
-                default: string;
+                default: any;
             };
-            mapMarkerColor: {
+            alt: {
                 type: StringConstructor;
                 default: string;
             };
-        }>, {}, {
-            cornerCoordinates: {
-                NE: number;
-                NW: number;
-                SE: number;
-                SW: number;
-            };
-            mapWidth: number;
-            mapHeight: number;
-        }, {
-            positionY(): number;
-            positionX(): number;
-        }, {
-            calculateAxisPosition(scaleStart: any, scaleEnd: any, coord: any, axisLength: any): number;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            latitude: {
-                type: StringConstructor;
-                default: string;
-            };
-            longitude: {
-                type: StringConstructor;
-                default: string;
-            };
-            mapOutlineColor: {
-                type: StringConstructor;
-                default: string;
-            };
-            mapMarkerColor: {
-                type: StringConstructor;
-                default: string;
-            };
-        }>> & Readonly<{}>, {
-            latitude: string;
-            longitude: string;
-            mapOutlineColor: string;
-            mapMarkerColor: string;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    VsRichTextWrapper: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        variant: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: unknown) => any;
-        };
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        variant: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: unknown) => any;
-        };
-    }>> & Readonly<{}>, {
-        variant: string;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    VsImg: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        src: {
-            type: StringConstructor;
-            required: true;
-        };
-        lowResImage: {
-            type: StringConstructor;
-            default: any;
-        };
-        alt: {
-            type: StringConstructor;
-            default: string;
-        };
-        fluid: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        fluidGrow: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        useGenericLqip: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        useLazyLoading: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>, {}, {}, {
-        imgStyle(): {
-            backgroundImage: string;
-        };
-    }, {}, {
-        computed: {
-            fullSrcSet(): string;
-        };
-        methods: {
-            specificImgSize(size: any): string;
-        };
-    }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        src: {
-            type: StringConstructor;
-            required: true;
-        };
-        lowResImage: {
-            type: StringConstructor;
-            default: any;
-        };
-        alt: {
-            type: StringConstructor;
-            default: string;
-        };
-        fluid: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        fluidGrow: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        useGenericLqip: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        useLazyLoading: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, {
-        fluid: boolean;
-        fluidGrow: boolean;
-        lowResImage: string;
-        alt: string;
-        useGenericLqip: boolean;
-        useLazyLoading: boolean;
-    }, {}, {
-        BImg: import('vue').DefineComponent<{
-            rounded: {
-                type: import('vue').PropType<boolean | import('bootstrap-vue-next').RadiusElement>;
-                default: boolean;
-            };
-            start: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            end: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            center: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            fluid: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            src: {
-                type: import('vue').PropType<string>;
-                default: undefined;
-            };
-            blank: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            blankColor: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            block: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
+            fluid: {
+                type: BooleanConstructor;
+                default: boolean;
             };
             fluidGrow: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            height: {
-                type: import('vue').PropType<import('node_modules/bootstrap-vue-next/dist/src/types').Numberish>;
-                default: undefined;
-            };
-            lazy: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            sizes: {
-                type: import('vue').PropType<string | readonly string[]>;
-                default: undefined;
-            };
-            srcset: {
-                type: import('vue').PropType<string | readonly string[]>;
-                default: undefined;
-            };
-            thumbnail: {
-                type: import('vue').PropType<boolean>;
+                type: BooleanConstructor;
                 default: boolean;
             };
-            width: {
-                type: import('vue').PropType<import('node_modules/bootstrap-vue-next/dist/src/types').Numberish>;
-                default: undefined;
-            };
-            roundedTop: {
-                type: import('vue').PropType<boolean | import('bootstrap-vue-next').RadiusElement>;
-                default: undefined;
-            };
-            roundedBottom: {
-                type: import('vue').PropType<boolean | import('bootstrap-vue-next').RadiusElement>;
-                default: undefined;
-            };
-            roundedStart: {
-                type: import('vue').PropType<boolean | import('bootstrap-vue-next').RadiusElement>;
-                default: undefined;
-            };
-            roundedEnd: {
-                type: import('vue').PropType<boolean | import('bootstrap-vue-next').RadiusElement>;
-                default: undefined;
-            };
-        }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            rounded: {
-                type: import('vue').PropType<boolean | import('bootstrap-vue-next').RadiusElement>;
+            useGenericLqip: {
+                type: BooleanConstructor;
                 default: boolean;
             };
-            start: {
-                type: import('vue').PropType<boolean>;
+            useLazyLoading: {
+                type: BooleanConstructor;
                 default: boolean;
             };
-            end: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
+        }>, {}, {}, {
+            imgStyle(): {
+                backgroundImage: string;
             };
-            center: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
+        }, {}, {
+            computed: {
+                fullSrcSet(): string;
             };
-            fluid: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
+            methods: {
+                specificImgSize(size: any): string;
             };
+        }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             src: {
-                type: import('vue').PropType<string>;
-                default: undefined;
-            };
-            blank: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            blankColor: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            block: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            fluidGrow: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            height: {
-                type: import('vue').PropType<import('node_modules/bootstrap-vue-next/dist/src/types').Numberish>;
-                default: undefined;
-            };
-            lazy: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            sizes: {
-                type: import('vue').PropType<string | readonly string[]>;
-                default: undefined;
-            };
-            srcset: {
-                type: import('vue').PropType<string | readonly string[]>;
-                default: undefined;
-            };
-            thumbnail: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            width: {
-                type: import('vue').PropType<import('node_modules/bootstrap-vue-next/dist/src/types').Numberish>;
-                default: undefined;
-            };
-            roundedTop: {
-                type: import('vue').PropType<boolean | import('bootstrap-vue-next').RadiusElement>;
-                default: undefined;
-            };
-            roundedBottom: {
-                type: import('vue').PropType<boolean | import('bootstrap-vue-next').RadiusElement>;
-                default: undefined;
-            };
-            roundedStart: {
-                type: import('vue').PropType<boolean | import('bootstrap-vue-next').RadiusElement>;
-                default: undefined;
-            };
-            roundedEnd: {
-                type: import('vue').PropType<boolean | import('bootstrap-vue-next').RadiusElement>;
-                default: undefined;
-            };
-        }>>, {
-            fluid: boolean;
-            start: boolean;
-            end: boolean;
-            center: boolean;
-            src: string;
-            srcset: string | readonly string[];
-            width: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish;
-            height: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish;
-            lazy: boolean;
-            block: boolean;
-            rounded: boolean | import('bootstrap-vue-next').RadiusElement;
-            roundedTop: boolean | import('bootstrap-vue-next').RadiusElement;
-            roundedBottom: boolean | import('bootstrap-vue-next').RadiusElement;
-            roundedStart: boolean | import('bootstrap-vue-next').RadiusElement;
-            roundedEnd: boolean | import('bootstrap-vue-next').RadiusElement;
-            blank: boolean;
-            blankColor: string;
-            fluidGrow: boolean;
-            sizes: string | readonly string[];
-            thumbnail: boolean;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        VsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            name: {
                 type: StringConstructor;
                 required: true;
-                default: string;
-            };
-            variant: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: unknown) => any;
-            };
-            customColour: {
-                type: StringConstructor;
-                default: any;
             };
-            orientation: {
+            lowResImage: {
                 type: StringConstructor;
                 default: any;
-                validator: (value: unknown) => any;
             };
-            size: {
+            alt: {
                 type: StringConstructor;
                 default: string;
-                validator: (value: unknown) => any;
-            };
-            smallSize: {
-                type: StringConstructor;
-                default: any;
-                validator: (value: unknown) => any;
             };
-            duotone: {
+            fluid: {
                 type: BooleanConstructor;
                 default: boolean;
             };
-        }>, {}, {
-            iconLookup: {
-                key: string;
-                value: string;
-            }[];
-        }, {
-            icon(): string;
-            formattedName(): string;
-        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            name: {
-                type: StringConstructor;
-                required: true;
-                default: string;
-            };
-            variant: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: unknown) => any;
-            };
-            customColour: {
-                type: StringConstructor;
-                default: any;
-            };
-            orientation: {
-                type: StringConstructor;
-                default: any;
-                validator: (value: unknown) => any;
-            };
-            size: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: unknown) => any;
+            fluidGrow: {
+                type: BooleanConstructor;
+                default: boolean;
             };
-            smallSize: {
-                type: StringConstructor;
-                default: any;
-                validator: (value: unknown) => any;
+            useGenericLqip: {
+                type: BooleanConstructor;
+                default: boolean;
             };
-            duotone: {
+            useLazyLoading: {
                 type: BooleanConstructor;
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            name: string;
-            variant: string;
-            customColour: string;
-            orientation: string;
-            size: string;
-            smallSize: string;
-            duotone: boolean;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            fluid: boolean;
+            fluidGrow: boolean;
+            lowResImage: string;
+            alt: string;
+            useGenericLqip: boolean;
+            useLazyLoading: boolean;
+        }, {}, {
+            BImg: import('vue').DefineComponent<{
+                rounded: {
+                    type: import('vue').PropType<boolean | import('bootstrap-vue-next').RadiusElement>;
+                    default: boolean;
+                };
+                start: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                end: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                center: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                fluid: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                src: {
+                    type: import('vue').PropType<string>;
+                    default: undefined;
+                };
+                blank: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                blankColor: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                block: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                fluidGrow: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                height: {
+                    type: import('vue').PropType<import('node_modules/bootstrap-vue-next/dist/src/types').Numberish>;
+                    default: undefined;
+                };
+                lazy: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                sizes: {
+                    type: import('vue').PropType<string | readonly string[]>;
+                    default: undefined;
+                };
+                srcset: {
+                    type: import('vue').PropType<string | readonly string[]>;
+                    default: undefined;
+                };
+                thumbnail: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                width: {
+                    type: import('vue').PropType<import('node_modules/bootstrap-vue-next/dist/src/types').Numberish>;
+                    default: undefined;
+                };
+                roundedTop: {
+                    type: import('vue').PropType<boolean | import('bootstrap-vue-next').RadiusElement>;
+                    default: undefined;
+                };
+                roundedBottom: {
+                    type: import('vue').PropType<boolean | import('bootstrap-vue-next').RadiusElement>;
+                    default: undefined;
+                };
+                roundedStart: {
+                    type: import('vue').PropType<boolean | import('bootstrap-vue-next').RadiusElement>;
+                    default: undefined;
+                };
+                roundedEnd: {
+                    type: import('vue').PropType<boolean | import('bootstrap-vue-next').RadiusElement>;
+                    default: undefined;
+                };
+            }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                rounded: {
+                    type: import('vue').PropType<boolean | import('bootstrap-vue-next').RadiusElement>;
+                    default: boolean;
+                };
+                start: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                end: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                center: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                fluid: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                src: {
+                    type: import('vue').PropType<string>;
+                    default: undefined;
+                };
+                blank: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                blankColor: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                block: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                fluidGrow: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                height: {
+                    type: import('vue').PropType<import('node_modules/bootstrap-vue-next/dist/src/types').Numberish>;
+                    default: undefined;
+                };
+                lazy: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                sizes: {
+                    type: import('vue').PropType<string | readonly string[]>;
+                    default: undefined;
+                };
+                srcset: {
+                    type: import('vue').PropType<string | readonly string[]>;
+                    default: undefined;
+                };
+                thumbnail: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                width: {
+                    type: import('vue').PropType<import('node_modules/bootstrap-vue-next/dist/src/types').Numberish>;
+                    default: undefined;
+                };
+                roundedTop: {
+                    type: import('vue').PropType<boolean | import('bootstrap-vue-next').RadiusElement>;
+                    default: undefined;
+                };
+                roundedBottom: {
+                    type: import('vue').PropType<boolean | import('bootstrap-vue-next').RadiusElement>;
+                    default: undefined;
+                };
+                roundedStart: {
+                    type: import('vue').PropType<boolean | import('bootstrap-vue-next').RadiusElement>;
+                    default: undefined;
+                };
+                roundedEnd: {
+                    type: import('vue').PropType<boolean | import('bootstrap-vue-next').RadiusElement>;
+                    default: undefined;
+                };
+            }>>, {
+                fluid: boolean;
+                start: boolean;
+                end: boolean;
+                center: boolean;
+                src: string;
+                srcset: string | readonly string[];
+                width: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish;
+                height: import('node_modules/bootstrap-vue-next/dist/src/types' /**
+                * The author credit for the image
+                */).Numberish;
+                lazy: boolean;
+                block: boolean;
+                rounded: boolean | import('bootstrap-vue-next').RadiusElement;
+                roundedTop: boolean | import('bootstrap-vue-next' /**
+                * Whether the image should sit in a container or not
+                */).RadiusElement;
+                roundedBottom: boolean | import('bootstrap-vue-next').RadiusElement;
+                roundedStart: boolean | import('bootstrap-vue-next').RadiusElement;
+                roundedEnd: boolean | import('bootstrap-vue-next').RadiusElement;
+                blank: boolean;
+                blankColor: string;
+                fluidGrow: boolean;
+                sizes: string | readonly string[];
+                thumbnail: boolean;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            VsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                name: {
+                    type: StringConstructor;
+                    required: true;
+                    default: string;
+                };
+                variant: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+                customColour: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                orientation: {
+                    type: StringConstructor;
+                    default: any;
+                    validator: (value: unknown) => any;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+                smallSize: {
+                    type: StringConstructor;
+                    default: any;
+                    validator: (value: unknown) => any;
+                };
+                duotone: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {}, {
+                iconLookup: {
+                    key: string;
+                    value: string;
+                }[];
+            }, {
+                icon(): string;
+                formattedName(): string;
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                name: {
+                    type: StringConstructor;
+                    required: true;
+                    default: string;
+                };
+                variant: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+                customColour: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                orientation: {
+                    type: StringConstructor;
+                    default: any;
+                    validator: (value: unknown) => any;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+                smallSize: {
+                    type: StringConstructor;
+                    default: any;
+                    validator: (value: unknown) => any;
+                };
+                duotone: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {
+                name: string;
+                variant: string;
+                customColour: string;
+                orientation: string;
+                size: string;
+                smallSize: string;
+                duotone: boolean;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;