@visitscotland/component-library 5.61.0 → 5.62.0

package/dist/components/components/toggle-button/ToggleButton.vue.d.ts

@@ -0,0 +1,1400 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** ⚠️ Deprecated - use the new props instead.
+     * ID for the toggled element
+     */
+    toggleId: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Style variation to give additional meaning
+     * `default|overlay|overlay-strong`.
+     */
+    variant: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => any;
+    };
+    /**
+     * The default icon to display
+     */
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The icon for pressed state
+     */
+    pressedIcon: {
+        type: StringConstructor;
+        default: any;
+    };
+    /**
+     * Controlled pressed state (v-model)
+     */
+    modelValue: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    /**
+     * Accessible label for the button
+     */
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Accessible label for pressed state
+     */
+    pressedLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Breakpoint at which button label becomes visible.
+     * Button shows as icon-only below this breakpoint.
+     */
+    labelBreakpoint: {
+        type: StringConstructor;
+        default: any;
+        validator: (value: unknown) => boolean;
+    };
+}>, {}, {
+    show: boolean;
+    internalPressed: boolean;
+}, {
+    /**
+     * Checks if this is the legacy button or using new props
+     * Should be removed when ⚠️ deprecated code is removed.
+     */
+    isLegacyMode(): boolean;
+    /**
+     * Pressed state (supports controlled + uncontrolled)
+     */
+    isPressed(): boolean;
+    /**
+     * Button classes
+     */
+    buttonClasses(): {
+        [x: string]: string | boolean;
+        'vs-toggle-button--pressed': boolean;
+    };
+    buttonLabelClasses(): {
+        [x: string]: string;
+    };
+    /**
+     * Current icon displayed
+     */
+    currentIcon(): string;
+    /**
+     * Accessible label based on state
+     */
+    computedLabel(): string;
+}, {
+    /**
+     * Emits toggleAction event for legacy button
+     * Should be removed when ⚠️ deprecated code is removed.
+     */
+    toggleLegacy(event: any): void;
+    /**
+     * Updates toggle state and emits toggle value and click event
+     */
+    handleClick(event: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "update:modelValue" | "toggleAction")[], "click" | "update:modelValue" | "toggleAction", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** ⚠️ Deprecated - use the new props instead.
+     * ID for the toggled element
+     */
+    toggleId: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Style variation to give additional meaning
+     * `default|overlay|overlay-strong`.
+     */
+    variant: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => any;
+    };
+    /**
+     * The default icon to display
+     */
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The icon for pressed state
+     */
+    pressedIcon: {
+        type: StringConstructor;
+        default: any;
+    };
+    /**
+     * Controlled pressed state (v-model)
+     */
+    modelValue: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    /**
+     * Accessible label for the button
+     */
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Accessible label for pressed state
+     */
+    pressedLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Breakpoint at which button label becomes visible.
+     * Button shows as icon-only below this breakpoint.
+     */
+    labelBreakpoint: {
+        type: StringConstructor;
+        default: any;
+        validator: (value: unknown) => boolean;
+    };
+}>> & Readonly<{
+    onClick?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+    onToggleAction?: (...args: any[]) => any;
+}>, {
+    icon: string;
+    variant: string;
+    label: string;
+    modelValue: boolean;
+    toggleId: string;
+    pressedIcon: string;
+    pressedLabel: string;
+    labelBreakpoint: string;
+}, {}, {
+    VsButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        href: {
+            type: StringConstructor;
+            default: any;
+        };
+        tabindex: {
+            type: StringConstructor;
+            default: any;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+        animate: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        rounded: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+        iconOnly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showLabelBreakpoint: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => boolean;
+        };
+        active: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        iconPosition: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+    }>, {}, {
+        isAnimating: boolean;
+    }, {
+        buttonClasses(): {
+            [x: string]: string | boolean;
+            'vs-button--animated': boolean;
+            'vs-button--is-animating': boolean;
+            'vs-button--rounded': boolean;
+            'vs-button--icon-only': boolean;
+            'vs-button--active': boolean;
+            'vs-button--flex-reverse': boolean;
+        };
+        iconClasses(): {
+            'vs-icon--right': boolean;
+            'vs-icon--left': boolean;
+        }[];
+        buttonLabelClasses(): {
+            [x: string]: string | true;
+            'visually-hidden': string | true;
+        };
+    }, {
+        animateHandler(event: any): void;
+        tabbedIn(event: any): void;
+        trackLink(event: any): void;
+    }, {
+        computed: {
+            pageUrl: () => string;
+        };
+        data(): {
+            dataLayerLoadConfirmed: boolean;
+            dataLayerStore: any;
+        };
+        mounted(): void;
+        methods: {
+            templateFiller(template: any, values: any): {};
+            createDataLayerObject(type: any, event: any, href: any): void;
+            returnIsoDate(): string;
+            pushToDataLayer(object: any): void;
+            compileFullTemplate(templateValues: any): any;
+            targetText(event: any): any;
+        };
+    }, import('vue').ComponentOptionsMixin, "btnFocus"[], "btnFocus", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        href: {
+            type: StringConstructor;
+            default: any;
+        };
+        tabindex: {
+            type: StringConstructor;
+            default: any;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+        animate: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        rounded: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+        iconOnly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showLabelBreakpoint: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => boolean;
+        };
+        active: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        iconPosition: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+    }>> & Readonly<{
+        onBtnFocus?: (...args: any[]) => any;
+    }>, {
+        icon: string;
+        variant: string;
+        size: string;
+        active: boolean;
+        href: string;
+        tabindex: string;
+        animate: boolean;
+        rounded: boolean;
+        iconOnly: boolean;
+        showLabelBreakpoint: string;
+        iconPosition: string;
+    }, {}, {
+        BButton: {
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                pressed?: import('bootstrap-vue-next').BButtonProps["pressed"];
+            } & {
+                type?: import('bootstrap-vue-next').ButtonType;
+                replace?: boolean;
+                icon?: boolean;
+                variant?: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                size?: import('bootstrap-vue-next').Size;
+                active?: boolean;
+                activeClass?: string;
+                disabled?: boolean;
+                exactActiveClass?: string;
+                href?: string;
+                noRel?: boolean;
+                opacity?: import('bootstrap-vue-next').LinkOpacity;
+                opacityHover?: import('bootstrap-vue-next').LinkOpacity;
+                prefetch?: boolean;
+                prefetchOn?: Partial<{
+                    visibility: boolean;
+                    interaction: boolean;
+                }>;
+                noPrefetch?: boolean;
+                prefetchedClass?: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
+                rel?: string;
+                routerComponentName?: string | import('vue').Component;
+                routerTag?: string;
+                stretched?: boolean;
+                target?: import('bootstrap-vue-next').LinkTarget;
+                to?: RouteLocationRaw;
+                underlineOffset?: import('bootstrap-vue-next').UnderlineOffset;
+                underlineOffsetHover?: import('bootstrap-vue-next').UnderlineOffset;
+                underlineOpacity?: import('bootstrap-vue-next').UnderlineOpacity;
+                underlineOpacityHover?: import('bootstrap-vue-next').UnderlineOpacity;
+                underlineVariant?: import('bootstrap-vue-next').ColorVariant | null;
+                loading?: boolean;
+                loadingFill?: boolean;
+                loadingText?: string;
+                pill?: boolean;
+                squared?: boolean;
+                tag?: string;
+            }> & Readonly<{
+                onClick?: ((value: MouseEvent) => any) | undefined;
+                "onUpdate:pressed"?: ((value: boolean | undefined) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                click: (value: MouseEvent) => any;
+                "update:pressed": (value: boolean | undefined) => any;
+            }, import('vue').PublicProps, {
+                disabled: boolean;
+                to: import('vue-router').RouteLocationRaw;
+                size: import('bootstrap-vue-next').Size;
+                pill: boolean;
+                target: import('bootstrap-vue-next').LinkTarget;
+                type: import('bootstrap-vue-next').ButtonType;
+                routerTag: string;
+                active: boolean;
+                activeClass: string;
+                exactActiveClass: string;
+                href: string;
+                icon: boolean;
+                opacity: import('bootstrap-vue-next').LinkOpacity;
+                opacityHover: import('bootstrap-vue-next').LinkOpacity;
+                rel: string;
+                replace: boolean;
+                routerComponentName: string | import('vue').Component;
+                stretched: boolean;
+                underlineOffset: import('bootstrap-vue-next').UnderlineOffset;
+                underlineOffsetHover: import('bootstrap-vue-next').UnderlineOffset;
+                underlineOpacity: import('bootstrap-vue-next').UnderlineOpacity;
+                underlineOpacityHover: import('bootstrap-vue-next').UnderlineOpacity;
+                underlineVariant: import('bootstrap-vue-next').ColorVariant | null;
+                variant: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                tag: string;
+                loading: boolean;
+                loadingFill: boolean;
+                loadingText: string;
+                squared: boolean;
+            }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                _element: unknown;
+            }, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<{
+                pressed?: import('bootstrap-vue-next').BButtonProps["pressed"];
+            } & {
+                type?: import('bootstrap-vue-next').ButtonType;
+                replace?: boolean;
+                icon?: boolean;
+                variant?: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                size?: import('bootstrap-vue-next').Size;
+                active?: boolean;
+                activeClass?: string;
+                disabled?: boolean;
+                exactActiveClass?: string;
+                href?: string;
+                noRel?: boolean;
+                opacity?: import('bootstrap-vue-next').LinkOpacity;
+                opacityHover?: import('bootstrap-vue-next').LinkOpacity;
+                prefetch?: boolean;
+                prefetchOn?: Partial<{
+                    visibility: boolean;
+                    interaction: boolean;
+                }>;
+                noPrefetch?: boolean;
+                prefetchedClass?: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
+                rel?: string;
+                routerComponentName?: string | import('vue').Component;
+                routerTag?: string;
+                stretched?: boolean;
+                target?: import('bootstrap-vue-next').LinkTarget;
+                to?: RouteLocationRaw;
+                underlineOffset?: import('bootstrap-vue-next').UnderlineOffset;
+                underlineOffsetHover?: import('bootstrap-vue-next').UnderlineOffset;
+                underlineOpacity?: import('bootstrap-vue-next').UnderlineOpacity;
+                underlineOpacityHover?: import('bootstrap-vue-next').UnderlineOpacity;
+                underlineVariant?: import('bootstrap-vue-next').ColorVariant | null;
+                loading?: boolean;
+                loadingFill?: boolean;
+                loadingText?: string;
+                pill?: boolean;
+                squared?: boolean;
+                tag?: string;
+            }> & Readonly<{
+                onClick?: ((value: MouseEvent) => any) | undefined;
+                "onUpdate:pressed"?: ((value: boolean | undefined) => any) | undefined;
+            }>, {}, {}, {}, {}, {
+                disabled: boolean;
+                to: import('vue-router').RouteLocationRaw;
+                size: import('bootstrap-vue-next').Size;
+                pill: boolean;
+                target: import('bootstrap-vue-next').LinkTarget;
+                type: import('bootstrap-vue-next').ButtonType;
+                routerTag: string;
+                active: boolean;
+                activeClass: string;
+                exactActiveClass: string;
+                href: string;
+                icon: boolean;
+                opacity: import('bootstrap-vue-next').LinkOpacity;
+                opacityHover: import('bootstrap-vue-next').LinkOpacity;
+                rel: string;
+                replace: boolean;
+                routerComponentName: string | import('vue').Component;
+                stretched: boolean;
+                underlineOffset: import('bootstrap-vue-next').UnderlineOffset;
+                underlineOffsetHover: import('bootstrap-vue-next').UnderlineOffset;
+                underlineOpacity: import('bootstrap-vue-next').UnderlineOpacity;
+                underlineOpacityHover: import('bootstrap-vue-next').UnderlineOpacity;
+                underlineVariant: import('bootstrap-vue-next').ColorVariant | null;
+                variant: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+                tag: string;
+                loading: boolean;
+                loadingFill: boolean;
+                loadingText: string;
+                squared: boolean;
+            }>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<{
+            pressed?: import('bootstrap-vue-next').BButtonProps["pressed"];
+        } & {
+            type?: import('bootstrap-vue-next').ButtonType;
+            replace?: boolean;
+            icon?: boolean;
+            variant?: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+            size?: import('bootstrap-vue-next').Size;
+            active?: boolean;
+            activeClass?: string;
+            disabled?: boolean;
+            exactActiveClass?: string;
+            href?: string;
+            noRel?: boolean;
+            opacity?: import('bootstrap-vue-next').LinkOpacity;
+            opacityHover?: import('bootstrap-vue-next').LinkOpacity;
+            prefetch?: boolean;
+            prefetchOn?: Partial<{
+                visibility: boolean;
+                interaction: boolean;
+            }>;
+            noPrefetch?: boolean;
+            prefetchedClass?: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
+            rel?: string;
+            routerComponentName?: string | import('vue').Component;
+            routerTag?: string;
+            stretched?: boolean;
+            target?: import('bootstrap-vue-next').LinkTarget;
+            to?: RouteLocationRaw;
+            underlineOffset?: import('bootstrap-vue-next').UnderlineOffset;
+            underlineOffsetHover?: import('bootstrap-vue-next').UnderlineOffset;
+            underlineOpacity?: import('bootstrap-vue-next').UnderlineOpacity;
+            underlineOpacityHover?: import('bootstrap-vue-next').UnderlineOpacity;
+            underlineVariant?: import('bootstrap-vue-next').ColorVariant | null;
+            loading?: boolean;
+            loadingFill?: boolean;
+            loadingText?: string;
+            pill?: boolean;
+            squared?: boolean;
+            tag?: string;
+        }> & Readonly<{
+            onClick?: ((value: MouseEvent) => any) | undefined;
+            "onUpdate:pressed"?: ((value: boolean | undefined) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            click: (value: MouseEvent) => any;
+            "update:pressed": (value: boolean | undefined) => any;
+        }, string, {
+            disabled: boolean;
+            to: import('vue-router').RouteLocationRaw;
+            size: import('bootstrap-vue-next').Size;
+            pill: boolean;
+            target: import('bootstrap-vue-next').LinkTarget;
+            type: import('bootstrap-vue-next').ButtonType;
+            routerTag: string;
+            active: boolean;
+            activeClass: string;
+            exactActiveClass: string;
+            href: string;
+            icon: boolean;
+            opacity: import('bootstrap-vue-next').LinkOpacity;
+            opacityHover: import('bootstrap-vue-next').LinkOpacity;
+            rel: string;
+            replace: boolean;
+            routerComponentName: string | import('vue').Component;
+            stretched: boolean;
+            underlineOffset: import('bootstrap-vue-next').UnderlineOffset;
+            underlineOffsetHover: import('bootstrap-vue-next').UnderlineOffset;
+            underlineOpacity: import('bootstrap-vue-next').UnderlineOpacity;
+            underlineOpacityHover: import('bootstrap-vue-next').UnderlineOpacity;
+            underlineVariant: import('bootstrap-vue-next').ColorVariant | null;
+            variant: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+            tag: string;
+            loading: boolean;
+            loadingFill: boolean;
+            loadingText: string;
+            squared: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+            $slots: Readonly<import('bootstrap-vue-next').BButtonSlots> & import('bootstrap-vue-next').BButtonSlots;
+        });
+        VsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                required: true;
+            };
+            variant: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+            customColour: {
+                type: StringConstructor;
+                default: any;
+            };
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+            smallSize: {
+                type: StringConstructor;
+                default: any;
+                validator: (value: unknown) => any;
+            };
+        }>, {}, {
+            tokens: {
+                "vs-color-background-primary": string;
+                "vs-color-background-secondary": string;
+                "vs-color-background-bold": string;
+                "vs-color-background-brand": string;
+                "vs-color-background-inverse": string;
+                "vs-color-background-highlight": string;
+                "vs-color-background-information": string;
+                "vs-color-background-success": string;
+                "vs-color-background-warning": string;
+                "vs-color-background-error": string;
+                "vs-color-background-accent-heather-80": string;
+                "vs-color-background-accent-heather-30": string;
+                "vs-color-background-accent-tolsta-40": string;
+                "vs-color-background-accent-gorse-05": string;
+                "vs-color-border-primary": string;
+                "vs-color-border-secondary": string;
+                "vs-color-border-inverse": string;
+                "vs-color-border-input": string;
+                "vs-color-border-highlight": string;
+                "vs-color-border-bold": string;
+                "vs-color-border-success": string;
+                "vs-color-border-warning": string;
+                "vs-color-border-error": string;
+                "vs-color-border-disabled": string;
+                "vs-color-border-accent-thistle-20": string;
+                "vs-color-icon-primary": string;
+                "vs-color-icon-secondary": string;
+                "vs-color-icon-tertiary": string;
+                "vs-color-icon-inverse": string;
+                "vs-color-icon-cta-on-light": string;
+                "vs-color-icon-highlight": string;
+                "vs-color-icon-success": string;
+                "vs-color-icon-warning": string;
+                "vs-color-icon-error": string;
+                "vs-color-icon-disabled": string;
+                "vs-color-icon-accent-saltire-30": string;
+                "vs-color-icon-accent-thistle-20": string;
+                "vs-color-icon-ski-easy": string;
+                "vs-color-icon-ski-intermediate": string;
+                "vs-color-icon-ski-difficult": string;
+                "vs-color-icon-ski-very-difficult": string;
+                "vs-color-icon-ski-itineraries": string;
+                "vs-color-icon-ski-other": string;
+                "vs-color-icon-accent-loch-ness": string;
+                "vs-color-icon-accent-grey-02": string;
+                "vs-color-icon-accent-saltire": string;
+                "vs-color-icon-accent-bramble": string;
+                "vs-color-icon-accent-heather": string;
+                "vs-color-icon-accent-whisky": string;
+                "vs-color-icon-accent-cranachan": string;
+                "vs-color-icon-accent-buachaille": string;
+                "vs-color-interaction-focus": string;
+                "vs-color-interaction-focus-on-bold": string;
+                "vs-color-interaction-cta-primary": string;
+                "vs-color-interaction-cta-secondary": string;
+                "vs-color-interaction-cta-hover": string;
+                "vs-color-interaction-cta-pressed": string;
+                "vs-color-interaction-cta-disabled": string;
+                "vs-color-interaction-cta-subtle-hover": string;
+                "vs-color-interaction-cta-subtle-pressed": string;
+                "vs-color-interaction-cta-subtle": string;
+                "vs-color-interaction-link-primary": string;
+                "vs-color-interaction-link-secondary": string;
+                "vs-color-interaction-link-active": string;
+                "vs-color-interaction-link-visited": string;
+                "vs-color-interaction-link-disabled": string;
+                "vs-color-interaction-link-visited-on-bold": string;
+                "vs-color-text-primary": string;
+                "vs-color-text-secondary": string;
+                "vs-color-text-tertiary": string;
+                "vs-color-text-inverse": string;
+                "vs-color-text-cta-on-light": string;
+                "vs-color-text-highlight": string;
+                "vs-color-text-brand": string;
+                "vs-color-text-error": string;
+                "vs-color-text-success": string;
+                "vs-color-text-disabled": string;
+                breakpoint_xl: string;
+                grid_container_width_xl: string;
+                breakpoint_md: string;
+                max_container_width_xl: string;
+                grid_container_width_md: string;
+                breakpoint_sm: string;
+                breakpoint_lg: string;
+                breakpoint_xs: string;
+                max_container_width_md: string;
+                grid_container_width_sm: string;
+                grid_container_width_lg: string;
+                max_container_width_sm: string;
+                max_container_width_lg: string;
+                max_container_width_xxl: string;
+                grid_container_width_xxl: string;
+                breakpoint_xxl: string;
+                grid_columns: string;
+                grid_gutter_width: string;
+                "vs-spacer-0": string;
+                "vs-spacer-0125": string;
+                "vs-spacer-025": string;
+                "vs-spacer-050": string;
+                "vs-spacer-075": string;
+                "vs-spacer-100": string;
+                "vs-spacer-125": string;
+                "vs-spacer-150": string;
+                "vs-spacer-175": string;
+                "vs-spacer-200": string;
+                "vs-spacer-225": string;
+                "vs-spacer-250": string;
+                "vs-spacer-300": string;
+                "vs-spacer-400": string;
+                "vs-spacer-500": string;
+                "vs-spacer-600": string;
+                "vs-spacer-700": string;
+                "vs-radius-medium": string;
+                "vs-radius-none": string;
+                "vs-radius-large-increased": string;
+                "vs-radius-extra-large-increased": string;
+                "vs-radius-tiny": string;
+                "vs-radius-large": string;
+                "vs-radius-extra-large": string;
+                "vs-radius-extra-extra-large": string;
+                "vs-radius-huge": string;
+                "vs-radius-full": string;
+                "vs-radius-small": string;
+                "vs-elevation-shadow-raised": string;
+                "vs-elevation-shadow-overlay": string;
+                "vs-elevation-surface": string;
+                "vs-elevation-surface-section": string;
+                "vs-elevation-surface-raised": string;
+                "vs-elevation-surface-overlay": string;
+                "vs-focus-shadow": string;
+                "vs-focus-shadow-on-dark": string;
+                "vs-border-width-sm": string;
+                "vs-border-width-md": string;
+                "vs-font-size-display-m": string;
+                "vs-font-size-display-s": string;
+                "vs-font-size-heading-xl": string;
+                "vs-font-size-heading-l": string;
+                "vs-font-size-heading-m": string;
+                "vs-font-size-heading-s": string;
+                "vs-font-size-heading-xs": string;
+                "vs-font-size-heading-xxs": string;
+                "vs-font-size-heading-xxxs": string;
+                "vs-font-size-detail-l": string;
+                "vs-font-size-detail-m": string;
+                "vs-font-size-detail-s": string;
+                "vs-font-size-body-l": string;
+                "vs-font-size-body-m": string;
+                "vs-font-size-body-s": string;
+                "vs-font-weight-strong": string;
+                "vs-font-weight-medium": string;
+                "vs-font-weight-regular": string;
+                "vs-font-weight-subtle": string;
+                "vs-font-weight-heading": string;
+                "vs-font-weight-body": string;
+                "vs-font-weight-detail": string;
+                "vs-font-family-sans-serif": string;
+                "vs-font-family-display": string;
+                "vs-line-height-heading": number;
+                "vs-line-height-detail": number;
+                "vs-line-height-body": number;
+                "vs-letter-spacing-display": string;
+                "vs-letter-spacing-heading": string;
+                "vs-letter-spacing-detail": string;
+                "vs-letter-spacing-body": string;
+                icon_size_xxs: string;
+                icon_size_xs: string;
+                icon_size_sm: string;
+                icon_size_md: string;
+                icon_size_lg: string;
+                icon_size_xl: string;
+                "vs-icon-facility-audio-loop": string;
+                "vs-icon-control-collapse": string;
+                "vs-icon-facility-wheelchair-access": string;
+                "vs-icon-control-pause": string;
+                "vs-icon-facility-cafe": string;
+                "vs-icon-feedback-error": string;
+                "vs-icon-facility-accessible-parking": string;
+                "vs-icon-control-next": string;
+                "vs-icon-control-filters": string;
+                "vs-icon-feedback-information": string;
+                "vs-icon-control-external-link": string;
+                "vs-icon-control-play": string;
+                "vs-icon-facility-accessible-dining": string;
+                "vs-icon-control-previous": string;
+                "vs-icon-facility-public-transport": string;
+                "vs-icon-season-winter": string;
+                "vs-icon-control-expand": string;
+                "vs-icon-facility-pets-welcome": string;
+                "vs-icon-facility-parking": string;
+                "vs-icon-control-menu": string;
+                "vs-icon-season-spring": string;
+                "vs-icon-season-summer": string;
+                "vs-icon-facility-breakfast": string;
+                "vs-icon-control-back-to-top": string;
+                "vs-icon-control-dismiss": string;
+                "vs-icon-feedback-warning": string;
+                "vs-icon-facility-accessible-shower": string;
+                "vs-icon-facility-wifi": string;
+                "vs-icon-control-search": string;
+                "vs-icon-control-download": string;
+                "vs-icon-season-autumn": string;
+                "vs-icon-facility-accessible-toilet": string;
+                "vs-icon-feedback-success": string;
+                "vs-icon-facility-vegan": string;
+                "font-size-1": string;
+                "font-size-2": string;
+                "font-size-3": string;
+                "font-size-4": string;
+                "font-size-5": string;
+                "font-size-6": string;
+                "font-size-7": string;
+                "font-size-8": string;
+                "font-size-9": string;
+                "font-size-10": string;
+                "font-size-body": string;
+                "font-size-body-md": string;
+                "font-size-lead": string;
+                "font-size-lead-md": string;
+                "font-size-teaser": string;
+                opacity_100: string;
+                opacity_50: string;
+                opacity_0: string;
+                duration_quickly: string;
+                duration_base: string;
+                duration_slowly: string;
+                no_javascript: string;
+                theme_dark: string;
+                theme_grey: string;
+            };
+        }, {
+            iconClasses(): any[];
+            fontAwesomeClasses(): any;
+            iconStyles(): {
+                color: string;
+            };
+        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                required: true;
+            };
+            variant: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+            customColour: {
+                type: StringConstructor;
+                default: any;
+            };
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+            smallSize: {
+                type: StringConstructor;
+                default: any;
+                validator: (value: unknown) => any;
+            };
+        }>> & Readonly<{}>, {
+            variant: string;
+            customColour: string;
+            size: string;
+            smallSize: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    BButton: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            pressed?: import('bootstrap-vue-next').BButtonProps["pressed"];
+        } & {
+            type?: import('bootstrap-vue-next').ButtonType;
+            replace?: boolean;
+            icon?: boolean;
+            variant?: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+            size?: import('bootstrap-vue-next').Size;
+            active?: boolean;
+            activeClass?: string;
+            disabled?: boolean;
+            exactActiveClass?: string;
+            href?: string;
+            noRel?: boolean;
+            opacity?: import('bootstrap-vue-next').LinkOpacity;
+            opacityHover?: import('bootstrap-vue-next').LinkOpacity;
+            prefetch?: boolean;
+            prefetchOn?: Partial<{
+                visibility: boolean;
+                interaction: boolean;
+            }>;
+            noPrefetch?: boolean;
+            prefetchedClass?: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
+            rel?: string;
+            routerComponentName?: string | import('vue').Component;
+            routerTag?: string;
+            stretched?: boolean;
+            target?: import('bootstrap-vue-next').LinkTarget;
+            to?: RouteLocationRaw;
+            underlineOffset?: import('bootstrap-vue-next').UnderlineOffset;
+            underlineOffsetHover?: import('bootstrap-vue-next').UnderlineOffset;
+            underlineOpacity?: import('bootstrap-vue-next').UnderlineOpacity;
+            underlineOpacityHover?: import('bootstrap-vue-next').UnderlineOpacity;
+            underlineVariant?: import('bootstrap-vue-next').ColorVariant | null;
+            loading?: boolean;
+            loadingFill?: boolean;
+            loadingText?: string;
+            pill?: boolean;
+            squared?: boolean;
+            tag?: string;
+        }> & Readonly<{
+            onClick?: ((value: MouseEvent) => any) | undefined;
+            "onUpdate:pressed"?: ((value: boolean | undefined) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            click: (value: MouseEvent) => any;
+            "update:pressed": (value: boolean | undefined) => any;
+        }, import('vue').PublicProps, {
+            disabled: boolean;
+            to: import('vue-router').RouteLocationRaw;
+            size: import('bootstrap-vue-next').Size;
+            pill: boolean;
+            target: import('bootstrap-vue-next').LinkTarget;
+            type: import('bootstrap-vue-next').ButtonType;
+            routerTag: string;
+            active: boolean;
+            activeClass: string;
+            exactActiveClass: string;
+            href: string;
+            icon: boolean;
+            opacity: import('bootstrap-vue-next').LinkOpacity;
+            opacityHover: import('bootstrap-vue-next').LinkOpacity;
+            rel: string;
+            replace: boolean;
+            routerComponentName: string | import('vue').Component;
+            stretched: boolean;
+            underlineOffset: import('bootstrap-vue-next').UnderlineOffset;
+            underlineOffsetHover: import('bootstrap-vue-next').UnderlineOffset;
+            underlineOpacity: import('bootstrap-vue-next').UnderlineOpacity;
+            underlineOpacityHover: import('bootstrap-vue-next').UnderlineOpacity;
+            underlineVariant: import('bootstrap-vue-next').ColorVariant | null;
+            variant: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+            tag: string;
+            loading: boolean;
+            loadingFill: boolean;
+            loadingText: string;
+            squared: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            _element: unknown;
+        }, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            pressed?: import('bootstrap-vue-next').BButtonProps["pressed"];
+        } & {
+            type?: import('bootstrap-vue-next').ButtonType;
+            replace?: boolean;
+            icon?: boolean;
+            variant?: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+            size?: import('bootstrap-vue-next').Size;
+            active?: boolean;
+            activeClass?: string;
+            disabled?: boolean;
+            exactActiveClass?: string;
+            href?: string;
+            noRel?: boolean;
+            opacity?: import('bootstrap-vue-next').LinkOpacity;
+            opacityHover?: import('bootstrap-vue-next').LinkOpacity;
+            prefetch?: boolean;
+            prefetchOn?: Partial<{
+                visibility: boolean;
+                interaction: boolean;
+            }>;
+            noPrefetch?: boolean;
+            prefetchedClass?: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
+            rel?: string;
+            routerComponentName?: string | import('vue').Component;
+            routerTag?: string;
+            stretched?: boolean;
+            target?: import('bootstrap-vue-next').LinkTarget;
+            to?: RouteLocationRaw;
+            underlineOffset?: import('bootstrap-vue-next').UnderlineOffset;
+            underlineOffsetHover?: import('bootstrap-vue-next').UnderlineOffset;
+            underlineOpacity?: import('bootstrap-vue-next').UnderlineOpacity;
+            underlineOpacityHover?: import('bootstrap-vue-next').UnderlineOpacity;
+            underlineVariant?: import('bootstrap-vue-next').ColorVariant | null;
+            loading?: boolean;
+            loadingFill?: boolean;
+            loadingText?: string;
+            pill?: boolean;
+            squared?: boolean;
+            tag?: string;
+        }> & Readonly<{
+            onClick?: ((value: MouseEvent) => any) | undefined;
+            "onUpdate:pressed"?: ((value: boolean | undefined) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            disabled: boolean;
+            to: import('vue-router').RouteLocationRaw;
+            size: import('bootstrap-vue-next').Size;
+            pill: boolean;
+            target: import('bootstrap-vue-next').LinkTarget;
+            type: import('bootstrap-vue-next').ButtonType;
+            routerTag: string;
+            active: boolean;
+            activeClass: string;
+            exactActiveClass: string;
+            href: string;
+            icon: boolean;
+            opacity: import('bootstrap-vue-next').LinkOpacity;
+            opacityHover: import('bootstrap-vue-next').LinkOpacity;
+            rel: string;
+            replace: boolean;
+            routerComponentName: string | import('vue').Component;
+            stretched: boolean;
+            underlineOffset: import('bootstrap-vue-next').UnderlineOffset;
+            underlineOffsetHover: import('bootstrap-vue-next').UnderlineOffset;
+            underlineOpacity: import('bootstrap-vue-next').UnderlineOpacity;
+            underlineOpacityHover: import('bootstrap-vue-next').UnderlineOpacity;
+            underlineVariant: import('bootstrap-vue-next').ColorVariant | null;
+            variant: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+            tag: string;
+            loading: boolean;
+            loadingFill: boolean;
+            loadingText: string;
+            squared: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        pressed?: import('bootstrap-vue-next').BButtonProps["pressed"];
+    } & {
+        type?: import('bootstrap-vue-next').ButtonType;
+        replace?: boolean;
+        icon?: boolean;
+        variant?: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+        size?: import('bootstrap-vue-next').Size;
+        active?: boolean;
+        activeClass?: string;
+        disabled?: boolean;
+        exactActiveClass?: string;
+        href?: string;
+        noRel?: boolean;
+        opacity?: import('bootstrap-vue-next').LinkOpacity;
+        opacityHover?: import('bootstrap-vue-next').LinkOpacity;
+        prefetch?: boolean;
+        prefetchOn?: Partial<{
+            visibility: boolean;
+            interaction: boolean;
+        }>;
+        noPrefetch?: boolean;
+        prefetchedClass?: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
+        rel?: string;
+        routerComponentName?: string | import('vue').Component;
+        routerTag?: string;
+        stretched?: boolean;
+        target?: import('bootstrap-vue-next').LinkTarget;
+        to?: RouteLocationRaw;
+        underlineOffset?: import('bootstrap-vue-next').UnderlineOffset;
+        underlineOffsetHover?: import('bootstrap-vue-next').UnderlineOffset;
+        underlineOpacity?: import('bootstrap-vue-next').UnderlineOpacity;
+        underlineOpacityHover?: import('bootstrap-vue-next').UnderlineOpacity;
+        underlineVariant?: import('bootstrap-vue-next').ColorVariant | null;
+        loading?: boolean;
+        loadingFill?: boolean;
+        loadingText?: string;
+        pill?: boolean;
+        squared?: boolean;
+        tag?: string;
+    }> & Readonly<{
+        onClick?: ((value: MouseEvent) => any) | undefined;
+        "onUpdate:pressed"?: ((value: boolean | undefined) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (value: MouseEvent) => any;
+        "update:pressed": (value: boolean | undefined) => any;
+    }, string, {
+        disabled: boolean;
+        to: import('vue-router').RouteLocationRaw;
+        size: import('bootstrap-vue-next').Size;
+        pill: boolean;
+        target: import('bootstrap-vue-next').LinkTarget;
+        type: import('bootstrap-vue-next').ButtonType;
+        routerTag: string;
+        active: boolean;
+        activeClass: string;
+        exactActiveClass: string;
+        href: string;
+        icon: boolean;
+        opacity: import('bootstrap-vue-next').LinkOpacity;
+        opacityHover: import('bootstrap-vue-next').LinkOpacity;
+        rel: string;
+        replace: boolean;
+        routerComponentName: string | import('vue').Component;
+        stretched: boolean;
+        underlineOffset: import('bootstrap-vue-next').UnderlineOffset;
+        underlineOffsetHover: import('bootstrap-vue-next').UnderlineOffset;
+        underlineOpacity: import('bootstrap-vue-next').UnderlineOpacity;
+        underlineOpacityHover: import('bootstrap-vue-next').UnderlineOpacity;
+        underlineVariant: import('bootstrap-vue-next').ColorVariant | null;
+        variant: (import('bootstrap-vue-next').ButtonVariant | ("link-primary" | "link-secondary" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-light" | "link-dark")) | null;
+        tag: string;
+        loading: boolean;
+        loadingFill: boolean;
+        loadingText: string;
+        squared: boolean;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: Readonly<import('bootstrap-vue-next').BButtonSlots> & import('bootstrap-vue-next').BButtonSlots;
+    });
+    VsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            required: true;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+        customColour: {
+            type: StringConstructor;
+            default: any;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+        smallSize: {
+            type: StringConstructor;
+            default: any;
+            validator: (value: unknown) => any;
+        };
+    }>, {}, {
+        tokens: {
+            "vs-color-background-primary": string;
+            "vs-color-background-secondary": string;
+            "vs-color-background-bold": string;
+            "vs-color-background-brand": string;
+            "vs-color-background-inverse": string;
+            "vs-color-background-highlight": string;
+            "vs-color-background-information": string;
+            "vs-color-background-success": string;
+            "vs-color-background-warning": string;
+            "vs-color-background-error": string;
+            "vs-color-background-accent-heather-80": string;
+            "vs-color-background-accent-heather-30": string;
+            "vs-color-background-accent-tolsta-40": string;
+            "vs-color-background-accent-gorse-05": string;
+            "vs-color-border-primary": string;
+            "vs-color-border-secondary": string;
+            "vs-color-border-inverse": string;
+            "vs-color-border-input": string;
+            "vs-color-border-highlight": string;
+            "vs-color-border-bold": string;
+            "vs-color-border-success": string;
+            "vs-color-border-warning": string;
+            "vs-color-border-error": string;
+            "vs-color-border-disabled": string;
+            "vs-color-border-accent-thistle-20": string;
+            "vs-color-icon-primary": string;
+            "vs-color-icon-secondary": string;
+            "vs-color-icon-tertiary": string;
+            "vs-color-icon-inverse": string;
+            "vs-color-icon-cta-on-light": string;
+            "vs-color-icon-highlight": string;
+            "vs-color-icon-success": string;
+            "vs-color-icon-warning": string;
+            "vs-color-icon-error": string;
+            "vs-color-icon-disabled": string;
+            "vs-color-icon-accent-saltire-30": string;
+            "vs-color-icon-accent-thistle-20": string;
+            "vs-color-icon-ski-easy": string;
+            "vs-color-icon-ski-intermediate": string;
+            "vs-color-icon-ski-difficult": string;
+            "vs-color-icon-ski-very-difficult": string;
+            "vs-color-icon-ski-itineraries": string;
+            "vs-color-icon-ski-other": string;
+            "vs-color-icon-accent-loch-ness": string;
+            "vs-color-icon-accent-grey-02": string;
+            "vs-color-icon-accent-saltire": string;
+            "vs-color-icon-accent-bramble": string;
+            "vs-color-icon-accent-heather": string;
+            "vs-color-icon-accent-whisky": string;
+            "vs-color-icon-accent-cranachan": string;
+            "vs-color-icon-accent-buachaille": string;
+            "vs-color-interaction-focus": string;
+            "vs-color-interaction-focus-on-bold": string;
+            "vs-color-interaction-cta-primary": string;
+            "vs-color-interaction-cta-secondary": string;
+            "vs-color-interaction-cta-hover": string;
+            "vs-color-interaction-cta-pressed": string;
+            "vs-color-interaction-cta-disabled": string;
+            "vs-color-interaction-cta-subtle-hover": string;
+            "vs-color-interaction-cta-subtle-pressed": string;
+            "vs-color-interaction-cta-subtle": string;
+            "vs-color-interaction-link-primary": string;
+            "vs-color-interaction-link-secondary": string;
+            "vs-color-interaction-link-active": string;
+            "vs-color-interaction-link-visited": string;
+            "vs-color-interaction-link-disabled": string;
+            "vs-color-interaction-link-visited-on-bold": string;
+            "vs-color-text-primary": string;
+            "vs-color-text-secondary": string;
+            "vs-color-text-tertiary": string;
+            "vs-color-text-inverse": string;
+            "vs-color-text-cta-on-light": string;
+            "vs-color-text-highlight": string;
+            "vs-color-text-brand": string;
+            "vs-color-text-error": string;
+            "vs-color-text-success": string;
+            "vs-color-text-disabled": string;
+            breakpoint_xl: string;
+            grid_container_width_xl: string;
+            breakpoint_md: string;
+            max_container_width_xl: string;
+            grid_container_width_md: string;
+            breakpoint_sm: string;
+            breakpoint_lg: string;
+            breakpoint_xs: string;
+            max_container_width_md: string;
+            grid_container_width_sm: string;
+            grid_container_width_lg: string;
+            max_container_width_sm: string;
+            max_container_width_lg: string;
+            max_container_width_xxl: string;
+            grid_container_width_xxl: string;
+            breakpoint_xxl: string;
+            grid_columns: string;
+            grid_gutter_width: string;
+            "vs-spacer-0": string;
+            "vs-spacer-0125": string;
+            "vs-spacer-025": string;
+            "vs-spacer-050": string;
+            "vs-spacer-075": string;
+            "vs-spacer-100": string;
+            "vs-spacer-125": string;
+            "vs-spacer-150": string;
+            "vs-spacer-175": string;
+            "vs-spacer-200": string;
+            "vs-spacer-225": string;
+            "vs-spacer-250": string;
+            "vs-spacer-300": string;
+            "vs-spacer-400": string;
+            "vs-spacer-500": string;
+            "vs-spacer-600": string;
+            "vs-spacer-700": string;
+            "vs-radius-medium": string;
+            "vs-radius-none": string;
+            "vs-radius-large-increased": string;
+            "vs-radius-extra-large-increased": string;
+            "vs-radius-tiny": string;
+            "vs-radius-large": string;
+            "vs-radius-extra-large": string;
+            "vs-radius-extra-extra-large": string;
+            "vs-radius-huge": string;
+            "vs-radius-full": string;
+            "vs-radius-small": string;
+            "vs-elevation-shadow-raised": string;
+            "vs-elevation-shadow-overlay": string;
+            "vs-elevation-surface": string;
+            "vs-elevation-surface-section": string;
+            "vs-elevation-surface-raised": string;
+            "vs-elevation-surface-overlay": string;
+            "vs-focus-shadow": string;
+            "vs-focus-shadow-on-dark": string;
+            "vs-border-width-sm": string;
+            "vs-border-width-md": string;
+            "vs-font-size-display-m": string;
+            "vs-font-size-display-s": string;
+            "vs-font-size-heading-xl": string;
+            "vs-font-size-heading-l": string;
+            "vs-font-size-heading-m": string;
+            "vs-font-size-heading-s": string;
+            "vs-font-size-heading-xs": string;
+            "vs-font-size-heading-xxs": string;
+            "vs-font-size-heading-xxxs": string;
+            "vs-font-size-detail-l": string;
+            "vs-font-size-detail-m": string;
+            "vs-font-size-detail-s": string;
+            "vs-font-size-body-l": string;
+            "vs-font-size-body-m": string;
+            "vs-font-size-body-s": string;
+            "vs-font-weight-strong": string;
+            "vs-font-weight-medium": string;
+            "vs-font-weight-regular": string;
+            "vs-font-weight-subtle": string;
+            "vs-font-weight-heading": string;
+            "vs-font-weight-body": string;
+            "vs-font-weight-detail": string;
+            "vs-font-family-sans-serif": string;
+            "vs-font-family-display": string;
+            "vs-line-height-heading": number;
+            "vs-line-height-detail": number;
+            "vs-line-height-body": number;
+            "vs-letter-spacing-display": string;
+            "vs-letter-spacing-heading": string;
+            "vs-letter-spacing-detail": string;
+            "vs-letter-spacing-body": string;
+            icon_size_xxs: string;
+            icon_size_xs: string;
+            icon_size_sm: string;
+            icon_size_md: string;
+            icon_size_lg: string;
+            icon_size_xl: string;
+            "vs-icon-facility-audio-loop": string;
+            "vs-icon-control-collapse": string;
+            "vs-icon-facility-wheelchair-access": string;
+            "vs-icon-control-pause": string;
+            "vs-icon-facility-cafe": string;
+            "vs-icon-feedback-error": string;
+            "vs-icon-facility-accessible-parking": string;
+            "vs-icon-control-next": string;
+            "vs-icon-control-filters": string;
+            "vs-icon-feedback-information": string;
+            "vs-icon-control-external-link": string;
+            "vs-icon-control-play": string;
+            "vs-icon-facility-accessible-dining": string;
+            "vs-icon-control-previous": string;
+            "vs-icon-facility-public-transport": string;
+            "vs-icon-season-winter": string;
+            "vs-icon-control-expand": string;
+            "vs-icon-facility-pets-welcome": string;
+            "vs-icon-facility-parking": string;
+            "vs-icon-control-menu": string;
+            "vs-icon-season-spring": string;
+            "vs-icon-season-summer": string;
+            "vs-icon-facility-breakfast": string;
+            "vs-icon-control-back-to-top": string;
+            "vs-icon-control-dismiss": string;
+            "vs-icon-feedback-warning": string;
+            "vs-icon-facility-accessible-shower": string;
+            "vs-icon-facility-wifi": string;
+            "vs-icon-control-search": string;
+            "vs-icon-control-download": string;
+            "vs-icon-season-autumn": string;
+            "vs-icon-facility-accessible-toilet": string;
+            "vs-icon-feedback-success": string;
+            "vs-icon-facility-vegan": string;
+            "font-size-1": string;
+            "font-size-2": string;
+            "font-size-3": string;
+            "font-size-4": string;
+            "font-size-5": string;
+            "font-size-6": string;
+            "font-size-7": string;
+            "font-size-8": string;
+            "font-size-9": string;
+            "font-size-10": string;
+            "font-size-body": string;
+            "font-size-body-md": string;
+            "font-size-lead": string;
+            "font-size-lead-md": string;
+            "font-size-teaser": string;
+            opacity_100: string;
+            opacity_50: string;
+            opacity_0: string;
+            duration_quickly: string;
+            duration_base: string;
+            duration_slowly: string;
+            no_javascript: string;
+            theme_dark: string;
+            theme_grey: string;
+        };
+    }, {
+        iconClasses(): any[];
+        fontAwesomeClasses(): any;
+        iconStyles(): {
+            color: string;
+        };
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            required: true;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+        customColour: {
+            type: StringConstructor;
+            default: any;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => any;
+        };
+        smallSize: {
+            type: StringConstructor;
+            default: any;
+            validator: (value: unknown) => any;
+        };
+    }>> & Readonly<{}>, {
+        variant: string;
+        customColour: string;
+        size: string;
+        smallSize: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;