@visitscotland/component-library 4.18.0 → 4.19.0

package/dist/components/components/hero-section/HeroSection.vue.d.ts

@@ -64,6 +64,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    /**
+    * The visually hidden text to display
+    */
+    videoBtnText: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, {}, {}, {
     imageClasses(): {
         'vs-hero-section__image--inset': boolean;
@@ -71,7 +78,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     textContainerClasses(): (string | {
         'vs-hero-section__text-container--video': string;
     })[];
-}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {
+    /**
+     * Play/pause the video
+     */
+    onToggleVideo(isPlaying: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
     * The text for the heading
     */
@@ -137,11 +149,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    /**
+    * The visually hidden text to display
+    */
+    videoBtnText: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{}>, {
     split: boolean;
     imgAlt: string;
     src: string;
     heading: string;
+    videoBtnText: string;
     imgCaption: string;
     imgCredit: string;
     lede: string;
@@ -966,9 +986,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 height: import('node_modules/bootstrap-vue-next/dist/src/types').Numberish;
                 lazy: boolean;
                 block: boolean;
-                rounded: boolean | import('bootstrap-vue-next' /**
-                * Whether the image should sit in a container or not
-                */).RadiusElement;
+                rounded: boolean | import('bootstrap-vue-next').RadiusElement;
                 roundedTop: boolean | import('bootstrap-vue-next').RadiusElement;
                 roundedBottom: boolean | import('bootstrap-vue-next').RadiusElement;
                 roundedStart: boolean | import('bootstrap-vue-next').RadiusElement;
@@ -1066,5 +1084,705 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    VsHeroSectionVideoControl: import('vue').DefineComponent<{}, {}, {
+        isPlaying: boolean;
+    }, {}, {
+        toggleVideo(): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "videoToggled"[], "videoToggled", import('vue').PublicProps, Readonly<{}> & Readonly<{
+        onVideoToggled?: (...args: any[]) => any;
+    }>, {}, {}, {
+        VsButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            href: {
+                type: StringConstructor;
+                default: any;
+            };
+            tabindex: {
+                type: StringConstructor;
+                default: any;
+            };
+            variant: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+            animate: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            rounded: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            icon: {
+                type: StringConstructor;
+                default: string;
+            };
+            iconOnly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            iconPosition: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+        }>, {}, {
+            isAnimating: boolean;
+        }, {
+            buttonClasses(): {
+                'vs-button--animated': boolean;
+                'vs-button--is-animating': boolean;
+                'vs-button--rounded': boolean;
+                'vs-button--icon-only': boolean;
+                'button-flex': boolean;
+                'vs-button--flex-reverse': boolean;
+            }[];
+            iconClasses(): {
+                'vs-icon--right': boolean;
+                'vs-icon--left': boolean;
+            }[];
+        }, {
+            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;
+            };
+            iconPosition: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: unknown) => any;
+            };
+        }>> & Readonly<{
+            onBtnFocus?: (...args: any[]) => any;
+        }>, {
+            variant: string;
+            size: string;
+            icon: string;
+            href: string;
+            tabindex: string;
+            animate: boolean;
+            rounded: boolean;
+            iconOnly: boolean;
+            iconPosition: string;
+        }, {}, {
+            BButton: {
+                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+                    pressed: import('vue').PropType<boolean | undefined>;
+                    tag: {
+                        type: import('vue').PropType<string>;
+                        default: string;
+                    };
+                    type: {
+                        type: import('vue').PropType<import('bootstrap-vue-next').ButtonType>;
+                        default: string;
+                    };
+                    replace: {
+                        type: import('vue').PropType<boolean>;
+                        default: undefined;
+                    };
+                    target: {
+                        type: import('vue').PropType<import('bootstrap-vue-next').LinkTarget>;
+                        default: undefined;
+                    };
+                    to: {
+                        type: import('vue').PropType<import('vue-router').RouteLocationRaw>;
+                        default: undefined;
+                    };
+                    append: {
+                        type: import('vue').PropType<boolean>;
+                        default: undefined;
+                    };
+                    disabled: {
+                        type: import('vue').PropType<boolean>;
+                        default: undefined;
+                    };
+                    href: {
+                        type: import('vue').PropType<string>;
+                        default: undefined;
+                    };
+                    rel: {
+                        type: import('vue').PropType<string>;
+                        default: undefined;
+                    };
+                    size: {
+                        type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseSize>;
+                        default: string;
+                    };
+                    active: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    activeClass: {
+                        type: import('vue').PropType<string>;
+                        default: undefined;
+                    };
+                    routerComponentName: {
+                        type: import('vue').PropType<string>;
+                        default: undefined;
+                    };
+                    variant: {
+                        type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseButtonVariant | null>;
+                        default: string;
+                    };
+                    opacity: {
+                        type: import('vue').PropType<10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
+                        default: undefined;
+                    };
+                    opacityHover: {
+                        type: import('vue').PropType<10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
+                        default: undefined;
+                    };
+                    underlineVariant: {
+                        type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseColorVariant | null>;
+                        default: undefined;
+                    };
+                    underlineOffset: {
+                        type: import('vue').PropType<1 | 2 | 3 | "1" | "2" | "3">;
+                        default: undefined;
+                    };
+                    underlineOffsetHover: {
+                        type: import('vue').PropType<1 | 2 | 3 | "1" | "2" | "3">;
+                        default: undefined;
+                    };
+                    underlineOpacity: {
+                        type: import('vue').PropType<0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
+                        default: undefined;
+                    };
+                    underlineOpacityHover: {
+                        type: import('vue').PropType<0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
+                        default: undefined;
+                    };
+                    pill: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    icon: {
+                        type: import('vue').PropType<boolean>;
+                        default: undefined;
+                    };
+                    routerTag: {
+                        type: import('vue').PropType<string>;
+                        default: undefined;
+                    };
+                    exactActiveClass: {
+                        type: import('vue').PropType<string>;
+                        default: undefined;
+                    };
+                    loading: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    loadingFill: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    loadingText: {
+                        type: import('vue').PropType<string>;
+                        default: string;
+                    };
+                    squared: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                }>> & {
+                    onClick?: ((value: MouseEvent) => any) | undefined;
+                }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    click: (value: MouseEvent) => void;
+                }, import('vue').PublicProps, {
+                    tag: string;
+                    type: import('bootstrap-vue-next').ButtonType;
+                    replace: boolean;
+                    target: import('bootstrap-vue-next').LinkTarget;
+                    to: import('vue-router').RouteLocationRaw;
+                    append: boolean;
+                    disabled: boolean;
+                    href: string;
+                    rel: string;
+                    size: keyof import('bootstrap-vue-next').BaseSize;
+                    active: boolean;
+                    activeClass: string;
+                    routerComponentName: string;
+                    variant: keyof import('bootstrap-vue-next').BaseButtonVariant | null;
+                    opacity: 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
+                    opacityHover: 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
+                    underlineVariant: keyof import('bootstrap-vue-next').BaseColorVariant | null;
+                    underlineOffset: 1 | 2 | 3 | "1" | "2" | "3";
+                    underlineOffsetHover: 1 | 2 | 3 | "1" | "2" | "3";
+                    underlineOpacity: 0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
+                    underlineOpacityHover: 0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
+                    pill: boolean;
+                    icon: boolean;
+                    routerTag: string;
+                    exactActiveClass: string;
+                    loading: boolean;
+                    loadingFill: boolean;
+                    loadingText: string;
+                    squared: boolean;
+                }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import('vue').ExtractPropTypes<{
+                    pressed: import('vue').PropType<boolean | undefined>;
+                    tag: {
+                        type: import('vue').PropType<string>;
+                        default: string;
+                    };
+                    type: {
+                        type: import('vue').PropType<import('bootstrap-vue-next').ButtonType>;
+                        default: string;
+                    };
+                    replace: {
+                        type: import('vue').PropType<boolean>;
+                        default: undefined;
+                    };
+                    target: {
+                        type: import('vue').PropType<import('bootstrap-vue-next').LinkTarget>;
+                        default: undefined;
+                    };
+                    to: {
+                        type: import('vue').PropType<import('vue-router').RouteLocationRaw>;
+                        default: undefined;
+                    };
+                    append: {
+                        type: import('vue').PropType<boolean>;
+                        default: undefined;
+                    };
+                    disabled: {
+                        type: import('vue').PropType<boolean>;
+                        default: undefined;
+                    };
+                    href: {
+                        type: import('vue').PropType<string>;
+                        default: undefined;
+                    };
+                    rel: {
+                        type: import('vue').PropType<string>;
+                        default: undefined;
+                    };
+                    size: {
+                        type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseSize>;
+                        default: string;
+                    };
+                    active: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    activeClass: {
+                        type: import('vue').PropType<string>;
+                        default: undefined;
+                    };
+                    routerComponentName: {
+                        type: import('vue').PropType<string>;
+                        default: undefined;
+                    };
+                    variant: {
+                        type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseButtonVariant | null>;
+                        default: string;
+                    };
+                    opacity: {
+                        type: import('vue').PropType<10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
+                        default: undefined;
+                    };
+                    opacityHover: {
+                        type: import('vue').PropType<10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
+                        default: undefined;
+                    };
+                    underlineVariant: {
+                        type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseColorVariant | null>;
+                        default: undefined;
+                    };
+                    underlineOffset: {
+                        type: import('vue').PropType<1 | 2 | 3 | "1" | "2" | "3">;
+                        default: undefined;
+                    };
+                    underlineOffsetHover: {
+                        type: import('vue').PropType<1 | 2 | 3 | "1" | "2" | "3">;
+                        default: undefined;
+                    };
+                    underlineOpacity: {
+                        type: import('vue').PropType<0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
+                        default: undefined;
+                    };
+                    underlineOpacityHover: {
+                        type: import('vue').PropType<0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
+                        default: undefined;
+                    };
+                    pill: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    icon: {
+                        type: import('vue').PropType<boolean>;
+                        default: undefined;
+                    };
+                    routerTag: {
+                        type: import('vue').PropType<string>;
+                        default: undefined;
+                    };
+                    exactActiveClass: {
+                        type: import('vue').PropType<string>;
+                        default: undefined;
+                    };
+                    loading: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    loadingFill: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    loadingText: {
+                        type: import('vue').PropType<string>;
+                        default: string;
+                    };
+                    squared: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                }>> & {
+                    onClick?: ((value: MouseEvent) => any) | undefined;
+                }, {}, {}, {}, {}, {
+                    tag: string;
+                    type: import('bootstrap-vue-next').ButtonType;
+                    replace: boolean;
+                    target: import('bootstrap-vue-next').LinkTarget;
+                    to: import('vue-router').RouteLocationRaw;
+                    append: boolean;
+                    disabled: boolean;
+                    href: string;
+                    rel: string;
+                    size: keyof import('bootstrap-vue-next').BaseSize;
+                    active: boolean;
+                    activeClass: string;
+                    routerComponentName: string;
+                    variant: keyof import('bootstrap-vue-next').BaseButtonVariant | null;
+                    opacity: 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
+                    opacityHover: 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
+                    underlineVariant: keyof import('bootstrap-vue-next').BaseColorVariant | null;
+                    underlineOffset: 1 | 2 | 3 | "1" | "2" | "3";
+                    underlineOffsetHover: 1 | 2 | 3 | "1" | "2" | "3";
+                    underlineOpacity: 0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
+                    underlineOpacityHover: 0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
+                    pill: boolean;
+                    icon: boolean;
+                    routerTag: string;
+                    exactActiveClass: string;
+                    loading: boolean;
+                    loadingFill: boolean;
+                    loadingText: string;
+                    squared: boolean;
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+                pressed: import('vue').PropType<boolean | undefined>;
+                tag: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                type: {
+                    type: import('vue').PropType<import('bootstrap-vue-next').ButtonType>;
+                    default: string;
+                };
+                replace: {
+                    type: import('vue').PropType<boolean>;
+                    default: undefined;
+                };
+                target: {
+                    type: import('vue').PropType<import('bootstrap-vue-next').LinkTarget>;
+                    default: undefined;
+                };
+                to: {
+                    type: import('vue').PropType<import('vue-router').RouteLocationRaw>;
+                    default: undefined;
+                };
+                append: {
+                    type: import('vue').PropType<boolean>;
+                    default: undefined;
+                };
+                disabled: {
+                    type: import('vue').PropType<boolean>;
+                    default: undefined;
+                };
+                href: {
+                    type: import('vue').PropType<string>;
+                    default: undefined;
+                };
+                rel: {
+                    type: import('vue').PropType<string>;
+                    default: undefined;
+                };
+                size: {
+                    type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseSize>;
+                    default: string;
+                };
+                active: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                activeClass: {
+                    type: import('vue').PropType<string>;
+                    default: undefined;
+                };
+                routerComponentName: {
+                    type: import('vue').PropType<string>;
+                    default: undefined;
+                };
+                variant: {
+                    type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseButtonVariant | null>;
+                    default: string;
+                };
+                opacity: {
+                    type: import('vue').PropType<10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
+                    default: undefined;
+                };
+                opacityHover: {
+                    type: import('vue').PropType<10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
+                    default: undefined;
+                };
+                underlineVariant: {
+                    type: import('vue').PropType<keyof import('bootstrap-vue-next').BaseColorVariant | null>;
+                    default: undefined;
+                };
+                underlineOffset: {
+                    type: import('vue').PropType<1 | 2 | 3 | "1" | "2" | "3">;
+                    default: undefined;
+                };
+                underlineOffsetHover: {
+                    type: import('vue').PropType<1 | 2 | 3 | "1" | "2" | "3">;
+                    default: undefined;
+                };
+                underlineOpacity: {
+                    type: import('vue').PropType<0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
+                    default: undefined;
+                };
+                underlineOpacityHover: {
+                    type: import('vue').PropType<0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100">;
+                    default: undefined;
+                };
+                pill: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                icon: {
+                    type: import('vue').PropType<boolean>;
+                    default: undefined;
+                };
+                routerTag: {
+                    type: import('vue').PropType<string>;
+                    default: undefined;
+                };
+                exactActiveClass: {
+                    type: import('vue').PropType<string>;
+                    default: undefined;
+                };
+                loading: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                loadingFill: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                loadingText: {
+                    type: import('vue').PropType<string>;
+                    default: string;
+                };
+                squared: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+            }>> & {
+                onClick?: ((value: MouseEvent) => any) | undefined;
+            }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                click: (value: MouseEvent) => void;
+            }, string, {
+                tag: string;
+                type: import('bootstrap-vue-next').ButtonType;
+                replace: boolean;
+                target: import('bootstrap-vue-next').LinkTarget;
+                to: import('vue-router').RouteLocationRaw;
+                append: boolean;
+                disabled: boolean;
+                href: string;
+                rel: string;
+                size: keyof import('bootstrap-vue-next').BaseSize;
+                active: boolean;
+                activeClass: string;
+                routerComponentName: string;
+                variant: keyof import('bootstrap-vue-next').BaseButtonVariant | null;
+                opacity: 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
+                opacityHover: 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
+                underlineVariant: keyof import('bootstrap-vue-next').BaseColorVariant | null;
+                underlineOffset: 1 | 2 | 3 | "1" | "2" | "3";
+                underlineOffsetHover: 1 | 2 | 3 | "1" | "2" | "3";
+                underlineOpacity: 0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
+                underlineOpacityHover: 0 | "0" | 10 | "10" | 100 | 50 | 25 | 75 | "25" | "50" | "75" | "100";
+                pill: boolean;
+                icon: boolean;
+                routerTag: string;
+                exactActiveClass: string;
+                loading: boolean;
+                loadingFill: boolean;
+                loadingText: string;
+                squared: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                $slots: Readonly<{
+                    default?: ((props: Record<string, never>) => any) | undefined;
+                    loading?: ((props: Record<string, never>) => any) | undefined;
+                    'loading-spinner'?: ((props: Record<string, never>) => any) | undefined;
+                }> & {
+                    default?: ((props: Record<string, never>) => any) | undefined;
+                    loading?: ((props: Record<string, never>) => any) | undefined;
+                    'loading-spinner'?: ((props: Record<string, never>) => any) | undefined;
+                };
+            });
+            VsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                name: {
+                    type: StringConstructor;
+                    required: true;
+                    default: string;
+                };
+                variant: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+                customColour: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                orientation: {
+                    type: StringConstructor;
+                    default: any;
+                    validator: (value: unknown) => any;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+                smallSize: {
+                    type: StringConstructor;
+                    default: any;
+                    validator: (value: unknown) => any;
+                };
+                duotone: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {}, {
+                iconLookup: {
+                    key: string;
+                    value: string;
+                }[];
+            }, {
+                icon(): string;
+                formattedName(): string;
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                name: {
+                    type: StringConstructor;
+                    required: true;
+                    default: string;
+                };
+                variant: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+                customColour: {
+                    type: StringConstructor;
+                    default: any;
+                };
+                orientation: {
+                    type: StringConstructor;
+                    default: any;
+                    validator: (value: unknown) => any;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: unknown) => any;
+                };
+                smallSize: {
+                    type: StringConstructor;
+                    default: any;
+                    validator: (value: unknown) => any;
+                };
+                duotone: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {
+                name: string;
+                variant: string;
+                customColour: string;
+                orientation: string;
+                size: string;
+                smallSize: string;
+                duotone: boolean;
+            }, {}, {}, {}, 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;