@wra-gov/vue-components 0.25.6 → 0.26.1

package/dist/index.d.ts

@@ -1,15 +1,11 @@
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { DefineComponent } from 'vue';
+import { Directive } from 'vue';
 import { ExtractPropTypes } from 'vue';
+import { HTMLAttributes } 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;
@@ -37,6 +33,15 @@ declare const plugin: {
 };
 export default plugin;
 
+declare interface RadioOption {
+    label: string;
+    value: string | number;
+    info?: string;
+    id?: string;
+}
+
+declare type RuleFunction = (value: string | number) => true | string;
+
 declare interface TableHeader {
     key: string;
     title: string;
@@ -52,6 +57,8 @@ declare interface TableItem {
 
 declare type ValidationRule = (value: string) => true | string;
 
+declare type ValidationRule_2 = (value: string | number) => true | string;
+
 export declare const WraAppBar: DefineComponent<ExtractPropTypes<    {
 /**
 * If true, the app bar will be hidden when printing the page.
@@ -181,7 +188,7 @@ type: () => boolean;
 default: boolean;
 };
 }>> & Readonly<{
-"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+"onUpdate:modelValue"?: (...args: any[]) => any;
 }>, {
 optionValue: string;
 optionLabel: string;
@@ -445,7 +452,7 @@ export declare const WraCheckboxGroup: DefineComponent<ExtractPropTypes<    {
 */
 modelValue: {
 type: PropType<OptionType[]>;
-default: () => never[];
+default: () => any[];
 };
 /**
 * The array of options to display as checkboxes.
@@ -453,7 +460,7 @@ default: () => never[];
 options: {
 type: PropType<OptionType[]>;
 required: true;
-default: () => never[];
+default: () => any[];
 };
 /**
 * The property name to use as the value from each option object.
@@ -502,7 +509,7 @@ checkForObjectValue(input: OptionType): string;
 */
 modelValue: {
 type: PropType<OptionType[]>;
-default: () => never[];
+default: () => any[];
 };
 /**
 * The array of options to display as checkboxes.
@@ -510,7 +517,7 @@ default: () => never[];
 options: {
 type: PropType<OptionType[]>;
 required: true;
-default: () => never[];
+default: () => any[];
 };
 /**
 * The property name to use as the value from each option object.
@@ -590,7 +597,293 @@ required: true;
 
 export declare const WraContentSectionTitle: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-export { WraCustomInput }
+export declare const WraCustomInput: DefineComponent<ExtractPropTypes<    {
+/**
+* The value of the input field.
+* @type {string|number}
+* @required
+*/
+modelValue: {
+type: PropType<string | number>;
+required: true;
+default: string;
+};
+/**
+* The mask pattern for the input field.
+* @type {string}
+*/
+dataMaska: {
+type: PropType<string>;
+required: false;
+};
+/**
+* Whether to apply the mask eagerly.
+* @type {boolean}
+* @default false
+*/
+dataMaskaEager: {
+type: PropType<boolean>;
+default: boolean;
+};
+/**
+* Whether to apply the mask in reverse.
+* @type {boolean}
+* @default false
+*/
+dataMaskaReversed: {
+type: PropType<boolean>;
+default: boolean;
+};
+/**
+* Custom tokens for the mask.
+* @type {string}
+*/
+dataMaskaTokens: {
+type: PropType<string>;
+required: false;
+};
+/**
+* The label for the input field.
+* @type {string}
+*/
+label: {
+type: PropType<string>;
+required: false;
+};
+/**
+* The ID for the input field.
+* @type {string}
+* @required
+* @default "customInput"
+*/
+id: {
+type: PropType<string>;
+required: true;
+default: string;
+};
+/**
+* The input mode for the input field.
+* @type {string}
+* @default "numeric"
+* @validator value {string} - The input mode must be one of ["none", "text", "tel", "url", "email", "numeric", "decimal", "search"].
+*/
+inputmode: {
+type: PropType<"none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search">;
+default: string;
+};
+/**
+* The type of the input field.
+* @type {string}
+* @default "text"
+* @validator value {string} - The type must be one of ["text", "none", "tel", "url", "email", "numeric", "decimal"].
+*/
+type: {
+type: PropType<"text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | "number">;
+default: string;
+};
+/**
+* The minimum value allowed for the input field.
+* @type {number}
+*/
+minimumValue: {
+type: PropType<number>;
+required: false;
+};
+/**
+* The placeholder text for the input field.
+* @type {string}
+*/
+placeholder: {
+type: PropType<string>;
+required: false;
+};
+/**
+* An array of validation rule functions. Each function should return true or an error message string.
+*/
+rules: {
+type: PropType<Array<(value: string | number) => true | string>>;
+default: () => any[];
+};
+/**
+* The prefix text to display before the input field.
+* @type {string}
+*/
+prefix: {
+type: PropType<string>;
+required: false;
+};
+/**
+* The suffix text to display after the input field.
+* @type {string}
+*/
+suffix: {
+type: PropType<string>;
+required: false;
+};
+/**
+* Whether to emit maska details.
+* @type {boolean}
+* @default false
+*/
+emitMaskaDetails: {
+type: PropType<boolean>;
+default: boolean;
+};
+}>, {}, {
+errorMessage: string;
+firstValidation: boolean;
+}, {
+prefixPadding(): string;
+}, {
+onMaska(event: any): void;
+validate(value: string | number): void;
+}, ComponentOptionsMixin, ComponentOptionsMixin, ("update:modelValue" | "valid")[], "update:modelValue" | "valid", PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* The value of the input field.
+* @type {string|number}
+* @required
+*/
+modelValue: {
+type: PropType<string | number>;
+required: true;
+default: string;
+};
+/**
+* The mask pattern for the input field.
+* @type {string}
+*/
+dataMaska: {
+type: PropType<string>;
+required: false;
+};
+/**
+* Whether to apply the mask eagerly.
+* @type {boolean}
+* @default false
+*/
+dataMaskaEager: {
+type: PropType<boolean>;
+default: boolean;
+};
+/**
+* Whether to apply the mask in reverse.
+* @type {boolean}
+* @default false
+*/
+dataMaskaReversed: {
+type: PropType<boolean>;
+default: boolean;
+};
+/**
+* Custom tokens for the mask.
+* @type {string}
+*/
+dataMaskaTokens: {
+type: PropType<string>;
+required: false;
+};
+/**
+* The label for the input field.
+* @type {string}
+*/
+label: {
+type: PropType<string>;
+required: false;
+};
+/**
+* The ID for the input field.
+* @type {string}
+* @required
+* @default "customInput"
+*/
+id: {
+type: PropType<string>;
+required: true;
+default: string;
+};
+/**
+* The input mode for the input field.
+* @type {string}
+* @default "numeric"
+* @validator value {string} - The input mode must be one of ["none", "text", "tel", "url", "email", "numeric", "decimal", "search"].
+*/
+inputmode: {
+type: PropType<"none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search">;
+default: string;
+};
+/**
+* The type of the input field.
+* @type {string}
+* @default "text"
+* @validator value {string} - The type must be one of ["text", "none", "tel", "url", "email", "numeric", "decimal"].
+*/
+type: {
+type: PropType<"text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | "number">;
+default: string;
+};
+/**
+* The minimum value allowed for the input field.
+* @type {number}
+*/
+minimumValue: {
+type: PropType<number>;
+required: false;
+};
+/**
+* The placeholder text for the input field.
+* @type {string}
+*/
+placeholder: {
+type: PropType<string>;
+required: false;
+};
+/**
+* An array of validation rule functions. Each function should return true or an error message string.
+*/
+rules: {
+type: PropType<Array<(value: string | number) => true | string>>;
+default: () => any[];
+};
+/**
+* The prefix text to display before the input field.
+* @type {string}
+*/
+prefix: {
+type: PropType<string>;
+required: false;
+};
+/**
+* The suffix text to display after the input field.
+* @type {string}
+*/
+suffix: {
+type: PropType<string>;
+required: false;
+};
+/**
+* Whether to emit maska details.
+* @type {boolean}
+* @default false
+*/
+emitMaskaDetails: {
+type: PropType<boolean>;
+default: boolean;
+};
+}>> & Readonly<{
+"onUpdate:modelValue"?: (...args: any[]) => any;
+onValid?: (...args: any[]) => any;
+}>, {
+type: "number" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
+modelValue: string | number;
+id: string;
+dataMaskaEager: boolean;
+dataMaskaReversed: boolean;
+inputmode: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
+rules: ((value: string | number) => true | string)[];
+emitMaskaDetails: boolean;
+}, {}, {}, {
+maska: Directive;
+}, string, ComponentProvideOptions, true, {}, any>;
 
 export declare const WraDataTable: DefineComponent<ExtractPropTypes<    {
 /**
@@ -692,70 +985,242 @@ required: false;
 itemsPerPage: number;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-export { WraDateInput }
-
-export declare const WraDialog: DefineComponent<ExtractPropTypes<    {
+export declare const WraDateInput: DefineComponent<ExtractPropTypes<    {
 /**
-* The title text displayed at the top of the dialog.
+* The value of the input field.
+* @required
+* @default ""
 */
-title: {
-type: PropType<string>;
+modelValue: {
+type: PropType<string | Date>;
 required: true;
+default: string;
 };
 /**
-* The main message or content displayed in the dialog body.
+* The label for the input field.
+* @type {string}
 */
-message: {
+label: {
 type: PropType<string>;
-required: true;
+required: false;
 };
 /**
-* The text label for the confirm button.
+* The ID for the input field.
+* @type {string}
+* @required
+* @default "dateInput"
 */
-confirmText: {
+id: {
 type: PropType<string>;
 required: true;
 default: string;
 };
 /**
-* The text label for the cancel button.
+* The input mode for the input field.
+* @type {string}
+* @default "numeric"
+* @validator value {string} - The input mode must be "numeric".
 */
-cancelText: {
-type: PropType<string>;
-required: true;
+inputmode: {
+type: PropType<"numeric" | "search" | "text" | "email" | "tel" | "url" | "none" | "decimal">;
 default: string;
+validator(value: string): boolean;
 };
 /**
-* If true, styles the confirm button as a destructive action (red for delete).
+* Whether the input field is required.
+* @type {boolean}
+* @default false
 */
-isDelete: {
+required: {
 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.
+* The placeholder text for the input field.
+* @type {string}
+* @default "DD/MM/YYYY"
+*
 */
-title: {
+placeholder: {
 type: PropType<string>;
-required: true;
+default: string;
 };
 /**
-* The main message or content displayed in the dialog body.
+* Whether to use default validation for the input field.
+* @type {boolean}
+* @default false
 */
-message: {
-type: PropType<string>;
-required: true;
+defaultValidation: {
+type: PropType<boolean>;
+default: boolean;
+};
+}>, {}, {
+maskedValue: string;
+showError: boolean;
+firstValidation: boolean;
+dateObjectValue: Date | null;
+}, {}, {
+/**
+* Handles input event safely for TypeScript.
+*/
+onInputHandler(event: Event): void;
+/**
+* Swaps the day and month in a date string.
+* @param {string} input - The input date string in DD/MM/YYYY format.
+* @returns {string} - The date string with day and month swapped.
+*/
+swapMonthDay(input: string): string;
+convertToDate(value: string): void;
+validate(dateInput: Date | null | string): boolean;
+/**
+* Sets the initial state of the component based on the modelValue prop.
+*/
+setInitialState(): void;
+}, ComponentOptionsMixin, ComponentOptionsMixin, ("update:modelValue" | "valid")[], "update:modelValue" | "valid", PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* The value of the input field.
+* @required
+* @default ""
+*/
+modelValue: {
+type: PropType<string | Date>;
+required: true;
+default: string;
+};
+/**
+* The label for the input field.
+* @type {string}
+*/
+label: {
+type: PropType<string>;
+required: false;
+};
+/**
+* The ID for the input field.
+* @type {string}
+* @required
+* @default "dateInput"
+*/
+id: {
+type: PropType<string>;
+required: true;
+default: string;
+};
+/**
+* The input mode for the input field.
+* @type {string}
+* @default "numeric"
+* @validator value {string} - The input mode must be "numeric".
+*/
+inputmode: {
+type: PropType<"numeric" | "search" | "text" | "email" | "tel" | "url" | "none" | "decimal">;
+default: string;
+validator(value: string): boolean;
+};
+/**
+* Whether the input field is required.
+* @type {boolean}
+* @default false
+*/
+required: {
+type: PropType<boolean>;
+default: boolean;
+};
+/**
+* The placeholder text for the input field.
+* @type {string}
+* @default "DD/MM/YYYY"
+*
+*/
+placeholder: {
+type: PropType<string>;
+default: string;
+};
+/**
+* Whether to use default validation for the input field.
+* @type {boolean}
+* @default false
+*/
+defaultValidation: {
+type: PropType<boolean>;
+default: boolean;
+};
+}>> & Readonly<{
+"onUpdate:modelValue"?: (...args: any[]) => any;
+onValid?: (...args: any[]) => any;
+}>, {
+required: boolean;
+modelValue: string | Date;
+id: string;
+placeholder: string;
+inputmode: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
+defaultValidation: boolean;
+}, {}, {}, {
+maska: Directive;
+}, string, ComponentProvideOptions, true, {}, any>;
+
+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.
@@ -781,9 +1246,9 @@ type: PropType<boolean>;
 default: boolean;
 };
 }>> & Readonly<{
-onConfirm?: ((...args: any[]) => any) | undefined;
-onCancel?: ((...args: any[]) => any) | undefined;
-onClose?: ((...args: any[]) => any) | undefined;
+onConfirm?: (...args: any[]) => any;
+onCancel?: (...args: any[]) => any;
+onClose?: (...args: any[]) => any;
 }>, {
 confirmText: string;
 cancelText: string;
@@ -887,8 +1352,8 @@ type: PropType<string>;
 default: string;
 };
 }>> & Readonly<{}>, {
-role: string;
 thickness: "small" | "large" | "medium";
+role: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 export declare const WraExpansionPanel: DefineComponent<ExtractPropTypes<    {
@@ -1144,15 +1609,15 @@ type: PropType<string>;
 default: string;
 };
 }>> & Readonly<{
-onChange?: ((...args: any[]) => any) | undefined;
+onChange?: (...args: any[]) => any;
 }>, {
 label: string;
 id: string;
 backgroundColor: string;
 errorMessage: string;
-error: boolean;
 multiple: boolean;
 buttonText: string;
+error: boolean;
 fileSizeErrorMessage: string;
 }, {}, {
 ValidationTooltip: DefineComponent<ExtractPropTypes<    {
@@ -1170,7 +1635,7 @@ default: string;
 }>> & Readonly<{}>, {
 type: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-Button: DefineComponent<ExtractPropTypes<    {
+WraButton: DefineComponent<ExtractPropTypes<    {
 size: {
 type: () => string;
 default: string;
@@ -1362,125 +1827,321 @@ validator(value: string): boolean;
 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<    {
+export declare const WraNumberInput: DefineComponent<ExtractPropTypes<    {
 /**
-* The current page number (v-model).
+* The value of the input field.
+* @type {string|number}
+* @required
 */
 modelValue: {
-type: PropType<number>;
+type: PropType<string | number>;
 required: true;
-default: number;
+default: string;
 };
 /**
-* The total number of pages available.
+* The label for the input field.
+* @type {string}
 */
-totalPages: {
-type: PropType<number>;
+label: {
+type: PropType<string>;
+};
+/**
+* The ID for the input field.
+* @type {string}
+* @required
+* @default "numberInput"
+*/
+id: {
+type: PropType<string>;
 required: true;
+default: string;
 };
 /**
-* The maximum number of page buttons to display at once.
+* The type of the input field.
+* @type {string}
+* @default "text"
+* @validator value {string} - The type must be one of ["text", "password", "search"].
 */
-length: {
-type: PropType<number>;
-default: number;
+type: {
+type: PropType<"text" | "password" | "search">;
+default: string;
+validator(value: string): boolean;
 };
 /**
-* If true, shows 'skip' controls (divider & jump to start/end).
+* The input mode for the input field.
+* @type {string}
+* @default "numeric"
 */
-skip: {
-type: PropType<boolean>;
-default: boolean;
+inputmode: {
+type: PropType<"numeric" | "decimal" | "text">;
+default: string;
+validator(value: string): boolean;
 };
 /**
-* The starting page number (usually 1).
+* The placeholder text for the input field.
+* @type {string}
 */
-startIndex: {
-type: PropType<number>;
-default: number;
+placeholder: {
+type: PropType<string>;
 };
 /**
-* The label text for the 'previous' button.
+* An array of validation rule functions. Each function should return true or an error message string.
 */
-previousLabel: {
+rules: {
+type: PropType<RuleFunction[]>;
+default: () => any[];
+};
+/**
+* The prefix text to display before the input field.
+* @type {string}
+*/
+prefix: {
 type: PropType<string>;
-default: string;
 };
 /**
-* The label text for the 'next' button.
+* The suffix text to display after the input field.
+* @type {string}
 */
-nextLabel: {
+suffix: {
 type: PropType<string>;
-default: string;
+};
+/**
+* Whether to emit full maska details, including masked and unmasked values.
+* @type {boolean}
+* @default false
+*/
+emitMaskaDetails: {
+type: PropType<boolean>;
+default: boolean;
 };
 }>, {}, {
-currentPage: number;
+dataValue: string;
+errorMessage: string;
+firstValidation: boolean;
+returnValue: string;
 }, {
-pageArray(): number[];
-viewablePages(): number[];
-skipStart(): boolean;
-skipEnd(): boolean;
+prefixPadding(): string;
 }, {
-incPage(): void;
-decPage(): void;
-changePage(page: number): void;
-onKeyLeft(): void;
-onKeyRight(): void;
-}, ComponentOptionsMixin, ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", PublicProps, Readonly<ExtractPropTypes<    {
+validate(value: string | number): void;
+onMaska(value: any): void;
+}, ComponentOptionsMixin, ComponentOptionsMixin, ("update:modelValue" | "valid")[], "update:modelValue" | "valid", PublicProps, Readonly<ExtractPropTypes<    {
 /**
-* The current page number (v-model).
+* The value of the input field.
+* @type {string|number}
+* @required
 */
 modelValue: {
-type: PropType<number>;
+type: PropType<string | number>;
 required: true;
-default: number;
+default: string;
 };
 /**
-* The total number of pages available.
+* The label for the input field.
+* @type {string}
 */
-totalPages: {
-type: PropType<number>;
-required: true;
+label: {
+type: PropType<string>;
 };
 /**
-* The maximum number of page buttons to display at once.
+* The ID for the input field.
+* @type {string}
+* @required
+* @default "numberInput"
 */
-length: {
-type: PropType<number>;
-default: number;
+id: {
+type: PropType<string>;
+required: true;
+default: string;
 };
 /**
-* If true, shows 'skip' controls (divider & jump to start/end).
+* The type of the input field.
+* @type {string}
+* @default "text"
+* @validator value {string} - The type must be one of ["text", "password", "search"].
 */
-skip: {
-type: PropType<boolean>;
-default: boolean;
+type: {
+type: PropType<"text" | "password" | "search">;
+default: string;
+validator(value: string): boolean;
 };
 /**
-* The starting page number (usually 1).
+* The input mode for the input field.
+* @type {string}
+* @default "numeric"
 */
-startIndex: {
-type: PropType<number>;
-default: number;
+inputmode: {
+type: PropType<"numeric" | "decimal" | "text">;
+default: string;
+validator(value: string): boolean;
 };
 /**
-* The label text for the 'previous' button.
+* The placeholder text for the input field.
+* @type {string}
 */
-previousLabel: {
+placeholder: {
 type: PropType<string>;
-default: string;
 };
 /**
-* The label text for the 'next' button.
+* An array of validation rule functions. Each function should return true or an error message string.
 */
-nextLabel: {
-type: PropType<string>;
+rules: {
+type: PropType<RuleFunction[]>;
+default: () => any[];
+};
+/**
+* The prefix text to display before the input field.
+* @type {string}
+*/
+prefix: {
+type: PropType<string>;
+};
+/**
+* The suffix text to display after the input field.
+* @type {string}
+*/
+suffix: {
+type: PropType<string>;
+};
+/**
+* Whether to emit full maska details, including masked and unmasked values.
+* @type {boolean}
+* @default false
+*/
+emitMaskaDetails: {
+type: PropType<boolean>;
+default: boolean;
+};
+}>> & Readonly<{
+"onUpdate:modelValue"?: (...args: any[]) => any;
+onValid?: (...args: any[]) => any;
+}>, {
+type: "search" | "text" | "password";
+modelValue: string | number;
+id: string;
+inputmode: "text" | "numeric" | "decimal";
+rules: RuleFunction[];
+emitMaskaDetails: boolean;
+}, {}, {}, {
+maska: Directive;
+}, string, ComponentProvideOptions, true, {}, any>;
+
+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;
+"onUpdate:modelValue"?: (...args: any[]) => any;
 }>, {
 length: number;
 modelValue: number;
@@ -1490,9 +2151,308 @@ previousLabel: string;
 nextLabel: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-export { WraPriceInput }
+export declare const WraPriceInput: DefineComponent<ExtractPropTypes<    {
+/**
+* The value of the input field.
+* @type {string|number}
+* @required
+* @default ""
+*/
+modelValue: {
+required: true;
+default: string;
+type: PropType<string | number>;
+};
+/**
+* The label for the input field.
+* @type {string}
+*/
+label: {
+type: PropType<string>;
+};
+/**
+* The ID for the input field.
+* @type {string}
+* @required
+* @default "priceInput"
+*/
+id: {
+type: PropType<string>;
+required: true;
+default: string;
+};
+/**
+* The input mode for the input field.
+* @type {string}
+* @default "decimal"
+* @validator value {string} - The input mode must be one of ["numeric", "decimal", "text"].
+*/
+inputmode: {
+default: string;
+type: PropType<"numeric" | "decimal" | "text">;
+validator(value: string): boolean;
+};
+/**
+* The placeholder text for the input field.
+* @type {string}
+* @default "0.00"
+*/
+placeholder: {
+default: string;
+type: PropType<string>;
+};
+/**
+* An array of validation rule functions. Each function should return true or an error message string.
+*/
+rules: {
+type: PropType<Array<(value: string | number) => true | string>>;
+default: () => any[];
+};
+/**
+* The prefix text to display before the input field.
+* @type {string}
+* @default "£"
+*/
+prefix: {
+default: string;
+type: PropType<string>;
+};
+/**
+* The suffix text to display after the input field.
+* @type {string}
+*/
+suffix: {
+type: PropType<string>;
+};
+}>, {}, {
+maskedValue: string;
+mask: {
+preProcess: (val: string) => string;
+postProcess: (val: string) => string;
+};
+errorMessage: string;
+firstValidation: boolean;
+}, {
+prefixPadding(): string;
+}, {
+onMaska(event: {
+detail: {
+masked: string;
+};
+}): void;
+validate(value: string | number): void;
+}, ComponentOptionsMixin, ComponentOptionsMixin, ("update:modelValue" | "valid")[], "update:modelValue" | "valid", PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* The value of the input field.
+* @type {string|number}
+* @required
+* @default ""
+*/
+modelValue: {
+required: true;
+default: string;
+type: PropType<string | number>;
+};
+/**
+* The label for the input field.
+* @type {string}
+*/
+label: {
+type: PropType<string>;
+};
+/**
+* The ID for the input field.
+* @type {string}
+* @required
+* @default "priceInput"
+*/
+id: {
+type: PropType<string>;
+required: true;
+default: string;
+};
+/**
+* The input mode for the input field.
+* @type {string}
+* @default "decimal"
+* @validator value {string} - The input mode must be one of ["numeric", "decimal", "text"].
+*/
+inputmode: {
+default: string;
+type: PropType<"numeric" | "decimal" | "text">;
+validator(value: string): boolean;
+};
+/**
+* The placeholder text for the input field.
+* @type {string}
+* @default "0.00"
+*/
+placeholder: {
+default: string;
+type: PropType<string>;
+};
+/**
+* An array of validation rule functions. Each function should return true or an error message string.
+*/
+rules: {
+type: PropType<Array<(value: string | number) => true | string>>;
+default: () => any[];
+};
+/**
+* The prefix text to display before the input field.
+* @type {string}
+* @default "£"
+*/
+prefix: {
+default: string;
+type: PropType<string>;
+};
+/**
+* The suffix text to display after the input field.
+* @type {string}
+*/
+suffix: {
+type: PropType<string>;
+};
+}>> & Readonly<{
+"onUpdate:modelValue"?: (...args: any[]) => any;
+onValid?: (...args: any[]) => any;
+}>, {
+modelValue: string | number;
+id: string;
+placeholder: string;
+inputmode: "text" | "numeric" | "decimal";
+rules: ((value: string | number) => true | string)[];
+prefix: string;
+}, {}, {}, {
+maska: Directive;
+}, string, ComponentProvideOptions, true, {}, any>;
 
-export { WraRadioGroup }
+export declare const WraRadioGroup: DefineComponent<ExtractPropTypes<    {
+/**
+* The name attribute for the radio group, used to group radio buttons together.
+*/
+groupName: {
+type: PropType<string>;
+required: true;
+};
+/**
+* The v-model binding for the selected radio value.
+*/
+modelValue: {
+type: PropType<string | number>;
+};
+/**
+* The array of options to display as radio buttons.
+*/
+options: {
+type: PropType<RadioOption[]>;
+required: true;
+default: () => any[];
+};
+/**
+* The label text for the radio group, used for accessibility.
+*/
+label: {
+type: PropType<string>;
+};
+/**
+* The hint or description for the radio group, referenced by aria-describedby.
+*/
+hint: {
+type: PropType<string>;
+};
+}>, {}, {}, {
+validOptions(): RadioOption[];
+}, {
+checkInput(optionValue: string | number): boolean;
+}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* The name attribute for the radio group, used to group radio buttons together.
+*/
+groupName: {
+type: PropType<string>;
+required: true;
+};
+/**
+* The v-model binding for the selected radio value.
+*/
+modelValue: {
+type: PropType<string | number>;
+};
+/**
+* The array of options to display as radio buttons.
+*/
+options: {
+type: PropType<RadioOption[]>;
+required: true;
+default: () => any[];
+};
+/**
+* The label text for the radio group, used for accessibility.
+*/
+label: {
+type: PropType<string>;
+};
+/**
+* The hint or description for the radio group, referenced by aria-describedby.
+*/
+hint: {
+type: PropType<string>;
+};
+}>> & Readonly<{}>, {
+options: RadioOption[];
+}, {}, {
+WraRadio: DefineComponent<ExtractPropTypes<    {
+groupName: {
+type: PropType<string>;
+required: true;
+};
+option: {
+type: PropType<RadioOption>;
+required: true;
+default: () => {
+label: string;
+value: string;
+};
+validator: (value: RadioOption) => boolean;
+};
+isChecked: {
+type: PropType<boolean>;
+required: true;
+};
+id: {
+type: PropType<string | undefined>;
+required: false;
+};
+}>, {}, {}, {}, {
+onChange(): void;
+}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+groupName: {
+type: PropType<string>;
+required: true;
+};
+option: {
+type: PropType<RadioOption>;
+required: true;
+default: () => {
+label: string;
+value: string;
+};
+validator: (value: RadioOption) => boolean;
+};
+isChecked: {
+type: PropType<boolean>;
+required: true;
+};
+id: {
+type: PropType<string | undefined>;
+required: false;
+};
+}>> & Readonly<{}>, {
+option: RadioOption;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 export declare const WraSelect: DefineComponent<ExtractPropTypes<    {
 /**
@@ -1501,7 +2461,7 @@ export declare const WraSelect: DefineComponent<ExtractPropTypes<    {
 items: {
 type: PropType<any[]>;
 required: true;
-default: () => never[];
+default: () => any[];
 };
 /**
 * The property name to use as the value from each option object.
@@ -1561,7 +2521,7 @@ checkForObjectLabel(input: any): any;
 items: {
 type: PropType<any[]>;
 required: true;
-default: () => never[];
+default: () => any[];
 };
 /**
 * The property name to use as the value from each option object.
@@ -1608,8 +2568,8 @@ modelValue: {
 required: true;
 };
 }>> & Readonly<{
-"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-onValid?: ((...args: any[]) => any) | undefined;
+"onUpdate:modelValue"?: (...args: any[]) => any;
+onValid?: (...args: any[]) => any;
 }>, {
 name: string;
 required: boolean;
@@ -1787,7 +2747,7 @@ type: PropType<boolean>;
 default: boolean;
 };
 }>> & Readonly<{
-onClick?: ((...args: any[]) => any) | undefined;
+onClick?: (...args: any[]) => any;
 }>, {
 text: string;
 fullWidth: boolean;
@@ -1856,7 +2816,7 @@ type: PropType<boolean>;
 default: boolean;
 };
 }>> & Readonly<{
-"onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+"onUpdate:visible"?: (...args: any[]) => any;
 }>, {
 type: string;
 visible: boolean;
@@ -1897,7 +2857,7 @@ default: boolean;
 };
 caption: {
 type: PropType<string | undefined>;
-default: undefined;
+default: any;
 };
 /**
 * The array of header definitions for the table columns.
@@ -1923,7 +2883,7 @@ default: boolean;
 };
 caption: {
 type: PropType<string | undefined>;
-default: undefined;
+default: any;
 };
 /**
 * The array of header definitions for the table columns.
@@ -1940,7 +2900,7 @@ type: PropType<TableItem[]>;
 required: true;
 };
 }>> & Readonly<{}>, {
-caption: string | undefined;
+caption: string;
 inheritBackground: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
@@ -1974,7 +2934,7 @@ type: PropType<string[]>;
 required: true;
 };
 }>> & Readonly<{
-"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+"onUpdate:modelValue"?: (...args: any[]) => any;
 }>, {
 modelValue: number;
 }, {}, {
@@ -2039,7 +2999,7 @@ required: false;
 */
 rules: {
 type: PropType<ValidationRule[]>;
-default: () => never[];
+default: () => any[];
 required: false;
 };
 /**
@@ -2081,7 +3041,7 @@ required: false;
 */
 rules: {
 type: PropType<ValidationRule[]>;
-default: () => never[];
+default: () => any[];
 required: false;
 };
 /**
@@ -2092,13 +3052,201 @@ type: PropType<number>;
 required: false;
 };
 }>> & Readonly<{
-"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-onValid?: ((...args: any[]) => any) | undefined;
+"onUpdate:modelValue"?: (...args: any[]) => any;
+onValid?: (...args: any[]) => any;
 }>, {
 rules: ValidationRule[];
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-export { WraTextInput }
+export declare const WraTextInput: DefineComponent<ExtractPropTypes<    {
+/**
+* The value of the input field.
+* @type {string|number}
+* @required
+* @default ""
+*/
+modelValue: {
+type: PropType<string | number>;
+required: true;
+default: string;
+};
+/**
+* The label for the input field.
+* @type {string}
+*/
+label: {
+type: PropType<string>;
+required: false;
+};
+/**
+* The ID for the input field.
+* @type {string}
+* @required
+* @default "customInput"
+*/
+id: {
+type: PropType<string>;
+required: true;
+default: string;
+};
+/**
+* The input mode for the input field.
+* @type {string}
+* @default "numeric"
+* @validator value {string} - The input mode must be one of ["none", "text", "tel", "url", "email", "numeric", "decimal", "search"].
+*/
+inputmode: {
+type: PropType<HTMLAttributes["inputmode"]>;
+default: string;
+validator(value: string): boolean;
+};
+/**
+* The type of the input field.
+* @type {string}
+* @default "text"
+* @validator value {string} - The type must be one of ["text", "none", "tel", "url", "email", "numeric", "decimal"].
+*/
+type: {
+type: PropType<string>;
+default: string;
+validator(value: string): boolean;
+};
+/**
+* An array of validation rule functions. Each function should return true or an error message string.
+*/
+rules: {
+type: PropType<ValidationRule_2[]>;
+default: () => any[];
+};
+/**
+* The mask pattern for the input field.
+* @type {string}
+*/
+dataMaska: {
+type: PropType<string>;
+required: false;
+};
+/**
+* Custom tokens for the mask.
+* @type {string}
+*/
+dataMaskaTokens: {
+type: PropType<string>;
+required: false;
+};
+/**
+* The placeholder text for the input field.
+* @type {string}
+*/
+placeholder: {
+type: PropType<string>;
+required: false;
+};
+}>, {}, {
+errorMessage: string;
+firstValidation: boolean;
+}, {}, {
+/**
+* Validates the input value based on the provided rules.
+* @param {string|number} value - The input value to validate.
+*/
+validate(value: string | number): void;
+}, ComponentOptionsMixin, ComponentOptionsMixin, ("update:modelValue" | "valid")[], "update:modelValue" | "valid", PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* The value of the input field.
+* @type {string|number}
+* @required
+* @default ""
+*/
+modelValue: {
+type: PropType<string | number>;
+required: true;
+default: string;
+};
+/**
+* The label for the input field.
+* @type {string}
+*/
+label: {
+type: PropType<string>;
+required: false;
+};
+/**
+* The ID for the input field.
+* @type {string}
+* @required
+* @default "customInput"
+*/
+id: {
+type: PropType<string>;
+required: true;
+default: string;
+};
+/**
+* The input mode for the input field.
+* @type {string}
+* @default "numeric"
+* @validator value {string} - The input mode must be one of ["none", "text", "tel", "url", "email", "numeric", "decimal", "search"].
+*/
+inputmode: {
+type: PropType<HTMLAttributes["inputmode"]>;
+default: string;
+validator(value: string): boolean;
+};
+/**
+* The type of the input field.
+* @type {string}
+* @default "text"
+* @validator value {string} - The type must be one of ["text", "none", "tel", "url", "email", "numeric", "decimal"].
+*/
+type: {
+type: PropType<string>;
+default: string;
+validator(value: string): boolean;
+};
+/**
+* An array of validation rule functions. Each function should return true or an error message string.
+*/
+rules: {
+type: PropType<ValidationRule_2[]>;
+default: () => any[];
+};
+/**
+* The mask pattern for the input field.
+* @type {string}
+*/
+dataMaska: {
+type: PropType<string>;
+required: false;
+};
+/**
+* Custom tokens for the mask.
+* @type {string}
+*/
+dataMaskaTokens: {
+type: PropType<string>;
+required: false;
+};
+/**
+* The placeholder text for the input field.
+* @type {string}
+*/
+placeholder: {
+type: PropType<string>;
+required: false;
+};
+}>> & Readonly<{
+"onUpdate:modelValue"?: (...args: any[]) => any;
+onValid?: (...args: any[]) => any;
+}>, {
+type: string;
+modelValue: string | number;
+id: string;
+inputmode: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
+rules: ValidationRule_2[];
+}, {}, {}, {
+maska: Directive;
+}, string, ComponentProvideOptions, true, {}, any>;
 
 export declare const WraValidationTooltip: DefineComponent<ExtractPropTypes<    {
 /**