@citruslime/ui 4.0.0-beta.24 → 4.0.0-beta.25

package/dist/components/navigation/item/cl-ui-navigation-item.vue.d.ts

@@ -1,8 +1,13 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    default?(_: {}): any;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_1) => any;
 }>;
+declare const __VLS_self: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/navigation/section/cl-ui-navigation-section.vue.d.ts

@@ -1,9 +1,15 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    title?(_: {}): any;
-    default?(_: {}): any;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    title?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
 }>;
+declare const __VLS_self: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/notification/cl-ui-notification.vue.d.ts

@@ -1,40 +1,12 @@
 import type { NotificationPosition } from '../../composables/notification';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    container?: string | undefined;
-    position?: "top-left" | "top-centre" | "top-right" | "bottom-left" | "bottom-centre" | "bottom-right" | undefined;
-    headerVisible?: boolean | undefined;
-}>, {
-    container: string;
-    position: string;
-    headerVisible: boolean;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    container?: string | undefined;
-    position?: "top-left" | "top-centre" | "top-right" | "bottom-left" | "bottom-centre" | "bottom-right" | undefined;
-    headerVisible?: boolean | undefined;
-}>, {
-    container: string;
-    position: string;
-    headerVisible: boolean;
-}>>> & Readonly<{}>, {
+type __VLS_Props = {
+    container?: string;
+    position?: NotificationPosition;
+    headerVisible?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     container: string;
     position: NotificationPosition;
     headerVisible: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/dist/components/select/cl-ui-select.vue.d.ts

@@ -1,97 +1,24 @@
 import type { SelectItem } from './types';
-declare const _default: <T extends string | number | boolean | SelectItem>(__VLS_props: {
-    disabled?: boolean | undefined;
-    required?: boolean | undefined;
-    errors?: string[] | null | undefined;
-    placeholder?: string | null | undefined;
-    modelValue: T | T[] | null | undefined;
-    openDropDownOnFocus?: boolean | undefined;
-    list: T[];
-    canClear?: boolean | undefined;
-    isGridFilter?: boolean | undefined;
-} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
-    attrs: any;
-    slots: Readonly<{
-        default(props: {
-            select: (value: T) => void;
-            isSelected: (option: T) => boolean;
-            highlightIndex: number;
-            index: number;
-            option: T;
-        }): any;
-        input(props: {
-            handleEnterPress: (event: Event) => void;
-            handleEscapePress: (event: Event) => void;
-            selectModalVisible: boolean;
-            toggleSelectModalState: (forcedState?: boolean) => void;
-            moveHighlightBackwards: (event: KeyboardEvent) => void;
-            moveHighlightForwards: (event: KeyboardEvent) => void;
-            moveHighlightToStart: (event: KeyboardEvent) => void;
-            moveHighlightToEnd: (event: KeyboardEvent) => void;
-        }): any;
-        label(): any;
-        'help-text'(): any;
-    }> & {
-        default(props: {
-            select: (value: T) => void;
-            isSelected: (option: T) => boolean;
-            highlightIndex: number;
-            index: number;
-            option: T;
-        }): any;
-        input(props: {
-            handleEnterPress: (event: Event) => void;
-            handleEscapePress: (event: Event) => void;
-            selectModalVisible: boolean;
-            toggleSelectModalState: (forcedState?: boolean) => void;
-            moveHighlightBackwards: (event: KeyboardEvent) => void;
-            moveHighlightForwards: (event: KeyboardEvent) => void;
-            moveHighlightToStart: (event: KeyboardEvent) => void;
-            moveHighlightToEnd: (event: KeyboardEvent) => void;
-        }): any;
-        label(): any;
-        'help-text'(): any;
-    };
-    emit: any;
-} | undefined, __VLS_expose?: ((exposed: import("vue").ShallowUnwrapRef<{
-    focus(): void;
-}>) => void) | undefined, __VLS_setup?: Promise<{
-    props: {
-        disabled?: boolean | undefined;
-        required?: boolean | undefined;
-        errors?: string[] | null | undefined;
-        placeholder?: string | null | undefined;
-        modelValue: T | T[] | null | undefined;
-        openDropDownOnFocus?: boolean | undefined;
+declare const _default: <T extends string | number | boolean | SelectItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:modelValue"?: ((value: T | T[] | null | undefined) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & ({
         list: T[];
-        canClear?: boolean | undefined;
-        isGridFilter?: boolean | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        required?: boolean;
+        disabled?: boolean;
+        placeholder?: string | null;
+        canClear?: boolean;
+        errors?: string[] | null;
+        isGridFilter?: boolean;
+        openDropDownOnFocus?: boolean;
+    } & {
+        modelValue: T | T[] | null | undefined;
+    }) & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
         focus(): void;
     }>): void;
     attrs: any;
