@visitscotland/component-library 5.61.1 → 5.62.0

package/dist/components/components/carbon-calculator/components/CarbonCalculatorQuestion.vue.d.ts

@@ -0,0 +1,1554 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * The localised main text of the question that prompts the user to answer
+     */
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    labelFor: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * The localised hint text of the question that clarifies the answer expected
+     * from the user
+     */
+    hint: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Any additional styling  classes that should be applied to the question
+     * as a whole
+     */
+    fieldClass: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Which selector type should be used for the question.
+     * `radio|number`.
+     */
+    fieldType: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => any;
+    };
+    /**
+     * The identifier for the field which should be provided when updating the
+     * value of the field to the calculator as a whole
+     */
+    fieldName: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * An array of options that the user can select. Each should be an object with a `value`
+     * string (that is submitted as part of the answer to the carbon calculation), a `text`
+     * string which denotes what the answer represents, and an `icon` string which dictates
+     * which icon is rendered on the radio button.
+     */
+    options: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    /**
+     * Minimum number value, only needed for number inputs
+     */
+    minimum: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Maximum number value, only needed for number inputs
+     */
+    maximum: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, {}, {}, {}, {
+    /**
+     * Fired when the value of the nested input changes, emits the new value up to the
+     * questionnaire to be tracked in the running total.
+    */
+    valueChanged(newData: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "updateFieldData"[], "updateFieldData", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * The localised main text of the question that prompts the user to answer
+     */
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    labelFor: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * The localised hint text of the question that clarifies the answer expected
+     * from the user
+     */
+    hint: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Any additional styling  classes that should be applied to the question
+     * as a whole
+     */
+    fieldClass: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Which selector type should be used for the question.
+     * `radio|number`.
+     */
+    fieldType: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: unknown) => any;
+    };
+    /**
+     * The identifier for the field which should be provided when updating the
+     * value of the field to the calculator as a whole
+     */
+    fieldName: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * An array of options that the user can select. Each should be an object with a `value`
+     * string (that is submitted as part of the answer to the carbon calculation), a `text`
+     * string which denotes what the answer represents, and an `icon` string which dictates
+     * which icon is rendered on the radio button.
+     */
+    options: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    /**
+     * Minimum number value, only needed for number inputs
+     */
+    minimum: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Maximum number value, only needed for number inputs
+     */
+    maximum: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{
+    onUpdateFieldData?: (...args: any[]) => any;
+}>, {
+    hint: string;
+    fieldType: string;
+    minimum: number;
+    maximum: number;
+}, {}, {
+    BFormGroup: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('bootstrap-vue-next').BFormGroupProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            disabled: boolean;
+            ariaInvalid: import('bootstrap-vue-next').AriaInvalid;
+            id: string;
+            state: import('bootstrap-vue-next').ValidationState;
+            label: string;
+            description: string;
+            tooltip: boolean;
+            floating: boolean;
+            validated: boolean;
+            labelFor: string;
+            labelClass: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
+            invalidFeedback: string;
+            validFeedback: string;
+            feedbackAriaLive: string;
+            contentCols: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            labelCols: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            labelAlign: string;
+            labelSize: string;
+            labelVisuallyHidden: boolean;
+            contentColsSm: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            contentColsMd: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            contentColsLg: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            contentColsXl: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            labelColsSm: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            labelColsMd: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            labelColsLg: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            labelColsXl: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            labelAlignSm: string;
+            labelAlignMd: string;
+            labelAlignLg: string;
+            labelAlignXl: string;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            _content: HTMLDivElement;
+        }, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('bootstrap-vue-next').BFormGroupProps> & Readonly<{}>, {}, {}, {}, {}, {
+            disabled: boolean;
+            ariaInvalid: import('bootstrap-vue-next').AriaInvalid;
+            id: string;
+            state: import('bootstrap-vue-next').ValidationState;
+            label: string;
+            description: string;
+            tooltip: boolean;
+            floating: boolean;
+            validated: boolean;
+            labelFor: string;
+            labelClass: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
+            invalidFeedback: string;
+            validFeedback: string;
+            feedbackAriaLive: string;
+            contentCols: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            labelCols: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            labelAlign: string;
+            labelSize: string;
+            labelVisuallyHidden: boolean;
+            contentColsSm: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            contentColsMd: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            contentColsLg: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            contentColsXl: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            labelColsSm: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            labelColsMd: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            labelColsLg: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            labelColsXl: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            labelAlignSm: string;
+            labelAlignMd: string;
+            labelAlignLg: string;
+            labelAlignXl: string;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('bootstrap-vue-next').BFormGroupProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        disabled: boolean;
+        ariaInvalid: import('bootstrap-vue-next').AriaInvalid;
+        id: string;
+        state: import('bootstrap-vue-next').ValidationState;
+        label: string;
+        description: string;
+        tooltip: boolean;
+        floating: boolean;
+        validated: boolean;
+        labelFor: string;
+        labelClass: import('node_modules/bootstrap-vue-next/dist/types/AnyValuedAttributes').ClassValue;
+        invalidFeedback: string;
+        validFeedback: string;
+        feedbackAriaLive: string;
+        contentCols: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+        labelCols: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+        labelAlign: string;
+        labelSize: string;
+        labelVisuallyHidden: boolean;
+        contentColsSm: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+        contentColsMd: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+        contentColsLg: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+        contentColsXl: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+        labelColsSm: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+        labelColsMd: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+        labelColsLg: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+        labelColsXl: boolean | import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+        labelAlignSm: string;
+        labelAlignMd: string;
+        labelAlignLg: string;
+        labelAlignXl: string;
+    }, {}, 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').BFormGroupSlots> & import('bootstrap-vue-next').BFormGroupSlots;
+    });
+    VsRadioButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        value: {
+            type: StringConstructor;
+            default: string;
+        };
+        fieldName: {
+            type: StringConstructor;
+            required: true;
+        };
+        validationRules: {
+            type: ObjectConstructor;
+            default(): {};
+        };
+        invalid: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        triggerValidate: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        validationMessages: {
+            type: ObjectConstructor;
+            default(): {};
+        };
+        genericValidation: {
+            type: ObjectConstructor;
+            default(): {};
+        };
+        reAlertErrors: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        options: {
+            type: ArrayConstructor;
+            required: true;
+        };
+        hintText: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {
+        v$: import('vue').Ref<import('@vuelidate/core').Validation<import('@vuelidate/core').ValidationArgs<unknown>, unknown>, import('@vuelidate/core').Validation<import('@vuelidate/core').ValidationArgs<unknown>, unknown>>;
+    }, {
+        inputVal: string;
+        clearErrorsOnFocus: boolean;
+        checkedValue: string;
+    }, {
+        elementClass(): string;
+        showClearButton(): boolean;
+        errorClass(): "" | "vs-input--error";
+    }, {
+        clearInput(): void;
+        focusOnInput(): void;
+        validateErrors(): void;
+        resetErrors(): void;
+        valueChanged(newData: any): void;
+    }, {
+        emits: string[];
+        data(): {
+            inputVal: any;
+            isInvalid: any;
+        };
+        computed: {
+            isRequired(): boolean;
+            rules(): {
+                inputVal: {};
+            } | {
+                inputVal?: undefined;
+            };
+            errorsList(): any[];
+        };
+        watch: {
+            errorsList(newValue: any): void;
+        };
+        methods: {
+            manualValidate(): void;
+            emitStatus(): void;
+        };
+    } | {
+        computed: {
+            ariaDescription(): string;
+        };
+    }, import('vue').ComponentOptionsMixin, ("updated" | "updateFieldData")[], "updated" | "updateFieldData", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        value: {
+            type: StringConstructor;
+            default: string;
+        };
+        fieldName: {
+            type: StringConstructor;
+            required: true;
+        };
+        validationRules: {
+            type: ObjectConstructor;
+            default(): {};
+        };
+        invalid: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        triggerValidate: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        validationMessages: {
+            type: ObjectConstructor;
+            default(): {};
+        };
+        genericValidation: {
+            type: ObjectConstructor;
+            default(): {};
+        };
+        reAlertErrors: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        options: {
+            type: ArrayConstructor;
+            required: true;
+        };
+        hintText: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{
+        onUpdated?: (...args: any[]) => any;
+        onUpdateFieldData?: (...args: any[]) => any;
+    }>, {
+        value: string;
+        invalid: boolean;
+        validationRules: Record<string, any>;
+        triggerValidate: boolean;
+        validationMessages: Record<string, any>;
+        genericValidation: Record<string, any>;
+        reAlertErrors: boolean;
+        hintText: string;
+    }, {}, {
+        BFormRadioGroup: <Options extends readonly (object | string | number | boolean)[] = readonly (string | number | boolean | object)[]>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+            slots: {
+                first?(_: {}): any;
+                option?(_: {
+                    [key: string]: unknown;
+                    text: string | undefined;
+                    value: any;
+                    disabled?: boolean | undefined;
+                }): any;
+                default?(_: {}): any;
+            };
+            attrs: any;
+            emit: (evt: "update:modelValue", value: import('bootstrap-vue-next').OptionsValues<Options> | undefined) => void;
+        }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+            props: {
+                readonly "onUpdate:modelValue"?: ((value: import('bootstrap-vue-next').OptionsValues<Options> | undefined) => any) | undefined;
+                modelValue?: import('bootstrap-vue-next').OptionsValues<Options> | undefined;
+                reverse?: boolean;
+                required?: boolean;
+                name?: string;
+                size?: import('bootstrap-vue-next').Size;
+                id?: string;
+                state?: import('bootstrap-vue-next').ValidationState;
+                disabled?: boolean;
+                ariaInvalid?: import('bootstrap-vue-next').AriaInvalid;
+                validated?: boolean;
+                autofocus?: boolean;
+                buttonVariant?: import('bootstrap-vue-next').ButtonVariant | null;
+                form?: string;
+                plain?: boolean;
+                options?: Options;
+                buttons?: boolean;
+                disabledField?: string;
+                stacked?: boolean;
+                textField?: string;
+                valueField?: string;
+            } & import('vue').PublicProps;
+            expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+            attrs: any;
+            slots: {
+                first?(_: {}): any;
+                option?(_: {
+                    [key: string]: unknown;
+                    text: string | undefined;
+                    value: any;
+                    disabled?: boolean | undefined;
+                }): any;
+                default?(_: {}): any;
+            };
+            emit: (evt: "update:modelValue", value: import('bootstrap-vue-next').OptionsValues<Options> | undefined) => void;
+        }>) => import('vue').VNode & {
+            __ctx?: Awaited<typeof __VLS_setup>;
+        };
+        BFormRadio: {
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                modelValue?: import('bootstrap-vue-next').BFormRadioProps["modelValue"];
+            } & {
+                reverse?: boolean;
+                required?: boolean;
+                name?: string;
+                value?: import('bootstrap-vue-next').RadioValue;
+                size?: import('bootstrap-vue-next').Size;
+                id?: string;
+                state?: import('bootstrap-vue-next').ValidationState;
+                disabled?: boolean;
+                button?: boolean;
+                ariaLabel?: string;
+                ariaLabelledby?: string;
+                autofocus?: boolean;
+                buttonGroup?: boolean;
+                buttonVariant?: import('bootstrap-vue-next').ButtonVariant | null;
+                form?: string;
+                inline?: boolean;
+                plain?: boolean;
+            }> & Readonly<{
+                "onUpdate:modelValue"?: ((value: import('bootstrap-vue-next').RadioValue | undefined) => any) | undefined;
+            }>, {
+                blur: () => void;
+                element: Readonly<import('vue').ShallowRef<HTMLInputElement | null>>;
+                focus: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (value: import('bootstrap-vue-next').RadioValue | undefined) => any;
+            }, import('vue').PublicProps, {
+                value: import('bootstrap-vue-next').RadioValue;
+                disabled: boolean;
+                autofocus: boolean;
+                form: string;
+                id: string;
+                name: string;
+                required: boolean;
+                size: import('bootstrap-vue-next').Size;
+                state: import('bootstrap-vue-next').ValidationState;
+                button: boolean;
+                buttonGroup: boolean;
+                reverse: boolean;
+                ariaLabel: string;
+                inline: boolean;
+                plain: boolean;
+                ariaLabelledby: string;
+                buttonVariant: import('bootstrap-vue-next').ButtonVariant | null;
+            }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                _input: HTMLInputElement;
+            }, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<{
+                modelValue?: import('bootstrap-vue-next').BFormRadioProps["modelValue"];
+            } & {
+                reverse?: boolean;
+                required?: boolean;
+                name?: string;
+                value?: import('bootstrap-vue-next').RadioValue;
+                size?: import('bootstrap-vue-next').Size;
+                id?: string;
+                state?: import('bootstrap-vue-next').ValidationState;
+                disabled?: boolean;
+                button?: boolean;
+                ariaLabel?: string;
+                ariaLabelledby?: string;
+                autofocus?: boolean;
+                buttonGroup?: boolean;
+                buttonVariant?: import('bootstrap-vue-next').ButtonVariant | null;
+                form?: string;
+                inline?: boolean;
+                plain?: boolean;
+            }> & Readonly<{
+                "onUpdate:modelValue"?: ((value: import('bootstrap-vue-next').RadioValue | undefined) => any) | undefined;
+            }>, {
+                blur: () => void;
+                element: Readonly<import('vue').ShallowRef<HTMLInputElement | null>>;
+                focus: () => void;
+            }, {}, {}, {}, {
+                value: import('bootstrap-vue-next').RadioValue;
+                disabled: boolean;
+                autofocus: boolean;
+                form: string;
+                id: string;
+                name: string;
+                required: boolean;
+                size: import('bootstrap-vue-next').Size;
+                state: import('bootstrap-vue-next').ValidationState;
+                button: boolean;
+                buttonGroup: boolean;
+                reverse: boolean;
+                ariaLabel: string;
+                inline: boolean;
+                plain: boolean;
+                ariaLabelledby: string;
+                buttonVariant: import('bootstrap-vue-next').ButtonVariant | null;
+            }>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<{
+            modelValue?: import('bootstrap-vue-next').BFormRadioProps["modelValue"];
+        } & {
+            reverse?: boolean;
+            required?: boolean;
+            name?: string;
+            value?: import('bootstrap-vue-next').RadioValue;
+            size?: import('bootstrap-vue-next').Size;
+            id?: string;
+            state?: import('bootstrap-vue-next').ValidationState;
+            disabled?: boolean;
+            button?: boolean;
+            ariaLabel?: string;
+            ariaLabelledby?: string;
+            autofocus?: boolean;
+            buttonGroup?: boolean;
+            buttonVariant?: import('bootstrap-vue-next').ButtonVariant | null;
+            form?: string;
+            inline?: boolean;
+            plain?: boolean;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: import('bootstrap-vue-next').RadioValue | undefined) => any) | undefined;
+        }>, {
+            blur: () => void;
+            element: Readonly<import('vue').ShallowRef<HTMLInputElement | null>>;
+            focus: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: import('bootstrap-vue-next').RadioValue | undefined) => any;
+        }, string, {
+            value: import('bootstrap-vue-next').RadioValue;
+            disabled: boolean;
+            autofocus: boolean;
+            form: string;
+            id: string;
+            name: string;
+            required: boolean;
+            size: import('bootstrap-vue-next').Size;
+            state: import('bootstrap-vue-next').ValidationState;
+            button: boolean;
+            buttonGroup: boolean;
+            reverse: boolean;
+            ariaLabel: string;
+            inline: boolean;
+            plain: boolean;
+            ariaLabelledby: string;
+            buttonVariant: import('bootstrap-vue-next').ButtonVariant | null;
+        }, {}, 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').BFormRadioSlots> & import('bootstrap-vue-next').BFormRadioSlots;
+        });
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    VsNumberInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        value: {
+            type: NumberConstructor;
+            default: number;
+        };
+        fieldName: {
+            type: StringConstructor;
+            required: true;
+        };
+        minimumNumber: {
+            type: NumberConstructor;
+            default: number;
+        };
+        maximumNumber: {
+            type: NumberConstructor;
+            default: number;
+        };
+        autoComplete: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        validationRules: {
+            type: ObjectConstructor;
+            default(): {};
+        };
+        invalid: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        triggerValidate: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        validationMessages: {
+            type: ObjectConstructor;
+            default(): {};
+        };
+        genericValidation: {
+            type: ObjectConstructor;
+            default(): {};
+        };
+        hintText: {
+            type: StringConstructor;
+            default: string;
+        };
+        clearButtonText: {
+            type: StringConstructor;
+            default: string;
+        };
+        reAlertErrors: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        v$: import('vue').Ref<import('@vuelidate/core').Validation<import('@vuelidate/core').ValidationArgs<unknown>, unknown>, import('@vuelidate/core').Validation<import('@vuelidate/core').ValidationArgs<unknown>, unknown>>;
+    }, {
+        inputVal: number;
+        clearErrorsOnFocus: boolean;
+    }, {
+        elementClass(): string;
+        showClearButton(): boolean;
+        errorClass(): "" | "vs-input--error";
+    }, {
+        clearInput(): void;
+        focusOnInput(): void;
+        clearInputAndFocus(): void;
+        controlBlurred(): void;
+        validateErrors(): void;
+        resetErrors(): void;
+        decrementValue(event: any): void;
+        incrementValue(event: any): void;
+    }, {
+        emits: string[];
+        data(): {
+            inputVal: any;
+            isInvalid: any;
+        };
+        computed: {
+            isRequired(): boolean;
+            rules(): {
+                inputVal: {};
+            } | {
+                inputVal?: undefined;
+            };
+            errorsList(): any[];
+        };
+        watch: {
+            errorsList(newValue: any): void;
+        };
+        methods: {
+            manualValidate(): void;
+            emitStatus(): void;
+        };
+    } | {
+        computed: {
+            ariaDescription(): string;
+        };
+    }, import('vue').ComponentOptionsMixin, "updated"[], "updated", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        value: {
+            type: NumberConstructor;
+            default: number;
+        };
+        fieldName: {
+            type: StringConstructor;
+            required: true;
+        };
+        minimumNumber: {
+            type: NumberConstructor;
+            default: number;
+        };
+        maximumNumber: {
+            type: NumberConstructor;
+            default: number;
+        };
+        autoComplete: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        validationRules: {
+            type: ObjectConstructor;
+            default(): {};
+        };
+        invalid: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        triggerValidate: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        validationMessages: {
+            type: ObjectConstructor;
+            default(): {};
+        };
+        genericValidation: {
+            type: ObjectConstructor;
+            default(): {};
+        };
+        hintText: {
+            type: StringConstructor;
+            default: string;
+        };
+        clearButtonText: {
+            type: StringConstructor;
+            default: string;
+        };
+        reAlertErrors: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onUpdated?: (...args: any[]) => any;
+    }>, {
+        value: number;
+        invalid: boolean;
+        validationRules: Record<string, any>;
+        triggerValidate: boolean;
+        validationMessages: Record<string, any>;
+        genericValidation: Record<string, any>;
+        reAlertErrors: boolean;
+        hintText: string;
+        minimumNumber: number;
+        maximumNumber: number;
+        autoComplete: boolean;
+        clearButtonText: string;
+    }, {}, {
+        BFormInput: import('vue').DefineComponent<{
+            modelValue?: Exclude<import('bootstrap-vue-next').BFormInputProps["modelValue"], undefined>;
+            modelModifiers?: Partial<Record<"trim" | "lazy" | "number", true>>;
+        } & {
+            type?: import('bootstrap-vue-next').InputType;
+            required?: boolean;
+            name?: string;
+            size?: import('bootstrap-vue-next').Size;
+            id?: string;
+            state?: import('bootstrap-vue-next').ValidationState;
+            disabled?: boolean;
+            ariaInvalid?: import('bootstrap-vue-next').AriaInvalid;
+            autofocus?: boolean;
+            form?: string;
+            min?: import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            max?: import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            step?: import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            autocomplete?: string;
+            formatter?: (val: string, evt: Event) => string;
+            lazyFormatter?: boolean;
+            list?: string;
+            placeholder?: string;
+            plaintext?: boolean;
+            readonly?: boolean;
+            debounce?: import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            debounceMaxWait?: import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+        }, {
+            blur: () => void;
+            element: Readonly<import('vue').ShallowRef<HTMLInputElement | null>>;
+            flushDebounce: (evt: Readonly<FocusEvent>) => void;
+            focus: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish | null) => any;
+        }, string, import('vue').PublicProps, Readonly<{
+            modelValue?: Exclude<import('bootstrap-vue-next').BFormInputProps["modelValue"], undefined>;
+            modelModifiers?: Partial<Record<"trim" | "lazy" | "number", true>>;
+        } & {
+            type?: import('bootstrap-vue-next').InputType;
+            required?: boolean;
+            name?: string;
+            size?: import('bootstrap-vue-next').Size;
+            id?: string;
+            state?: import('bootstrap-vue-next').ValidationState;
+            disabled?: boolean;
+            ariaInvalid?: import('bootstrap-vue-next').AriaInvalid;
+            autofocus?: boolean;
+            form?: string;
+            min?: import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            max?: import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            step?: import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            autocomplete?: string;
+            formatter?: (val: string, evt: Event) => string;
+            lazyFormatter?: boolean;
+            list?: string;
+            placeholder?: string;
+            plaintext?: boolean;
+            readonly?: boolean;
+            debounce?: import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            debounceMaxWait?: import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish | null) => any) | undefined;
+        }>, {
+            disabled: boolean;
+            ariaInvalid: import('bootstrap-vue-next').AriaInvalid;
+            autocomplete: string;
+            autofocus: boolean;
+            form: string;
+            formatter: (val: string, evt: Event) => string;
+            id: string;
+            lazyFormatter: boolean;
+            list: string;
+            modelValue: Exclude<import('bootstrap-vue-next').BFormInputProps["modelValue"], undefined>;
+            name: string;
+            placeholder: string;
+            plaintext: boolean;
+            readonly: boolean;
+            required: boolean;
+            size: import('bootstrap-vue-next').Size;
+            state: import('bootstrap-vue-next').ValidationState;
+            type: import('bootstrap-vue-next').InputType;
+            max: import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            debounce: import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            debounceMaxWait: import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            min: import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+            step: import('node_modules/bootstrap-vue-next/dist/types/CommonTypes').Numberish;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+            _input: HTMLInputElement;
+        }, HTMLInputElement>;
+        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>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;