@visitscotland/component-library 5.53.1 → 5.54.0

package/dist/components/src/components/content-swiper/ContentSwiper.vue.d.ts

@@ -0,0 +1,1656 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * Accessibility text for previous button
+     */
+    previousButtonLabel: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Accessibility text for next button
+     */
+    nextButtonLabel: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Set to true when the content swiper is placed inside
+     * a Bootstrap grid container to remove the padding and
+     * max-width that the component applies for overflow capabilities
+     */
+    contained: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Slides per view at XS breakpoint (0px+)
+     */
+    slidesPerViewXs: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Slides per view at SM breakpoint (576px+)
+     */
+    slidesPerViewSm: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /**
+     * Slides per view at MD breakpoint (768px+)
+     */
+    slidesPerViewMd: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /**
+     * Slides per view at LG breakpoint (992px+)
+     */
+    slidesPerViewLg: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /**
+     * Slides per view at XL breakpoint (1200px+)
+     */
+    slidesPerViewXl: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /**
+     * Slides per view at XXL breakpoint (1400px+)
+     */
+    slidesPerViewXxl: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /**
+     * Slides per view at XXXL breakpoint (1680px+)
+     */
+    slidesPerViewXxxl: {
+        type: NumberConstructor;
+        default: any;
+    };
+}>, {
+    instanceId: string;
+}, {
+    modules: import('swiper/types').SwiperModule[];
+    isInteracting: boolean;
+}, {
+    contentSwiperClasses(): {
+        'is-interacting': boolean;
+        'vs-content-swiper--contained': boolean;
+    };
+    scrollbarContainerClasses(): string[];
+    swiperNavigation(): {
+        prevEl: string;
+        nextEl: string;
+    };
+    swiperScrollbar(): {
+        el: string;
+        draggable: boolean;
+    };
+    swiperA11y(): {
+        scrollOnFocus: boolean;
+        slideLabelMessage: string;
+    };
+    swiperBreakpoints(): {};
+}, {
+    /**
+    * Sets isInteracting to true when user starts
+    * interacting with the content swiper (touch or mouse).
+    */
+    startInteraction(): void;
+    /**
+    * Sets isInteracting to false with a delay to prevent
+    * hiding the scrollbar immediately after interaction ends.
+    */
+    endInteraction(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * Accessibility text for previous button
+     */
+    previousButtonLabel: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Accessibility text for next button
+     */
+    nextButtonLabel: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Set to true when the content swiper is placed inside
+     * a Bootstrap grid container to remove the padding and
+     * max-width that the component applies for overflow capabilities
+     */
+    contained: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Slides per view at XS breakpoint (0px+)
+     */
+    slidesPerViewXs: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Slides per view at SM breakpoint (576px+)
+     */
+    slidesPerViewSm: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /**
+     * Slides per view at MD breakpoint (768px+)
+     */
+    slidesPerViewMd: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /**
+     * Slides per view at LG breakpoint (992px+)
+     */
+    slidesPerViewLg: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /**
+     * Slides per view at XL breakpoint (1200px+)
+     */
+    slidesPerViewXl: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /**
+     * Slides per view at XXL breakpoint (1400px+)
+     */
+    slidesPerViewXxl: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /**
+     * Slides per view at XXXL breakpoint (1680px+)
+     */
+    slidesPerViewXxxl: {
+        type: NumberConstructor;
+        default: any;
+    };
+}>> & Readonly<{}>, {
+    contained: boolean;
+    slidesPerViewXs: number;
+    slidesPerViewSm: number;
+    slidesPerViewMd: number;
+    slidesPerViewLg: number;
+    slidesPerViewXl: number;
+    slidesPerViewXxl: number;
+    slidesPerViewXxxl: number;
+}, {}, {
+    Swiper: import('vue').DefineComponent<{
+        tag: {
+            type: StringConstructor;
+            default: string;
+        };
+        wrapperTag: {
+            type: StringConstructor;
+            default: string;
+        };
+        modules: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+        init: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        direction: {
+            type: import('vue').PropType<import('swiper/types').SwiperOptions["direction"]>;
+            default: import('swiper/types').SwiperOptions["direction"];
+        };
+        oneWayMovement: {
+            type: import('vue').PropType<import('swiper/types').SwiperOptions["oneWayMovement"]>;
+            default: import('swiper/types').SwiperOptions["oneWayMovement"];
+        };
+        swiperElementNodeName: {
+            type: import('vue').PropType<import('swiper/types').SwiperOptions["swiperElementNodeName"]>;
+            default: import('swiper/types').SwiperOptions["swiperElementNodeName"];
+        };
+        touchEventsTarget: {
+            type: import('vue').PropType<import('swiper/types').SwiperOptions["touchEventsTarget"]>;
+            default: undefined;
+        };
+        initialSlide: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        speed: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        cssMode: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        updateOnWindowResize: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        resizeObserver: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        nested: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        focusableElements: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        width: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        height: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        preventInteractionOnTransition: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        userAgent: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        url: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        edgeSwipeDetection: {
+            type: BooleanConstructor | StringConstructor;
+            default: undefined;
+        };
+        edgeSwipeThreshold: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        autoHeight: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        setWrapperSize: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        virtualTranslate: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        effect: {
+            type: import('vue').PropType<import('swiper/types').SwiperOptions["effect"]>;
+            default: undefined;
+        };
+        breakpoints: {
+            type: import('vue').PropType<import('swiper/types').SwiperOptions["breakpoints"]>;
+            default: undefined;
+        };
+        spaceBetween: {
+            type: import('vue').PropType<import('swiper/types').SwiperOptions["spaceBetween"]>;
+            default: undefined;
+        };
+        slidesPerView: {
+            type: import('vue').PropType<import('swiper/types').SwiperOptions["slidesPerView"]>;
+            default: undefined;
+        };
+        maxBackfaceHiddenSlides: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        slidesPerGroup: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        slidesPerGroupSkip: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        slidesPerGroupAuto: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        centeredSlides: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        centeredSlidesBounds: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        slidesOffsetBefore: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        slidesOffsetAfter: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        normalizeSlideIndex: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        centerInsufficientSlides: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        snapToSlideEdge: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        watchOverflow: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        roundLengths: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        touchRatio: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        touchAngle: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        simulateTouch: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        shortSwipes: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        longSwipes: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        longSwipesRatio: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        longSwipesMs: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        followFinger: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        allowTouchMove: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        threshold: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        touchMoveStopPropagation: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        touchStartPreventDefault: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        touchStartForcePreventDefault: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        touchReleaseOnEdges: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        uniqueNavElements: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        resistance: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        resistanceRatio: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        watchSlidesProgress: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        grabCursor: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        preventClicks: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        preventClicksPropagation: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        slideToClickedSlide: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        loop: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        loopAddBlankSlides: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        loopAdditionalSlides: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        loopPreventsSliding: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        rewind: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        allowSlidePrev: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        allowSlideNext: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        swipeHandler: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        noSwiping: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        noSwipingClass: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        noSwipingSelector: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        passiveListeners: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        containerModifierClass: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        slideClass: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        slideActiveClass: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        slideVisibleClass: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        slideFullyVisibleClass: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        slideBlankClass: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        slideNextClass: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        slidePrevClass: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        wrapperClass: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        lazyPreloaderClass: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        lazyPreloadPrevNext: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        runCallbacksOnInit: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        observer: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        observeParents: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        observeSlideChildren: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        a11y: {
+            type: import('vue').PropType<import('swiper/types').A11yOptions | boolean>;
+            default: undefined;
+        };
+        autoplay: {
+            type: import('vue').PropType<import('swiper/types').AutoplayOptions | boolean>;
+            default: undefined;
+        };
+        controller: {
+            type: import('vue').PropType<import('swiper/types').ControllerOptions>;
+            default: undefined;
+        };
+        coverflowEffect: {
+            type: import('vue').PropType<import('swiper/types').CoverflowEffectOptions>;
+            default: undefined;
+        };
+        cubeEffect: {
+            type: import('vue').PropType<import('swiper/types').CubeEffectOptions>;
+            default: undefined;
+        };
+        fadeEffect: {
+            type: import('vue').PropType<import('swiper/types').FadeEffectOptions>;
+            default: undefined;
+        };
+        flipEffect: {
+            type: import('vue').PropType<import('swiper/types').FlipEffectOptions>;
+            default: undefined;
+        };
+        creativeEffect: {
+            type: import('vue').PropType<import('swiper/types').CreativeEffectOptions>;
+            default: undefined;
+        };
+        cardsEffect: {
+            type: import('vue').PropType<import('swiper/types').CardsEffectOptions>;
+            default: undefined;
+        };
+        hashNavigation: {
+            type: import('vue').PropType<import('swiper/types').HashNavigationOptions | boolean>;
+            default: undefined;
+        };
+        history: {
+            type: import('vue').PropType<import('swiper/types').HistoryOptions | boolean>;
+            default: undefined;
+        };
+        keyboard: {
+            type: import('vue').PropType<import('swiper/types').KeyboardOptions | boolean>;
+            default: undefined;
+        };
+        mousewheel: {
+            type: import('vue').PropType<import('swiper/types').MousewheelOptions | boolean>;
+            default: undefined;
+        };
+        navigation: {
+            type: import('vue').PropType<import('swiper/types').NavigationOptions | boolean>;
+            default: undefined;
+        };
+        pagination: {
+            type: import('vue').PropType<import('swiper/types').PaginationOptions | boolean>;
+            default: undefined;
+        };
+        parallax: {
+            type: import('vue').PropType<import('swiper/types').ParallaxOptions | boolean>;
+            default: undefined;
+        };
+        scrollbar: {
+            type: import('vue').PropType<import('swiper/types').ScrollbarOptions | boolean>;
+            default: undefined;
+        };
+        thumbs: {
+            type: import('vue').PropType<import('swiper/types').ThumbsOptions>;
+            default: undefined;
+        };
+        virtual: {
+            type: import('vue').PropType<import('swiper/types').VirtualOptions | boolean>;
+            default: undefined;
+        };
+        zoom: {
+            type: import('vue').PropType<import('swiper/types').ZoomOptions | boolean>;
+            default: undefined;
+        };
+        freeMode: {
+            type: import('vue').PropType<import('swiper/types').FreeModeOptions | boolean>;
+            default: undefined;
+        };
+        grid: {
+            type: import('vue').PropType<import('swiper/types').GridOptions>;
+            default: undefined;
+        };
+    }, () => JSX.Element, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        swiper: (swiper: import('swiper/types').Swiper) => void;
+        autoplayStart: (swiper: import('swiper/types').Swiper) => void;
+        autoplayStop: (swiper: import('swiper/types').Swiper) => void;
+        autoplayPause: (swiper: import('swiper/types').Swiper) => void;
+        autoplayResume: (swiper: import('swiper/types').Swiper) => void;
+        autoplayTimeLeft: (swiper: import('swiper/types').Swiper, timeLeft: number, percentage: number) => void;
+        autoplay: (swiper: import('swiper/types').Swiper) => void;
+        hashChange: (swiper: import('swiper/types').Swiper) => void;
+        hashSet: (swiper: import('swiper/types').Swiper) => void;
+        keyPress: (swiper: import('swiper/types').Swiper, keyCode: string) => void;
+        navigationHide: (swiper: import('swiper/types').Swiper) => void;
+        navigationShow: (swiper: import('swiper/types').Swiper) => void;
+        navigationPrev: (swiper: import('swiper/types').Swiper) => void;
+        navigationNext: (swiper: import('swiper/types').Swiper) => void;
+        paginationRender: (swiper: import('swiper/types').Swiper, paginationEl: HTMLElement) => void;
+        paginationUpdate: (swiper: import('swiper/types').Swiper, paginationEl: HTMLElement) => void;
+        paginationHide: (swiper: import('swiper/types').Swiper) => void;
+        paginationShow: (swiper: import('swiper/types').Swiper) => void;
+        scroll: (swiper: import('swiper/types').Swiper, event: WheelEvent) => void;
+        scrollbarDragStart: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
+        scrollbarDragMove: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
+        scrollbarDragEnd: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
+        zoomChange: (swiper: import('swiper/types').Swiper, scale: number, imageEl: HTMLElement, slideEl: HTMLElement) => void;
+        init: (swiper: import('swiper/types').Swiper) => any;
+        beforeDestroy: (swiper: import('swiper/types').Swiper) => void;
+        slidesUpdated: (swiper: import('swiper/types').Swiper) => void;
+        slideChange: (swiper: import('swiper/types').Swiper) => void;
+        slideChangeTransitionStart: (swiper: import('swiper/types').Swiper) => void;
+        slideChangeTransitionEnd: (swiper: import('swiper/types').Swiper) => void;
+        slideNextTransitionStart: (swiper: import('swiper/types').Swiper) => void;
+        slideNextTransitionEnd: (swiper: import('swiper/types').Swiper) => void;
+        slidePrevTransitionStart: (swiper: import('swiper/types').Swiper) => void;
+        slidePrevTransitionEnd: (swiper: import('swiper/types').Swiper) => void;
+        transitionStart: (swiper: import('swiper/types').Swiper) => void;
+        transitionEnd: (swiper: import('swiper/types').Swiper) => void;
+        touchStart: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
+        touchMove: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
+        touchMoveOpposite: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
+        sliderMove: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
+        touchEnd: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
+        click: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
+        tap: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
+        doubleTap: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
+        progress: (swiper: import('swiper/types').Swiper, progress: number) => void;
+        reachBeginning: (swiper: import('swiper/types').Swiper) => void;
+        reachEnd: (swiper: import('swiper/types').Swiper) => void;
+        toEdge: (swiper: import('swiper/types').Swiper) => void;
+        fromEdge: (swiper: import('swiper/types').Swiper) => void;
+        setTranslate: (swiper: import('swiper/types').Swiper, translate: number) => void;
+        setTransition: (swiper: import('swiper/types').Swiper, transition: number) => void;
+        resize: (swiper: import('swiper/types').Swiper) => void;
+        observerUpdate: (swiper: import('swiper/types').Swiper) => void;
+        beforeLoopFix: (swiper: import('swiper/types').Swiper) => void;
+        loopFix: (swiper: import('swiper/types').Swiper) => void;
+        breakpoint: (swiper: import('swiper/types').Swiper, breakpointParams: import('swiper/types').SwiperOptions) => void;
+        _beforeBreakpoint: (swiper: import('swiper/types').Swiper, breakpointParams: import('swiper/types').SwiperOptions) => void;
+        _containerClasses: (swiper: import('swiper/types').Swiper, classNames: string) => void;
+        _slideClass: (swiper: import('swiper/types').Swiper, slideEl: HTMLElement, classNames: string) => void;
+        _slideClasses: (swiper: import('swiper/types').Swiper, slides: {
+            slideEl: HTMLElement;
+            classNames: string;
+            index: number;
+        }[]) => void;
+        _swiper: (swiper: import('swiper/types').Swiper) => void;
+        _freeModeNoMomentumRelease: (swiper: import('swiper/types').Swiper) => void;
+        activeIndexChange: (swiper: import('swiper/types').Swiper) => void;
+        snapIndexChange: (swiper: import('swiper/types').Swiper) => void;
+        realIndexChange: (swiper: import('swiper/types').Swiper) => void;
+        afterInit: (swiper: import('swiper/types').Swiper) => void;
+        beforeInit: (swiper: import('swiper/types').Swiper) => void;
+        beforeResize: (swiper: import('swiper/types').Swiper) => void;
+        beforeSlideChangeStart: (swiper: import('swiper/types').Swiper) => void;
+        beforeTransitionStart: (swiper: import('swiper/types').Swiper, speed: number, internal: any) => void;
+        changeDirection: (swiper: import('swiper/types').Swiper) => void;
+        doubleClick: (swiper: import('swiper/types').Swiper, event: MouseEvent | TouchEvent | PointerEvent) => void;
+        destroy: (swiper: import('swiper/types').Swiper) => void;
+        momentumBounce: (swiper: import('swiper/types').Swiper) => void;
+        orientationchange: (swiper: import('swiper/types').Swiper) => void;
+        slideResetTransitionStart: (swiper: import('swiper/types').Swiper) => void;
+        slideResetTransitionEnd: (swiper: import('swiper/types').Swiper) => void;
+        sliderFirstMove: (swiper: import('swiper/types').Swiper, event: TouchEvent) => void;
+        slidesLengthChange: (swiper: import('swiper/types').Swiper) => void;
+        slidesGridLengthChange: (swiper: import('swiper/types').Swiper) => void;
+        snapGridLengthChange: (swiper: import('swiper/types').Swiper) => void;
+        update: (swiper: import('swiper/types').Swiper) => void;
+        lock: (swiper: import('swiper/types').Swiper) => void;
+        unlock: (swiper: import('swiper/types').Swiper) => void;
+    }>;
+    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-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-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>;
+export default _default;