-    slots: Readonly<{
-        default(props: {
-            select: (value: T) => void;
-            isSelected: (option: T) => boolean;
-            highlightIndex: number;
-            index: number;
-            option: T;
-        }): any;
-        input(props: {
-            handleEnterPress: (event: Event) => void;
-            handleEscapePress: (event: Event) => void;
-            selectModalVisible: boolean;
-            toggleSelectModalState: (forcedState?: boolean) => void;
-            moveHighlightBackwards: (event: KeyboardEvent) => void;
-            moveHighlightForwards: (event: KeyboardEvent) => void;
-            moveHighlightToStart: (event: KeyboardEvent) => void;
-            moveHighlightToEnd: (event: KeyboardEvent) => void;
-        }): any;
-        label(): any;
-        'help-text'(): any;
-    }> & {
+    slots: {
         default(props: {
             select: (value: T) => void;
             isSelected: (option: T) => boolean;
@@ -112,72 +39,11 @@ declare const _default: <T extends string | number | boolean | SelectItem>(__VLS
         label(): any;
         'help-text'(): any;
     };
-    emit: any;
-}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}> & {
-    __ctx?: {
-        props: {
-            disabled?: boolean | undefined;
-            required?: boolean | undefined;
-            errors?: string[] | null | undefined;
-            placeholder?: string | null | undefined;
-            modelValue: T | T[] | null | undefined;
-            openDropDownOnFocus?: boolean | undefined;
-            list: T[];
-            canClear?: boolean | undefined;
-            isGridFilter?: boolean | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-        expose(exposed: import("vue").ShallowUnwrapRef<{
-            focus(): void;
-        }>): void;
-        attrs: any;
-        slots: Readonly<{
-            default(props: {
-                select: (value: T) => void;
-                isSelected: (option: T) => boolean;
-                highlightIndex: number;
-                index: number;
-                option: T;
-            }): any;
-            input(props: {
-                handleEnterPress: (event: Event) => void;
-                handleEscapePress: (event: Event) => void;
-                selectModalVisible: boolean;
-                toggleSelectModalState: (forcedState?: boolean) => void;
-                moveHighlightBackwards: (event: KeyboardEvent) => void;
-                moveHighlightForwards: (event: KeyboardEvent) => void;
-                moveHighlightToStart: (event: KeyboardEvent) => void;
-                moveHighlightToEnd: (event: KeyboardEvent) => void;
-            }): any;
-            label(): any;
-            'help-text'(): any;
-        }> & {
-            default(props: {
-                select: (value: T) => void;
-                isSelected: (option: T) => boolean;
-                highlightIndex: number;
-                index: number;
-                option: T;
-            }): any;
-            input(props: {
-                handleEnterPress: (event: Event) => void;
-                handleEscapePress: (event: Event) => void;
-                selectModalVisible: boolean;
-                toggleSelectModalState: (forcedState?: boolean) => void;
-                moveHighlightBackwards: (event: KeyboardEvent) => void;
-                moveHighlightForwards: (event: KeyboardEvent) => void;
-                moveHighlightToStart: (event: KeyboardEvent) => void;
-                moveHighlightToEnd: (event: KeyboardEvent) => void;
-            }): any;
-            label(): any;
-            'help-text'(): any;
-        };
-        emit: any;
-    } | undefined;
+    emit: (evt: "update:modelValue", value: T | T[] | null | undefined) => void;
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;
-type __VLS_OmitKeepDiscriminatedUnion<T, K extends keyof any> = T extends any ? Pick<T, Exclude<keyof T, K>> : never;
-type __VLS_Prettify<T> = {
+type __VLS_PrettifyLocal<T> = {
     [K in keyof T]: T[K];
 } & {};

package/dist/components/select/select-input/cl-ui-select-input.vue.d.ts

@@ -1,22 +1,20 @@
+type __VLS_Slots = {
+    default(props: {
+        toggleModalInput: typeof toggleModalInput;
+    }): any;
+};
 /**
  * Toggles the modal.
  */
 declare function toggleModalInput(): void;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    toggleModal: () => void;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    toggleModal: () => any;
 }, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
     onToggleModal?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
-    default(props: {
-        toggleModalInput: typeof toggleModalInput;
-    }): any;
-}> & {
-    default(props: {
-        toggleModalInput: typeof toggleModalInput;
-    }): any;
-}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/select/select-options/cl-ui-select-option.vue.d.ts

@@ -1,52 +1,24 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    isSelected?: boolean | undefined;
-    isHighlighted?: boolean | undefined;
-    disabled?: boolean | undefined;
-}>, {
-    isSelected: boolean;
-    isHighlighted: boolean;
-    disabled: boolean;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    select: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    isSelected?: boolean | undefined;
-    isHighlighted?: boolean | undefined;
-    disabled?: boolean | undefined;
-}>, {
-    isSelected: boolean;
-    isHighlighted: boolean;
-    disabled: boolean;
-}>>> & Readonly<{
+type __VLS_Props = {
+    isSelected?: boolean;
+    isHighlighted?: boolean;
+    disabled?: boolean;
+};
+type __VLS_Slots = {
+    default: any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: (() => any) | undefined;
 }>, {
     disabled: boolean;
     isHighlighted: boolean;
     isSelected: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
-    default: any;
-}> & {
-    default: any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/dist/components/skeleton-loaders/cl-ui-skeleton-text.vue.d.ts

@@ -1,43 +1,18 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    words?: number | undefined;
-    rows?: number | undefined;
-}>, {
-    words: number;
-    rows: number;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    words?: number | undefined;
-    rows?: number | undefined;
-}>, {
-    words: number;
-    rows: number;
-}>>> & Readonly<{}>, {
+type __VLS_Props = {
+    words?: number;
+    rows?: number;
+};
+type __VLS_Slots = {
+    default(): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     words: number;
     rows: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
-    default(): any;
-}> & {
-    default(): any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/dist/components/slider/cl-ui-slider.vue.d.ts

@@ -1,62 +1,22 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    value: {
-        required: true;
-        type: import("vue").PropType<number>;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    max: {
-        type: import("vue").PropType<number>;
-        required: true;
-    };
-    placeholder: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    min: {
-        type: import("vue").PropType<number>;
-        required: true;
-    };
-    step: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-}>, {
+type __VLS_Props = {
+    min: number;
+    max: number;
+    step?: number;
+    placeholder?: string;
+    disabled?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    'value': number;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
     focus(): void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:value": (value: number) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    value: {
-        required: true;
-        type: import("vue").PropType<number>;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    max: {
-        type: import("vue").PropType<number>;
-        required: true;
-    };
-    placeholder: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    min: {
-        type: import("vue").PropType<number>;
-        required: true;
-    };
-    step: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-}>> & Readonly<{
+    "update:value": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:value"?: ((value: number) => any) | undefined;
 }>, {
     disabled: boolean;
     placeholder: string;
     step: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/tab/cl-ui-tab.vue.d.ts

@@ -1,81 +1,43 @@
+import type { TabColour, TabLayout } from './types';
+type __VLS_Props = {
+    colour?: TabColour;
+    layout?: TabLayout;
+    overflowHidden?: boolean;
+    stickyHeader?: boolean;
+};
+type __VLS_Slots = {
+    headings(props: {
+        isTabOpen: (id: number) => boolean;
+        toggleOpen: (id: number) => void;
+        colour: TabColour;
+        layout: TabLayout;
+    }): any;
+    content(props: {
+        isTabOpen: (id: number) => boolean;
+    }): any;
+};
 /**
  * Exposed function that can be called if we need to open a specific tab.
  *
  * @param id - The ID of the tab to open.
  */
 declare function setTab(id?: number): void;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    colour?: "default" | "primary" | "secondary" | "danger" | "blue" | undefined;
-    layout?: "horizontal" | "vertical" | undefined;
-    overflowHidden?: boolean | undefined;
-    stickyHeader?: boolean | undefined;
-}>, {
-    colour: string;
-    layout: string;
-    overflowHidden: boolean;
-    stickyHeader: boolean;
-}>>, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     setTab: typeof setTab;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "tab-opened": (args_0: number) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    colour?: "default" | "primary" | "secondary" | "danger" | "blue" | undefined;
-    layout?: "horizontal" | "vertical" | undefined;
-    overflowHidden?: boolean | undefined;
-    stickyHeader?: boolean | undefined;
-}>, {
-    colour: string;
-    layout: string;
-    overflowHidden: boolean;
-    stickyHeader: boolean;
-}>>> & Readonly<{
+    "tab-opened": (args_0: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onTab-opened"?: ((args_0: number) => any) | undefined;
 }>, {
-    colour: "default" | "primary" | "secondary" | "danger" | "blue";
-    layout: "horizontal" | "vertical";
+    colour: TabColour;
+    layout: TabLayout;
     overflowHidden: boolean;
     stickyHeader: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
-    headings(props: {
-        isTabOpen: (id: number) => boolean;
-        toggleOpen: (id: number) => void;
-        colour: "default" | "primary" | "secondary" | "danger" | "blue";
-        layout: "horizontal" | "vertical";
-    }): any;
-    content(props: {
-        isTabOpen: (id: number) => boolean;
-    }): any;
-}> & {
-    headings(props: {
-        isTabOpen: (id: number) => boolean;
-        toggleOpen: (id: number) => void;
-        colour: "default" | "primary" | "secondary" | "danger" | "blue";
-        layout: "horizontal" | "vertical";
-    }): any;
-    content(props: {
-        isTabOpen: (id: number) => boolean;
-    }): any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};