@visitscotland/component-library 5.60.0 → 5.61.0

package/dist/components/src/components/map/Map.vue.d.ts

@@ -1,1696 +0,0 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    /**
-     * Starting latitude for map view
-     */
-    overviewMapLatitude: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Starting longitude for map view
-     */
-    overviewMapLongitude: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Starting zoom level for map view
-     */
-    overviewMapZoom: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Unique ID for the map
-     */
-    mapId: {
-        type: StringConstructor;
-        required: true;
-    };
-    /**
-     * Whether or not the map is visible
-     * used for triggering resize
-     */
-    isVisible: {
-        type: BooleanConstructor;
-        required: true;
-    };
-    /**
-     * Place data for markers
-     */
-    places: {
-        type: ArrayConstructor;
-        required: true;
-    };
-    /**
-     * Category filters array
-     */
-    filters: {
-        type: ArrayConstructor;
-        default(): any[];
-    };
-    /**
-     * Whether the map should fit to marker bounds
-     */
-    fitToMarkers: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Whether the map should show regions polygons
-     */
-    showPolygons: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * The current selectdd item
-     */
-    selectedItem: {
-        type: ObjectConstructor;
-        default: any;
-    };
-    /**
-     * Data to set map bounds
-     */
-    boundsData: {
-        type: ObjectConstructor;
-        default: () => void;
-    };
-    /** If the map should show an info message defined
-     * a slot
-     */
-    showInfoMessage: {
-        type: BooleanConstructor;
-        default: any;
-    };
-    /**
-     * Allows parent component to fire a reset zoom event
-    */
-    resetZoom: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Turn popups off on map markers
-     */
-    showMarkerPopups: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * If true the map branding will load immediately after the component is mounted. This
-     * should be set to true if the map is loaded asynchronously after page creation, as in
-     * most uses cases of the /maps entry.
-     */
-    loadBrandingImmediately: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, void, {
-    isDesktop: boolean;
-    geojsonData: {
-        type: string;
-        features: any[];
-    };
-    polygons: {
-        type: string;
-        features: any[];
-    };
-    multiPolygons: any[];
-    mapbox: {
-        map: any;
-        bounds: any;
-        rotation: number;
-        config: {
-            container: unknown;
-            style: string;
-            pitchWithRotate: boolean;
-            dragRotate: boolean;
-        };
-    };
-    markers: any[];
-    popup: any;
-    hoveredStateId: any;
-    activeStateId: any;
-    showMapMessage: boolean;
-    isLoading: boolean;
-    showZoomMessage: any;
-}, {
-    activeMarkerPostion: () => unknown;
-    highlightedPlace: () => string;
-    activePlace: () => unknown;
-    getZoom(): any;
-}, {
-    /**
-     * Adds a mapbox map to the page
-     */
-    addMap(): void;
-    /**
-     * Adds mapbox map controls
-     */
-    addMapControls(): void;
-    /**
-     * Initialise features array for points & polygons
-     */
-    initialiseMapFeatures(): void;
-    /**
-     * Returns correct coordinates for points & polygons
-     */
-    getCoordinateArray(place: any): any[];
-    /**
-     * Returns object for a map feature
-     * including points, polygons or multi-polygons
-     */
-    getMapFeatures(place: any, coordinateArray: any): number;
-    /**
-     * Returns object for itinerary points
-     */
-    getItineraryMapFeatures(place: any): number;
-    /**
-     * Initialise add map markers
-     */
-    initialiseMapMarkers(): void;
-    /**
-     * Creates a map marker component instance for a point
-     * and appends it to the map
-     */
-    createMapMarker(feature: any): void;
-    /**
-     * Hide all polygons
-     */
-    hideMapPolygons(): void;
-    /**
-     * Show all polygons
-     */
-    showMapPolygons(): void;
-    /**
-     * Add polygons from data into map
-     */
-    addMapPolygons(): void;
-    /**
-     * Remove the current active polygon
-     */
-    removeActivePolygon(): void;
-    /**
-     * Add a new active polygon
-     */
-    addActivePolygon(feature: any): void;
-    /**
-     * Remove the current hovered polygon
-     */
-    removeHoveredPolygon(): void;
-    /**
-     * Add a hovered polygon
-     */
-    addHoveredPolygon(feature: any): void;
-    /**
-     * Add a map popup when feature is hovered
-     */
-    addMapPopup(feature: any): void;
-    /**
-     * Remove the popup from the map
-     */
-    removeMapPopup(marker: any): void;
-    /**
-     * Get coordinates to decide where to show popup
-     */
-    getCoordinates(feature: any): any;
-    /**
-     * Find the centre of a polygon to display popup
-     */
-    findFeatureCentre(markers: any): {
-        lat: number;
-        lng: number;
-    };
-    /**
-     * Get correct popup html based on map feature type
-     */
-    getPopupHtml(feature: any): string;
-    /**
-     * Detect keyboard nav to toggle popup
-     */
-    setupMarkerListeners(marker: any): void;
-    /**
-     * Ensures map fits to bounds
-     */
-    fitToBounds(): void;
-    /**
-     * Initialises the map component
-     */
-    initialiseMapComponent(): void;
-    /**
-     * Initialises lazy loading
-     */
-    lazyloadMapComponent(): void;
-    /**
-     * Checks for window size on resize
-     */
-    onResize(): void;
-    /**
-     * Creates a map bounding object from polygon data
-     */
-    getBoundsFromPolygon(): any;
-    /**
-     * Check a marker is visible on the map
-     */
-    checkPointIsVisible(): any;
-    /**
-     * Reposition map to centre on point
-     */
-    centreMapOnPoint(coords: any): void;
-    /**
-     * Calculate bounding box depending on data provided
-    */
-    calculateBoundingBox(): any;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("showDetail" | "setCategory" | "map-ready" | "zoom-reset")[], "showDetail" | "setCategory" | "map-ready" | "zoom-reset", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /**
-     * Starting latitude for map view
-     */
-    overviewMapLatitude: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Starting longitude for map view
-     */
-    overviewMapLongitude: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Starting zoom level for map view
-     */
-    overviewMapZoom: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Unique ID for the map
-     */
-    mapId: {
-        type: StringConstructor;
-        required: true;
-    };
-    /**
-     * Whether or not the map is visible
-     * used for triggering resize
-     */
-    isVisible: {
-        type: BooleanConstructor;
-        required: true;
-    };
-    /**
-     * Place data for markers
-     */
-    places: {
-        type: ArrayConstructor;
-        required: true;
-    };
-    /**
-     * Category filters array
-     */
-    filters: {
-        type: ArrayConstructor;
-        default(): any[];
-    };
-    /**
-     * Whether the map should fit to marker bounds
-     */
-    fitToMarkers: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Whether the map should show regions polygons
-     */
-    showPolygons: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * The current selectdd item
-     */
-    selectedItem: {
-        type: ObjectConstructor;
-        default: any;
-    };
-    /**
-     * Data to set map bounds
-     */
-    boundsData: {
-        type: ObjectConstructor;
-        default: () => void;
-    };
-    /** If the map should show an info message defined
-     * a slot
-     */
-    showInfoMessage: {
-        type: BooleanConstructor;
-        default: any;
-    };
-    /**
-     * Allows parent component to fire a reset zoom event
-    */
-    resetZoom: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Turn popups off on map markers
-     */
-    showMarkerPopups: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * If true the map branding will load immediately after the component is mounted. This
-     * should be set to true if the map is loaded asynchronously after page creation, as in
-     * most uses cases of the /maps entry.
-     */
-    loadBrandingImmediately: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    onShowDetail?: (...args: any[]) => any;
-    onSetCategory?: (...args: any[]) => any;
-    "onMap-ready"?: (...args: any[]) => any;
-    "onZoom-reset"?: (...args: any[]) => any;
-}>, {
-    filters: unknown[];
-    overviewMapLatitude: string;
-    overviewMapLongitude: string;
-    overviewMapZoom: string;
-    fitToMarkers: boolean;
-    showPolygons: boolean;
-    selectedItem: Record<string, any>;
-    boundsData: Record<string, any>;
-    showInfoMessage: boolean;
-    resetZoom: boolean;
-    showMarkerPopups: boolean;
-    loadBrandingImmediately: boolean;
-}, {}, {
-    VsWarning: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        icon: {
-            type: StringConstructor;
-            default: string;
-        };
-        type: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: unknown) => any;
-        };
-        size: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: unknown) => any;
-        };
-    }>, {}, {}, {
-        warningClasses(): string[];
-        btnAttrs(): {
-            class: string;
-            size: string;
-        };
-    }, {
-        manageCookies(): void;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        icon: {
-            type: StringConstructor;
-            default: string;
-        };
-        type: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: unknown) => any;
-        };
-        size: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: unknown) => any;
-        };
-    }>> & Readonly<{}>, {
-        type: string;
-        icon: string;
-        size: 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;
-                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>;
-        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;
-            href: string;
-            active: boolean;
-            tabindex: string;
-            animate: boolean;
-            rounded: boolean;
-            iconOnly: boolean;
-            showLabelBreakpoint: string;
-            iconPosition: string;
-        }, {}, {
-            BButton: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-                    pressed: import('vue').PropType<boolean | undefined>;
-                    tag: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    type: {
-                        type: import('vue').PropType<import('bootstrap-vue-next').ButtonType>;
-                        default: string;
-                    };
-                    replace: {
-                        type: import('vue').PropType<boolean>;
-                        default: undefined;
-                    };
-                    target: {
-                        type: import('vue').PropType<import('bootstrap-vue-next').LinkTarget>;
-                        default: undefined;
-                    };
-                    to: {
-                        type: import('vue').PropType<import('vue-router').RouteLocationRaw>;
-                        default: undefined;
-                    };
-                    append: {
-                        type: import('vue').PropType<boolean>;
-                        default: undefined;
-                    };
-                    disabled: {
-                        type: import('vue').PropType<boolean>;
-                        default: undefined;
-                    };
-                    href: {
-                        type: import('vue').PropType<string>;
-                        default: undefined;
-                    };
-                    rel: {
-                        type: import('vue').PropType<string>;
-                        default: undefined;
-                    };
-                    size: {
-                        type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseSize>;
-                        default: string;
-                    };
-                    active: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    activeClass: {
-                        type: import('vue').PropType<string>;
-                        default: undefined;
-                    };
-                    routerComponentName: {
-                        type: import('vue').PropType<string>;
-                        default: undefined;
-                    };
-                    variant: {
-                        type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseButtonVariant | null>;
-                        default: string;
-                    };
-                    opacity: {
-                        type: import('vue').PropType<10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
-                        default: undefined;
-                    };
-                    opacityHover: {
-                        type: import('vue').PropType<10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
-                        default: undefined;
-                    };
-                    underlineVariant: {
-                        type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseColorVariant | null>;
-                        default: undefined;
-                    };
-                    underlineOffset: {
-                        type: import('vue').PropType<1 | 2 | 3 | "1" | "2" | "3">;
-                        default: undefined;
-                    };
-                    underlineOffsetHover: {
-                        type: import('vue').PropType<1 | 2 | 3 | "1" | "2" | "3">;
-                        default: undefined;
-                    };
-                    underlineOpacity: {
-                        type: import('vue').PropType<0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
-                        default: undefined;
-                    };
-                    underlineOpacityHover: {
-                        type: import('vue').PropType<0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
-                        default: undefined;
-                    };
-                    pill: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    icon: {
-                        type: import('vue').PropType<boolean>;
-                        default: undefined;
-                    };
-                    routerTag: {
-                        type: import('vue').PropType<string>;
-                        default: undefined;
-                    };
-                    exactActiveClass: {
-                        type: import('vue').PropType<string>;
-                        default: undefined;
-                    };
-                    loading: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    loadingFill: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    loadingText: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    squared: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                }>> & {
-                    onClick?: ((value: MouseEvent) => any) | undefined;
-                }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    click: (value: MouseEvent) => void;
-                }, import('vue').PublicProps, {
-                    tag: string;
-                    type: import('bootstrap-vue-next').ButtonType;
-                    replace: boolean;
-                    target: import('bootstrap-vue-next').LinkTarget;
-                    to: import('vue-router').RouteLocationRaw;
-                    append: boolean;
-                    disabled: boolean;
-                    href: string;
-                    rel: string;
-                    size: keyof import('bootstrap-vue-next').BaseSize;
-                    active: boolean;
-                    activeClass: string;
-                    routerComponentName: string;
-                    variant: keyof import('bootstrap-vue-next').BaseButtonVariant | null;
-                    opacity: 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
-                    opacityHover: 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
-                    underlineVariant: keyof import('bootstrap-vue-next').BaseColorVariant | null;
-                    underlineOffset: 1 | 2 | 3 | "1" | "2" | "3";
-                    underlineOffsetHover: 1 | 2 | 3 | "1" | "2" | "3";
-                    underlineOpacity: 0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
-                    underlineOpacityHover: 0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
-                    pill: boolean;
-                    icon: boolean;
-                    routerTag: string;
-                    exactActiveClass: string;
-                    loading: boolean;
-                    loadingFill: boolean;
-                    loadingText: string;
-                    squared: boolean;
-                }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<import('vue').ExtractPropTypes<{
-                    pressed: import('vue').PropType<boolean | undefined>;
-                    tag: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    type: {
-                        type: import('vue').PropType<import('bootstrap-vue-next').ButtonType>;
-                        default: string;
-                    };
-                    replace: {
-                        type: import('vue').PropType<boolean>;
-                        default: undefined;
-                    };
-                    target: {
-                        type: import('vue').PropType<import('bootstrap-vue-next').LinkTarget>;
-                        default: undefined;
-                    };
-                    to: {
-                        type: import('vue').PropType<import('vue-router').RouteLocationRaw>;
-                        default: undefined;
-                    };
-                    append: {
-                        type: import('vue').PropType<boolean>;
-                        default: undefined;
-                    };
-                    disabled: {
-                        type: import('vue').PropType<boolean>;
-                        default: undefined;
-                    };
-                    href: {
-                        type: import('vue').PropType<string>;
-                        default: undefined;
-                    };
-                    rel: {
-                        type: import('vue').PropType<string>;
-                        default: undefined;
-                    };
-                    size: {
-                        type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseSize>;
-                        default: string;
-                    };
-                    active: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    activeClass: {
-                        type: import('vue').PropType<string>;
-                        default: undefined;
-                    };
-                    routerComponentName: {
-                        type: import('vue').PropType<string>;
-                        default: undefined;
-                    };
-                    variant: {
-                        type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseButtonVariant | null>;
-                        default: string;
-                    };
-                    opacity: {
-                        type: import('vue').PropType<10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
-                        default: undefined;
-                    };
-                    opacityHover: {
-                        type: import('vue').PropType<10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
-                        default: undefined;
-                    };
-                    underlineVariant: {
-                        type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseColorVariant | null>;
-                        default: undefined;
-                    };
-                    underlineOffset: {
-                        type: import('vue').PropType<1 | 2 | 3 | "1" | "2" | "3">;
-                        default: undefined;
-                    };
-                    underlineOffsetHover: {
-                        type: import('vue').PropType<1 | 2 | 3 | "1" | "2" | "3">;
-                        default: undefined;
-                    };
-                    underlineOpacity: {
-                        type: import('vue').PropType<0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
-                        default: undefined;
-                    };
-                    underlineOpacityHover: {
-                        type: import('vue').PropType<0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
-                        default: undefined;
-                    };
-                    pill: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    icon: {
-                        type: import('vue').PropType<boolean>;
-                        default: undefined;
-                    };
-                    routerTag: {
-                        type: import('vue').PropType<string>;
-                        default: undefined;
-                    };
-                    exactActiveClass: {
-                        type: import('vue').PropType<string>;
-                        default: undefined;
-                    };
-                    loading: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    loadingFill: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    loadingText: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    squared: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                }>> & {
-                    onClick?: ((value: MouseEvent) => any) | undefined;
-                }, {}, {}, {}, {}, {
-                    tag: string;
-                    type: import('bootstrap-vue-next').ButtonType;
-                    replace: boolean;
-                    target: import('bootstrap-vue-next').LinkTarget;
-                    to: import('vue-router').RouteLocationRaw;
-                    append: boolean;
-                    disabled: boolean;
-                    href: string;
-                    rel: string;
-                    size: keyof import('bootstrap-vue-next').BaseSize;
-                    active: boolean;
-                    activeClass: string;
-                    routerComponentName: string;
-                    variant: keyof import('bootstrap-vue-next').BaseButtonVariant | null;
-                    opacity: 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
-                    opacityHover: 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
-                    underlineVariant: keyof import('bootstrap-vue-next').BaseColorVariant | null;
-                    underlineOffset: 1 | 2 | 3 | "1" | "2" | "3";
-                    underlineOffsetHover: 1 | 2 | 3 | "1" | "2" | "3";
-                    underlineOpacity: 0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
-                    underlineOpacityHover: 0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
-                    pill: boolean;
-                    icon: boolean;
-                    routerTag: string;
-                    exactActiveClass: string;
-                    loading: boolean;
-                    loadingFill: boolean;
-                    loadingText: string;
-                    squared: boolean;
-                }>;
-                __isFragment?: never;
-                __isTeleport?: never;
-                __isSuspense?: never;
-            } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-                pressed: import('vue').PropType<boolean | undefined>;
-                tag: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                type: {
-                    type: import('vue').PropType<import('bootstrap-vue-next').ButtonType>;
-                    default: string;
-                };
-                replace: {
-                    type: import('vue').PropType<boolean>;
-                    default: undefined;
-                };
-                target: {
-                    type: import('vue').PropType<import('bootstrap-vue-next').LinkTarget>;
-                    default: undefined;
-                };
-                to: {
-                    type: import('vue').PropType<import('vue-router').RouteLocationRaw>;
-                    default: undefined;
-                };
-                append: {
-                    type: import('vue').PropType<boolean>;
-                    default: undefined;
-                };
-                disabled: {
-                    type: import('vue').PropType<boolean>;
-                    default: undefined;
-                };
-                href: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                rel: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                size: {
-                    type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseSize>;
-                    default: string;
-                };
-                active: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                activeClass: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                routerComponentName: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                variant: {
-                    type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseButtonVariant | null>;
-                    default: string;
-                };
-                opacity: {
-                    type: import('vue').PropType<10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
-                    default: undefined;
-                };
-                opacityHover: {
-                    type: import('vue').PropType<10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
-                    default: undefined;
-                };
-                underlineVariant: {
-                    type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseColorVariant | null>;
-                    default: undefined;
-                };
-                underlineOffset: {
-                    type: import('vue').PropType<1 | 2 | 3 | "1" | "2" | "3">;
-                    default: undefined;
-                };
-                underlineOffsetHover: {
-                    type: import('vue').PropType<1 | 2 | 3 | "1" | "2" | "3">;
-                    default: undefined;
-                };
-                underlineOpacity: {
-                    type: import('vue').PropType<0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
-                    default: undefined;
-                };
-                underlineOpacityHover: {
-                    type: import('vue').PropType<0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
-                    default: undefined;
-                };
-                pill: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                icon: {
-                    type: import('vue').PropType<boolean>;
-                    default: undefined;
-                };
-                routerTag: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                exactActiveClass: {
-                    type: import('vue').PropType<string>;
-                    default: undefined;
-                };
-                loading: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                loadingFill: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                loadingText: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                squared: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-            }>> & {
-                onClick?: ((value: MouseEvent) => any) | undefined;
-            }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                click: (value: MouseEvent) => void;
-            }, string, {
-                tag: string;
-                type: import('bootstrap-vue-next').ButtonType;
-                replace: boolean;
-                target: import('bootstrap-vue-next').LinkTarget;
-                to: import('vue-router').RouteLocationRaw;
-                append: boolean;
-                disabled: boolean;
-                href: string;
-                rel: string;
-                size: keyof import('bootstrap-vue-next').BaseSize;
-                active: boolean;
-                activeClass: string;
-                routerComponentName: string;
-                variant: keyof import('bootstrap-vue-next').BaseButtonVariant | null;
-                opacity: 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
-                opacityHover: 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
-                underlineVariant: keyof import('bootstrap-vue-next').BaseColorVariant | null;
-                underlineOffset: 1 | 2 | 3 | "1" | "2" | "3";
-                underlineOffsetHover: 1 | 2 | 3 | "1" | "2" | "3";
-                underlineOpacity: 0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
-                underlineOpacityHover: 0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
-                pill: boolean;
-                icon: boolean;
-                routerTag: string;
-                exactActiveClass: 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<{
-                    default?: ((props: Record<string, never>) => any) | undefined;
-                    loading?: ((props: Record<string, never>) => any) | undefined;
-                    'loading-spinner'?: ((props: Record<string, never>) => any) | undefined;
-                }> & {
-                    default?: ((props: Record<string, never>) => any) | undefined;
-                    loading?: ((props: Record<string, never>) => any) | undefined;
-                    'loading-spinner'?: ((props: Record<string, never>) => any) | undefined;
-                };
-            });
-            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>;
-        VsBody: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            variant: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: unknown) => any;
-            };
-            noMargins: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>, {}, {}, {
-            bodyClasses(): string[];
-        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            variant: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: unknown) => any;
-            };
-            noMargins: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & Readonly<{}>, {
-            variant: string;
-            noMargins: boolean;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    VsLoading: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        variant: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: unknown) => any;
-        };
-    }>, {}, {}, {
-        spinnerClasses(): string;
-    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        variant: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: unknown) => any;
-        };
-    }>> & Readonly<{}>, {
-        variant: string;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;