@wra-gov/vue-components 0.21.0 → 0.23.0

package/dist/index.d.ts

@@ -0,0 +1,2106 @@
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { DefineComponent } from 'vue';
+import { ExtractPropTypes } from 'vue';
+import { PropType } from 'vue';
+import { PublicProps } from 'vue';
+import { default as WraCustomInput } from '../src/components/CustomInput.vue';
+import { default as WraDateInput } from '../src/components/DateInput.vue';
+import { default as WraNumberInput } from '../src/components/NumberInput.vue';
+import { default as WraPriceInput } from '../src/components/PriceInput.vue';
+import { default as WraRadioGroup } from '../src/components/RadioGroup.vue';
+import { default as WraTextInput } from '../src/components/TextInput.vue';
+
+declare type DataTableHeader = {
+    key: string;
+    title: string;
+    width?: number;
+    align?: "left" | "right" | "center";
+    sortable?: boolean;
+    searchable?: boolean;
+};
+
+declare type DataTableSort = {
+    key: string;
+    order: "asc" | "desc";
+};
+
+declare interface Option_2 {
+    [key: string]: any;
+    clickable?: boolean;
+}
+
+declare type OptionType = Record<string, any> | string;
+
+declare const plugin: {
+    install(Vue: any): void;
+};
+export default plugin;
+
+declare interface TableHeader {
+    key: string;
+    title: string;
+    align?: string;
+    width?: number;
+}
+
+declare interface TableItem {
+    id: string | number;
+    bold?: boolean;
+    [key: string]: any;
+}
+
+declare type ValidationRule = (value: string) => true | string;
+
+export declare const WraAppBar: DefineComponent<ExtractPropTypes<    {
+/**
+* If true, the app bar will be hidden when printing the page.
+*/
+hiddenPrint: {
+type: PropType<boolean>;
+default: boolean;
+};
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* If true, the app bar will be hidden when printing the page.
+*/
+hiddenPrint: {
+type: PropType<boolean>;
+default: boolean;
+};
+}>> & Readonly<{}>, {
+hiddenPrint: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const WraAutocomplete: DefineComponent<ExtractPropTypes<    {
+modelValue: {
+type: () => Record<string, any>;
+};
+/** Label for autocomplete */
+label: {
+type: () => string;
+};
+/** ID tag for input*/
+id: {
+type: () => string;
+};
+/** Options for autocomplete list */
+options: {
+type: () => Option_2[];
+required: true;
+};
+/** Change the default object name for the data */
+optionValue: {
+type: () => string;
+default: string;
+};
+/** Change the default object name for the displayed value */
+optionLabel: {
+type: () => string;
+default: string;
+};
+/** Mininum number of characters before the list appears */
+minLength: {
+type: () => number;
+default: number;
+};
+/** If true, list will automatically expand when input is focused */
+autoExpand: {
+type: () => boolean;
+default: boolean;
+};
+}>, {}, {
+userInput: Record<string, any>;
+hasFocus: boolean;
+listHasFocus: boolean;
+optionIndex: number | null;
+validatedOptions: Option_2[];
+}, {
+showOptions(): boolean;
+filterOptions(): Option_2[];
+optionsHasMatches(): boolean;
+getInputValue(): string;
+}, {
+/** Handle typing in the input field */
+onInputTyping(): void;
+/** Handle selecting an option from the list */
+onOptionSelect(option: Option_2): void;
+/** Handle blur event on the input */
+onBlur(): void;
+/** Handle blur event on an option */
+onOptionBlur(index: number): void;
+/** Handle up arrow key navigation */
+onUpKey(): void;
+/** Handle down arrow key navigation */
+onDownKey(): void;
+}, ComponentOptionsMixin, ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", PublicProps, Readonly<ExtractPropTypes<    {
+modelValue: {
+type: () => Record<string, any>;
+};
+/** Label for autocomplete */
+label: {
+type: () => string;
+};
+/** ID tag for input*/
+id: {
+type: () => string;
+};
+/** Options for autocomplete list */
+options: {
+type: () => Option_2[];
+required: true;
+};
+/** Change the default object name for the data */
+optionValue: {
+type: () => string;
+default: string;
+};
+/** Change the default object name for the displayed value */
+optionLabel: {
+type: () => string;
+default: string;
+};
+/** Mininum number of characters before the list appears */
+minLength: {
+type: () => number;
+default: number;
+};
+/** If true, list will automatically expand when input is focused */
+autoExpand: {
+type: () => boolean;
+default: boolean;
+};
+}>> & Readonly<{
+"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+optionValue: string;
+optionLabel: string;
+minLength: number;
+autoExpand: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const WraBanner: DefineComponent<ExtractPropTypes<    {
+/**
+* If true, the banner will be hidden when printing the page.
+*/
+hiddenPrint: {
+type: () => boolean;
+default: boolean;
+};
+/**
+* If true, applies a yellow background colour to indicate a new service.
+*/
+newService: {
+type: () => boolean;
+default: boolean;
+};
+/**
+* If true, displays a close button allowing the user to dismiss the banner.
+*/
+closable: {
+type: () => boolean;
+default: boolean;
+};
+}>, {}, {
+visible: boolean;
+}, {}, {
+closeBanner(): void;
+}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* If true, the banner will be hidden when printing the page.
+*/
+hiddenPrint: {
+type: () => boolean;
+default: boolean;
+};
+/**
+* If true, applies a yellow background colour to indicate a new service.
+*/
+newService: {
+type: () => boolean;
+default: boolean;
+};
+/**
+* If true, displays a close button allowing the user to dismiss the banner.
+*/
+closable: {
+type: () => boolean;
+default: boolean;
+};
+}>> & Readonly<{}>, {
+hiddenPrint: boolean;
+newService: boolean;
+closable: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const WraBreadcrumbs: DefineComponent<ExtractPropTypes<    {
+/** Items to display in the breadcrumbs */
+items: {
+type: () => Array<Record<string, any>>;
+required: true;
+};
+/** Change the default object name in items for the breadcrumb title */
+itemTitle: {
+type: () => string;
+default: string;
+};
+/** Change the default object name in items for disabling the breadcrumb */
+itemDisabled: {
+type: () => string;
+default: string;
+};
+/** Change the default object name in items for the breadcrumb link */
+itemHref: {
+type: () => string;
+default: string;
+};
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+/** Items to display in the breadcrumbs */
+items: {
+type: () => Array<Record<string, any>>;
+required: true;
+};
+/** Change the default object name in items for the breadcrumb title */
+itemTitle: {
+type: () => string;
+default: string;
+};
+/** Change the default object name in items for disabling the breadcrumb */
+itemDisabled: {
+type: () => string;
+default: string;
+};
+/** Change the default object name in items for the breadcrumb link */
+itemHref: {
+type: () => string;
+default: string;
+};
+}>> & Readonly<{}>, {
+itemTitle: string;
+itemDisabled: string;
+itemHref: string;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const WraButton: DefineComponent<ExtractPropTypes<    {
+/**
+* The size of the button.
+*/
+size: {
+type: () => string;
+default: string;
+};
+/**
+* The background colour of the button.
+*/
+backgroundColor: {
+type: () => string;
+default: string;
+};
+/**
+* If true, renders the button with an outlined style instead of a solid background.
+*/
+outlined: {
+type: () => boolean;
+default: boolean;
+};
+prependIcon: {
+type: () => boolean;
+default: boolean;
+};
+appendIcon: {
+type: () => boolean;
+default: boolean;
+};
+/**
+* If true, disables the button and prevents user interaction.
+*/
+disabled: {
+type: () => boolean;
+default: boolean;
+};
+}>, {}, {}, {
+buttonClass(): Record<string, boolean>;
+}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* The size of the button.
+*/
+size: {
+type: () => string;
+default: string;
+};
+/**
+* The background colour of the button.
+*/
+backgroundColor: {
+type: () => string;
+default: string;
+};
+/**
+* If true, renders the button with an outlined style instead of a solid background.
+*/
+outlined: {
+type: () => boolean;
+default: boolean;
+};
+prependIcon: {
+type: () => boolean;
+default: boolean;
+};
+appendIcon: {
+type: () => boolean;
+default: boolean;
+};
+/**
+* If true, disables the button and prevents user interaction.
+*/
+disabled: {
+type: () => boolean;
+default: boolean;
+};
+}>> & Readonly<{}>, {
+size: string;
+disabled: boolean;
+backgroundColor: string;
+outlined: boolean;
+prependIcon: boolean;
+appendIcon: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const WraCard: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const WraCheckbox: DefineComponent<ExtractPropTypes<    {
+/**
+* The v-model binding for the checkbox state.
+*/
+modelValue: {
+type: PropType<boolean>;
+};
+/**
+* The label text displayed next to the checkbox.
+*/
+label: {
+type: PropType<string>;
+required: true;
+};
+/**
+* Additional information about the checkbox option.
+*/
+info: {
+type: PropType<string>;
+};
+/**
+* The unique ID for the checkbox input and label association.
+*/
+id: {
+type: PropType<string>;
+required: true;
+};
+}>, {}, {
+isChecked: boolean | undefined;
+}, {}, {
+checkInput(): void;
+}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* The v-model binding for the checkbox state.
+*/
+modelValue: {
+type: PropType<boolean>;
+};
+/**
+* The label text displayed next to the checkbox.
+*/
+label: {
+type: PropType<string>;
+required: true;
+};
+/**
+* Additional information about the checkbox option.
+*/
+info: {
+type: PropType<string>;
+};
+/**
+* The unique ID for the checkbox input and label association.
+*/
+id: {
+type: PropType<string>;
+required: true;
+};
+}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const WraCheckboxGroup: DefineComponent<ExtractPropTypes<    {
+/**
+* The v-model binding for the checkbox group. Should be an array of selected values or objects.
+*/
+modelValue: {
+type: PropType<OptionType[]>;
+default: () => never[];
+};
+/**
+* The array of options to display as checkboxes.
+*/
+options: {
+type: PropType<OptionType[]>;
+required: true;
+default: () => never[];
+};
+/**
+* The property name to use as the value from each option object.
+*/
+itemValue: {
+type: PropType<string>;
+required: true;
+default: string;
+};
+/**
+* The property name to use as the label from each option object.
+*/
+itemLabel: {
+type: PropType<string>;
+required: true;
+default: string;
+};
+/**
+* The property name to use as the further info text from each option object.
+*/
+itemInfo: {
+type: PropType<string>;
+required: false;
+default: string;
+};
+/**
+* If true, the emitted value will be an array of option objects instead of values.
+*/
+returnObject: {
+type: PropType<boolean>;
+default: boolean;
+};
+}>, {}, {
+checked: Record<string, boolean>;
+value: OptionType[];
+}, {
+validOptions(): OptionType[];
+}, {
+checkInput(value: string): void;
+checkForObjectLabel(input: OptionType): string;
+checkForObjectInfo(input: OptionType): string | null;
+checkForObjectValue(input: OptionType): string;
+}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* The v-model binding for the checkbox group. Should be an array of selected values or objects.
+*/
+modelValue: {
+type: PropType<OptionType[]>;
+default: () => never[];
+};
+/**
+* The array of options to display as checkboxes.
+*/
+options: {
+type: PropType<OptionType[]>;
+required: true;
+default: () => never[];
+};
+/**
+* The property name to use as the value from each option object.
+*/
+itemValue: {
+type: PropType<string>;
+required: true;
+default: string;
+};
+/**
+* The property name to use as the label from each option object.
+*/
+itemLabel: {
+type: PropType<string>;
+required: true;
+default: string;
+};
+/**
+* The property name to use as the further info text from each option object.
+*/
+itemInfo: {
+type: PropType<string>;
+required: false;
+default: string;
+};
+/**
+* If true, the emitted value will be an array of option objects instead of values.
+*/
+returnObject: {
+type: PropType<boolean>;
+default: boolean;
+};
+}>> & Readonly<{}>, {
+modelValue: OptionType[];
+options: OptionType[];
+itemValue: string;
+itemLabel: string;
+itemInfo: string;
+returnObject: boolean;
+}, {}, {
+WraCheckbox: DefineComponent<ExtractPropTypes<    {
+modelValue: {
+type: PropType<boolean>;
+};
+label: {
+type: PropType<string>;
+required: true;
+};
+info: {
+type: PropType<string>;
+};
+id: {
+type: PropType<string>;
+required: true;
+};
+}>, {}, {
+isChecked: boolean | undefined;
+}, {}, {
+checkInput(): void;
+}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+modelValue: {
+type: PropType<boolean>;
+};
+label: {
+type: PropType<string>;
+required: true;
+};
+info: {
+type: PropType<string>;
+};
+id: {
+type: PropType<string>;
+required: true;
+};
+}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const WraContentSectionTitle: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export { WraCustomInput }
+
+export declare const WraDataTable: DefineComponent<ExtractPropTypes<    {
+/**
+* The array of data objects to display in the table. Each object represents a row.
+*/
+items: {
+type: PropType<any[]>;
+};
+headers: {
+type: PropType<DataTableHeader[]>;
+};
+/**
+* The initial sort order for the table. Should be an array of objects.
+*/
+sortBy: {
+type: PropType<DataTableSort[]>;
+required: false;
+};
+/**
+* The number of items to display per page.
+*/
+itemsPerPage: {
+type: PropType<number>;
+default: number;
+};
+/**
+* If true, shows a loading spinner instead of table rows.
+*/
+loading: {
+type: PropType<boolean>;
+required: false;
+};
+/**
+* A global search string to filter table rows.
+*/
+search: {
+type: PropType<string>;
+required: false;
+};
+caption: {
+type: PropType<string>;
+required: false;
+};
+}>, {}, {
+localSortBy: DataTableSort[] | undefined;
+currentPage: number;
+columnFilters: Record<string, string>;
+}, {
+localItemsPerPage(): number;
+totalNumberOfPages(): number;
+paginatedArray(): any[];
+filteredItems(): any[];
+sortedArray(): any[];
+}, {
+sortByColumn(key: string): void;
+}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* The array of data objects to display in the table. Each object represents a row.
+*/
+items: {
+type: PropType<any[]>;
+};
+headers: {
+type: PropType<DataTableHeader[]>;
+};
+/**
+* The initial sort order for the table. Should be an array of objects.
+*/
+sortBy: {
+type: PropType<DataTableSort[]>;
+required: false;
+};
+/**
+* The number of items to display per page.
+*/
+itemsPerPage: {
+type: PropType<number>;
+default: number;
+};
+/**
+* If true, shows a loading spinner instead of table rows.
+*/
+loading: {
+type: PropType<boolean>;
+required: false;
+};
+/**
+* A global search string to filter table rows.
+*/
+search: {
+type: PropType<string>;
+required: false;
+};
+caption: {
+type: PropType<string>;
+required: false;
+};
+}>> & Readonly<{}>, {
+itemsPerPage: number;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export { WraDateInput }
+
+export declare const WraDialog: DefineComponent<ExtractPropTypes<    {
+/**
+* The title text displayed at the top of the dialog.
+*/
+title: {
+type: PropType<string>;
+required: true;
+};
+/**
+* The main message or content displayed in the dialog body.
+*/
+message: {
+type: PropType<string>;
+required: true;
+};
+/**
+* The text label for the confirm button.
+*/
+confirmText: {
+type: PropType<string>;
+required: true;
+default: string;
+};
+/**
+* The text label for the cancel button.
+*/
+cancelText: {
+type: PropType<string>;
+required: true;
+default: string;
+};
+/**
+* If true, styles the confirm button as a destructive action (red for delete).
+*/
+isDelete: {
+type: PropType<boolean>;
+default: boolean;
+};
+}>, {}, {
+lastFocused: Element | null;
+}, {}, {
+openDialog(): void;
+closeDialog(): void;
+confirm(): void;
+cancel(): void;
+handleTab(e: KeyboardEvent): void;
+focusConfirm(): void;
+restoreFocus(): void;
+}, ComponentOptionsMixin, ComponentOptionsMixin, ("confirm" | "cancel" | "close")[], "confirm" | "cancel" | "close", PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* The title text displayed at the top of the dialog.
+*/
+title: {
+type: PropType<string>;
+required: true;
+};
+/**
+* The main message or content displayed in the dialog body.
+*/
+message: {
+type: PropType<string>;
+required: true;
+};
+/**
+* The text label for the confirm button.
+*/
+confirmText: {
+type: PropType<string>;
+required: true;
+default: string;
+};
+/**
+* The text label for the cancel button.
+*/
+cancelText: {
+type: PropType<string>;
+required: true;
+default: string;
+};
+/**
+* If true, styles the confirm button as a destructive action (red for delete).
+*/
+isDelete: {
+type: PropType<boolean>;
+default: boolean;
+};
+}>> & Readonly<{
+onConfirm?: ((...args: any[]) => any) | undefined;
+onCancel?: ((...args: any[]) => any) | undefined;
+onClose?: ((...args: any[]) => any) | undefined;
+}>, {
+confirmText: string;
+cancelText: string;
+isDelete: boolean;
+}, {}, {
+WraHeader: DefineComponent<ExtractPropTypes<    {
+size: {
+type: PropType<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
+required: true;
+};
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+size: {
+type: PropType<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
+required: true;
+};
+}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+WraButton: DefineComponent<ExtractPropTypes<    {
+size: {
+type: () => string;
+default: string;
+};
+backgroundColor: {
+type: () => string;
+default: string;
+};
+outlined: {
+type: () => boolean;
+default: boolean;
+};
+prependIcon: {
+type: () => boolean;
+default: boolean;
+};
+appendIcon: {
+type: () => boolean;
+default: boolean;
+};
+disabled: {
+type: () => boolean;
+default: boolean;
+};
+}>, {}, {}, {
+buttonClass(): Record<string, boolean>;
+}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+size: {
+type: () => string;
+default: string;
+};
+backgroundColor: {
+type: () => string;
+default: string;
+};
+outlined: {
+type: () => boolean;
+default: boolean;
+};
+prependIcon: {
+type: () => boolean;
+default: boolean;
+};
+appendIcon: {
+type: () => boolean;
+default: boolean;
+};
+disabled: {
+type: () => boolean;
+default: boolean;
+};
+}>> & Readonly<{}>, {
+size: string;
+disabled: boolean;
+backgroundColor: string;
+outlined: boolean;
+prependIcon: boolean;
+appendIcon: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const WraDivider: DefineComponent<ExtractPropTypes<    {
+/** Thickness of the divider */
+thickness: {
+type: PropType<"large" | "medium" | "small">;
+default: string;
+validator(value: string): boolean;
+};
+/** Aria role for the divider */
+role: {
+type: PropType<string>;
+default: string;
+};
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+/** Thickness of the divider */
+thickness: {
+type: PropType<"large" | "medium" | "small">;
+default: string;
+validator(value: string): boolean;
+};
+/** Aria role for the divider */
+role: {
+type: PropType<string>;
+default: string;
+};
+}>> & Readonly<{}>, {
+role: string;
+thickness: "small" | "large" | "medium";
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const WraExpansionPanel: DefineComponent<ExtractPropTypes<    {
+title: {
+type: PropType<string>;
+required: true;
+};
+/**
+* A unique string used to generate ARIA attributes for accessibility.
+*/
+ariaTitle: {
+type: PropType<string>;
+required: true;
+};
+/**
+* The text colour of the expansion panel header. Default colour is `--color-wra-revenue`
+*/
+color: {
+type: PropType<string>;
+default: string;
+};
+}>, {}, {
+showPanel: boolean;
+}, {
+style(): {
+color: string;
+};
+}, {
+togglePanel(): void;
+}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+title: {
+type: PropType<string>;
+required: true;
+};
+/**
+* A unique string used to generate ARIA attributes for accessibility.
+*/
+ariaTitle: {
+type: PropType<string>;
+required: true;
+};
+/**
+* The text colour of the expansion panel header. Default colour is `--color-wra-revenue`
+*/
+color: {
+type: PropType<string>;
+default: string;
+};
+}>> & Readonly<{}>, {
+color: string;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const WraFileUpload: DefineComponent<ExtractPropTypes<    {
+/**
+* The ID for the file input.
+* @type {string}
+* @default "file-upload"
+*/
+id: {
+type: PropType<string>;
+default: string;
+};
+/**
+* The accepted file types for the file input.
+* @type {string}
+*/
+accept: {
+type: PropType<string>;
+};
+/**
+* The capture attribute for the file input, specifying the type of media to capture.
+* @type {string}
+* @validator value {string} - The capture value must be one of ["user", "environment"].
+*/
+capture: {
+type: PropType<string>;
+validator(value: string): boolean;
+};
+/**
+* Whether multiple files can be selected.
+* @type {boolean}
+* @default false
+*/
+multiple: {
+type: PropType<boolean>;
+default: boolean;
+};
+/**
+* The maximum file size allowed in bytes. If not specified, no size limit is enforced.
+* @type {number}
+*/
+maxSize: {
+type: PropType<number>;
+};
+/**
+* The label for the file input.
+* @type {string}
+* @default "Upload File"
+*/
+label: {
+type: PropType<string>;
+default: string;
+};
+/**
+* The background colour of the button.
+* @type {string}
+* @default "wra-revenue"
+*/
+backgroundColor: {
+type: PropType<string>;
+default: string;
+};
+/**
+* The text for the button.
+* @type {string}
+* @default "Upload file"
+*/
+buttonText: {
+type: PropType<string>;
+default: string;
+};
+/**
+* Whether there is an error with the file input.
+* @type {boolean}
+* @default false
+*/
+error: {
+type: PropType<boolean>;
+default: boolean;
+};
+/**
+* The error message to display.
+* @type {string}
+* @default "An error has occurred"
+*/
+errorMessage: {
+type: PropType<string>;
+default: string;
+};
+/**
+* The error message to display when the file size is too large.
+* @type {string}
+* @default "File size must be less than"
+*/
+fileSizeErrorMessage: {
+type: PropType<string>;
+default: string;
+};
+}>, {}, {
+fileName: string;
+fileSizeError: boolean;
+fileSize: number;
+}, {
+isError(): boolean;
+humanReadableMaxSize(): string;
+}, {
+handleFileChange(event: Event): void;
+triggerFileInput(): void;
+}, ComponentOptionsMixin, ComponentOptionsMixin, "change"[], "change", PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* The ID for the file input.
+* @type {string}
+* @default "file-upload"
+*/
+id: {
+type: PropType<string>;
+default: string;
+};
+/**
+* The accepted file types for the file input.
+* @type {string}
+*/
+accept: {
+type: PropType<string>;
+};
+/**
+* The capture attribute for the file input, specifying the type of media to capture.
+* @type {string}
+* @validator value {string} - The capture value must be one of ["user", "environment"].
+*/
+capture: {
+type: PropType<string>;
+validator(value: string): boolean;
+};
+/**
+* Whether multiple files can be selected.
+* @type {boolean}
+* @default false
+*/
+multiple: {
+type: PropType<boolean>;
+default: boolean;
+};
+/**
+* The maximum file size allowed in bytes. If not specified, no size limit is enforced.
+* @type {number}
+*/
+maxSize: {
+type: PropType<number>;
+};
+/**
+* The label for the file input.
+* @type {string}
+* @default "Upload File"
+*/
+label: {
+type: PropType<string>;
+default: string;
+};
+/**
+* The background colour of the button.
+* @type {string}
+* @default "wra-revenue"
+*/
+backgroundColor: {
+type: PropType<string>;
+default: string;
+};
+/**
+* The text for the button.
+* @type {string}
+* @default "Upload file"
+*/
+buttonText: {
+type: PropType<string>;
+default: string;
+};
+/**
+* Whether there is an error with the file input.
+* @type {boolean}
+* @default false
+*/
+error: {
+type: PropType<boolean>;
+default: boolean;
+};
+/**
+* The error message to display.
+* @type {string}
+* @default "An error has occurred"
+*/
+errorMessage: {
+type: PropType<string>;
+default: string;
+};
+/**
+* The error message to display when the file size is too large.
+* @type {string}
+* @default "File size must be less than"
+*/
+fileSizeErrorMessage: {
+type: PropType<string>;
+default: string;
+};
+}>> & Readonly<{
+onChange?: ((...args: any[]) => any) | undefined;
+}>, {
+label: string;
+id: string;
+backgroundColor: string;
+errorMessage: string;
+error: boolean;
+multiple: boolean;
+buttonText: string;
+fileSizeErrorMessage: string;
+}, {}, {
+ValidationTooltip: DefineComponent<ExtractPropTypes<    {
+type: {
+type: PropType<string>;
+required: true;
+};
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+type: {
+type: PropType<string>;
+required: true;
+};
+}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+Button: DefineComponent<ExtractPropTypes<    {
+size: {
+type: () => string;
+default: string;
+};
+backgroundColor: {
+type: () => string;
+default: string;
+};
+outlined: {
+type: () => boolean;
+default: boolean;
+};
+prependIcon: {
+type: () => boolean;
+default: boolean;
+};
+appendIcon: {
+type: () => boolean;
+default: boolean;
+};
+disabled: {
+type: () => boolean;
+default: boolean;
+};
+}>, {}, {}, {
+buttonClass(): Record<string, boolean>;
+}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+size: {
+type: () => string;
+default: string;
+};
+backgroundColor: {
+type: () => string;
+default: string;
+};
+outlined: {
+type: () => boolean;
+default: boolean;
+};
+prependIcon: {
+type: () => boolean;
+default: boolean;
+};
+appendIcon: {
+type: () => boolean;
+default: boolean;
+};
+disabled: {
+type: () => boolean;
+default: boolean;
+};
+}>> & Readonly<{}>, {
+size: string;
+disabled: boolean;
+backgroundColor: string;
+outlined: boolean;
+prependIcon: boolean;
+appendIcon: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const WraFooter: DefineComponent<ExtractPropTypes<    {
+/**
+* If true, the footer will be hidden when printing the page.
+*/
+hiddenPrint: {
+type: PropType<boolean>;
+default: boolean;
+};
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* If true, the footer will be hidden when printing the page.
+*/
+hiddenPrint: {
+type: PropType<boolean>;
+default: boolean;
+};
+}>> & Readonly<{}>, {
+hiddenPrint: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const WraHeader: DefineComponent<ExtractPropTypes<    {
+/**
+* The heading level to render (h1 - h6).
+*/
+size: {
+type: PropType<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
+required: true;
+};
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* The heading level to render (h1 - h6).
+*/
+size: {
+type: PropType<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
+required: true;
+};
+}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const WraIcon: DefineComponent<ExtractPropTypes<    {
+/** Name of icon from material design icons by  pictogrammers */
+icon: {
+type: PropType<string>;
+required: true;
+};
+/** Width of icon */
+width: {
+type: PropType<number>;
+default: number;
+};
+/** Height of icon */
+height: {
+type: PropType<number>;
+default: number;
+};
+/** Override default viewbox, the size and postion of the SVG, that is calculated from height and width */
+viewBox: {
+type: PropType<string>;
+default: string;
+};
+/** Defines the colour of the outline of the icon */
+stroke: {
+type: PropType<string>;
+};
+/**  Defines the colour of the icon */
+fill: {
+type: PropType<string>;
+};
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+/** Name of icon from material design icons by  pictogrammers */
+icon: {
+type: PropType<string>;
+required: true;
+};
+/** Width of icon */
+width: {
+type: PropType<number>;
+default: number;
+};
+/** Height of icon */
+height: {
+type: PropType<number>;
+default: number;
+};
+/** Override default viewbox, the size and postion of the SVG, that is calculated from height and width */
+viewBox: {
+type: PropType<string>;
+default: string;
+};
+/** Defines the colour of the outline of the icon */
+stroke: {
+type: PropType<string>;
+};
+/**  Defines the colour of the icon */
+fill: {
+type: PropType<string>;
+};
+}>> & Readonly<{}>, {
+width: number;
+height: number;
+viewBox: string;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const WraInset: DefineComponent<ExtractPropTypes<    {
+/**
+* The colour of the left border.
+* @type {string}
+* @default "wra-revenue"
+* @validator value {string} - The colour must be one of ["wra-revenue", "wra-charcoal", "wra-red", "wra-blue", "wra-green", "wra-yellow"]
+*/
+colour: {
+type: PropType<"wra-revenue" | "wra-charcoal" | "wra-red" | "wra-blue" | "wra-green" | "wra-yellow">;
+default: string;
+validator(value: string): boolean;
+};
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* The colour of the left border.
+* @type {string}
+* @default "wra-revenue"
+* @validator value {string} - The colour must be one of ["wra-revenue", "wra-charcoal", "wra-red", "wra-blue", "wra-green", "wra-yellow"]
+*/
+colour: {
+type: PropType<"wra-revenue" | "wra-charcoal" | "wra-red" | "wra-blue" | "wra-green" | "wra-yellow">;
+default: string;
+validator(value: string): boolean;
+};
+}>> & Readonly<{}>, {
+colour: "wra-blue" | "wra-red" | "wra-green" | "wra-revenue" | "wra-charcoal" | "wra-yellow";
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export { WraNumberInput }
+
+export declare const WraPagination: DefineComponent<ExtractPropTypes<    {
+/**
+* The current page number (v-model).
+*/
+modelValue: {
+type: PropType<number>;
+required: true;
+default: number;
+};
+/**
+* The total number of pages available.
+*/
+totalPages: {
+type: PropType<number>;
+required: true;
+};
+/**
+* The maximum number of page buttons to display at once.
+*/
+length: {
+type: PropType<number>;
+default: number;
+};
+/**
+* If true, shows 'skip' controls (divider & jump to start/end).
+*/
+skip: {
+type: PropType<boolean>;
+default: boolean;
+};
+/**
+* The starting page number (usually 1).
+*/
+startIndex: {
+type: PropType<number>;
+default: number;
+};
+/**
+* The label text for the 'previous' button.
+*/
+previousLabel: {
+type: PropType<string>;
+default: string;
+};
+/**
+* The label text for the 'next' button.
+*/
+nextLabel: {
+type: PropType<string>;
+default: string;
+};
+}>, {}, {
+currentPage: number;
+}, {
+pageArray(): number[];
+viewablePages(): number[];
+skipStart(): boolean;
+skipEnd(): boolean;
+}, {
+incPage(): void;
+decPage(): void;
+changePage(page: number): void;
+onKeyLeft(): void;
+onKeyRight(): void;
+}, ComponentOptionsMixin, ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* The current page number (v-model).
+*/
+modelValue: {
+type: PropType<number>;
+required: true;
+default: number;
+};
+/**
+* The total number of pages available.
+*/
+totalPages: {
+type: PropType<number>;
+required: true;
+};
+/**
+* The maximum number of page buttons to display at once.
+*/
+length: {
+type: PropType<number>;
+default: number;
+};
+/**
+* If true, shows 'skip' controls (divider & jump to start/end).
+*/
+skip: {
+type: PropType<boolean>;
+default: boolean;
+};
+/**
+* The starting page number (usually 1).
+*/
+startIndex: {
+type: PropType<number>;
+default: number;
+};
+/**
+* The label text for the 'previous' button.
+*/
+previousLabel: {
+type: PropType<string>;
+default: string;
+};
+/**
+* The label text for the 'next' button.
+*/
+nextLabel: {
+type: PropType<string>;
+default: string;
+};
+}>> & Readonly<{
+"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+length: number;
+modelValue: number;
+skip: boolean;
+startIndex: number;
+previousLabel: string;
+nextLabel: string;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export { WraPriceInput }
+
+export { WraRadioGroup }
+
+export declare const WraSelect: DefineComponent<ExtractPropTypes<    {
+/**
+* The array of options to display in the select dropdown.
+*/
+items: {
+type: PropType<any[]>;
+required: true;
+default: () => never[];
+};
+/**
+* The property name to use as the value from each option object.
+*/
+itemValue: {
+type: PropType<string>;
+required: true;
+};
+/**
+* The property name to use as the label from each option object.
+*/
+itemLabel: {
+type: PropType<string>;
+required: true;
+};
+/**
+* The unique id for the select input and label association.
+*/
+id: {
+type: PropType<string>;
+};
+/**
+* The name attribute for the select input.
+*/
+name: {
+type: PropType<string>;
+default: string;
+};
+/**
+* If true, the select is required and must have a value.
+*/
+required: {
+type: PropType<boolean>;
+default: boolean;
+};
+/**
+* The label text displayed above the select input.
+*/
+label: PropType<string>;
+/**
+* The v-model binding for the selected value.
+*/
+modelValue: {
+required: true;
+};
+}>, {}, {}, {
+validItems(): any[];
+}, {
+onSelectChange(event: Event): void;
+validate(value: any): void;
+checkForObjectValue(input: any): any;
+checkForObjectLabel(input: any): any;
+}, ComponentOptionsMixin, ComponentOptionsMixin, ("update:modelValue" | "valid")[], "update:modelValue" | "valid", PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* The array of options to display in the select dropdown.
+*/
+items: {
+type: PropType<any[]>;
+required: true;
+default: () => never[];
+};
+/**
+* The property name to use as the value from each option object.
+*/
+itemValue: {
+type: PropType<string>;
+required: true;
+};
+/**
+* The property name to use as the label from each option object.
+*/
+itemLabel: {
+type: PropType<string>;
+required: true;
+};
+/**
+* The unique id for the select input and label association.
+*/
+id: {
+type: PropType<string>;
+};
+/**
+* The name attribute for the select input.
+*/
+name: {
+type: PropType<string>;
+default: string;
+};
+/**
+* If true, the select is required and must have a value.
+*/
+required: {
+type: PropType<boolean>;
+default: boolean;
+};
+/**
+* The label text displayed above the select input.
+*/
+label: PropType<string>;
+/**
+* The v-model binding for the selected value.
+*/
+modelValue: {
+required: true;
+};
+}>> & Readonly<{
+"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+onValid?: ((...args: any[]) => any) | undefined;
+}>, {
+name: string;
+required: boolean;
+items: any[];
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const WraServiceLogo: DefineComponent<ExtractPropTypes<    {
+/**
+* The URL or path to the logo image to display.
+*/
+serviceLogo: {
+type: PropType<string>;
+required: true;
+};
+/**
+* The accessible label for the link.
+*/
+label: {
+type: PropType<string>;
+required: true;
+};
+/**
+* The alt text for the logo image.
+*/
+alt: {
+type: PropType<string>;
+required: true;
+};
+/**
+* The URL to navigate to when the logo is clicked.
+*/
+href: {
+type: PropType<string>;
+};
+/**
+* The height of the logo image in pixels.
+*/
+height: {
+type: PropType<string | number>;
+};
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* The URL or path to the logo image to display.
+*/
+serviceLogo: {
+type: PropType<string>;
+required: true;
+};
+/**
+* The accessible label for the link.
+*/
+label: {
+type: PropType<string>;
+required: true;
+};
+/**
+* The alt text for the logo image.
+*/
+alt: {
+type: PropType<string>;
+required: true;
+};
+/**
+* The URL to navigate to when the logo is clicked.
+*/
+href: {
+type: PropType<string>;
+};
+/**
+* The height of the logo image in pixels.
+*/
+height: {
+type: PropType<string | number>;
+};
+}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const WraSimpleTable: DefineComponent<ExtractPropTypes<    {
+/**
+* If true, the table inherits its background from its parent and removes external padding.
+*/
+inheritBackground: {
+type: PropType<boolean>;
+default: boolean;
+};
+caption: {
+type: PropType<string>;
+};
+/**
+* If true, table header cells are left-aligned. Otherwise, they use centre alignment.
+*/
+leftAlignHeaders: {
+type: PropType<boolean>;
+default: boolean;
+};
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* If true, the table inherits its background from its parent and removes external padding.
+*/
+inheritBackground: {
+type: PropType<boolean>;
+default: boolean;
+};
+caption: {
+type: PropType<string>;
+};
+/**
+* If true, table header cells are left-aligned. Otherwise, they use centre alignment.
+*/
+leftAlignHeaders: {
+type: PropType<boolean>;
+default: boolean;
+};
+}>> & Readonly<{}>, {
+inheritBackground: boolean;
+leftAlignHeaders: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const WraSkipLink: DefineComponent<ExtractPropTypes<    {
+/**
+* The ID of the target element to focus. If not provided, the component will emit a click event.
+* @type {string}
+*/
+skipId: {
+type: PropType<string>;
+};
+/**
+* The text to display on the skip link button.
+* @type {string}
+* @default "Skip to main content"
+*/
+text: {
+type: PropType<string>;
+default: string;
+};
+/**
+* If true, the skip link will take the full width of its container.
+* @type {boolean}
+* @default false
+*/
+fullWidth: {
+type: PropType<boolean>;
+default: boolean;
+};
+}>, {}, {}, {}, {
+/**
+* Handles the click event for the skip link button.
+* Focuses the target element specified by the `id` prop.
+* If no `id` is provided, emits a "click" event.
+*/
+onClick(): void;
+}, ComponentOptionsMixin, ComponentOptionsMixin, "click"[], "click", PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* The ID of the target element to focus. If not provided, the component will emit a click event.
+* @type {string}
+*/
+skipId: {
+type: PropType<string>;
+};
+/**
+* The text to display on the skip link button.
+* @type {string}
+* @default "Skip to main content"
+*/
+text: {
+type: PropType<string>;
+default: string;
+};
+/**
+* If true, the skip link will take the full width of its container.
+* @type {boolean}
+* @default false
+*/
+fullWidth: {
+type: PropType<boolean>;
+default: boolean;
+};
+}>> & Readonly<{
+onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+text: string;
+fullWidth: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const WraSnackbar: DefineComponent<ExtractPropTypes<    {
+/** If snackbar is visible */
+visible: {
+type: PropType<boolean>;
+default: boolean;
+};
+/** Snackbar text content */
+label: {
+type: PropType<string | undefined>;
+};
+/** Time in ms for the snackbar to disappear after appearing */
+timeout: {
+type: PropType<number | undefined>;
+validator(value: number): boolean;
+};
+/** Theme of snackbar */
+type: {
+type: PropType<"wra-error" | "wra-success" | "wra-info" | "wra-warning" | string>;
+default: string;
+};
+/** Show the close dialogue */
+showClose: {
+type: PropType<boolean>;
+default: boolean;
+};
+}>, {}, {
+showSnackbar: boolean;
+}, {
+class(): {
+"wra-error": boolean;
+"wra-success": boolean;
+"wra-info": boolean;
+"wra-warning": boolean;
+};
+}, {
+snackbarTimer(time: number): void;
+closeSnackbar(): void;
+}, ComponentOptionsMixin, ComponentOptionsMixin, "update:visible"[], "update:visible", PublicProps, Readonly<ExtractPropTypes<    {
+/** If snackbar is visible */
+visible: {
+type: PropType<boolean>;
+default: boolean;
+};
+/** Snackbar text content */
+label: {
+type: PropType<string | undefined>;
+};
+/** Time in ms for the snackbar to disappear after appearing */
+timeout: {
+type: PropType<number | undefined>;
+validator(value: number): boolean;
+};
+/** Theme of snackbar */
+type: {
+type: PropType<"wra-error" | "wra-success" | "wra-info" | "wra-warning" | string>;
+default: string;
+};
+/** Show the close dialogue */
+showClose: {
+type: PropType<boolean>;
+default: boolean;
+};
+}>> & Readonly<{
+"onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+}>, {
+type: string;
+visible: boolean;
+showClose: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const WraSubheader: DefineComponent<ExtractPropTypes<    {
+/**
+* The text colour of the subheader.
+*/
+color: {
+type: PropType<string>;
+default: string;
+};
+}>, {}, {}, {
+style(): {
+color: string;
+};
+}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* The text colour of the subheader.
+*/
+color: {
+type: PropType<string>;
+default: string;
+};
+}>> & Readonly<{}>, {
+color: string;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const WraTable: DefineComponent<ExtractPropTypes<    {
+/**
+* If true, the table inherits its background from its parent and removes external padding.
+*/
+inheritBackground: {
+type: PropType<boolean>;
+default: boolean;
+};
+caption: {
+type: PropType<string | undefined>;
+default: undefined;
+};
+/**
+* The array of header definitions for the table columns.
+*/
+headers: {
+type: PropType<TableHeader[]>;
+required: true;
+};
+/**
+* The array of data objects to display in the table. Each object represents a row.
+*/
+items: {
+type: PropType<TableItem[]>;
+required: true;
+};
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* If true, the table inherits its background from its parent and removes external padding.
+*/
+inheritBackground: {
+type: PropType<boolean>;
+default: boolean;
+};
+caption: {
+type: PropType<string | undefined>;
+default: undefined;
+};
+/**
+* The array of header definitions for the table columns.
+*/
+headers: {
+type: PropType<TableHeader[]>;
+required: true;
+};
+/**
+* The array of data objects to display in the table. Each object represents a row.
+*/
+items: {
+type: PropType<TableItem[]>;
+required: true;
+};
+}>> & Readonly<{}>, {
+caption: string | undefined;
+inheritBackground: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const WraTabs: DefineComponent<ExtractPropTypes<    {
+/** The currently selected tab, starts from 0 */
+modelValue: {
+type: PropType<number>;
+default: number;
+};
+/** Tabs to display */
+options: {
+type: PropType<string[]>;
+required: true;
+};
+}>, {}, {
+activeTab: number;
+focusTab: number;
+}, {}, {
+onTabClick(index: number): void;
+onKeyLeft(): void;
+onKeyRight(): void;
+}, ComponentOptionsMixin, ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", PublicProps, Readonly<ExtractPropTypes<    {
+/** The currently selected tab, starts from 0 */
+modelValue: {
+type: PropType<number>;
+default: number;
+};
+/** Tabs to display */
+options: {
+type: PropType<string[]>;
+required: true;
+};
+}>> & Readonly<{
+"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+modelValue: number;
+}, {}, {
+Tab: DefineComponent<ExtractPropTypes<    {
+label: {
+type: PropType<string>;
+required: true;
+};
+active: {
+type: PropType<boolean>;
+default: boolean;
+};
+focus: {
+type: PropType<boolean>;
+default: boolean;
+};
+}>, {}, {
+activeTab: number;
+}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+label: {
+type: PropType<string>;
+required: true;
+};
+active: {
+type: PropType<boolean>;
+default: boolean;
+};
+focus: {
+type: PropType<boolean>;
+default: boolean;
+};
+}>> & Readonly<{}>, {
+focus: boolean;
+active: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const WraTextArea: DefineComponent<ExtractPropTypes<    {
+/**
+* The unique id for the textarea input and label association.
+*/
+id: {
+type: PropType<number>;
+required: true;
+};
+/**
+* The v-model binding for the textarea value.
+*/
+modelValue: {
+type: PropType<string>;
+required: true;
+};
+/**
+* The label text displayed above the textarea.
+*/
+label: {
+type: PropType<string>;
+required: false;
+};
+/**
+* An array of validation rule functions. Each function should return true or an error message string.
+*/
+rules: {
+type: PropType<ValidationRule[]>;
+default: () => never[];
+required: false;
+};
+/**
+* The maximum number of characters allowed in the textarea.
+*/
+maxLength: {
+type: PropType<number>;
+required: false;
+};
+}>, {}, {
+errorMessage: string;
+firstValidation: boolean;
+}, {}, {
+validate(value: string): void;
+}, ComponentOptionsMixin, ComponentOptionsMixin, ("update:modelValue" | "valid")[], "update:modelValue" | "valid", PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* The unique id for the textarea input and label association.
+*/
+id: {
+type: PropType<number>;
+required: true;
+};
+/**
+* The v-model binding for the textarea value.
+*/
+modelValue: {
+type: PropType<string>;
+required: true;
+};
+/**
+* The label text displayed above the textarea.
+*/
+label: {
+type: PropType<string>;
+required: false;
+};
+/**
+* An array of validation rule functions. Each function should return true or an error message string.
+*/
+rules: {
+type: PropType<ValidationRule[]>;
+default: () => never[];
+required: false;
+};
+/**
+* The maximum number of characters allowed in the textarea.
+*/
+maxLength: {
+type: PropType<number>;
+required: false;
+};
+}>> & Readonly<{
+"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+onValid?: ((...args: any[]) => any) | undefined;
+}>, {
+rules: ValidationRule[];
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export { WraTextInput }
+
+export declare const WraValidationTooltip: DefineComponent<ExtractPropTypes<    {
+/**
+* The type of validation message, which determines the tooltip's style.
+*/
+type: {
+type: PropType<string>;
+required: true;
+};
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* The type of validation message, which determines the tooltip's style.
+*/
+type: {
+type: PropType<string>;
+required: true;
+};
+}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export { }