@visitscotland/component-library 5.66.1 → 5.68.0

package/dist/components/components/mega-nav/MegaNav.vue.d.ts

@@ -319,6 +319,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         theme_dark: string;
         theme_grey: string;
     };
+    visitscotlandLogo: string;
 }, {}, {
     /**
      * Toggles dropdown menu property
@@ -575,167 +576,151 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             $slots: Readonly<import('bootstrap-vue-next').BContainerSlots> & import('bootstrap-vue-next').BContainerSlots;
         });
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    VsSvgLink: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        linkAltText: {
-            type: StringConstructor;
-            required: true;
-        };
-        href: {
-            type: StringConstructor;
-            required: true;
-        };
-        svgFill: {
-            type: StringConstructor;
-            default: string;
-        };
-        svgPath: {
-            type: StringConstructor;
-            required: true;
-        };
-        svgHeight: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: string;
-        };
-        svgWidth: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: string;
-        };
-        dataLayerValue: {
-            type: StringConstructor;
-            default: any;
-        };
-        linkVariant: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: unknown) => any;
-        };
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        linkAltText: {
-            type: StringConstructor;
-            required: true;
-        };
-        href: {
-            type: StringConstructor;
-            required: true;
-        };
-        svgFill: {
-            type: StringConstructor;
-            default: string;
-        };
-        svgPath: {
-            type: StringConstructor;
-            required: true;
-        };
-        svgHeight: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: string;
-        };
-        svgWidth: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: string;
-        };
-        dataLayerValue: {
-            type: StringConstructor;
-            default: any;
-        };
-        linkVariant: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: unknown) => any;
-        };
-    }>> & Readonly<{}>, {
-        dataLayerValue: string;
-        svgFill: string;
-        svgHeight: string | number;
-        svgWidth: string | number;
-        linkVariant: string;
-    }, {}, {
-        VsSvg: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            path: {
-                type: StringConstructor;
-                required: true;
-            };
-            fill: {
-                type: StringConstructor;
-                default: string;
-            };
-            height: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: string;
+    VsMegaNavTopMenu: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
+        VsList: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            ordered: {
+                type: BooleanConstructor;
+                default: boolean;
             };
-            width: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: string;
+            unstyled: {
+                type: BooleanConstructor;
+                default: boolean;
             };
-        }>, {}, {
-            svg: any;
-        }, {
-            nativeAttrs(): any;
-            attributes(): any;
-            nativeStyleAttrMap(): any;
-            children(): any;
-        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            path: {
-                type: StringConstructor;
-                required: true;
+            inline: {
+                type: BooleanConstructor;
+                default: boolean;
             };
-            fill: {
-                type: StringConstructor;
-                default: string;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            ordered: {
+                type: BooleanConstructor;
+                default: boolean;
             };
-            height: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: string;
+            unstyled: {
+                type: BooleanConstructor;
+                default: boolean;
             };
-            width: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: string;
+            inline: {
+                type: BooleanConstructor;
+                default: boolean;
             };
         }>> & Readonly<{}>, {
-            fill: string;
-            height: string | number;
-            width: string | number;
+            inline: boolean;
+            ordered: boolean;
+            unstyled: boolean;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        VsLink: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    VsMegaNavMobileMenu: import('vue').DefineComponent<{}, {}, {}, {}, {
+        dataLayerSubmit(text: any): void;
+    }, {
+        computed: {
+            pageUrl: () => string;
+        };
+        data(): {
+            dataLayerLoadConfirmed: boolean;
+            dataLayerStore: any;
+        };
+        mounted(): void;
+        methods: {
+            templateFiller(template: any, values: any): {};
+            createDataLayerObject(type: any, event: any, href: any): void;
+            returnIsoDate(): string;
+            pushToDataLayer(object: any): void;
+            compileFullTemplate(templateValues: any): any;
+            targetText(event: any): any;
+        };
+    }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    VsSiteSearch: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        isShowing: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {
+        showSearchForm: boolean;
+    }, {}, {
+        toggleAction(): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "toggleAction"[], "toggleAction", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        isShowing: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onToggleAction?: (...args: any[]) => any;
+    }>, {
+        isShowing: boolean;
+    }, {}, {
+        VsButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             href: {
                 type: StringConstructor;
                 default: any;
             };
-            type: {
+            tabindex: {
                 type: StringConstructor;
-                default: string;
-                validator: (value: unknown) => any;
+                default: any;
             };
             variant: {
                 type: StringConstructor;
                 default: string;
                 validator: (value: unknown) => any;
             };
-            iconSize: {
+            size: {
                 type: StringConstructor;
                 default: string;
                 validator: (value: unknown) => any;
             };
-            disabled: {
+            animate: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            rounded: {
                 type: BooleanConstructor;
                 default: boolean;
             };
-            dataLayerValue: {
+            icon: {
                 type: StringConstructor;
-                default: any;
+                default: string;
+            };
+            iconOnly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showLabelBreakpoint: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => boolean;
             };
-            noVisitedStyles: {
+            active: {
                 type: BooleanConstructor;
                 default: boolean;
             };
-        }>, {}, {}, {
-            linkClasses(): string[];
-            iconName(): string;
-            iconVariant(): string;
+            iconPosition: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+        }>, {}, {
+            isAnimating: boolean;
+        }, {
+            buttonClasses(): {
+                [x: string]: string | boolean;
+                'vs-button--animated': boolean;
+                'vs-button--is-animating': boolean;
+                'vs-button--rounded': boolean;
+                'vs-button--icon-only': boolean;
+                'vs-button--active': boolean;
+                'vs-button--flex-reverse': boolean;
+            };
+            iconClasses(): {
+                'vs-icon--right': boolean;
+                'vs-icon--left': boolean;
+            }[];
+            buttonLabelClasses(): {
+                [x: string]: string | true;
+                'visually-hidden': string | true;
+            };
         }, {
-            clickHandler(event: any): void;
-            navigateToUrl(): void;
-            keyHandler(event: any): void;
+            animateHandler(event: any): void;
+            tabbedIn(event: any): void;
+            trackLink(event: any): void;
         }, {
             computed: {
                 pageUrl: () => string;
@@ -753,77 +738,342 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 compileFullTemplate(templateValues: any): any;
                 targetText(event: any): any;
             };
-        }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        }, import('vue').ComponentOptionsMixin, "btnFocus"[], "btnFocus", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             href: {
                 type: StringConstructor;
                 default: any;
             };
-            type: {
+            tabindex: {
                 type: StringConstructor;
-                default: string;
-                validator: (value: unknown) => any;
+                default: any;
             };
             variant: {
                 type: StringConstructor;
                 default: string;
                 validator: (value: unknown) => any;
             };
-            iconSize: {
+            size: {
                 type: StringConstructor;
                 default: string;
                 validator: (value: unknown) => any;
             };
-            disabled: {
+            animate: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            rounded: {
                 type: BooleanConstructor;
                 default: boolean;
             };
-            dataLayerValue: {
+            icon: {
                 type: StringConstructor;
-                default: any;
+                default: string;
             };
-            noVisitedStyles: {
+            iconOnly: {
                 type: BooleanConstructor;
                 default: boolean;
             };
-        }>> & Readonly<{}>, {
-            type: string;
+            showLabelBreakpoint: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => boolean;
+            };
+            active: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            iconPosition: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+        }>> & Readonly<{
+            onBtnFocus?: (...args: any[]) => any;
+        }>, {
+            icon: string;
             variant: string;
-            disabled: boolean;
+            size: string;
+            active: boolean;
             href: string;
-            iconSize: string;
-            dataLayerValue: string;
-            noVisitedStyles: boolean;
+            tabindex: string;
+            animate: boolean;
+            rounded: boolean;
+            iconOnly: boolean;
+            showLabelBreakpoint: string;
+            iconPosition: string;
         }, {}, {
-            VsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                icon: {
-                    type: StringConstructor;
-                    required: true;
-                };
-                variant: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (value: unknown) => any;
-                };
-                customColour: {
-                    type: StringConstructor;
-                    default: any;
-                };
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (value: unknown) => any;
-                };
-                smallSize: {
-                    type: StringConstructor;
-                    default: any;
+            BButton: {
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                    pressed?: import('bootstrap-vue-next').BButtonProps["pressed"];
+                } & {
+                    type?: import('bootstrap-vue-next').ButtonType;
+                    replace?: boolean;
+                    icon?: boolean;
+                    variant?: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                    size?: import('bootstrap-vue-next').Size;
+                    active?: boolean;
+                    activeClass?: string;
+                    disabled?: boolean;
+                    exactActiveClass?: string;
+                    href?: string;
+                    noRel?: boolean;
+                    opacity?: import('bootstrap-vue-next').LinkOpacity;
+                    opacityHover?: import('bootstrap-vue-next').LinkOpacity;
+                    prefetch?: boolean;
+                    prefetchOn?: Partial<{
+                        visibility: boolean;
+                        interaction: boolean;
+                    }>;
+                    noPrefetch?: boolean;
+                    prefetchedClass?: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
+                    rel?: string;
+                    routerComponentName?: string | import('vue').Component;
+                    routerTag?: string;
+                    stretched?: boolean;
+                    target?: import('bootstrap-vue-next').LinkTarget;
+                    to?: RouteLocationRaw;
+                    underlineOffset?: import('bootstrap-vue-next').UnderlineOffset;
+                    underlineOffsetHover?: import('bootstrap-vue-next').UnderlineOffset;
+                    underlineOpacity?: import('bootstrap-vue-next').UnderlineOpacity;
+                    underlineOpacityHover?: import('bootstrap-vue-next').UnderlineOpacity;
+                    underlineVariant?: import('bootstrap-vue-next').ColorVariant | null;
+                    loading?: boolean;
+                    loadingFill?: boolean;
+                    loadingText?: string;
+                    pill?: boolean;
+                    squared?: boolean;
+                    tag?: string;
+                }> & Readonly<{
+                    onClick?: ((value: MouseEvent) => any) | undefined;
+                    "onUpdate:pressed"?: ((value: boolean | undefined) => any) | undefined;
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    click: (value: MouseEvent) => any;
+                    "update:pressed": (value: boolean | undefined) => any;
+                }, import('vue').PublicProps, {
+                    disabled: boolean;
+                    to: import('vue-router').RouteLocationRaw;
+                    size: import('bootstrap-vue-next').Size;
+                    pill: boolean;
+                    target: import('bootstrap-vue-next').LinkTarget;
+                    type: import('bootstrap-vue-next').ButtonType;
+                    routerTag: string;
+                    active: boolean;
+                    activeClass: string;
+                    exactActiveClass: string;
+                    href: string;
+                    icon: boolean;
+                    opacity: import('bootstrap-vue-next').LinkOpacity;
+                    opacityHover: import('bootstrap-vue-next').LinkOpacity;
+                    rel: string;
+                    replace: boolean;
+                    routerComponentName: string | import('vue').Component;
+                    stretched: boolean;
+                    underlineOffset: import('bootstrap-vue-next').UnderlineOffset;
+                    underlineOffsetHover: import('bootstrap-vue-next').UnderlineOffset;
+                    underlineOpacity: import('bootstrap-vue-next').UnderlineOpacity;
+                    underlineOpacityHover: import('bootstrap-vue-next').UnderlineOpacity;
+                    underlineVariant: import('bootstrap-vue-next').ColorVariant | null;
+                    variant: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                    tag: string;
+                    loading: boolean;
+                    loadingFill: boolean;
+                    loadingText: string;
+                    squared: boolean;
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                    _element: unknown;
+                }, any, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<{
+                    pressed?: import('bootstrap-vue-next').BButtonProps["pressed"];
+                } & {
+                    type?: import('bootstrap-vue-next').ButtonType;
+                    replace?: boolean;
+                    icon?: boolean;
+                    variant?: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                    size?: import('bootstrap-vue-next').Size;
+                    active?: boolean;
+                    activeClass?: string;
+                    disabled?: boolean;
+                    exactActiveClass?: string;
+                    href?: string;
+                    noRel?: boolean;
+                    opacity?: import('bootstrap-vue-next').LinkOpacity;
+                    opacityHover?: import('bootstrap-vue-next').LinkOpacity;
+                    prefetch?: boolean;
+                    prefetchOn?: Partial<{
+                        visibility: boolean;
+                        interaction: boolean;
+                    }>;
+                    noPrefetch?: boolean;
+                    prefetchedClass?: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
+                    rel?: string;
+                    routerComponentName?: string | import('vue').Component;
+                    routerTag?: string;
+                    stretched?: boolean;
+                    target?: import('bootstrap-vue-next').LinkTarget;
+                    to?: RouteLocationRaw;
+                    underlineOffset?: import('bootstrap-vue-next').UnderlineOffset;
+                    underlineOffsetHover?: import('bootstrap-vue-next').UnderlineOffset;
+                    underlineOpacity?: import('bootstrap-vue-next').UnderlineOpacity;
+                    underlineOpacityHover?: import('bootstrap-vue-next').UnderlineOpacity;
+                    underlineVariant?: import('bootstrap-vue-next').ColorVariant | null;
+                    loading?: boolean;
+                    loadingFill?: boolean;
+                    loadingText?: string;
+                    pill?: boolean;
+                    squared?: boolean;
+                    tag?: string;
+                }> & Readonly<{
+                    onClick?: ((value: MouseEvent) => any) | undefined;
+                    "onUpdate:pressed"?: ((value: boolean | undefined) => any) | undefined;
+                }>, {}, {}, {}, {}, {
+                    disabled: boolean;
+                    to: import('vue-router').RouteLocationRaw;
+                    size: import('bootstrap-vue-next').Size;
+                    pill: boolean;
+                    target: import('bootstrap-vue-next').LinkTarget;
+                    type: import('bootstrap-vue-next').ButtonType;
+                    routerTag: string;
+                    active: boolean;
+                    activeClass: string;
+                    exactActiveClass: string;
+                    href: string;
+                    icon: boolean;
+                    opacity: import('bootstrap-vue-next').LinkOpacity;
+                    opacityHover: import('bootstrap-vue-next').LinkOpacity;
+                    rel: string;
+                    replace: boolean;
+                    routerComponentName: string | import('vue').Component;
+                    stretched: boolean;
+                    underlineOffset: import('bootstrap-vue-next').UnderlineOffset;
+                    underlineOffsetHover: import('bootstrap-vue-next').UnderlineOffset;
+                    underlineOpacity: import('bootstrap-vue-next').UnderlineOpacity;
+                    underlineOpacityHover: import('bootstrap-vue-next').UnderlineOpacity;
+                    underlineVariant: import('bootstrap-vue-next').ColorVariant | null;
+                    variant: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                    tag: string;
+                    loading: boolean;
+                    loadingFill: boolean;
+                    loadingText: string;
+                    squared: boolean;
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import('vue').ComponentOptionsBase<Readonly<{
+                pressed?: import('bootstrap-vue-next').BButtonProps["pressed"];
+            } & {
+                type?: import('bootstrap-vue-next').ButtonType;
+                replace?: boolean;
+                icon?: boolean;
+                variant?: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                size?: import('bootstrap-vue-next').Size;
+                active?: boolean;
+                activeClass?: string;
+                disabled?: boolean;
+                exactActiveClass?: string;
+                href?: string;
+                noRel?: boolean;
+                opacity?: import('bootstrap-vue-next').LinkOpacity;
+                opacityHover?: import('bootstrap-vue-next').LinkOpacity;
+                prefetch?: boolean;
+                prefetchOn?: Partial<{
+                    visibility: boolean;
+                    interaction: boolean;
+                }>;
+                noPrefetch?: boolean;
+                prefetchedClass?: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
+                rel?: string;
+                routerComponentName?: string | import('vue').Component;
+                routerTag?: string;
+                stretched?: boolean;
+                target?: import('bootstrap-vue-next').LinkTarget;
+                to?: RouteLocationRaw;
+                underlineOffset?: import('bootstrap-vue-next').UnderlineOffset;
+                underlineOffsetHover?: import('bootstrap-vue-next').UnderlineOffset;
+                underlineOpacity?: import('bootstrap-vue-next').UnderlineOpacity;
+                underlineOpacityHover?: import('bootstrap-vue-next').UnderlineOpacity;
+                underlineVariant?: import('bootstrap-vue-next').ColorVariant | null;
+                loading?: boolean;
+                loadingFill?: boolean;
+                loadingText?: string;
+                pill?: boolean;
+                squared?: boolean;
+                tag?: string;
+            }> & Readonly<{
+                onClick?: ((value: MouseEvent) => any) | undefined;
+                "onUpdate:pressed"?: ((value: boolean | undefined) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                click: (value: MouseEvent) => any;
+                "update:pressed": (value: boolean | undefined) => any;
+            }, string, {
+                disabled: boolean;
+                to: import('vue-router').RouteLocationRaw;
+                size: import('bootstrap-vue-next').Size;
+                pill: boolean;
+                target: import('bootstrap-vue-next').LinkTarget;
+                type: import('bootstrap-vue-next').ButtonType;
+                routerTag: string;
+                active: boolean;
+                activeClass: string;
+                exactActiveClass: string;
+                href: string;
+                icon: boolean;
+                opacity: import('bootstrap-vue-next').LinkOpacity;
+                opacityHover: import('bootstrap-vue-next').LinkOpacity;
+                rel: string;
+                replace: boolean;
+                routerComponentName: string | import('vue').Component;
+                stretched: boolean;
+                underlineOffset: import('bootstrap-vue-next').UnderlineOffset;
+                underlineOffsetHover: import('bootstrap-vue-next').UnderlineOffset;
+                underlineOpacity: import('bootstrap-vue-next').UnderlineOpacity;
+                underlineOpacityHover: import('bootstrap-vue-next').UnderlineOpacity;
+                underlineVariant: import('bootstrap-vue-next').ColorVariant | null;
+                variant: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                tag: string;
+                loading: boolean;
+                loadingFill: boolean;
+                loadingText: string;
+                squared: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                $slots: Readonly<import('bootstrap-vue-next').BButtonSlots> & import('bootstrap-vue-next').BButtonSlots;
+            });
+            VsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                variant: {
+                    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-background-brand": string;
+                customColour: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+                smallSize: {
+                    type: StringConstructor;
+                    default: any;
+                    validator: (value: unknown) => any;
+                };
+            }>, {}, {
+                tokens: {
+                    "vs-color-background-primary": string;
+                    "vs-color-background-secondary": string;
+                    "vs-color-background-bold": string;
+                    "vs-color-background-brand": string;
                     "vs-color-background-inverse": string;
                     "vs-color-background-highlight": string;
                     "vs-color-background-information": string;
@@ -1087,840 +1337,79 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    VsMegaNavTopMenu: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
-        VsList: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            ordered: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            unstyled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            inline: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            ordered: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            unstyled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            inline: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & Readonly<{}>, {
-            inline: boolean;
-            ordered: boolean;
-            unstyled: boolean;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    VsMegaNavMobileMenu: import('vue').DefineComponent<{}, {}, {}, {}, {
-        dataLayerSubmit(text: any): void;
-    }, {
-        computed: {
-            pageUrl: () => string;
-        };
-        data(): {
-            dataLayerLoadConfirmed: boolean;
-            dataLayerStore: any;
-        };
-        mounted(): void;
-        methods: {
-            templateFiller(template: any, values: any): {};
-            createDataLayerObject(type: any, event: any, href: any): void;
-            returnIsoDate(): string;
-            pushToDataLayer(object: any): void;
-            compileFullTemplate(templateValues: any): any;
-            targetText(event: any): any;
-        };
-    }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    VsSiteSearch: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    VsSiteSearchForm: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         isShowing: {
             type: BooleanConstructor;
             default: boolean;
         };
+        labelText: {
+            type: StringConstructor;
+            default: string;
+        };
+        submitButtonText: {
+            type: StringConstructor;
+            default: string;
+        };
+        closeButtonText: {
+            type: StringConstructor;
+            default: string;
+        };
     }>, {}, {
+        searchTerm: string;
         showSearchForm: boolean;
     }, {}, {
-        toggleAction(): void;
+        focusOnInput(): void;
+        tabFromClose($event: any): void;
+        updateVal(data: any): void;
+        onSubmit(e: any): void;
+        closeSearchForm(): void;
     }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "toggleAction"[], "toggleAction", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         isShowing: {
             type: BooleanConstructor;
             default: boolean;
         };
+        labelText: {
+            type: StringConstructor;
+            default: string;
+        };
+        submitButtonText: {
+            type: StringConstructor;
+            default: string;
+        };
+        closeButtonText: {
+            type: StringConstructor;
+            default: string;
+        };
     }>> & Readonly<{
         onToggleAction?: (...args: any[]) => any;
     }>, {
         isShowing: boolean;
+        labelText: string;
+        submitButtonText: string;
+        closeButtonText: string;
     }, {}, {
-        VsButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            href: {
-                type: StringConstructor;
-                default: any;
-            };
-            tabindex: {
-                type: StringConstructor;
-                default: any;
-            };
-            variant: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: unknown) => any;
-            };
-            size: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: unknown) => any;
-            };
-            animate: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            rounded: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
+        VsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             icon: {
                 type: StringConstructor;
-                default: string;
-            };
-            iconOnly: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            showLabelBreakpoint: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: unknown) => boolean;
-            };
-            active: {
-                type: BooleanConstructor;
-                default: boolean;
+                required: true;
             };
-            iconPosition: {
+            variant: {
                 type: StringConstructor;
                 default: string;
                 validator: (value: unknown) => any;
             };
-        }>, {}, {
-            isAnimating: boolean;
-        }, {
-            buttonClasses(): {
-                [x: string]: string | boolean;
-                'vs-button--animated': boolean;
-                'vs-button--is-animating': boolean;
-                'vs-button--rounded': boolean;
-                'vs-button--icon-only': boolean;
-                'vs-button--active': boolean;
-                'vs-button--flex-reverse': boolean;
-            };
-            iconClasses(): {
-                'vs-icon--right': boolean;
-                'vs-icon--left': boolean;
-            }[];
-            buttonLabelClasses(): {
-                [x: string]: string | true;
-                'visually-hidden': string | true;
-            };
-        }, {
-            animateHandler(event: any): void;
-            tabbedIn(event: any): void;
-            trackLink(event: any): void;
-        }, {
-            computed: {
-                pageUrl: () => string;
-            };
-            data(): {
-                dataLayerLoadConfirmed: boolean;
-                dataLayerStore: any;
-            };
-            mounted(): void;
-            methods: {
-                templateFiller(template: any, values: any): {};
-                createDataLayerObject(type: any, event: any, href: any): void;
-                returnIsoDate(): string;
-                pushToDataLayer(object: any): void;
-                compileFullTemplate(templateValues: any): any;
-                targetText(event: any): any;
-            };
-        }, import('vue').ComponentOptionsMixin, "btnFocus"[], "btnFocus", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            href: {
-                type: StringConstructor;
-                default: any;
-            };
-            tabindex: {
+            customColour: {
                 type: StringConstructor;
                 default: any;
             };
-            variant: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: unknown) => any;
-            };
             size: {
                 type: StringConstructor;
                 default: string;
                 validator: (value: unknown) => any;
             };
-            animate: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            rounded: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            icon: {
-                type: StringConstructor;
-                default: string;
-            };
-            iconOnly: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            showLabelBreakpoint: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: unknown) => boolean;
-            };
-            active: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            iconPosition: {
+            smallSize: {
                 type: StringConstructor;
-                default: string;
-                validator: (value: unknown) => any;
-            };
-        }>> & Readonly<{
-            onBtnFocus?: (...args: any[]) => any;
-        }>, {
-            icon: string;
-            variant: string;
-            size: string;
-            active: boolean;
-            href: string;
-            tabindex: string;
-            animate: boolean;
-            rounded: boolean;
-            iconOnly: boolean;
-            showLabelBreakpoint: string;
-            iconPosition: string;
-        }, {}, {
-            BButton: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-                    pressed?: import('bootstrap-vue-next').BButtonProps["pressed"];
-                } & {
-                    type?: import('bootstrap-vue-next').ButtonType;
-                    replace?: boolean;
-                    icon?: boolean;
-                    variant?: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
-                    size?: import('bootstrap-vue-next').Size;
-                    active?: boolean;
-                    activeClass?: string;
-                    disabled?: boolean;
-                    exactActiveClass?: string;
-                    href?: string;
-                    noRel?: boolean;
-                    opacity?: import('bootstrap-vue-next').LinkOpacity;
-                    opacityHover?: import('bootstrap-vue-next').LinkOpacity;
-                    prefetch?: boolean;
-                    prefetchOn?: Partial<{
-                        visibility: boolean;
-                        interaction: boolean;
-                    }>;
-                    noPrefetch?: boolean;
-                    prefetchedClass?: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
-                    rel?: string;
-                    routerComponentName?: string | import('vue').Component;
-                    routerTag?: string;
-                    stretched?: boolean;
-                    target?: import('bootstrap-vue-next').LinkTarget;
-                    to?: RouteLocationRaw;
-                    underlineOffset?: import('bootstrap-vue-next').UnderlineOffset;
-                    underlineOffsetHover?: import('bootstrap-vue-next').UnderlineOffset;
-                    underlineOpacity?: import('bootstrap-vue-next').UnderlineOpacity;
-                    underlineOpacityHover?: import('bootstrap-vue-next').UnderlineOpacity;
-                    underlineVariant?: import('bootstrap-vue-next').ColorVariant | null;
-                    loading?: boolean;
-                    loadingFill?: boolean;
-                    loadingText?: string;
-                    pill?: boolean;
-                    squared?: boolean;
-                    tag?: string;
-                }> & Readonly<{
-                    onClick?: ((value: MouseEvent) => any) | undefined;
-                    "onUpdate:pressed"?: ((value: boolean | undefined) => any) | undefined;
-                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    click: (value: MouseEvent) => any;
-                    "update:pressed": (value: boolean | undefined) => any;
-                }, import('vue').PublicProps, {
-                    disabled: boolean;
-                    to: import('vue-router').RouteLocationRaw;
-                    size: import('bootstrap-vue-next').Size;
-                    pill: boolean;
-                    target: import('bootstrap-vue-next').LinkTarget;
-                    type: import('bootstrap-vue-next').ButtonType;
-                    routerTag: string;
-                    active: boolean;
-                    activeClass: string;
-                    exactActiveClass: string;
-                    href: string;
-                    icon: boolean;
-                    opacity: import('bootstrap-vue-next').LinkOpacity;
-                    opacityHover: import('bootstrap-vue-next').LinkOpacity;
-                    rel: string;
-                    replace: boolean;
-                    routerComponentName: string | import('vue').Component;
-                    stretched: boolean;
-                    underlineOffset: import('bootstrap-vue-next').UnderlineOffset;
-                    underlineOffsetHover: import('bootstrap-vue-next').UnderlineOffset;
-                    underlineOpacity: import('bootstrap-vue-next').UnderlineOpacity;
-                    underlineOpacityHover: import('bootstrap-vue-next').UnderlineOpacity;
-                    underlineVariant: import('bootstrap-vue-next').ColorVariant | null;
-                    variant: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
-                    tag: string;
-                    loading: boolean;
-                    loadingFill: boolean;
-                    loadingText: string;
-                    squared: boolean;
-                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-                    _element: unknown;
-                }, any, import('vue').ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<{
-                    pressed?: import('bootstrap-vue-next').BButtonProps["pressed"];
-                } & {
-                    type?: import('bootstrap-vue-next').ButtonType;
-                    replace?: boolean;
-                    icon?: boolean;
-                    variant?: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
-                    size?: import('bootstrap-vue-next').Size;
-                    active?: boolean;
-                    activeClass?: string;
-                    disabled?: boolean;
-                    exactActiveClass?: string;
-                    href?: string;
-                    noRel?: boolean;
-                    opacity?: import('bootstrap-vue-next').LinkOpacity;
-                    opacityHover?: import('bootstrap-vue-next').LinkOpacity;
-                    prefetch?: boolean;
-                    prefetchOn?: Partial<{
-                        visibility: boolean;
-                        interaction: boolean;
-                    }>;
-                    noPrefetch?: boolean;
-                    prefetchedClass?: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
-                    rel?: string;
-                    routerComponentName?: string | import('vue').Component;
-                    routerTag?: string;
-                    stretched?: boolean;
-                    target?: import('bootstrap-vue-next').LinkTarget;
-                    to?: RouteLocationRaw;
-                    underlineOffset?: import('bootstrap-vue-next').UnderlineOffset;
-                    underlineOffsetHover?: import('bootstrap-vue-next').UnderlineOffset;
-                    underlineOpacity?: import('bootstrap-vue-next').UnderlineOpacity;
-                    underlineOpacityHover?: import('bootstrap-vue-next').UnderlineOpacity;
-                    underlineVariant?: import('bootstrap-vue-next').ColorVariant | null;
-                    loading?: boolean;
-                    loadingFill?: boolean;
-                    loadingText?: string;
-                    pill?: boolean;
-                    squared?: boolean;
-                    tag?: string;
-                }> & Readonly<{
-                    onClick?: ((value: MouseEvent) => any) | undefined;
-                    "onUpdate:pressed"?: ((value: boolean | undefined) => any) | undefined;
-                }>, {}, {}, {}, {}, {
-                    disabled: boolean;
-                    to: import('vue-router').RouteLocationRaw;
-                    size: import('bootstrap-vue-next').Size;
-                    pill: boolean;
-                    target: import('bootstrap-vue-next').LinkTarget;
-                    type: import('bootstrap-vue-next').ButtonType;
-                    routerTag: string;
-                    active: boolean;
-                    activeClass: string;
-                    exactActiveClass: string;
-                    href: string;
-                    icon: boolean;
-                    opacity: import('bootstrap-vue-next').LinkOpacity;
-                    opacityHover: import('bootstrap-vue-next').LinkOpacity;
-                    rel: string;
-                    replace: boolean;
-                    routerComponentName: string | import('vue').Component;
-                    stretched: boolean;
-                    underlineOffset: import('bootstrap-vue-next').UnderlineOffset;
-                    underlineOffsetHover: import('bootstrap-vue-next').UnderlineOffset;
-                    underlineOpacity: import('bootstrap-vue-next').UnderlineOpacity;
-                    underlineOpacityHover: import('bootstrap-vue-next').UnderlineOpacity;
-                    underlineVariant: import('bootstrap-vue-next').ColorVariant | null;
-                    variant: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
-                    tag: string;
-                    loading: boolean;
-                    loadingFill: boolean;
-                    loadingText: string;
-                    squared: boolean;
-                }>;
-                __isFragment?: never;
-                __isTeleport?: never;
-                __isSuspense?: never;
-            } & import('vue').ComponentOptionsBase<Readonly<{
-                pressed?: import('bootstrap-vue-next').BButtonProps["pressed"];
-            } & {
-                type?: import('bootstrap-vue-next').ButtonType;
-                replace?: boolean;
-                icon?: boolean;
-                variant?: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
-                size?: import('bootstrap-vue-next').Size;
-                active?: boolean;
-                activeClass?: string;
-                disabled?: boolean;
-                exactActiveClass?: string;
-                href?: string;
-                noRel?: boolean;
-                opacity?: import('bootstrap-vue-next').LinkOpacity;
-                opacityHover?: import('bootstrap-vue-next').LinkOpacity;
-                prefetch?: boolean;
-                prefetchOn?: Partial<{
-                    visibility: boolean;
-                    interaction: boolean;
-                }>;
-                noPrefetch?: boolean;
-                prefetchedClass?: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
-                rel?: string;
-                routerComponentName?: string | import('vue').Component;
-                routerTag?: string;
-                stretched?: boolean;
-                target?: import('bootstrap-vue-next').LinkTarget;
-                to?: RouteLocationRaw;
-                underlineOffset?: import('bootstrap-vue-next').UnderlineOffset;
-                underlineOffsetHover?: import('bootstrap-vue-next').UnderlineOffset;
-                underlineOpacity?: import('bootstrap-vue-next').UnderlineOpacity;
-                underlineOpacityHover?: import('bootstrap-vue-next').UnderlineOpacity;
-                underlineVariant?: import('bootstrap-vue-next').ColorVariant | null;
-                loading?: boolean;
-                loadingFill?: boolean;
-                loadingText?: string;
-                pill?: boolean;
-                squared?: boolean;
-                tag?: string;
-            }> & Readonly<{
-                onClick?: ((value: MouseEvent) => any) | undefined;
-                "onUpdate:pressed"?: ((value: boolean | undefined) => any) | undefined;
-            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                click: (value: MouseEvent) => any;
-                "update:pressed": (value: boolean | undefined) => any;
-            }, string, {
-                disabled: boolean;
-                to: import('vue-router').RouteLocationRaw;
-                size: import('bootstrap-vue-next').Size;
-                pill: boolean;
-                target: import('bootstrap-vue-next').LinkTarget;
-                type: import('bootstrap-vue-next').ButtonType;
-                routerTag: string;
-                active: boolean;
-                activeClass: string;
-                exactActiveClass: string;
-                href: string;
-                icon: boolean;
-                opacity: import('bootstrap-vue-next').LinkOpacity;
-                opacityHover: import('bootstrap-vue-next').LinkOpacity;
-                rel: string;
-                replace: boolean;
-                routerComponentName: string | import('vue').Component;
-                stretched: boolean;
-                underlineOffset: import('bootstrap-vue-next').UnderlineOffset;
-                underlineOffsetHover: import('bootstrap-vue-next').UnderlineOffset;
-                underlineOpacity: import('bootstrap-vue-next').UnderlineOpacity;
-                underlineOpacityHover: import('bootstrap-vue-next').UnderlineOpacity;
-                underlineVariant: import('bootstrap-vue-next').ColorVariant | null;
-                variant: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
-                tag: string;
-                loading: boolean;
-                loadingFill: boolean;
-                loadingText: string;
-                squared: boolean;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-                $slots: Readonly<import('bootstrap-vue-next').BButtonSlots> & import('bootstrap-vue-next').BButtonSlots;
-            });
-            VsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                icon: {
-                    type: StringConstructor;
-                    required: true;
-                };
-                variant: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (value: unknown) => any;
-                };
-                customColour: {
-                    type: StringConstructor;
-                    default: any;
-                };
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (value: unknown) => any;
-                };
-                smallSize: {
-                    type: StringConstructor;
-                    default: any;
-                    validator: (value: unknown) => any;
-                };
-            }>, {}, {
-                tokens: {
-                    "vs-color-background-primary": string;
-                    "vs-color-background-secondary": string;
-                    "vs-color-background-bold": 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-bold": string;
-                    "vs-color-border-success": string;
-                    "vs-color-border-warning": string;
-                    "vs-color-border-error": string;
-                    "vs-color-border-disabled": string;
-                    "vs-color-border-accent-thistle-20": string;
-                    "vs-color-icon-primary": string;
-                    "vs-color-icon-secondary": string;
-                    "vs-color-icon-tertiary": 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-accent-thistle-20": 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-cta-subtle": string;
-                    "vs-color-interaction-link-primary": string;
-                    "vs-color-interaction-link-secondary": 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;
-                    "vs-spacer-0": string;
-                    "vs-spacer-0125": string;
-                    "vs-spacer-025": string;
-                    "vs-spacer-050": string;
-                    "vs-spacer-075": string;
-                    "vs-spacer-100": string;
-                    "vs-spacer-125": string;
-                    "vs-spacer-150": string;
-                    "vs-spacer-175": string;
-                    "vs-spacer-200": string;
-                    "vs-spacer-225": string;
-                    "vs-spacer-250": string;
-                    "vs-spacer-300": string;
-                    "vs-spacer-400": string;
-                    "vs-spacer-500": string;
-                    "vs-spacer-600": string;
-                    "vs-spacer-700": string;
-                    "vs-radius-medium": string;
-                    "vs-radius-none": string;
-                    "vs-radius-large-increased": string;
-                    "vs-radius-extra-large-increased": string;
-                    "vs-radius-tiny": string;
-                    "vs-radius-large": string;
-                    "vs-radius-extra-large": string;
-                    "vs-radius-extra-extra-large": string;
-                    "vs-radius-huge": string;
-                    "vs-radius-full": string;
-                    "vs-radius-small": 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;
-                    "vs-focus-shadow": string;
-                    "vs-focus-shadow-on-dark": string;
-                    "vs-border-width-sm": string;
-                    "vs-border-width-md": string;
-                    "vs-font-size-display-m": string;
-                    "vs-font-size-display-s": string;
-                    "vs-font-size-heading-xl": string;
-                    "vs-font-size-heading-l": string;
-                    "vs-font-size-heading-m": string;
-                    "vs-font-size-heading-s": string;
-                    "vs-font-size-heading-xs": string;
-                    "vs-font-size-heading-xxs": string;
-                    "vs-font-size-heading-xxxs": string;
-                    "vs-font-size-detail-l": string;
-                    "vs-font-size-detail-m": string;
-                    "vs-font-size-detail-s": string;
-                    "vs-font-size-body-l": string;
-                    "vs-font-size-body-m": string;
-                    "vs-font-size-body-s": string;
-                    "vs-font-weight-strong": string;
-                    "vs-font-weight-medium": string;
-                    "vs-font-weight-regular": string;
-                    "vs-font-weight-subtle": string;
-                    "vs-font-weight-heading": string;
-                    "vs-font-weight-body": string;
-                    "vs-font-weight-detail": string;
-                    "vs-font-family-sans-serif": string;
-                    "vs-font-family-display": string;
-                    "vs-line-height-heading": number;
-                    "vs-line-height-detail": number;
-                    "vs-line-height-body": number;
-                    "vs-letter-spacing-display": string;
-                    "vs-letter-spacing-heading": string;
-                    "vs-letter-spacing-detail": string;
-                    "vs-letter-spacing-body": 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;
-                    "vs-icon-facility-audio-loop": string;
-                    "vs-icon-control-collapse": string;
-                    "vs-icon-facility-wheelchair-access": string;
-                    "vs-icon-control-pause": string;
-                    "vs-icon-facility-cafe": string;
-                    "vs-icon-feedback-error": string;
-                    "vs-icon-facility-accessible-parking": string;
-                    "vs-icon-control-next": string;
-                    "vs-icon-control-filters": string;
-                    "vs-icon-feedback-information": string;
-                    "vs-icon-control-external-link": string;
-                    "vs-icon-control-play": string;
-                    "vs-icon-facility-accessible-dining": string;
-                    "vs-icon-control-previous": string;
-                    "vs-icon-facility-public-transport": string;
-                    "vs-icon-season-winter": string;
-                    "vs-icon-control-expand": string;
-                    "vs-icon-facility-pets-welcome": string;
-                    "vs-icon-facility-parking": string;
-                    "vs-icon-control-menu": string;
-                    "vs-icon-season-spring": string;
-                    "vs-icon-season-summer": string;
-                    "vs-icon-facility-breakfast": string;
-                    "vs-icon-control-back-to-top": string;
-                    "vs-icon-control-dismiss": string;
-                    "vs-icon-feedback-warning": string;
-                    "vs-icon-facility-accessible-shower": string;
-                    "vs-icon-facility-wifi": string;
-                    "vs-icon-control-search": string;
-                    "vs-icon-control-download": string;
-                    "vs-icon-season-autumn": string;
-                    "vs-icon-facility-accessible-toilet": string;
-                    "vs-icon-feedback-success": string;
-                    "vs-icon-facility-vegan": 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;
-                    opacity_100: string;
-                    opacity_50: string;
-                    opacity_0: string;
-                    duration_quickly: string;
-                    duration_base: string;
-                    duration_slowly: string;
-                    no_javascript: string;
-                    theme_dark: string;
-                    theme_grey: string;
-                };
-            }, {
-                iconClasses(): any[];
-                fontAwesomeClasses(): any;
-                iconStyles(): {
-                    color: string;
-                };
-            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                icon: {
-                    type: StringConstructor;
-                    required: true;
-                };
-                variant: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (value: unknown) => any;
-                };
-                customColour: {
-                    type: StringConstructor;
-                    default: any;
-                };
-                size: {
-                    type: StringConstructor;
-                    default: string;
-                    validator: (value: unknown) => any;
-                };
-                smallSize: {
-                    type: StringConstructor;
-                    default: any;
-                    validator: (value: unknown) => any;
-                };
-            }>> & Readonly<{}>, {
-                variant: string;
-                customColour: string;
-                size: string;
-                smallSize: string;
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    VsSiteSearchForm: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        isShowing: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        labelText: {
-            type: StringConstructor;
-            default: string;
-        };
-        submitButtonText: {
-            type: StringConstructor;
-            default: string;
-        };
-        closeButtonText: {
-            type: StringConstructor;
-            default: string;
-        };
-    }>, {}, {
-        searchTerm: string;
-        showSearchForm: boolean;
-    }, {}, {
-        focusOnInput(): void;
-        tabFromClose($event: any): void;
-        updateVal(data: any): void;
-        onSubmit(e: any): void;
-        closeSearchForm(): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "toggleAction"[], "toggleAction", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        isShowing: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        labelText: {
-            type: StringConstructor;
-            default: string;
-        };
-        submitButtonText: {
-            type: StringConstructor;
-            default: string;
-        };
-        closeButtonText: {
-            type: StringConstructor;
-            default: string;
-        };
-    }>> & Readonly<{
-        onToggleAction?: (...args: any[]) => any;
-    }>, {
-        isShowing: boolean;
-        labelText: string;
-        submitButtonText: string;
-        closeButtonText: string;
-    }, {}, {
-        VsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            icon: {
-                type: StringConstructor;
-                required: true;
-            };
-            variant: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: unknown) => any;
-            };
-            customColour: {
-                type: StringConstructor;
-                default: any;
-            };
-            size: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: unknown) => any;
-            };
-            smallSize: {
-                type: StringConstructor;
-                default: any;
+                default: any;
                 validator: (value: unknown) => any;
             };
         }>, {}, {
@@ -3899,148 +3388,927 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     orderXl: import('bootstrap-vue-next').ColsOrderNumbers;
                     orderXxl: import('bootstrap-vue-next').ColsOrderNumbers;
                 }>;
-                __isFragment?: never;
-                __isTeleport?: never;
-                __isSuspense?: never;
-            } & import('vue').ComponentOptionsBase<Readonly<import('bootstrap-vue-next').BColProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                sm: boolean | import('bootstrap-vue-next').ColsNumbers | "auto";
-                lg: boolean | import('bootstrap-vue-next').ColsNumbers | "auto";
-                md: boolean | import('bootstrap-vue-next').ColsNumbers | "auto";
-                xl: boolean | import('bootstrap-vue-next').ColsNumbers | "auto";
-                xxl: boolean | import('bootstrap-vue-next').ColsNumbers | "auto";
-                col: boolean;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import('vue').ComponentOptionsBase<Readonly<import('bootstrap-vue-next').BColProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                sm: boolean | import('bootstrap-vue-next').ColsNumbers | "auto";
+                lg: boolean | import('bootstrap-vue-next').ColsNumbers | "auto";
+                md: boolean | import('bootstrap-vue-next').ColsNumbers | "auto";
+                xl: boolean | import('bootstrap-vue-next').ColsNumbers | "auto";
+                xxl: boolean | import('bootstrap-vue-next').ColsNumbers | "auto";
+                col: boolean;
+                tag: string;
+                offset: import('bootstrap-vue-next').ColsOffsetNumbers;
+                alignSelf: import('bootstrap-vue-next').AlignmentVertical | "auto";
+                order: import('bootstrap-vue-next').ColsOrderNumbers;
+                cols: import('bootstrap-vue-next').ColsNumbers | "auto";
+                offsetSm: import('bootstrap-vue-next').ColsOffsetNumbers;
+                offsetMd: import('bootstrap-vue-next').ColsOffsetNumbers;
+                offsetLg: import('bootstrap-vue-next').ColsOffsetNumbers;
+                offsetXl: import('bootstrap-vue-next').ColsOffsetNumbers;
+                offsetXxl: import('bootstrap-vue-next').ColsOffsetNumbers;
+                orderSm: import('bootstrap-vue-next').ColsOrderNumbers;
+                orderMd: import('bootstrap-vue-next').ColsOrderNumbers;
+                orderLg: import('bootstrap-vue-next').ColsOrderNumbers;
+                orderXl: import('bootstrap-vue-next').ColsOrderNumbers;
+                orderXxl: import('bootstrap-vue-next').ColsOrderNumbers;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                $slots: Readonly<import('bootstrap-vue-next').BColSlots> & import('bootstrap-vue-next').BColSlots;
+            });
+        }, {}, string, () => {
+            cols: unknown;
+            sm: unknown;
+            md: unknown;
+            lg: unknown;
+            xl: unknown;
+        }, true, {}, any>;
+        VsRow: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, 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('bootstrap-vue-next').BContainerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                    tag: string;
+                    fluid: boolean | import('bootstrap-vue-next').Breakpoint;
+                    gutterX: import('bootstrap-vue-next').GutterNumbers;
+                    gutterY: import('bootstrap-vue-next').GutterNumbers;
+                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import('bootstrap-vue-next').BContainerProps> & Readonly<{}>, {}, {}, {}, {}, {
+                    tag: string;
+                    fluid: boolean | import('bootstrap-vue-next').Breakpoint;
+                    gutterX: import('bootstrap-vue-next').GutterNumbers;
+                    gutterY: import('bootstrap-vue-next').GutterNumbers;
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import('vue').ComponentOptionsBase<Readonly<import('bootstrap-vue-next').BContainerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                tag: string;
+                fluid: boolean | import('bootstrap-vue-next').Breakpoint;
+                gutterX: import('bootstrap-vue-next').GutterNumbers;
+                gutterY: import('bootstrap-vue-next').GutterNumbers;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                $slots: Readonly<import('bootstrap-vue-next').BContainerSlots> & import('bootstrap-vue-next').BContainerSlots;
+            });
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    VsButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        href: {
+            type: StringConstructor;
+            default: any;
+        };
+        tabindex: {
+            type: StringConstructor;
+            default: any;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+        animate: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        rounded: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+        iconOnly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showLabelBreakpoint: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => boolean;
+        };
+        active: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        iconPosition: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+    }>, {}, {
+        isAnimating: boolean;
+    }, {
+        buttonClasses(): {
+            [x: string]: string | boolean;
+            'vs-button--animated': boolean;
+            'vs-button--is-animating': boolean;
+            'vs-button--rounded': boolean;
+            'vs-button--icon-only': boolean;
+            'vs-button--active': boolean;
+            'vs-button--flex-reverse': boolean;
+        };
+        iconClasses(): {
+            'vs-icon--right': boolean;
+            'vs-icon--left': boolean;
+        }[];
+        buttonLabelClasses(): {
+            [x: string]: string | true;
+            'visually-hidden': string | true;
+        };
+    }, {
+        animateHandler(event: any): void;
+        tabbedIn(event: any): void;
+        trackLink(event: any): void;
+    }, {
+        computed: {
+            pageUrl: () => string;
+        };
+        data(): {
+            dataLayerLoadConfirmed: boolean;
+            dataLayerStore: any;
+        };
+        mounted(): void;
+        methods: {
+            templateFiller(template: any, values: any): {};
+            createDataLayerObject(type: any, event: any, href: any): void;
+            returnIsoDate(): string;
+            pushToDataLayer(object: any): void;
+            compileFullTemplate(templateValues: any): any;
+            targetText(event: any): any;
+        };
+    }, import('vue').ComponentOptionsMixin, "btnFocus"[], "btnFocus", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        href: {
+            type: StringConstructor;
+            default: any;
+        };
+        tabindex: {
+            type: StringConstructor;
+            default: any;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+        animate: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        rounded: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+        iconOnly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showLabelBreakpoint: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => boolean;
+        };
+        active: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        iconPosition: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+    }>> & Readonly<{
+        onBtnFocus?: (...args: any[]) => any;
+    }>, {
+        icon: string;
+        variant: string;
+        size: string;
+        active: boolean;
+        href: string;
+        tabindex: string;
+        animate: boolean;
+        rounded: boolean;
+        iconOnly: boolean;
+        showLabelBreakpoint: string;
+        iconPosition: string;
+    }, {}, {
+        BButton: {
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                pressed?: import('bootstrap-vue-next').BButtonProps["pressed"];
+            } & {
+                type?: import('bootstrap-vue-next').ButtonType;
+                replace?: boolean;
+                icon?: boolean;
+                variant?: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                size?: import('bootstrap-vue-next').Size;
+                active?: boolean;
+                activeClass?: string;
+                disabled?: boolean;
+                exactActiveClass?: string;
+                href?: string;
+                noRel?: boolean;
+                opacity?: import('bootstrap-vue-next').LinkOpacity;
+                opacityHover?: import('bootstrap-vue-next').LinkOpacity;
+                prefetch?: boolean;
+                prefetchOn?: Partial<{
+                    visibility: boolean;
+                    interaction: boolean;
+                }>;
+                noPrefetch?: boolean;
+                prefetchedClass?: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
+                rel?: string;
+                routerComponentName?: string | import('vue').Component;
+                routerTag?: string;
+                stretched?: boolean;
+                target?: import('bootstrap-vue-next').LinkTarget;
+                to?: RouteLocationRaw;
+                underlineOffset?: import('bootstrap-vue-next').UnderlineOffset;
+                underlineOffsetHover?: import('bootstrap-vue-next').UnderlineOffset;
+                underlineOpacity?: import('bootstrap-vue-next').UnderlineOpacity;
+                underlineOpacityHover?: import('bootstrap-vue-next').UnderlineOpacity;
+                underlineVariant?: import('bootstrap-vue-next').ColorVariant | null;
+                loading?: boolean;
+                loadingFill?: boolean;
+                loadingText?: string;
+                pill?: boolean;
+                squared?: boolean;
+                tag?: string;
+            }> & Readonly<{
+                onClick?: ((value: MouseEvent) => any) | undefined;
+                "onUpdate:pressed"?: ((value: boolean | undefined) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                click: (value: MouseEvent) => any;
+                "update:pressed": (value: boolean | undefined) => any;
+            }, import('vue').PublicProps, {
+                disabled: boolean;
+                to: import('vue-router').RouteLocationRaw;
+                size: import('bootstrap-vue-next').Size;
+                pill: boolean;
+                target: import('bootstrap-vue-next').LinkTarget;
+                type: import('bootstrap-vue-next').ButtonType;
+                routerTag: string;
+                active: boolean;
+                activeClass: string;
+                exactActiveClass: string;
+                href: string;
+                icon: boolean;
+                opacity: import('bootstrap-vue-next').LinkOpacity;
+                opacityHover: import('bootstrap-vue-next').LinkOpacity;
+                rel: string;
+                replace: boolean;
+                routerComponentName: string | import('vue').Component;
+                stretched: boolean;
+                underlineOffset: import('bootstrap-vue-next').UnderlineOffset;
+                underlineOffsetHover: import('bootstrap-vue-next').UnderlineOffset;
+                underlineOpacity: import('bootstrap-vue-next').UnderlineOpacity;
+                underlineOpacityHover: import('bootstrap-vue-next').UnderlineOpacity;
+                underlineVariant: import('bootstrap-vue-next').ColorVariant | null;
+                variant: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
                 tag: string;
-                offset: import('bootstrap-vue-next').ColsOffsetNumbers;
-                alignSelf: import('bootstrap-vue-next').AlignmentVertical | "auto";
-                order: import('bootstrap-vue-next').ColsOrderNumbers;
-                cols: import('bootstrap-vue-next').ColsNumbers | "auto";
-                offsetSm: import('bootstrap-vue-next').ColsOffsetNumbers;
-                offsetMd: import('bootstrap-vue-next').ColsOffsetNumbers;
-                offsetLg: import('bootstrap-vue-next').ColsOffsetNumbers;
-                offsetXl: import('bootstrap-vue-next').ColsOffsetNumbers;
-                offsetXxl: import('bootstrap-vue-next').ColsOffsetNumbers;
-                orderSm: import('bootstrap-vue-next').ColsOrderNumbers;
-                orderMd: import('bootstrap-vue-next').ColsOrderNumbers;
-                orderLg: import('bootstrap-vue-next').ColsOrderNumbers;
-                orderXl: import('bootstrap-vue-next').ColsOrderNumbers;
-                orderXxl: import('bootstrap-vue-next').ColsOrderNumbers;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-                $slots: Readonly<import('bootstrap-vue-next').BColSlots> & import('bootstrap-vue-next').BColSlots;
-            });
-        }, {}, string, () => {
-            cols: unknown;
-            sm: unknown;
-            md: unknown;
-            lg: unknown;
-            xl: unknown;
-        }, true, {}, any>;
-        VsRow: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, 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('bootstrap-vue-next').BContainerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-                    tag: string;
-                    fluid: boolean | import('bootstrap-vue-next').Breakpoint;
-                    gutterX: import('bootstrap-vue-next').GutterNumbers;
-                    gutterY: import('bootstrap-vue-next').GutterNumbers;
-                }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<import('bootstrap-vue-next').BContainerProps> & Readonly<{}>, {}, {}, {}, {}, {
-                    tag: string;
-                    fluid: boolean | import('bootstrap-vue-next').Breakpoint;
-                    gutterX: import('bootstrap-vue-next').GutterNumbers;
-                    gutterY: import('bootstrap-vue-next').GutterNumbers;
+                loading: boolean;
+                loadingFill: boolean;
+                loadingText: string;
+                squared: boolean;
+            }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                _element: unknown;
+            }, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<{
+                pressed?: import('bootstrap-vue-next').BButtonProps["pressed"];
+            } & {
+                type?: import('bootstrap-vue-next').ButtonType;
+                replace?: boolean;
+                icon?: boolean;
+                variant?: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                size?: import('bootstrap-vue-next').Size;
+                active?: boolean;
+                activeClass?: string;
+                disabled?: boolean;
+                exactActiveClass?: string;
+                href?: string;
+                noRel?: boolean;
+                opacity?: import('bootstrap-vue-next').LinkOpacity;
+                opacityHover?: import('bootstrap-vue-next').LinkOpacity;
+                prefetch?: boolean;
+                prefetchOn?: Partial<{
+                    visibility: boolean;
+                    interaction: boolean;
                 }>;
-                __isFragment?: never;
-                __isTeleport?: never;
-                __isSuspense?: never;
-            } & import('vue').ComponentOptionsBase<Readonly<import('bootstrap-vue-next').BContainerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                noPrefetch?: boolean;
+                prefetchedClass?: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
+                rel?: string;
+                routerComponentName?: string | import('vue').Component;
+                routerTag?: string;
+                stretched?: boolean;
+                target?: import('bootstrap-vue-next').LinkTarget;
+                to?: RouteLocationRaw;
+                underlineOffset?: import('bootstrap-vue-next').UnderlineOffset;
+                underlineOffsetHover?: import('bootstrap-vue-next').UnderlineOffset;
+                underlineOpacity?: import('bootstrap-vue-next').UnderlineOpacity;
+                underlineOpacityHover?: import('bootstrap-vue-next').UnderlineOpacity;
+                underlineVariant?: import('bootstrap-vue-next').ColorVariant | null;
+                loading?: boolean;
+                loadingFill?: boolean;
+                loadingText?: string;
+                pill?: boolean;
+                squared?: boolean;
+                tag?: string;
+            }> & Readonly<{
+                onClick?: ((value: MouseEvent) => any) | undefined;
+                "onUpdate:pressed"?: ((value: boolean | undefined) => any) | undefined;
+            }>, {}, {}, {}, {}, {
+                disabled: boolean;
+                to: import('vue-router').RouteLocationRaw;
+                size: import('bootstrap-vue-next').Size;
+                pill: boolean;
+                target: import('bootstrap-vue-next').LinkTarget;
+                type: import('bootstrap-vue-next').ButtonType;
+                routerTag: string;
+                active: boolean;
+                activeClass: string;
+                exactActiveClass: string;
+                href: string;
+                icon: boolean;
+                opacity: import('bootstrap-vue-next').LinkOpacity;
+                opacityHover: import('bootstrap-vue-next').LinkOpacity;
+                rel: string;
+                replace: boolean;
+                routerComponentName: string | import('vue').Component;
+                stretched: boolean;
+                underlineOffset: import('bootstrap-vue-next').UnderlineOffset;
+                underlineOffsetHover: import('bootstrap-vue-next').UnderlineOffset;
+                underlineOpacity: import('bootstrap-vue-next').UnderlineOpacity;
+                underlineOpacityHover: import('bootstrap-vue-next').UnderlineOpacity;
+                underlineVariant: import('bootstrap-vue-next').ColorVariant | null;
+                variant: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
                 tag: string;
-                fluid: boolean | import('bootstrap-vue-next').Breakpoint;
-                gutterX: import('bootstrap-vue-next').GutterNumbers;
-                gutterY: import('bootstrap-vue-next').GutterNumbers;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-                $slots: Readonly<import('bootstrap-vue-next').BContainerSlots> & import('bootstrap-vue-next').BContainerSlots;
-            });
-        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                loading: boolean;
+                loadingFill: boolean;
+                loadingText: string;
+                squared: boolean;
+            }>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<{
+            pressed?: import('bootstrap-vue-next').BButtonProps["pressed"];
+        } & {
+            type?: import('bootstrap-vue-next').ButtonType;
+            replace?: boolean;
+            icon?: boolean;
+            variant?: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+            size?: import('bootstrap-vue-next').Size;
+            active?: boolean;
+            activeClass?: string;
+            disabled?: boolean;
+            exactActiveClass?: string;
+            href?: string;
+            noRel?: boolean;
+            opacity?: import('bootstrap-vue-next').LinkOpacity;
+            opacityHover?: import('bootstrap-vue-next').LinkOpacity;
+            prefetch?: boolean;
+            prefetchOn?: Partial<{
+                visibility: boolean;
+                interaction: boolean;
+            }>;
+            noPrefetch?: boolean;
+            prefetchedClass?: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
+            rel?: string;
+            routerComponentName?: string | import('vue').Component;
+            routerTag?: string;
+            stretched?: boolean;
+            target?: import('bootstrap-vue-next').LinkTarget;
+            to?: RouteLocationRaw;
+            underlineOffset?: import('bootstrap-vue-next').UnderlineOffset;
+            underlineOffsetHover?: import('bootstrap-vue-next').UnderlineOffset;
+            underlineOpacity?: import('bootstrap-vue-next').UnderlineOpacity;
+            underlineOpacityHover?: import('bootstrap-vue-next').UnderlineOpacity;
+            underlineVariant?: import('bootstrap-vue-next').ColorVariant | null;
+            loading?: boolean;
+            loadingFill?: boolean;
+            loadingText?: string;
+            pill?: boolean;
+            squared?: boolean;
+            tag?: string;
+        }> & Readonly<{
+            onClick?: ((value: MouseEvent) => any) | undefined;
+            "onUpdate:pressed"?: ((value: boolean | undefined) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            click: (value: MouseEvent) => any;
+            "update:pressed": (value: boolean | undefined) => any;
+        }, string, {
+            disabled: boolean;
+            to: import('vue-router').RouteLocationRaw;
+            size: import('bootstrap-vue-next').Size;
+            pill: boolean;
+            target: import('bootstrap-vue-next').LinkTarget;
+            type: import('bootstrap-vue-next').ButtonType;
+            routerTag: string;
+            active: boolean;
+            activeClass: string;
+            exactActiveClass: string;
+            href: string;
+            icon: boolean;
+            opacity: import('bootstrap-vue-next').LinkOpacity;
+            opacityHover: import('bootstrap-vue-next').LinkOpacity;
+            rel: string;
+            replace: boolean;
+            routerComponentName: string | import('vue').Component;
+            stretched: boolean;
+            underlineOffset: import('bootstrap-vue-next').UnderlineOffset;
+            underlineOffsetHover: import('bootstrap-vue-next').UnderlineOffset;
+            underlineOpacity: import('bootstrap-vue-next').UnderlineOpacity;
+            underlineOpacityHover: import('bootstrap-vue-next').UnderlineOpacity;
+            underlineVariant: import('bootstrap-vue-next').ColorVariant | null;
+            variant: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+            tag: string;
+            loading: boolean;
+            loadingFill: boolean;
+            loadingText: string;
+            squared: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+            $slots: Readonly<import('bootstrap-vue-next').BButtonSlots> & import('bootstrap-vue-next').BButtonSlots;
+        });
+        VsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                required: true;
+            };
+            variant: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+            customColour: {
+                type: StringConstructor;
+                default: any;
+            };
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+            smallSize: {
+                type: StringConstructor;
+                default: any;
+                validator: (value: unknown) => any;
+            };
+        }>, {}, {
+            tokens: {
+                "vs-color-background-primary": string;
+                "vs-color-background-secondary": string;
+                "vs-color-background-bold": 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-bold": string;
+                "vs-color-border-success": string;
+                "vs-color-border-warning": string;
+                "vs-color-border-error": string;
+                "vs-color-border-disabled": string;
+                "vs-color-border-accent-thistle-20": string;
+                "vs-color-icon-primary": string;
+                "vs-color-icon-secondary": string;
+                "vs-color-icon-tertiary": 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-accent-thistle-20": 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-cta-subtle": string;
+                "vs-color-interaction-link-primary": string;
+                "vs-color-interaction-link-secondary": 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;
+                "vs-spacer-0": string;
+                "vs-spacer-0125": string;
+                "vs-spacer-025": string;
+                "vs-spacer-050": string;
+                "vs-spacer-075": string;
+                "vs-spacer-100": string;
+                "vs-spacer-125": string;
+                "vs-spacer-150": string;
+                "vs-spacer-175": string;
+                "vs-spacer-200": string;
+                "vs-spacer-225": string;
+                "vs-spacer-250": string;
+                "vs-spacer-300": string;
+                "vs-spacer-400": string;
+                "vs-spacer-500": string;
+                "vs-spacer-600": string;
+                "vs-spacer-700": string;
+                "vs-radius-medium": string;
+                "vs-radius-none": string;
+                "vs-radius-large-increased": string;
+                "vs-radius-extra-large-increased": string;
+                "vs-radius-tiny": string;
+                "vs-radius-large": string;
+                "vs-radius-extra-large": string;
+                "vs-radius-extra-extra-large": string;
+                "vs-radius-huge": string;
+                "vs-radius-full": string;
+                "vs-radius-small": 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;
+                "vs-focus-shadow": string;
+                "vs-focus-shadow-on-dark": string;
+                "vs-border-width-sm": string;
+                "vs-border-width-md": string;
+                "vs-font-size-display-m": string;
+                "vs-font-size-display-s": string;
+                "vs-font-size-heading-xl": string;
+                "vs-font-size-heading-l": string;
+                "vs-font-size-heading-m": string;
+                "vs-font-size-heading-s": string;
+                "vs-font-size-heading-xs": string;
+                "vs-font-size-heading-xxs": string;
+                "vs-font-size-heading-xxxs": string;
+                "vs-font-size-detail-l": string;
+                "vs-font-size-detail-m": string;
+                "vs-font-size-detail-s": string;
+                "vs-font-size-body-l": string;
+                "vs-font-size-body-m": string;
+                "vs-font-size-body-s": string;
+                "vs-font-weight-strong": string;
+                "vs-font-weight-medium": string;
+                "vs-font-weight-regular": string;
+                "vs-font-weight-subtle": string;
+                "vs-font-weight-heading": string;
+                "vs-font-weight-body": string;
+                "vs-font-weight-detail": string;
+                "vs-font-family-sans-serif": string;
+                "vs-font-family-display": string;
+                "vs-line-height-heading": number;
+                "vs-line-height-detail": number;
+                "vs-line-height-body": number;
+                "vs-letter-spacing-display": string;
+                "vs-letter-spacing-heading": string;
+                "vs-letter-spacing-detail": string;
+                "vs-letter-spacing-body": 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;
+                "vs-icon-facility-audio-loop": string;
+                "vs-icon-control-collapse": string;
+                "vs-icon-facility-wheelchair-access": string;
+                "vs-icon-control-pause": string;
+                "vs-icon-facility-cafe": string;
+                "vs-icon-feedback-error": string;
+                "vs-icon-facility-accessible-parking": string;
+                "vs-icon-control-next": string;
+                "vs-icon-control-filters": string;
+                "vs-icon-feedback-information": string;
+                "vs-icon-control-external-link": string;
+                "vs-icon-control-play": string;
+                "vs-icon-facility-accessible-dining": string;
+                "vs-icon-control-previous": string;
+                "vs-icon-facility-public-transport": string;
+                "vs-icon-season-winter": string;
+                "vs-icon-control-expand": string;
+                "vs-icon-facility-pets-welcome": string;
+                "vs-icon-facility-parking": string;
+                "vs-icon-control-menu": string;
+                "vs-icon-season-spring": string;
+                "vs-icon-season-summer": string;
+                "vs-icon-facility-breakfast": string;
+                "vs-icon-control-back-to-top": string;
+                "vs-icon-control-dismiss": string;
+                "vs-icon-feedback-warning": string;
+                "vs-icon-facility-accessible-shower": string;
+                "vs-icon-facility-wifi": string;
+                "vs-icon-control-search": string;
+                "vs-icon-control-download": string;
+                "vs-icon-season-autumn": string;
+                "vs-icon-facility-accessible-toilet": string;
+                "vs-icon-feedback-success": string;
+                "vs-icon-facility-vegan": 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;
+                opacity_100: string;
+                opacity_50: string;
+                opacity_0: string;
+                duration_quickly: string;
+                duration_base: string;
+                duration_slowly: string;
+                no_javascript: string;
+                theme_dark: string;
+                theme_grey: string;
+            };
+        }, {
+            iconClasses(): any[];
+            fontAwesomeClasses(): any;
+            iconStyles(): {
+                color: string;
+            };
+        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                required: true;
+            };
+            variant: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+            customColour: {
+                type: StringConstructor;
+                default: any;
+            };
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+            smallSize: {
+                type: StringConstructor;
+                default: any;
+                validator: (value: unknown) => any;
+            };
+        }>> & Readonly<{}>, {
+            variant: string;
+            customColour: string;
+            size: string;
+            smallSize: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    VsButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        href: {
+    VsImg: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        src: {
             type: StringConstructor;
-            default: any;
+            required: true;
         };
-        tabindex: {
+        lowResImage: {
             type: StringConstructor;
             default: any;
         };
-        variant: {
+        alt: {
             type: StringConstructor;
             default: string;
-            validator: (value: unknown) => any;
         };
-        size: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: unknown) => any;
+        fluid: {
+            type: BooleanConstructor;
+            default: boolean;
         };
-        animate: {
+        fluidGrow: {
             type: BooleanConstructor;
             default: boolean;
         };
-        rounded: {
+        useGenericLqip: {
             type: BooleanConstructor;
             default: boolean;
         };
-        icon: {
+        useLazyLoading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {}, {
+        resolvedLowResImage(): string;
+        resolvedSizes(): string;
+        imgStyle(): {
+            backgroundImage: string;
+        };
+        isSvg(): boolean;
+        computedSrcSet(): unknown;
+    }, {}, {
+        computed: {
+            fullSrcSet(): string;
+        };
+        methods: {
+            specificImgSize(size: any): string;
+        };
+    } | {
+        inject: {
+            cols: {
+                default: number;
+            };
+            sm: {
+                default: number;
+            };
+            md: {
+                default: number;
+            };
+            lg: {
+                default: number;
+            };
+            xl: {
+                default: number;
+            };
+        };
+        computed: {
+            computedSizes(): 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;
         };
-        iconOnly: {
+        fluid: {
             type: BooleanConstructor;
             default: boolean;
         };
-        showLabelBreakpoint: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: unknown) => boolean;
+        fluidGrow: {
+            type: BooleanConstructor;
+            default: boolean;
         };
-        active: {
+        useGenericLqip: {
             type: BooleanConstructor;
             default: boolean;
         };
-        iconPosition: {
+        useLazyLoading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        fluid: boolean;
+        fluidGrow: boolean;
+        lowResImage: string;
+        alt: string;
+        useGenericLqip: boolean;
+        useLazyLoading: boolean;
+    }, {}, {
+        BImg: import('vue').DefineComponent<import('bootstrap-vue-next').BImgProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('bootstrap-vue-next').BImgProps> & Readonly<{}>, {
+            lazy: boolean;
+            tag: string | import('vue').Component;
+            height: import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            width: import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            placement: Extract<import('bootstrap-vue-next').Placement, "start" | "end"> | "center";
+            blank: boolean;
+            blankColor: string;
+            block: boolean;
+            fluid: boolean;
+            fluidGrow: boolean;
+            sizes: string | readonly string[];
+            src: string;
+            srcset: string | readonly string[];
+            thumbnail: 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;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    VsLink: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        href: {
+            type: StringConstructor;
+            default: any;
+        };
+        type: {
             type: StringConstructor;
             default: string;
             validator: (value: unknown) => any;
         };
-    }>, {}, {
-        isAnimating: boolean;
-    }, {
-        buttonClasses(): {
-            [x: string]: string | boolean;
-            'vs-button--animated': boolean;
-            'vs-button--is-animating': boolean;
-            'vs-button--rounded': boolean;
-            'vs-button--icon-only': boolean;
-            'vs-button--active': boolean;
-            'vs-button--flex-reverse': boolean;
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
         };
-        iconClasses(): {
-            'vs-icon--right': boolean;
-            'vs-icon--left': boolean;
-        }[];
-        buttonLabelClasses(): {
-            [x: string]: string | true;
-            'visually-hidden': string | true;
+        iconSize: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
         };
+        dataLayerValue: {
+            type: StringConstructor;
+            default: any;
+        };
+        noVisitedStyles: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {}, {
+        linkClasses(): string[];
+        iconName(): string;
+        iconVariant(): string;
     }, {
-        animateHandler(event: any): void;
-        tabbedIn(event: any): void;
-        trackLink(event: any): void;
+        clickHandler(event: any): void;
+        navigateToUrl(): void;
+        keyHandler(event: any): void;
     }, {
         computed: {
             pageUrl: () => string;
@@ -4058,312 +4326,47 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             compileFullTemplate(templateValues: any): any;
             targetText(event: any): any;
         };
-    }, import('vue').ComponentOptionsMixin, "btnFocus"[], "btnFocus", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         href: {
             type: StringConstructor;
             default: any;
         };
-        tabindex: {
-            type: StringConstructor;
-            default: any;
-        };
-        variant: {
+        type: {
             type: StringConstructor;
             default: string;
             validator: (value: unknown) => any;
         };
-        size: {
+        variant: {
             type: StringConstructor;
             default: string;
             validator: (value: unknown) => any;
         };
-        animate: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        rounded: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        icon: {
+        iconSize: {
             type: StringConstructor;
             default: string;
+            validator: (value: unknown) => any;
         };
-        iconOnly: {
+        disabled: {
             type: BooleanConstructor;
             default: boolean;
         };
-        showLabelBreakpoint: {
+        dataLayerValue: {
             type: StringConstructor;
-            default: string;
-            validator: (value: unknown) => boolean;
+            default: any;
         };
-        active: {
+        noVisitedStyles: {
             type: BooleanConstructor;
             default: boolean;
         };
-        iconPosition: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: unknown) => any;
-        };
-    }>> & Readonly<{
-        onBtnFocus?: (...args: any[]) => any;
-    }>, {
-        icon: string;
+    }>> & Readonly<{}>, {
+        type: string;
         variant: string;
-        size: string;
-        active: boolean;
+        disabled: boolean;
         href: string;
-        tabindex: string;
-        animate: boolean;
-        rounded: boolean;
-        iconOnly: boolean;
-        showLabelBreakpoint: string;
-        iconPosition: string;
+        iconSize: string;
+        dataLayerValue: string;
+        noVisitedStyles: boolean;
     }, {}, {
-        BButton: {
-            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-                pressed?: import('bootstrap-vue-next').BButtonProps["pressed"];
-            } & {
-                type?: import('bootstrap-vue-next').ButtonType;
-                replace?: boolean;
-                icon?: boolean;
-                variant?: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
-                size?: import('bootstrap-vue-next').Size;
-                active?: boolean;
-                activeClass?: string;
-                disabled?: boolean;
-                exactActiveClass?: string;
-                href?: string;
-                noRel?: boolean;
-                opacity?: import('bootstrap-vue-next').LinkOpacity;
-                opacityHover?: import('bootstrap-vue-next').LinkOpacity;
-                prefetch?: boolean;
-                prefetchOn?: Partial<{
-                    visibility: boolean;
-                    interaction: boolean;
-                }>;
-                noPrefetch?: boolean;
-                prefetchedClass?: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
-                rel?: string;
-                routerComponentName?: string | import('vue').Component;
-                routerTag?: string;
-                stretched?: boolean;
-                target?: import('bootstrap-vue-next').LinkTarget;
-                to?: RouteLocationRaw;
-                underlineOffset?: import('bootstrap-vue-next').UnderlineOffset;
-                underlineOffsetHover?: import('bootstrap-vue-next').UnderlineOffset;
-                underlineOpacity?: import('bootstrap-vue-next').UnderlineOpacity;
-                underlineOpacityHover?: import('bootstrap-vue-next').UnderlineOpacity;
-                underlineVariant?: import('bootstrap-vue-next').ColorVariant | null;
-                loading?: boolean;
-                loadingFill?: boolean;
-                loadingText?: string;
-                pill?: boolean;
-                squared?: boolean;
-                tag?: string;
-            }> & Readonly<{
-                onClick?: ((value: MouseEvent) => any) | undefined;
-                "onUpdate:pressed"?: ((value: boolean | undefined) => any) | undefined;
-            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                click: (value: MouseEvent) => any;
-                "update:pressed": (value: boolean | undefined) => any;
-            }, import('vue').PublicProps, {
-                disabled: boolean;
-                to: import('vue-router').RouteLocationRaw;
-                size: import('bootstrap-vue-next').Size;
-                pill: boolean;
-                target: import('bootstrap-vue-next').LinkTarget;
-                type: import('bootstrap-vue-next').ButtonType;
-                routerTag: string;
-                active: boolean;
-                activeClass: string;
-                exactActiveClass: string;
-                href: string;
-                icon: boolean;
-                opacity: import('bootstrap-vue-next').LinkOpacity;
-                opacityHover: import('bootstrap-vue-next').LinkOpacity;
-                rel: string;
-                replace: boolean;
-                routerComponentName: string | import('vue').Component;
-                stretched: boolean;
-                underlineOffset: import('bootstrap-vue-next').UnderlineOffset;
-                underlineOffsetHover: import('bootstrap-vue-next').UnderlineOffset;
-                underlineOpacity: import('bootstrap-vue-next').UnderlineOpacity;
-                underlineOpacityHover: import('bootstrap-vue-next').UnderlineOpacity;
-                underlineVariant: import('bootstrap-vue-next').ColorVariant | null;
-                variant: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
-                tag: string;
-                loading: boolean;
-                loadingFill: boolean;
-                loadingText: string;
-                squared: boolean;
-            }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-                _element: unknown;
-            }, any, import('vue').ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<{
-                pressed?: import('bootstrap-vue-next').BButtonProps["pressed"];
-            } & {
-                type?: import('bootstrap-vue-next').ButtonType;
-                replace?: boolean;
-                icon?: boolean;
-                variant?: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
-                size?: import('bootstrap-vue-next').Size;
-                active?: boolean;
-                activeClass?: string;
-                disabled?: boolean;
-                exactActiveClass?: string;
-                href?: string;
-                noRel?: boolean;
-                opacity?: import('bootstrap-vue-next').LinkOpacity;
-                opacityHover?: import('bootstrap-vue-next').LinkOpacity;
-                prefetch?: boolean;
-                prefetchOn?: Partial<{
-                    visibility: boolean;
-                    interaction: boolean;
-                }>;
-                noPrefetch?: boolean;
-                prefetchedClass?: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
-                rel?: string;
-                routerComponentName?: string | import('vue').Component;
-                routerTag?: string;
-                stretched?: boolean;
-                target?: import('bootstrap-vue-next').LinkTarget;
-                to?: RouteLocationRaw;
-                underlineOffset?: import('bootstrap-vue-next').UnderlineOffset;
-                underlineOffsetHover?: import('bootstrap-vue-next').UnderlineOffset;
-                underlineOpacity?: import('bootstrap-vue-next').UnderlineOpacity;
-                underlineOpacityHover?: import('bootstrap-vue-next').UnderlineOpacity;
-                underlineVariant?: import('bootstrap-vue-next').ColorVariant | null;
-                loading?: boolean;
-                loadingFill?: boolean;
-                loadingText?: string;
-                pill?: boolean;
-                squared?: boolean;
-                tag?: string;
-            }> & Readonly<{
-                onClick?: ((value: MouseEvent) => any) | undefined;
-                "onUpdate:pressed"?: ((value: boolean | undefined) => any) | undefined;
-            }>, {}, {}, {}, {}, {
-                disabled: boolean;
-                to: import('vue-router').RouteLocationRaw;
-                size: import('bootstrap-vue-next').Size;
-                pill: boolean;
-                target: import('bootstrap-vue-next').LinkTarget;
-                type: import('bootstrap-vue-next').ButtonType;
-                routerTag: string;
-                active: boolean;
-                activeClass: string;
-                exactActiveClass: string;
-                href: string;
-                icon: boolean;
-                opacity: import('bootstrap-vue-next').LinkOpacity;
-                opacityHover: import('bootstrap-vue-next').LinkOpacity;
-                rel: string;
-                replace: boolean;
-                routerComponentName: string | import('vue').Component;
-                stretched: boolean;
-                underlineOffset: import('bootstrap-vue-next').UnderlineOffset;
-                underlineOffsetHover: import('bootstrap-vue-next').UnderlineOffset;
-                underlineOpacity: import('bootstrap-vue-next').UnderlineOpacity;
-                underlineOpacityHover: import('bootstrap-vue-next').UnderlineOpacity;
-                underlineVariant: import('bootstrap-vue-next').ColorVariant | null;
-                variant: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
-                tag: string;
-                loading: boolean;
-                loadingFill: boolean;
-                loadingText: string;
-                squared: boolean;
-            }>;
-            __isFragment?: never;
-            __isTeleport?: never;
-            __isSuspense?: never;
-        } & import('vue').ComponentOptionsBase<Readonly<{
-            pressed?: import('bootstrap-vue-next').BButtonProps["pressed"];
-        } & {
-            type?: import('bootstrap-vue-next').ButtonType;
-            replace?: boolean;
-            icon?: boolean;
-            variant?: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
-            size?: import('bootstrap-vue-next').Size;
-            active?: boolean;
-            activeClass?: string;
-            disabled?: boolean;
-            exactActiveClass?: string;
-            href?: string;
-            noRel?: boolean;
-            opacity?: import('bootstrap-vue-next').LinkOpacity;
-            opacityHover?: import('bootstrap-vue-next').LinkOpacity;
-            prefetch?: boolean;
-            prefetchOn?: Partial<{
-                visibility: boolean;
-                interaction: boolean;
-            }>;
-            noPrefetch?: boolean;
-            prefetchedClass?: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
-            rel?: string;
-            routerComponentName?: string | import('vue').Component;
-            routerTag?: string;
-            stretched?: boolean;
-            target?: import('bootstrap-vue-next').LinkTarget;
-            to?: RouteLocationRaw;
-            underlineOffset?: import('bootstrap-vue-next').UnderlineOffset;
-            underlineOffsetHover?: import('bootstrap-vue-next').UnderlineOffset;
-            underlineOpacity?: import('bootstrap-vue-next').UnderlineOpacity;
-            underlineOpacityHover?: import('bootstrap-vue-next').UnderlineOpacity;
-            underlineVariant?: import('bootstrap-vue-next').ColorVariant | null;
-            loading?: boolean;
-            loadingFill?: boolean;
-            loadingText?: string;
-            pill?: boolean;
-            squared?: boolean;
-            tag?: string;
-        }> & Readonly<{
-            onClick?: ((value: MouseEvent) => any) | undefined;
-            "onUpdate:pressed"?: ((value: boolean | undefined) => any) | undefined;
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            click: (value: MouseEvent) => any;
-            "update:pressed": (value: boolean | undefined) => any;
-        }, string, {
-            disabled: boolean;
-            to: import('vue-router').RouteLocationRaw;
-            size: import('bootstrap-vue-next').Size;
-            pill: boolean;
-            target: import('bootstrap-vue-next').LinkTarget;
-            type: import('bootstrap-vue-next').ButtonType;
-            routerTag: string;
-            active: boolean;
-            activeClass: string;
-            exactActiveClass: string;
-            href: string;
-            icon: boolean;
-            opacity: import('bootstrap-vue-next').LinkOpacity;
-            opacityHover: import('bootstrap-vue-next').LinkOpacity;
-            rel: string;
-            replace: boolean;
-            routerComponentName: string | import('vue').Component;
-            stretched: boolean;
-            underlineOffset: import('bootstrap-vue-next').UnderlineOffset;
-            underlineOffsetHover: import('bootstrap-vue-next').UnderlineOffset;
-            underlineOpacity: import('bootstrap-vue-next').UnderlineOpacity;
-            underlineOpacityHover: import('bootstrap-vue-next').UnderlineOpacity;
-            underlineVariant: import('bootstrap-vue-next').ColorVariant | null;
-            variant: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
-            tag: string;
-            loading: boolean;
-            loadingFill: boolean;
-            loadingText: string;
-            squared: boolean;
-        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-            $slots: Readonly<import('bootstrap-vue-next').BButtonSlots> & import('bootstrap-vue-next').BButtonSlots;
-        });
         VsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             icon: {
                 type: StringConstructor;