@propelinc/citrus-ui 0.6.0 → 1.0.0

package/dist/components/CSplitInput.vue.d.ts

@@ -0,0 +1,2131 @@
+import { HTMLAttributes, PropType, DefineComponent, ExtractPropTypes, ComputedRef, Ref, ComponentOptionsMixin, PublicProps, StyleValue, ComponentProvideOptions } from 'vue';
+import { Rules } from '../composables/validations';
+import { SplitInputField } from '../types';
+import { MaskOptions, MaskTokens } from 'maska';
+import { IconDefinition } from '@fortawesome/pro-regular-svg-icons';
+import { ButtonLevel, ButtonSize, ButtonVariant, ButtonIconPosition, ButtonShoelaceVariant } from './CButton/types';
+import { RouteLocationRaw, RouteLocationAsRelativeGeneric, RouteLocationAsPathGeneric } from 'vue-router';
+import { FontAwesomeIconProps } from '@fortawesome/vue-fontawesome';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    /** Custom data-test selector */
+    dataTest: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** The input's type, either text or tel */
+    type: {
+        type: PropType<"text" | "tel">;
+        default: string;
+    };
+    /** The input's label */
+    label: {
+        type: PropType<string | null>;
+        default: null;
+    };
+    /** The input's name */
+    name: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    /** A hint to show the appropriate virtual keyboard, e.g. "numeric". */
+    inputmode: {
+        type: PropType<HTMLAttributes["inputmode"] | undefined>;
+        default: undefined;
+    };
+    /** The input's value */
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** The fields for each of the split inputs of type SplitInputField */
+    fields: {
+        type: PropType<SplitInputField[]>;
+        required: true;
+    };
+    /** Validation rules */
+    rules: {
+        type: PropType<Rules<string>>;
+        default: () => never[];
+    };
+    /** Controls whether the input is disabled */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Controls the underlying input's autocomplete attribute */
+    autocomplete: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, {
+    placeholder: ComputedRef<string>;
+    mask: ComputedRef<string>;
+    maskedValue: Ref<string, string>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    /** Custom data-test selector */
+    dataTest: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** The input's type, either text or tel */
+    type: {
+        type: PropType<"text" | "tel">;
+        default: string;
+    };
+    /** The input's label */
+    label: {
+        type: PropType<string | null>;
+        default: null;
+    };
+    /** The input's name */
+    name: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    /** A hint to show the appropriate virtual keyboard, e.g. "numeric". */
+    inputmode: {
+        type: PropType<HTMLAttributes["inputmode"] | undefined>;
+        default: undefined;
+    };
+    /** The input's value */
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** The fields for each of the split inputs of type SplitInputField */
+    fields: {
+        type: PropType<SplitInputField[]>;
+        required: true;
+    };
+    /** Validation rules */
+    rules: {
+        type: PropType<Rules<string>>;
+        default: () => never[];
+    };
+    /** Controls whether the input is disabled */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Controls the underlying input's autocomplete attribute */
+    autocomplete: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    type: "text" | "tel";
+    name: string | undefined;
+    label: string | null;
+    value: string;
+    dataTest: string;
+    disabled: boolean;
+    rules: Rules<string>;
+    inputmode: "text" | "search" | "none" | "email" | "tel" | "url" | "decimal" | "numeric" | undefined;
+    autocomplete: string;
+}, {}, {
+    CMaskedTextField: DefineComponent<ExtractPropTypes<{
+        counter: {
+            type: PropType<number | null>;
+            default: null;
+        };
+        dataTest: {
+            type: StringConstructor;
+            default: string;
+        };
+        id: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        label: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        mask: {
+            type: PropType< MaskOptions["mask"] | null>;
+            required: true;
+        };
+        minlength: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: null;
+        };
+        maxlength: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: null;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        rules: {
+            type: PropType<Rules<string>>;
+            default: () => never[];
+        };
+        tokens: {
+            type: PropType< MaskTokens | null>;
+            default: null;
+        };
+        unmaskRules: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        value: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {
+        counterValue: ComputedRef<number>;
+        maskedMinLength: Ref<number | null, number | null>;
+        maskedMaxLength: Ref<number | null, number | null>;
+        maskedValue: Ref<string, string>;
+        textField: Ref< DefineComponent<ExtractPropTypes<{
+            id: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            label: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            ariaLabel: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            placeholder: {
+                type: StringConstructor;
+                default: string;
+            };
+            type: {
+                type: PropType<"text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric">;
+                default: string;
+            };
+            clearable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: PropType<"medium" | "large">;
+                default: string;
+            };
+            inputmode: {
+                type: PropType<"text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal">;
+                default: undefined;
+            };
+            minlength: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            maxlength: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            hideable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            hideLabel: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            hideDetails: {
+                type: PropType<boolean | "auto">;
+                default: boolean;
+            };
+            value: {
+                type: StringConstructor;
+                default: string;
+            };
+            dataTest: {
+                type: StringConstructor;
+                default: string;
+            };
+            counter: {
+                type: PropType<number | null>;
+                default: null;
+            };
+            counterValue: {
+                type: PropType<number | (() => number | null)>;
+                default: null;
+            };
+            rules: {
+                type: PropType<Rules<string>>;
+                default: () => never[];
+            };
+            validateOnBlur: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            required: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            errorMessage: {
+                type: StringConstructor;
+                default: null;
+            };
+        }>, {
+            faXmark: IconDefinition;
+            faEye: IconDefinition;
+            faEyeSlash: IconDefinition;
+            fallthroughAttrs: ComputedRef<{
+                [x: string]: unknown;
+            }>;
+            hideToggleAriaLabel: ComputedRef<string>;
+            idWithFallback: Ref<string, string>;
+            input: Ref<HTMLInputElement | null, HTMLInputElement | null>;
+            inputHidden: Ref<boolean, boolean>;
+            inputType: ComputedRef<"number" | "text" | "search" | "email" | "password" | "tel" | "url" | "decimal" | "numeric">;
+            inputValue: Ref<string, string>;
+            isFocused: Ref<boolean, boolean>;
+            messageSlotHasContent: Ref<boolean, boolean>;
+            prefixSlotHasContent: Ref<boolean, boolean>;
+            rootStyles: ComputedRef<StyleValue>;
+            suffixSlotHasContent: Ref<boolean, boolean>;
+            isValidationValid: Ref<boolean | null, boolean | null>;
+            validationMessage: Ref<string | null, string | null>;
+            clearInput: () => void;
+            onBlur: (event: Event) => void;
+            onChange: (event: Event) => void;
+            onFocus: (event: Event) => void;
+            onInput: (event: Event) => void;
+            toggleHidden: () => void;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("change" | "input" | "focus" | "blur" | "click" | "keydown" | "keypress" | "keyup" | "click:hide")[], "change" | "input" | "focus" | "blur" | "click" | "keydown" | "keypress" | "keyup" | "click:hide", PublicProps, Readonly< ExtractPropTypes<{
+            id: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            label: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            ariaLabel: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            placeholder: {
+                type: StringConstructor;
+                default: string;
+            };
+            type: {
+                type: PropType<"text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric">;
+                default: string;
+            };
+            clearable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: PropType<"medium" | "large">;
+                default: string;
+            };
+            inputmode: {
+                type: PropType<"text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal">;
+                default: undefined;
+            };
+            minlength: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            maxlength: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            hideable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            hideLabel: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            hideDetails: {
+                type: PropType<boolean | "auto">;
+                default: boolean;
+            };
+            value: {
+                type: StringConstructor;
+                default: string;
+            };
+            dataTest: {
+                type: StringConstructor;
+                default: string;
+            };
+            counter: {
+                type: PropType<number | null>;
+                default: null;
+            };
+            counterValue: {
+                type: PropType<number | (() => number | null)>;
+                default: null;
+            };
+            rules: {
+                type: PropType<Rules<string>>;
+                default: () => never[];
+            };
+            validateOnBlur: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            required: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            errorMessage: {
+                type: StringConstructor;
+                default: null;
+            };
+        }>> & Readonly<{
+            onChange?: ((...args: any[]) => any) | undefined;
+            onFocus?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
+            onInput?: ((...args: any[]) => any) | undefined;
+            onKeydown?: ((...args: any[]) => any) | undefined;
+            onKeypress?: ((...args: any[]) => any) | undefined;
+            onKeyup?: ((...args: any[]) => any) | undefined;
+            onClick?: ((...args: any[]) => any) | undefined;
+            "onClick:hide"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            type: "number" | "text" | "search" | "email" | "password" | "tel" | "url" | "decimal" | "numeric";
+            label: string | null;
+            id: string | null;
+            value: string;
+            size: "large" | "medium";
+            dataTest: string;
+            placeholder: string;
+            disabled: boolean;
+            ariaLabel: string | null;
+            rules: Rules<string>;
+            required: boolean;
+            hideDetails: boolean | "auto";
+            counter: number | null;
+            counterValue: number | (() => number | null);
+            clearable: boolean;
+            inputmode: "text" | "search" | "none" | "email" | "tel" | "url" | "decimal" | "numeric";
+            minlength: string | number;
+            maxlength: string | number;
+            hideable: boolean;
+            hideLabel: boolean;
+            validateOnBlur: boolean;
+            errorMessage: string;
+        }, {}, {
+            CFormFieldCounter: DefineComponent<ExtractPropTypes<{
+                counter: {
+                    type: PropType<number | null>;
+                    default: null;
+                };
+                counterValue: {
+                    type: PropType<number | (() => number | null)>;
+                    default: null;
+                };
+                value: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                numerator: ComputedRef<number | null>;
+                displayText: ComputedRef<string>;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+                counter: {
+                    type: PropType<number | null>;
+                    default: null;
+                };
+                counterValue: {
+                    type: PropType<number | (() => number | null)>;
+                    default: null;
+                };
+                value: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{}>, {
+                value: string;
+                counter: number | null;
+                counterValue: number | (() => number | null);
+            }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+            CIconButton: DefineComponent<ExtractPropTypes<{
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                ariaLabelledby: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                href: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                icon: {
+                    type: PropType<string | string[] | IconDefinition>;
+                    default: undefined;
+                };
+                large: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                    deprecated: boolean;
+                };
+                level: {
+                    type: PropType< ButtonLevel>;
+                    default: string;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                secondary: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                    deprecated: boolean;
+                };
+                size: {
+                    type: PropType< ButtonSize>;
+                    default: string;
+                };
+                spinIcon: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                target: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                tertiary: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                    deprecated: boolean;
+                };
+                to: {
+                    type: PropType< RouteLocationRaw>;
+                    default: undefined;
+                };
+                variant: {
+                    type: PropType< ButtonVariant>;
+                    default: string;
+                };
+            }>, {
+                computedSize: ComputedRef<ButtonSize>;
+                computedVariant: ComputedRef<ButtonVariant>;
+                inheritColor: Ref<boolean, boolean> | undefined;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("focus" | "blur" | "click")[], "focus" | "blur" | "click", PublicProps, Readonly< ExtractPropTypes<{
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                ariaLabelledby: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                href: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                icon: {
+                    type: PropType<string | string[] | IconDefinition>;
+                    default: undefined;
+                };
+                large: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                    deprecated: boolean;
+                };
+                level: {
+                    type: PropType< ButtonLevel>;
+                    default: string;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                secondary: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                    deprecated: boolean;
+                };
+                size: {
+                    type: PropType< ButtonSize>;
+                    default: string;
+                };
+                spinIcon: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                target: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                tertiary: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                    deprecated: boolean;
+                };
+                to: {
+                    type: PropType< RouteLocationRaw>;
+                    default: undefined;
+                };
+                variant: {
+                    type: PropType< ButtonVariant>;
+                    default: string;
+                };
+            }>> & Readonly<{
+                onFocus?: ((...args: any[]) => any) | undefined;
+                onBlur?: ((...args: any[]) => any) | undefined;
+                onClick?: ((...args: any[]) => any) | undefined;
+            }>, {
+                to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
+                size: ButtonSize;
+                icon: string | string[] | IconDefinition;
+                target: string;
+                tertiary: boolean;
+                loading: boolean;
+                large: boolean;
+                disabled: boolean;
+                ariaLabel: string;
+                secondary: boolean;
+                href: string;
+                level: ButtonLevel;
+                variant: ButtonVariant;
+                ariaLabelledby: string;
+                spinIcon: boolean;
+            }, {}, {
+                FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
+                CButton: DefineComponent<ExtractPropTypes<{
+                    block: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    href: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    icon: {
+                        type: PropType<string | string[] | IconDefinition>;
+                        default: undefined;
+                    };
+                    iconPosition: {
+                        type: PropType< ButtonIconPosition>;
+                        default: string;
+                        validator: (value: string) => boolean;
+                    };
+                    large: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                        deprecated: boolean;
+                    };
+                    level: {
+                        type: PropType< ButtonLevel>;
+                        default: string;
+                        validator: (value: string) => boolean;
+                    };
+                    loading: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    secondary: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                        deprecated: boolean;
+                    };
+                    size: {
+                        type: PropType< ButtonSize>;
+                        default: string;
+                        validator: (value: string) => boolean;
+                    };
+                    target: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    tertiary: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                        deprecated: boolean;
+                    };
+                    to: {
+                        type: PropType< RouteLocationRaw>;
+                        default: undefined;
+                    };
+                    variant: {
+                        type: PropType< ButtonVariant>;
+                        default: string;
+                        validator: (value: string) => boolean;
+                    };
+                }>, {
+                    animationListeners: Record<string, () => void>;
+                    button: Ref<HTMLElement | null, HTMLElement | null>;
+                    computedSize: ComputedRef<ButtonSize>;
+                    computedVariant: ComputedRef<ButtonVariant>;
+                    dataBlock: ComputedRef<true | undefined>;
+                    dataLoading: ComputedRef<true | undefined>;
+                    hasIcon: ComputedRef<boolean>;
+                    injectedOrPropBlock: ComputedRef<boolean>;
+                    injectedOrPropsLarge: ComputedRef<boolean>;
+                    onClick: (event: MouseEvent) => void;
+                    routerDestinationOrHref: ComputedRef<string | undefined>;
+                    shoelaceVariant: ComputedRef<ButtonShoelaceVariant>;
+                }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("focus" | "blur" | "click")[], "focus" | "blur" | "click", PublicProps, Readonly< ExtractPropTypes<{
+                    block: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    href: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    icon: {
+                        type: PropType<string | string[] | IconDefinition>;
+                        default: undefined;
+                    };
+                    iconPosition: {
+                        type: PropType< ButtonIconPosition>;
+                        default: string;
+                        validator: (value: string) => boolean;
+                    };
+                    large: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                        deprecated: boolean;
+                    };
+                    level: {
+                        type: PropType< ButtonLevel>;
+                        default: string;
+                        validator: (value: string) => boolean;
+                    };
+                    loading: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    secondary: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                        deprecated: boolean;
+                    };
+                    size: {
+                        type: PropType< ButtonSize>;
+                        default: string;
+                        validator: (value: string) => boolean;
+                    };
+                    target: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    tertiary: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                        deprecated: boolean;
+                    };
+                    to: {
+                        type: PropType< RouteLocationRaw>;
+                        default: undefined;
+                    };
+                    variant: {
+                        type: PropType< ButtonVariant>;
+                        default: string;
+                        validator: (value: string) => boolean;
+                    };
+                }>> & Readonly<{
+                    onFocus?: ((...args: any[]) => any) | undefined;
+                    onBlur?: ((...args: any[]) => any) | undefined;
+                    onClick?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
+                    size: ButtonSize;
+                    icon: string | string[] | IconDefinition;
+                    target: string;
+                    tertiary: boolean;
+                    loading: boolean;
+                    block: boolean;
+                    large: boolean;
+                    disabled: boolean;
+                    secondary: boolean;
+                    href: string;
+                    iconPosition: ButtonIconPosition;
+                    level: ButtonLevel;
+                    variant: ButtonVariant;
+                }, {}, {
+                    FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
+                }, {}, string, ComponentProvideOptions, true, {}, any>;
+            }, {}, string, ComponentProvideOptions, true, {}, any>;
+            CValidationMessage: DefineComponent<ExtractPropTypes<{
+                dataTest: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                validationMessage: {
+                    type: PropType<string | null>;
+                    default: null;
+                };
+                hide: {
+                    type: PropType<boolean | "auto">;
+                    default: boolean;
+                };
+            }>, {
+                isHidden: ComputedRef<boolean>;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+                dataTest: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                validationMessage: {
+                    type: PropType<string | null>;
+                    default: null;
+                };
+                hide: {
+                    type: PropType<boolean | "auto">;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {
+                dataTest: string;
+                validationMessage: string | null;
+                hide: boolean | "auto";
+            }, {}, {
+                CFadeTransition: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+            }, {}, string, ComponentProvideOptions, true, {}, any>;
+        }, {}, string, ComponentProvideOptions, true, {}, any> | null, DefineComponent<ExtractPropTypes<{
+            id: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            label: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            ariaLabel: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            placeholder: {
+                type: StringConstructor;
+                default: string;
+            };
+            type: {
+                type: PropType<"text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric">;
+                default: string;
+            };
+            clearable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: PropType<"medium" | "large">;
+                default: string;
+            };
+            inputmode: {
+                type: PropType<"text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal">;
+                default: undefined;
+            };
+            minlength: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            maxlength: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            hideable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            hideLabel: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            hideDetails: {
+                type: PropType<boolean | "auto">;
+                default: boolean;
+            };
+            value: {
+                type: StringConstructor;
+                default: string;
+            };
+            dataTest: {
+                type: StringConstructor;
+                default: string;
+            };
+            counter: {
+                type: PropType<number | null>;
+                default: null;
+            };
+            counterValue: {
+                type: PropType<number | (() => number | null)>;
+                default: null;
+            };
+            rules: {
+                type: PropType<Rules<string>>;
+                default: () => never[];
+            };
+            validateOnBlur: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            required: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            errorMessage: {
+                type: StringConstructor;
+                default: null;
+            };
+        }>, {
+            faXmark: IconDefinition;
+            faEye: IconDefinition;
+            faEyeSlash: IconDefinition;
+            fallthroughAttrs: ComputedRef<{
+                [x: string]: unknown;
+            }>;
+            hideToggleAriaLabel: ComputedRef<string>;
+            idWithFallback: Ref<string, string>;
+            input: Ref<HTMLInputElement | null, HTMLInputElement | null>;
+            inputHidden: Ref<boolean, boolean>;
+            inputType: ComputedRef<"number" | "text" | "search" | "email" | "password" | "tel" | "url" | "decimal" | "numeric">;
+            inputValue: Ref<string, string>;
+            isFocused: Ref<boolean, boolean>;
+            messageSlotHasContent: Ref<boolean, boolean>;
+            prefixSlotHasContent: Ref<boolean, boolean>;
+            rootStyles: ComputedRef<StyleValue>;
+            suffixSlotHasContent: Ref<boolean, boolean>;
+            isValidationValid: Ref<boolean | null, boolean | null>;
+            validationMessage: Ref<string | null, string | null>;
+            clearInput: () => void;
+            onBlur: (event: Event) => void;
+            onChange: (event: Event) => void;
+            onFocus: (event: Event) => void;
+            onInput: (event: Event) => void;
+            toggleHidden: () => void;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("change" | "input" | "focus" | "blur" | "click" | "keydown" | "keypress" | "keyup" | "click:hide")[], "change" | "input" | "focus" | "blur" | "click" | "keydown" | "keypress" | "keyup" | "click:hide", PublicProps, Readonly< ExtractPropTypes<{
+            id: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            label: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            ariaLabel: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            placeholder: {
+                type: StringConstructor;
+                default: string;
+            };
+            type: {
+                type: PropType<"text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric">;
+                default: string;
+            };
+            clearable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: PropType<"medium" | "large">;
+                default: string;
+            };
+            inputmode: {
+                type: PropType<"text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal">;
+                default: undefined;
+            };
+            minlength: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            maxlength: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            hideable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            hideLabel: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            hideDetails: {
+                type: PropType<boolean | "auto">;
+                default: boolean;
+            };
+            value: {
+                type: StringConstructor;
+                default: string;
+            };
+            dataTest: {
+                type: StringConstructor;
+                default: string;
+            };
+            counter: {
+                type: PropType<number | null>;
+                default: null;
+            };
+            counterValue: {
+                type: PropType<number | (() => number | null)>;
+                default: null;
+            };
+            rules: {
+                type: PropType<Rules<string>>;
+                default: () => never[];
+            };
+            validateOnBlur: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            required: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            errorMessage: {
+                type: StringConstructor;
+                default: null;
+            };
+        }>> & Readonly<{
+            onChange?: ((...args: any[]) => any) | undefined;
+            onFocus?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
+            onInput?: ((...args: any[]) => any) | undefined;
+            onKeydown?: ((...args: any[]) => any) | undefined;
+            onKeypress?: ((...args: any[]) => any) | undefined;
+            onKeyup?: ((...args: any[]) => any) | undefined;
+            onClick?: ((...args: any[]) => any) | undefined;
+            "onClick:hide"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            type: "number" | "text" | "search" | "email" | "password" | "tel" | "url" | "decimal" | "numeric";
+            label: string | null;
+            id: string | null;
+            value: string;
+            size: "large" | "medium";
+            dataTest: string;
+            placeholder: string;
+            disabled: boolean;
+            ariaLabel: string | null;
+            rules: Rules<string>;
+            required: boolean;
+            hideDetails: boolean | "auto";
+            counter: number | null;
+            counterValue: number | (() => number | null);
+            clearable: boolean;
+            inputmode: "text" | "search" | "none" | "email" | "tel" | "url" | "decimal" | "numeric";
+            minlength: string | number;
+            maxlength: string | number;
+            hideable: boolean;
+            hideLabel: boolean;
+            validateOnBlur: boolean;
+            errorMessage: string;
+        }, {}, {
+            CFormFieldCounter: DefineComponent<ExtractPropTypes<{
+                counter: {
+                    type: PropType<number | null>;
+                    default: null;
+                };
+                counterValue: {
+                    type: PropType<number | (() => number | null)>;
+                    default: null;
+                };
+                value: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                numerator: ComputedRef<number | null>;
+                displayText: ComputedRef<string>;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+                counter: {
+                    type: PropType<number | null>;
+                    default: null;
+                };
+                counterValue: {
+                    type: PropType<number | (() => number | null)>;
+                    default: null;
+                };
+                value: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{}>, {
+                value: string;
+                counter: number | null;
+                counterValue: number | (() => number | null);
+            }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+            CIconButton: DefineComponent<ExtractPropTypes<{
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                ariaLabelledby: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                href: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                icon: {
+                    type: PropType<string | string[] | IconDefinition>;
+                    default: undefined;
+                };
+                large: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                    deprecated: boolean;
+                };
+                level: {
+                    type: PropType< ButtonLevel>;
+                    default: string;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                secondary: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                    deprecated: boolean;
+                };
+                size: {
+                    type: PropType< ButtonSize>;
+                    default: string;
+                };
+                spinIcon: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                target: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                tertiary: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                    deprecated: boolean;
+                };
+                to: {
+                    type: PropType< RouteLocationRaw>;
+                    default: undefined;
+                };
+                variant: {
+                    type: PropType< ButtonVariant>;
+                    default: string;
+                };
+            }>, {
+                computedSize: ComputedRef<ButtonSize>;
+                computedVariant: ComputedRef<ButtonVariant>;
+                inheritColor: Ref<boolean, boolean> | undefined;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("focus" | "blur" | "click")[], "focus" | "blur" | "click", PublicProps, Readonly< ExtractPropTypes<{
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                ariaLabelledby: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                href: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                icon: {
+                    type: PropType<string | string[] | IconDefinition>;
+                    default: undefined;
+                };
+                large: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                    deprecated: boolean;
+                };
+                level: {
+                    type: PropType< ButtonLevel>;
+                    default: string;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                secondary: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                    deprecated: boolean;
+                };
+                size: {
+                    type: PropType< ButtonSize>;
+                    default: string;
+                };
+                spinIcon: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                target: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                tertiary: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                    deprecated: boolean;
+                };
+                to: {
+                    type: PropType< RouteLocationRaw>;
+                    default: undefined;
+                };
+                variant: {
+                    type: PropType< ButtonVariant>;
+                    default: string;
+                };
+            }>> & Readonly<{
+                onFocus?: ((...args: any[]) => any) | undefined;
+                onBlur?: ((...args: any[]) => any) | undefined;
+                onClick?: ((...args: any[]) => any) | undefined;
+            }>, {
+                to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
+                size: ButtonSize;
+                icon: string | string[] | IconDefinition;
+                target: string;
+                tertiary: boolean;
+                loading: boolean;
+                large: boolean;
+                disabled: boolean;
+                ariaLabel: string;
+                secondary: boolean;
+                href: string;
+                level: ButtonLevel;
+                variant: ButtonVariant;
+                ariaLabelledby: string;
+                spinIcon: boolean;
+            }, {}, {
+                FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
+                CButton: DefineComponent<ExtractPropTypes<{
+                    block: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    href: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    icon: {
+                        type: PropType<string | string[] | IconDefinition>;
+                        default: undefined;
+                    };
+                    iconPosition: {
+                        type: PropType< ButtonIconPosition>;
+                        default: string;
+                        validator: (value: string) => boolean;
+                    };
+                    large: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                        deprecated: boolean;
+                    };
+                    level: {
+                        type: PropType< ButtonLevel>;
+                        default: string;
+                        validator: (value: string) => boolean;
+                    };
+                    loading: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    secondary: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                        deprecated: boolean;
+                    };
+                    size: {
+                        type: PropType< ButtonSize>;
+                        default: string;
+                        validator: (value: string) => boolean;
+                    };
+                    target: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    tertiary: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                        deprecated: boolean;
+                    };
+                    to: {
+                        type: PropType< RouteLocationRaw>;
+                        default: undefined;
+                    };
+                    variant: {
+                        type: PropType< ButtonVariant>;
+                        default: string;
+                        validator: (value: string) => boolean;
+                    };
+                }>, {
+                    animationListeners: Record<string, () => void>;
+                    button: Ref<HTMLElement | null, HTMLElement | null>;
+                    computedSize: ComputedRef<ButtonSize>;
+                    computedVariant: ComputedRef<ButtonVariant>;
+                    dataBlock: ComputedRef<true | undefined>;
+                    dataLoading: ComputedRef<true | undefined>;
+                    hasIcon: ComputedRef<boolean>;
+                    injectedOrPropBlock: ComputedRef<boolean>;
+                    injectedOrPropsLarge: ComputedRef<boolean>;
+                    onClick: (event: MouseEvent) => void;
+                    routerDestinationOrHref: ComputedRef<string | undefined>;
+                    shoelaceVariant: ComputedRef<ButtonShoelaceVariant>;
+                }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("focus" | "blur" | "click")[], "focus" | "blur" | "click", PublicProps, Readonly< ExtractPropTypes<{
+                    block: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    href: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    icon: {
+                        type: PropType<string | string[] | IconDefinition>;
+                        default: undefined;
+                    };
+                    iconPosition: {
+                        type: PropType< ButtonIconPosition>;
+                        default: string;
+                        validator: (value: string) => boolean;
+                    };
+                    large: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                        deprecated: boolean;
+                    };
+                    level: {
+                        type: PropType< ButtonLevel>;
+                        default: string;
+                        validator: (value: string) => boolean;
+                    };
+                    loading: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    secondary: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                        deprecated: boolean;
+                    };
+                    size: {
+                        type: PropType< ButtonSize>;
+                        default: string;
+                        validator: (value: string) => boolean;
+                    };
+                    target: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    tertiary: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                        deprecated: boolean;
+                    };
+                    to: {
+                        type: PropType< RouteLocationRaw>;
+                        default: undefined;
+                    };
+                    variant: {
+                        type: PropType< ButtonVariant>;
+                        default: string;
+                        validator: (value: string) => boolean;
+                    };
+                }>> & Readonly<{
+                    onFocus?: ((...args: any[]) => any) | undefined;
+                    onBlur?: ((...args: any[]) => any) | undefined;
+                    onClick?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
+                    size: ButtonSize;
+                    icon: string | string[] | IconDefinition;
+                    target: string;
+                    tertiary: boolean;
+                    loading: boolean;
+                    block: boolean;
+                    large: boolean;
+                    disabled: boolean;
+                    secondary: boolean;
+                    href: string;
+                    iconPosition: ButtonIconPosition;
+                    level: ButtonLevel;
+                    variant: ButtonVariant;
+                }, {}, {
+                    FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
+                }, {}, string, ComponentProvideOptions, true, {}, any>;
+            }, {}, string, ComponentProvideOptions, true, {}, any>;
+            CValidationMessage: DefineComponent<ExtractPropTypes<{
+                dataTest: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                validationMessage: {
+                    type: PropType<string | null>;
+                    default: null;
+                };
+                hide: {
+                    type: PropType<boolean | "auto">;
+                    default: boolean;
+                };
+            }>, {
+                isHidden: ComputedRef<boolean>;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+                dataTest: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                validationMessage: {
+                    type: PropType<string | null>;
+                    default: null;
+                };
+                hide: {
+                    type: PropType<boolean | "auto">;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {
+                dataTest: string;
+                validationMessage: string | null;
+                hide: boolean | "auto";
+            }, {}, {
+                CFadeTransition: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+            }, {}, string, ComponentProvideOptions, true, {}, any>;
+        }, {}, string, ComponentProvideOptions, true, {}, any> | null>;
+        unmaskedRules: ComputedRef<Rules<string>>;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("change" | "input" | "focus" | "blur" | "keydown" | "keypress" | "keyup" | "input:masked")[], "change" | "input" | "focus" | "blur" | "keydown" | "keypress" | "keyup" | "input:masked", PublicProps, Readonly< ExtractPropTypes<{
+        counter: {
+            type: PropType<number | null>;
+            default: null;
+        };
+        dataTest: {
+            type: StringConstructor;
+            default: string;
+        };
+        id: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        label: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        mask: {
+            type: PropType< MaskOptions["mask"] | null>;
+            required: true;
+        };
+        minlength: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: null;
+        };
+        maxlength: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: null;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        rules: {
+            type: PropType<Rules<string>>;
+            default: () => never[];
+        };
+        tokens: {
+            type: PropType< MaskTokens | null>;
+            default: null;
+        };
+        unmaskRules: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        value: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{
+        onChange?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onInput?: ((...args: any[]) => any) | undefined;
+        onKeydown?: ((...args: any[]) => any) | undefined;
+        onKeypress?: ((...args: any[]) => any) | undefined;
+        onKeyup?: ((...args: any[]) => any) | undefined;
+        "onInput:masked"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        label: string | null;
+        id: string;
+        value: string;
+        dataTest: string;
+        placeholder: string;
+        rules: Rules<string>;
+        counter: number | null;
+        minlength: string | number;
+        maxlength: string | number;
+        tokens: MaskTokens | null;
+        unmaskRules: boolean;
+    }, {}, {
+        CTextField: DefineComponent<ExtractPropTypes<{
+            id: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            label: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            ariaLabel: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            placeholder: {
+                type: StringConstructor;
+                default: string;
+            };
+            type: {
+                type: PropType<"text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric">;
+                default: string;
+            };
+            clearable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: PropType<"medium" | "large">;
+                default: string;
+            };
+            inputmode: {
+                type: PropType<"text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal">;
+                default: undefined;
+            };
+            minlength: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            maxlength: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            hideable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            hideLabel: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            hideDetails: {
+                type: PropType<boolean | "auto">;
+                default: boolean;
+            };
+            value: {
+                type: StringConstructor;
+                default: string;
+            };
+            dataTest: {
+                type: StringConstructor;
+                default: string;
+            };
+            counter: {
+                type: PropType<number | null>;
+                default: null;
+            };
+            counterValue: {
+                type: PropType<number | (() => number | null)>;
+                default: null;
+            };
+            rules: {
+                type: PropType<Rules<string>>;
+                default: () => never[];
+            };
+            validateOnBlur: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            required: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            errorMessage: {
+                type: StringConstructor;
+                default: null;
+            };
+        }>, {
+            faXmark: IconDefinition;
+            faEye: IconDefinition;
+            faEyeSlash: IconDefinition;
+            fallthroughAttrs: ComputedRef<{
+                [x: string]: unknown;
+            }>;
+            hideToggleAriaLabel: ComputedRef<string>;
+            idWithFallback: Ref<string, string>;
+            input: Ref<HTMLInputElement | null, HTMLInputElement | null>;
+            inputHidden: Ref<boolean, boolean>;
+            inputType: ComputedRef<"number" | "text" | "search" | "email" | "password" | "tel" | "url" | "decimal" | "numeric">;
+            inputValue: Ref<string, string>;
+            isFocused: Ref<boolean, boolean>;
+            messageSlotHasContent: Ref<boolean, boolean>;
+            prefixSlotHasContent: Ref<boolean, boolean>;
+            rootStyles: ComputedRef<StyleValue>;
+            suffixSlotHasContent: Ref<boolean, boolean>;
+            isValidationValid: Ref<boolean | null, boolean | null>;
+            validationMessage: Ref<string | null, string | null>;
+            clearInput: () => void;
+            onBlur: (event: Event) => void;
+            onChange: (event: Event) => void;
+            onFocus: (event: Event) => void;
+            onInput: (event: Event) => void;
+            toggleHidden: () => void;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("change" | "input" | "focus" | "blur" | "click" | "keydown" | "keypress" | "keyup" | "click:hide")[], "change" | "input" | "focus" | "blur" | "click" | "keydown" | "keypress" | "keyup" | "click:hide", PublicProps, Readonly< ExtractPropTypes<{
+            id: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            label: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            ariaLabel: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            placeholder: {
+                type: StringConstructor;
+                default: string;
+            };
+            type: {
+                type: PropType<"text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric">;
+                default: string;
+            };
+            clearable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: PropType<"medium" | "large">;
+                default: string;
+            };
+            inputmode: {
+                type: PropType<"text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal">;
+                default: undefined;
+            };
+            minlength: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            maxlength: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            hideable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            hideLabel: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            hideDetails: {
+                type: PropType<boolean | "auto">;
+                default: boolean;
+            };
+            value: {
+                type: StringConstructor;
+                default: string;
+            };
+            dataTest: {
+                type: StringConstructor;
+                default: string;
+            };
+            counter: {
+                type: PropType<number | null>;
+                default: null;
+            };
+            counterValue: {
+                type: PropType<number | (() => number | null)>;
+                default: null;
+            };
+            rules: {
+                type: PropType<Rules<string>>;
+                default: () => never[];
+            };
+            validateOnBlur: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            required: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            errorMessage: {
+                type: StringConstructor;
+                default: null;
+            };
+        }>> & Readonly<{
+            onChange?: ((...args: any[]) => any) | undefined;
+            onFocus?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
+            onInput?: ((...args: any[]) => any) | undefined;
+            onKeydown?: ((...args: any[]) => any) | undefined;
+            onKeypress?: ((...args: any[]) => any) | undefined;
+            onKeyup?: ((...args: any[]) => any) | undefined;
+            onClick?: ((...args: any[]) => any) | undefined;
+            "onClick:hide"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            type: "number" | "text" | "search" | "email" | "password" | "tel" | "url" | "decimal" | "numeric";
+            label: string | null;
+            id: string | null;
+            value: string;
+            size: "large" | "medium";
+            dataTest: string;
+            placeholder: string;
+            disabled: boolean;
+            ariaLabel: string | null;
+            rules: Rules<string>;
+            required: boolean;
+            hideDetails: boolean | "auto";
+            counter: number | null;
+            counterValue: number | (() => number | null);
+            clearable: boolean;
+            inputmode: "text" | "search" | "none" | "email" | "tel" | "url" | "decimal" | "numeric";
+            minlength: string | number;
+            maxlength: string | number;
+            hideable: boolean;
+            hideLabel: boolean;
+            validateOnBlur: boolean;
+            errorMessage: string;
+        }, {}, {
+            CFormFieldCounter: DefineComponent<ExtractPropTypes<{
+                counter: {
+                    type: PropType<number | null>;
+                    default: null;
+                };
+                counterValue: {
+                    type: PropType<number | (() => number | null)>;
+                    default: null;
+                };
+                value: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                numerator: ComputedRef<number | null>;
+                displayText: ComputedRef<string>;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+                counter: {
+                    type: PropType<number | null>;
+                    default: null;
+                };
+                counterValue: {
+                    type: PropType<number | (() => number | null)>;
+                    default: null;
+                };
+                value: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{}>, {
+                value: string;
+                counter: number | null;
+                counterValue: number | (() => number | null);
+            }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+            CIconButton: DefineComponent<ExtractPropTypes<{
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                ariaLabelledby: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                href: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                icon: {
+                    type: PropType<string | string[] | IconDefinition>;
+                    default: undefined;
+                };
+                large: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                    deprecated: boolean;
+                };
+                level: {
+                    type: PropType< ButtonLevel>;
+                    default: string;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                secondary: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                    deprecated: boolean;
+                };
+                size: {
+                    type: PropType< ButtonSize>;
+                    default: string;
+                };
+                spinIcon: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                target: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                tertiary: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                    deprecated: boolean;
+                };
+                to: {
+                    type: PropType< RouteLocationRaw>;
+                    default: undefined;
+                };
+                variant: {
+                    type: PropType< ButtonVariant>;
+                    default: string;
+                };
+            }>, {
+                computedSize: ComputedRef<ButtonSize>;
+                computedVariant: ComputedRef<ButtonVariant>;
+                inheritColor: Ref<boolean, boolean> | undefined;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("focus" | "blur" | "click")[], "focus" | "blur" | "click", PublicProps, Readonly< ExtractPropTypes<{
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                ariaLabelledby: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                href: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                icon: {
+                    type: PropType<string | string[] | IconDefinition>;
+                    default: undefined;
+                };
+                large: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                    deprecated: boolean;
+                };
+                level: {
+                    type: PropType< ButtonLevel>;
+                    default: string;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                secondary: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                    deprecated: boolean;
+                };
+                size: {
+                    type: PropType< ButtonSize>;
+                    default: string;
+                };
+                spinIcon: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                target: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                tertiary: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                    deprecated: boolean;
+                };
+                to: {
+                    type: PropType< RouteLocationRaw>;
+                    default: undefined;
+                };
+                variant: {
+                    type: PropType< ButtonVariant>;
+                    default: string;
+                };
+            }>> & Readonly<{
+                onFocus?: ((...args: any[]) => any) | undefined;
+                onBlur?: ((...args: any[]) => any) | undefined;
+                onClick?: ((...args: any[]) => any) | undefined;
+            }>, {
+                to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
+                size: ButtonSize;
+                icon: string | string[] | IconDefinition;
+                target: string;
+                tertiary: boolean;
+                loading: boolean;
+                large: boolean;
+                disabled: boolean;
+                ariaLabel: string;
+                secondary: boolean;
+                href: string;
+                level: ButtonLevel;
+                variant: ButtonVariant;
+                ariaLabelledby: string;
+                spinIcon: boolean;
+            }, {}, {
+                FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
+                CButton: DefineComponent<ExtractPropTypes<{
+                    block: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    href: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    icon: {
+                        type: PropType<string | string[] | IconDefinition>;
+                        default: undefined;
+                    };
+                    iconPosition: {
+                        type: PropType< ButtonIconPosition>;
+                        default: string;
+                        validator: (value: string) => boolean;
+                    };
+                    large: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                        deprecated: boolean;
+                    };
+                    level: {
+                        type: PropType< ButtonLevel>;
+                        default: string;
+                        validator: (value: string) => boolean;
+                    };
+                    loading: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    secondary: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                        deprecated: boolean;
+                    };
+                    size: {
+                        type: PropType< ButtonSize>;
+                        default: string;
+                        validator: (value: string) => boolean;
+                    };
+                    target: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    tertiary: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                        deprecated: boolean;
+                    };
+                    to: {
+                        type: PropType< RouteLocationRaw>;
+                        default: undefined;
+                    };
+                    variant: {
+                        type: PropType< ButtonVariant>;
+                        default: string;
+                        validator: (value: string) => boolean;
+                    };
+                }>, {
+                    animationListeners: Record<string, () => void>;
+                    button: Ref<HTMLElement | null, HTMLElement | null>;
+                    computedSize: ComputedRef<ButtonSize>;
+                    computedVariant: ComputedRef<ButtonVariant>;
+                    dataBlock: ComputedRef<true | undefined>;
+                    dataLoading: ComputedRef<true | undefined>;
+                    hasIcon: ComputedRef<boolean>;
+                    injectedOrPropBlock: ComputedRef<boolean>;
+                    injectedOrPropsLarge: ComputedRef<boolean>;
+                    onClick: (event: MouseEvent) => void;
+                    routerDestinationOrHref: ComputedRef<string | undefined>;
+                    shoelaceVariant: ComputedRef<ButtonShoelaceVariant>;
+                }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("focus" | "blur" | "click")[], "focus" | "blur" | "click", PublicProps, Readonly< ExtractPropTypes<{
+                    block: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    href: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    icon: {
+                        type: PropType<string | string[] | IconDefinition>;
+                        default: undefined;
+                    };
+                    iconPosition: {
+                        type: PropType< ButtonIconPosition>;
+                        default: string;
+                        validator: (value: string) => boolean;
+                    };
+                    large: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                        deprecated: boolean;
+                    };
+                    level: {
+                        type: PropType< ButtonLevel>;
+                        default: string;
+                        validator: (value: string) => boolean;
+                    };
+                    loading: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    secondary: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                        deprecated: boolean;
+                    };
+                    size: {
+                        type: PropType< ButtonSize>;
+                        default: string;
+                        validator: (value: string) => boolean;
+                    };
+                    target: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                    tertiary: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                        deprecated: boolean;
+                    };
+                    to: {
+                        type: PropType< RouteLocationRaw>;
+                        default: undefined;
+                    };
+                    variant: {
+                        type: PropType< ButtonVariant>;
+                        default: string;
+                        validator: (value: string) => boolean;
+                    };
+                }>> & Readonly<{
+                    onFocus?: ((...args: any[]) => any) | undefined;
+                    onBlur?: ((...args: any[]) => any) | undefined;
+                    onClick?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
+                    size: ButtonSize;
+                    icon: string | string[] | IconDefinition;
+                    target: string;
+                    tertiary: boolean;
+                    loading: boolean;
+                    block: boolean;
+                    large: boolean;
+                    disabled: boolean;
+                    secondary: boolean;
+                    href: string;
+                    iconPosition: ButtonIconPosition;
+                    level: ButtonLevel;
+                    variant: ButtonVariant;
+                }, {}, {
+                    FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
+                }, {}, string, ComponentProvideOptions, true, {}, any>;
+            }, {}, string, ComponentProvideOptions, true, {}, any>;
+            CValidationMessage: DefineComponent<ExtractPropTypes<{
+                dataTest: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                validationMessage: {
+                    type: PropType<string | null>;
+                    default: null;
+                };
+                hide: {
+                    type: PropType<boolean | "auto">;
+                    default: boolean;
+                };
+            }>, {
+                isHidden: ComputedRef<boolean>;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+                dataTest: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                validationMessage: {
+                    type: PropType<string | null>;
+                    default: null;
+                };
+                hide: {
+                    type: PropType<boolean | "auto">;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {
+                dataTest: string;
+                validationMessage: string | null;
+                hide: boolean | "auto";
+            }, {}, {
+                CFadeTransition: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+            }, {}, string, ComponentProvideOptions, true, {}, any>;
+        }, {}, string, ComponentProvideOptions, true, {}, any>;
+    }, {}, string, ComponentProvideOptions, true, {}, any>;
+}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;