@mozaic-ds/vue/dist/mozaic-vue.d.ts

Mozaic-Vue is the Vue.js implementation of ADEO Design system

import { Component } from 'vue';
import { ComponentOptionsMixin } from 'vue';
import { ComponentProvideOptions } from 'vue';
import { CountryCode } from 'libphonenumber-js';
import { DefineComponent } from 'vue';
import { PublicProps } from 'vue';
import { Ref } from 'vue';
import { ShallowRef } from 'vue';
import { VNode } from 'vue';

declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:modelValue": (value: string[]) => any;
}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
}>, {
    appearance: "standard" | "ghost";
    behavior: "multiple" | "single";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_10: DefineComponent<__VLS_Props_16, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_16> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_11: DefineComponent<__VLS_Props_18, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_18> & Readonly<{}>, {
    appearance: "primary" | "secondary" | "tertiary" | "inverse";
    size: "s" | "m" | "l";
    orientation: "vertical" | "horizontal";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_12: DefineComponent<__VLS_Props_19, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:open": (value: boolean) => any;
    back: () => any;
}, string, PublicProps, Readonly<__VLS_Props_19> & Readonly<{
    "onUpdate:open"?: ((value: boolean) => any) | undefined;
    onBack?: (() => any) | undefined;
}>, {
    scroll: boolean;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_13: DefineComponent<__VLS_Props_20, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_20> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_14: DefineComponent<__VLS_Props_21, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_21> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_15: DefineComponent<FileUploaderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
    "update:modelValue": (v: NormalizedFile[]) => any;
    validation: (validationState: FilesValidationState) => any;
}, string, PublicProps, Readonly<FileUploaderProps> & Readonly<{
    "onUpdate:modelValue"?: ((v: NormalizedFile[]) => any) | undefined;
    onValidation?: ((validationState: FilesValidationState) => any) | undefined;
}>, {
    title: string;
    subtitle: string;
    hasDragDrop: boolean;
    showFilesList: boolean;
    uploadButtonLabel: string;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_16: DefineComponent<__VLS_Props_22, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
    delete: () => any;
}, string, PublicProps, Readonly<__VLS_Props_22> & Readonly<{
    onDelete?: (() => any) | undefined;
}>, {
    format: "inline" | "stacked";
    deleteButtonLabel: string;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_17: DefineComponent<__VLS_Props_24, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_24> & Readonly<{}>, {
    appearance: "standard" | "accent" | "danger" | "inverse";
    type: "button" | "reset" | "submit";
    size: "s" | "m" | "l";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_18: DefineComponent<__VLS_Props_28, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_28> & Readonly<{}>, {
    appearance: "primary" | "secondary" | "accent" | "inverse" | /** @deprecated Use 'primary' instead */ "standard";
    size: "s" | "m";
    iconPosition: "left" | "right";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_19: DefineComponent<__VLS_Props_31, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:open": (value: boolean) => any;
}, string, PublicProps, Readonly<__VLS_Props_31> & Readonly<{
    "onUpdate:open"?: ((value: boolean) => any) | undefined;
}>, {
    scroll: boolean;
    closable: boolean;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_2: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{}>, {
    tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_20: DefineComponent<__VLS_Props_34, {
    handleKeydown: (event: KeyboardEvent) => void;
    toggleValue: (item?: ListboxOption) => void;
    clearSelection: () => void;
    listboxEl: Readonly< ShallowRef<HTMLDivElement | null, HTMLDivElement | null>>;
    activeIndex: Ref<number, number>;
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:modelValue": (value: string | number | (string | number)[] | null) => any;
    open: () => any;
    close: () => any;
}, string, PublicProps, Readonly<__VLS_Props_34> & Readonly<{
    "onUpdate:modelValue"?: ((value: string | number | (string | number)[] | null) => any) | undefined;
    onOpen?: (() => any) | undefined;
    onClose?: (() => any) | undefined;
}>, {
    clearLabel: string;
    searchPlaceholder: string;
    selectLabel: string;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_21: DefineComponent<__VLS_Props_35, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_35> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_22: DefineComponent<__VLS_Props_36, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    back: () => any;
    "toggle-menu": () => any;
}, string, PublicProps, Readonly<__VLS_Props_36> & Readonly<{
    onBack?: (() => any) | undefined;
    "onToggle-menu"?: (() => any) | undefined;
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_23: DefineComponent<__VLS_Props_43, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_43> & Readonly<{}>, {
    appearance: "standard" | "inverse";
    size: "s" | "m" | "l";
    position: "top" | "right" | "bottom" | "left";
    closable: boolean;
    pointer: boolean;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_24: DefineComponent<__VLS_Props_49, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:modelValue": (value: boolean) => any;
    close: () => any;
}, string, PublicProps, Readonly<__VLS_Props_49> & Readonly<{
    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
    onClose?: (() => any) | undefined;
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_25: DefineComponent<__VLS_Props_50, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_50> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_26: DefineComponent<__VLS_Props_51, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "log-out": () => any;
}, string, PublicProps, Readonly<__VLS_Props_51> & Readonly<{
    "onLog-out"?: (() => any) | undefined;
}>, {
    logOutLabel: string;
    expendable: boolean;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_27: DefineComponent<__VLS_Props_55, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_55> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_28: DefineComponent<__VLS_Props_60, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    close: () => any;
}, string, PublicProps, Readonly<__VLS_Props_60> & Readonly<{
    onClose?: (() => any) | undefined;
}>, {
    status: "info" | "success" | "warning" | "error";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_29: DefineComponent<__VLS_Props_66, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:modelValue": (value: boolean) => any;
    "remove-tag": (id: string) => any;
}, string, PublicProps, Readonly<__VLS_Props_66> & Readonly<{
    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
    "onRemove-tag"?: ((id: string) => any) | undefined;
}>, {
    type: "informative" | "interactive" | "contextualised" | "removable" | "selectable";
    contextualisedNumber: number;
    removableLabel: string;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_3: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_30: DefineComponent<__VLS_Props_68, {
    focus: typeof focus_2;
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:modelValue": (value: string | number) => any;
}, string, PublicProps, Readonly<__VLS_Props_68> & Readonly<{
    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
}>, {
    size: "s" | "m";
    inputType: "date" | "datetime-local" | "email" | "number" | "password" | "search" | "tel" | "text";
    clearLabel: string;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_31: DefineComponent<__VLS_Props_69, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_69> & Readonly<{}>, {
    appearance: "primary" | "secondary" | "inverse";
    bordered: boolean;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_32: DefineComponent<__VLS_Props_70, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    action: () => any;
}, string, PublicProps, Readonly<__VLS_Props_70> & Readonly<{
    onAction?: (() => any) | undefined;
}>, {
    appearance: "primary" | "secondary" | "inverse";
    iconPosition: "bottom" | "right";
    bordered: boolean;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_33: DefineComponent<__VLS_Props_71, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_71> & Readonly<{}>, {
    appearance: "primary" | "secondary";
    label: string;
    trigger: "container" | "icon" | "button";
    bordered: boolean;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_34: DefineComponent<__VLS_Props_72, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:modelValue": (value: boolean) => any;
}, string, PublicProps, Readonly<__VLS_Props_72> & Readonly<{
    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}>, {
    inputType: "checkbox" | "radio";
    bordered: boolean;
    inputPosition: "left" | "right";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_35: DefineComponent<__VLS_Props_73, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:open": (value: boolean) => any;
}, string, PublicProps, Readonly<__VLS_Props_73> & Readonly<{
    "onUpdate:open"?: ((value: boolean) => any) | undefined;
}>, {
    status: "info" | "success" | "warning" | "error";
    closable: boolean;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_36: DefineComponent<__VLS_Props_76, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_76> & Readonly<{}>, {
    position: "top" | "bottom" | "left" | "right";
    pointer: boolean;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_4: DefineComponent<__VLS_Props_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    close: () => any;
    action: (value: string | number) => any;
}, string, PublicProps, Readonly<__VLS_Props_4> & Readonly<{
    onClose?: (() => any) | undefined;
    onAction?: ((value: string | number) => any) | undefined;
}>, {
    position: "top" | "bottom" | "left" | "right";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_5: DefineComponent<__VLS_Props_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_5> & Readonly<{}>, {
    size: "s" | "m" | "l";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_6: DefineComponent<__VLS_Props_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_8> & Readonly<{}>, {
    appearance: "standard" | "accent" | "danger" | "inverse";
    type: "button" | "reset" | "submit";
    size: "s" | "m" | "l";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_7: DefineComponent<__VLS_Props_9, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_9> & Readonly<{}>, {
    appearance: "standard" | "accent" | "tips" | "inverse";
    tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_8: DefineComponent<__VLS_Props_10, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_10> & Readonly<{}>, {
    previousButtonAriaLabel: string;
    nextButtonAriaLabel: string;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_base_9: DefineComponent<__VLS_Props_15, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:modelValue": (value: string | number | (string | number)[] | null) => any;
    "update:open": (value: boolean) => any;
}, string, PublicProps, Readonly<__VLS_Props_15> & Readonly<{
    "onUpdate:modelValue"?: ((value: string | number | (string | number)[] | null) => any) | undefined;
    "onUpdate:open"?: ((value: boolean) => any) | undefined;
}>, {
    size: "s" | "m";
    open: boolean;
    placeholder: string;
    clearLabel: string;
    searchPlaceholder: string;
    selectLabel: string;
    controlAriaLabel: string;
    clearAriaLabel: string;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

declare const __VLS_export_10: __VLS_WithSlots_8<typeof __VLS_base_8, __VLS_Slots_8>;

declare const __VLS_export_11: DefineComponent<__VLS_Props_11, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:modelValue": (value: boolean) => any;
}, string, PublicProps, Readonly<__VLS_Props_11> & Readonly<{
    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_12: DefineComponent<__VLS_Props_12, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:modelValue": (value: string[]) => any;
}, string, PublicProps, Readonly<__VLS_Props_12> & Readonly<{
    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_13: DefineComponent<__VLS_Props_13, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:modelValue": (value: number) => any;
}, string, PublicProps, Readonly<__VLS_Props_13> & Readonly<{
    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_14: DefineComponent<__VLS_Props_14, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_14> & Readonly<{}>, {
    type: "percentage" | "content";
    value: number;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_15: __VLS_WithSlots_9<typeof __VLS_base_9, __VLS_Slots_9>;

declare const __VLS_export_16: __VLS_WithSlots_10<typeof __VLS_base_10, __VLS_Slots_10>;

declare const __VLS_export_17: DefineComponent<__VLS_Props_17, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:modelValue": (value: string | number) => any;
}, string, PublicProps, Readonly<__VLS_Props_17> & Readonly<{
    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
}>, {
    size: "s" | "m";
    clearLabel: string;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_18: __VLS_WithSlots_11<typeof __VLS_base_11, __VLS_Slots_11>;

declare const __VLS_export_19: __VLS_WithSlots_12<typeof __VLS_base_12, __VLS_Slots_12>;

declare const __VLS_export_2: __VLS_WithSlots_2<typeof __VLS_base_2, __VLS_Slots_2>;

declare const __VLS_export_20: __VLS_WithSlots_13<typeof __VLS_base_13, __VLS_Slots_13>;

declare const __VLS_export_21: __VLS_WithSlots_14<typeof __VLS_base_14, __VLS_Slots_14>;

declare const __VLS_export_22: __VLS_WithSlots_15<typeof __VLS_base_15, __VLS_Slots_15>;

declare const __VLS_export_23: __VLS_WithSlots_16<typeof __VLS_base_16, __VLS_Slots_16>;

declare const __VLS_export_24: DefineComponent<__VLS_Props_23, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_23> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_25: __VLS_WithSlots_17<typeof __VLS_base_17, __VLS_Slots_17>;

declare const __VLS_export_26: DefineComponent<__VLS_Props_25, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_25> & Readonly<{}>, {
    size: "s" | "m" | "l";
    status: "info" | "warning" | "error" | "success" | "neutral";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_27: DefineComponent<__VLS_Props_26, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_26> & Readonly<{}>, {
    value: number;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_28: DefineComponent<__VLS_Props_27, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_27> & Readonly<{}>, {
    value: number;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_29: __VLS_WithSlots_18<typeof __VLS_base_18, __VLS_Slots_18>;

declare const __VLS_export_3: __VLS_WithSlots_3<typeof __VLS_base_3, __VLS_Slots_3>;

declare const __VLS_export_30: DefineComponent<__VLS_Props_29, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_29> & Readonly<{}>, {
    appearance: "standard" | "accent" | "inverse";
    size: "xs" | "s" | "m" | "l";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_31: DefineComponent<__VLS_Props_30, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_30> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_32: __VLS_WithSlots_19<typeof __VLS_base_19, __VLS_Slots_19>;

declare const __VLS_export_33: DefineComponent<__VLS_Props_32, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:modelValue": (value: number) => any;
    action: () => any;
}, string, PublicProps, Readonly<__VLS_Props_32> & Readonly<{
    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
    onAction?: (() => any) | undefined;
}>, {
    action: "pause" | "resume";
    player: boolean;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_34: DefineComponent<__VLS_Props_33, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_33> & Readonly<{}>, {
    appearance: "danger" | "accent" | "inverse" | "standard";
    size: "s" | "m";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_35: __VLS_WithSlots_20<typeof __VLS_base_20, __VLS_Slots_20>;

declare const __VLS_export_36: __VLS_WithSlots_21<typeof __VLS_base_21, __VLS_Slots_21>;

declare const __VLS_export_37: __VLS_WithSlots_22<typeof __VLS_base_22, __VLS_Slots_22>;

declare const __VLS_export_38: DefineComponent<__VLS_Props_37, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:modelValue": (value: string | number | (string | number)[] | null) => any;
}, string, PublicProps, Readonly<__VLS_Props_37> & Readonly<{
    "onUpdate:modelValue"?: ((value: string | number | (string | number)[] | null) => any) | undefined;
}>, {
    multiple: boolean;
    label: string;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_39: DefineComponent<__VLS_Props_38, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    action: () => any;
}, string, PublicProps, Readonly<__VLS_Props_38> & Readonly<{
    onAction?: (() => any) | undefined;
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_4: __VLS_WithSlots_4<typeof __VLS_base_4, __VLS_Slots_4>;

declare const __VLS_export_40: DefineComponent<__VLS_Props_39, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:modelValue": (value: number) => any;
}, string, PublicProps, Readonly<__VLS_Props_39> & Readonly<{
    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_41: DefineComponent<__VLS_Props_40, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:modelValue": (value: string | number) => any;
}, string, PublicProps, Readonly<__VLS_Props_40> & Readonly<{
    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
}>, {
    clearLabel: string;
    buttonLabel: {
        show: string;
        hide: string;
    };
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_42: DefineComponent<__VLS_Props_41, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
    "update:modelValue": (value: string) => any;
    valid: (isValid: boolean) => any;
}, string, PublicProps, Readonly<__VLS_Props_41> & Readonly<{
    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
    onValid?: ((isValid: boolean) => any) | undefined;
}>, {
    modelValue: string;
    size: "s" | "m";
    prefix: boolean;
    defaultCountry: CountryCode;
    flag: boolean;
    locale: string;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_43: DefineComponent<__VLS_Props_42, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:modelValue": (value: string) => any;
}, string, PublicProps, Readonly<__VLS_Props_42> & Readonly<{
    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
}>, {
    length: 4 | 5 | 6;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_44: __VLS_WithSlots_23<typeof __VLS_base_23, __VLS_Slots_23>;

declare const __VLS_export_45: DefineComponent<__VLS_Props_44, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:modelValue": (value: number) => any;
}, string, PublicProps, Readonly<__VLS_Props_44> & Readonly<{
    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
}>, {
    modelValue: number;
    size: "s" | "m";
    name: string;
    step: number;
    min: number;
    max: number;
    incrementlabel: string;
    decrementLabel: string;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_46: DefineComponent<__VLS_Props_45, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:modelValue": (value: boolean) => any;
}, string, PublicProps, Readonly<__VLS_Props_45> & Readonly<{
    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_47: DefineComponent<__VLS_Props_46, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:modelValue": (value: string) => any;
}, string, PublicProps, Readonly<__VLS_Props_46> & Readonly<{
    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_48: DefineComponent<__VLS_Props_47, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:modelValue": (value?: string | number | undefined) => any;
}, string, PublicProps, Readonly<__VLS_Props_47> & Readonly<{
    "onUpdate:modelValue"?: ((value?: string | number | undefined) => any) | undefined;
}>, {
    modelValue: string | number;
    size: "s" | "m";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_49: DefineComponent<__VLS_Props_48, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:modelValue": (value: string | number) => any;
}, string, PublicProps, Readonly<__VLS_Props_48> & Readonly<{
    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
}>, {
    size: "s" | "m";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_5: __VLS_WithSlots_5<typeof __VLS_base_5, __VLS_Slots_5>;

declare const __VLS_export_50: __VLS_WithSlots_24<typeof __VLS_base_24, __VLS_Slots_24>;

declare const __VLS_export_51: __VLS_WithSlots_25<typeof __VLS_base_25, __VLS_Slots_25>;

declare const __VLS_export_52: __VLS_WithSlots_26<typeof __VLS_base_26, __VLS_Slots_26>;

declare const __VLS_export_53: DefineComponent<__VLS_Props_52, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_52> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_54: DefineComponent<__VLS_Props_53, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    click: (value: MouseEvent) => any;
}, string, PublicProps, Readonly<__VLS_Props_53> & Readonly<{
    onClick?: ((value: MouseEvent) => any) | undefined;
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_55: DefineComponent<__VLS_Props_54, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_54> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_56: __VLS_WithSlots_27<typeof __VLS_base_27, __VLS_Slots_27>;

declare const __VLS_export_57: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
    "update:modelValue": (value: number) => any;
}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
}>, {
    appearance: "standard" | "accent";
    size: "s" | "m" | "l";
    readonly: boolean;
    compact: boolean;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_58: DefineComponent<__VLS_Props_57, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_57> & Readonly<{}>, {
    size: "s" | "m";
    status: "info" | "success" | "warning" | "error" | "neutral";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_59: DefineComponent<__VLS_Props_58, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_58> & Readonly<{}>, {
    status: "info" | "success" | "warning" | "error" | "neutral";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_6: DefineComponent<__VLS_Props_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_6> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_60: DefineComponent<__VLS_Props_59, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_59> & Readonly<{}>, {
    appearance: "standard" | "accent";
    status: "info" | "success" | "warning" | "error" | "neutral" | "inprogress";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_61: __VLS_WithSlots_28<typeof __VLS_base_28, __VLS_Slots_28>;

declare const __VLS_export_62: DefineComponent<__VLS_Props_61, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:modelValue": (value: number) => any;
    cancel: () => any;
    validate: () => any;
}, string, PublicProps, Readonly<__VLS_Props_61> & Readonly<{
    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
    onCancel?: (() => any) | undefined;
    onValidate?: (() => any) | undefined;
}>, {
    modelValue: number;
    cancel: boolean;
    steps: number;
    cancelLabel: string;
    previousLabel: string;
    nextLabel: string;
    validateLabel: string;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_63: DefineComponent<__VLS_Props_62, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_62> & Readonly<{}>, {
    value: number;
    maxSteps: number;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_64: DefineComponent<__VLS_Props_63, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_63> & Readonly<{}>, {
    steps: Array<{
        /**
         * Uniquer identifier for the step.
         */
        id?: string;
        /**
         * Label of the step.
         */
        label: string;
        /**
         * Optional additional information under the label.
         */
        additionalInfo?: string;
    }>;
    currentStep: string | number;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_65: DefineComponent<__VLS_Props_64, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_64> & Readonly<{}>, {
    steps: Array<{
        /**
         * Unique identifier for the step.
         */
        id?: string;
        /**
         * Label of the step.
         */
        label: string;
        /**
         * Optional additional information under the label.
         */
        additionalInfo?: string;
    }>;
    currentStep: string | number;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_66: DefineComponent<__VLS_Props_65, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:modelValue": (value?: string | number | undefined) => any;
}, string, PublicProps, Readonly<__VLS_Props_65> & Readonly<{
    "onUpdate:modelValue"?: ((value?: string | number | undefined) => any) | undefined;
}>, {
    modelValue: string | number;
    size: "s" | "m";
    divider: boolean;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_67: __VLS_WithSlots_29<typeof __VLS_base_29, __VLS_Slots_29>;

declare const __VLS_export_68: DefineComponent<__VLS_Props_67, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:modelValue": (value: string | number) => any;
}, string, PublicProps, Readonly<__VLS_Props_67> & Readonly<{
    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
}>, {
    rows: number;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_69: __VLS_WithSlots_30<typeof __VLS_base_30, __VLS_Slots_30>;

declare const __VLS_export_7: DefineComponent<__VLS_Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:modelValue": (value: number) => any;
}, string, PublicProps, Readonly<__VLS_Props_7> & Readonly<{
    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
}>, {
    label: string;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_70: __VLS_WithSlots_31<typeof __VLS_base_31, __VLS_Slots_31>;

declare const __VLS_export_71: __VLS_WithSlots_32<typeof __VLS_base_32, __VLS_Slots_32>;

declare const __VLS_export_72: __VLS_WithSlots_33<typeof __VLS_base_33, __VLS_Slots_33>;

declare const __VLS_export_73: __VLS_WithSlots_34<typeof __VLS_base_34, __VLS_Slots_34>;

declare const __VLS_export_74: __VLS_WithSlots_35<typeof __VLS_base_35, __VLS_Slots_35>;

declare const __VLS_export_75: DefineComponent<__VLS_Props_74, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:modelValue": (value: boolean) => any;
}, string, PublicProps, Readonly<__VLS_Props_74> & Readonly<{
    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}>, {
    size: "s" | "m";
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_76: DefineComponent<__VLS_Props_75, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    "update:modelValue": (value: string[]) => any;
}, string, PublicProps, Readonly<__VLS_Props_75> & Readonly<{
    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

declare const __VLS_export_77: __VLS_WithSlots_36<typeof __VLS_base_36, __VLS_Slots_36>;

declare const __VLS_export_8: __VLS_WithSlots_6<typeof __VLS_base_6, __VLS_Slots_6>;

declare const __VLS_export_9: __VLS_WithSlots_7<typeof __VLS_base_7, __VLS_Slots_7>;

declare type __VLS_ModelProps = {
    /**
     * The current rating value of the component.
     * Used with `v-model` for two-way data binding.
     * When the rating changes (via click or keyboard), an `update:modelValue` event is emitted.
     */
    modelValue: number;
};

/**
 * An Accordion List is a component that organizes content into collapsible sections, allowing users to show or hide related information within a vertically stacked layout. This structure helps optimize space and improve readability by displaying only relevant content when needed. Accordion Lists are commonly used in FAQs, settings menus, and structured content navigation to enhance user experience and reduce visual clutter.
 */
declare type __VLS_Props = {
    /**
     * Defines the visual appearance of the button.
     */
    appearance?: 'standard' | 'ghost';
    /**
     * Component behavior: `multiple` allows all items to be open simultaneously, `single` ensures only one item is open at a time. For native HTML implementation, the `single` behavior uses the HTML5 `name` attribute on `<details>` elements for browser-native exclusive behavior..
     */
    behavior?: 'multiple' | 'single';
    /**
     * IDs of the Accordion items that are currently open. Updating this array controls which sections are expanded.
     */
    modelValue?: string[];
};

/**
 * A Carousel allows users to browse through multiple items within a horizontal container, using swipe gestures on mobile or navigation controls on desktop. It is primarily used to showcase products, promotions, or visual content, offering an engaging way to explore information in a condensed and interactive format. Carousels help optimize space while keeping content visually appealing and easily accessible.
 */
declare type __VLS_Props_10 = {
    /**
     * Aria label for the previous button.
     */
    previousButtonAriaLabel?: string;
    /**
     * Aria label for the next button.
     */
    nextButtonAriaLabel?: string;
};

/**
 * A checkbox is an interactive component used to select or deselect an option, typically within a list of choices. It allows users to make multiple selections independently and is often accompanied by a label for clarity. Checkboxes are commonly used in forms, filters, settings, and preference selections to provide a simple and intuitive way to enable or disable specific options.
 */
declare type __VLS_Props_11 = {
    /**
     * A unique identifier for the checkbox, used to associate the label with the form element.
     */
    id: string;
    /**
     * The name attribute for the checkbox element, typically used for form submission.
     */
    name?: string;
    /**
     * The text label displayed next to the checkbox.
     */
    label?: string;
    /**
     * The checkbox's checked state, bound via v-model.
     */
    modelValue?: boolean;
    /**
     * Sets the checkbox to an indeterminate state (partially selected).
     */
    indeterminate?: boolean;
    /**
     * If `true`, applies an invalid state to the checkbox.
     */
    isInvalid?: boolean;
    /**
     * If `true`, disables the checkbox, making it non-interactive.
     */
    disabled?: boolean;
    /**
     * If `true`, indent the checkbox.
     */
    indented?: boolean;
};

/**
 * A checkbox is an interactive component used to select or deselect an option, typically within a list of choices. It allows users to make multiple selections independently and is often accompanied by a label for clarity. Checkboxes are commonly used in forms, filters, settings, and preference selections to provide a simple and intuitive way to enable or disable specific options. <br><br> To put a label, requierement text, help text or to apply a valid or invalid message, the examples are available in the [Field section](/docs/form-elements-field--docs#input).
 */
declare type __VLS_Props_12 = {
    /**
     * The name attribute for the checkbox element, typically used for form submission.
     */
    name: string;
    /**
     * Property used to manage the values checked by v-model
     * (Do not use directly)
     */
    modelValue?: Array<string>;
    /**
     * list of properties of each checkbox button of the checkbox group
     */
    options: Array<{
        id: string;
        label: string;
        value: string;
        disabled?: boolean;
        isInvalid?: boolean;
        indented?: boolean;
    }>;
    /**
     * If `true`, make the form element of the group inline.
     */
    inline?: boolean;
};

declare type __VLS_Props_13 = {
    /**
     * Specifies the key of the currently selected menu item. It allows the component to highlight or style the corresponding item to indicate it is selected or currently in use.
     */
    modelValue?: number;
    /**
     * Defines the menu items, each of which sets a checked state and act as a button, link, or router-link.
     */
    items: CheckListMenuItem[];
    /**
     * When enabled, adds a visible border around the wrapper to highlight or separate its content.
     */
    outlined?: boolean;
    /**
     * Accessible label for the navigation landmark. Should describe the purpose
     * of this menu to distinguish it from other navigations on the page.
     */
    label?: string;
};

/**
 * A circular progress bar visually represents progress toward a goal or completion of a process using a circular shape. It is commonly used to indicate task completion or performance metrics. The progress is displayed as a partially filled ring, often accompanied by a percentage or status indicator. Circular Progress Bars are useful for providing users with real-time feedback on ongoing actions without taking up significant screen space.
 */
declare type __VLS_Props_14 = {
    /**
     * Sets the size of the progress bar.
     */
    size?: 's' | 'm' | 'l';
    /**
     * The current value of the progress bar.
     */
    value?: number;
    /**
     * Shows either a percentage or custom content.
     */
    type?: 'percentage' | 'content';
    /**
     * Main content shown when `type` is `'content'`.
     */
    contentValue?: string;
    /**
     * Additional text shown to define the `contentValue`.
     */
    additionalInfo?: string;
};

/**
 * A combobox is an input field that allows users to select an option from a dropdown list or enter a custom value. It combines the functionality of a text input and a dropdown menu, providing flexibility and ease of use in forms and user interfaces.
 */
declare type __VLS_Props_15 = {
    /**
     * The current selected value(s) of the combobox.
     */
    modelValue: string | number | null | (string | number)[];
    /**
     * Enable multiple selection mode.
     */
    multiple?: boolean;
    /**
     * Size of the combobox: small ('s') or medium ('m').
     */
    size?: 's' | 'm';
    /**
     * Disable the combobox input.
     */
    disabled?: boolean;
    /**
     * Make the combobox read-only.
     */
    readonly?: boolean;
    /**
     * Mark the combobox as invalid.
     */
    invalid?: boolean;
    /**
     * Show a clear selection button.
     */
    clearable?: boolean;
    /**
     * Enable the search input inside the listbox.
     */
    search?: boolean;
    /**
     * Show select all / clear buttons when multiple.
     */
    actions?: boolean;
    /**
     * Enable checkable section headers in the listbox.
     */
    checkableSections?: boolean;
    /**
     * Placeholder text when no value is selected.
     */
    placeholder?: string;
    /**
     * Label for the selected items counter.
     */
    counterLabel?: string;
    /**
     * Placeholder text for the search input.
     */
    searchPlaceholder?: string;
    /**
     * Label for the "Select all" button.
     */
    selectLabel?: string;
    /**
     * Label for the "Clear selection" button.
     */
    clearLabel?: string;
    /**
     * Array of options to display in the listbox.
     */
    options: Array<ListboxOption>;
    /**
     * Accessible label for the combobox trigger button. Should describe what
     * the combobox selects (e.g. "Select a country").
     */
    controlAriaLabel?: string;
    /**
     * Accessible label for the clear selection button.
     */
    clearAriaLabel?: string;
    /**
     * Controls the open state of the listbox. When provided, the component operates in controlled
     * mode and delegates open/close decisions to the parent via `v-model:open`. When omitted, the
     * component manages its own open state internally.
     */
    open?: boolean;
};

/**
 * The Container component is designed to wrap your page or section content, typically grids or other layout elements. By default, it centers the content with a maximum width to ensure consistent alignment and spacing.
 */
declare type __VLS_Props_16 = {
    /**
     * If `true`, the container will take the full width.
     */
    fluid?: boolean;
};

/**
 * A date picker is an input component that allows users to select a date from a calendar interface or manually enter a date value. It enhances usability by providing structured date selection, reducing input errors, and ensuring format consistency. Date Pickers are commonly used in forms, booking systems, scheduling tools, and data filtering interfaces to facilitate accurate date entry.<br><br> To put a label, requierement text, help text or to apply a valid or invalid message, the examples are available in the [Field section](/docs/form-elements-field--docs#input).
 */
declare type __VLS_Props_17 = {
    /**
     * A unique identifier for the datepicker element, used to associate the label with the form element.
     */
    id: string;
    /**
     * The name attribute for the datepicker element, typically used for form submission.
     */
    name?: string;
    /**
     * The current value of the datepicker field.
     */
    modelValue?: string | number;
    /**
     * If `true`, applies an invalid state to the datepicker.
     */
    isInvalid?: boolean;
    /**
     * If `true`, disables the datepicker, making it non-interactive.
     */
    disabled?: boolean;
    /**
     * Determines the size of the datepicker.
     */
    size?: 's' | 'm';
    /**
     * If `true`, the datepicker is read-only (cannot be edited).
     */
    readonly?: boolean;
    /**
     * If `true`, a clear button will appear when the datepicker has a value.
     */
    isClearable?: boolean;
    /**
     * The label text for the clear button.
     */
    clearLabel?: string;
};

/**
 * A divider is a visual element used to separate content or sections within an interface. It helps improve readability and organization by creating clear distinctions between groups of information. Dividers can be thin lines, thick separators, or even styled with spacing variations, adapting to different layouts. They are commonly used in menus, lists, forms, and content blocks to create a structured visual hierarchy.
 */
declare type __VLS_Props_18 = {
    /**
     * Determines the orientation of the divider.
     */
    orientation?: 'vertical' | 'horizontal';
    /**
     * Determines the appearance of the divider.
     */
    appearance?: 'primary' | 'secondary' | 'tertiary' | 'inverse';
    /**
     * Determines the size of the divider.
     */
    size?: 's' | 'm' | 'l';
};

/**
 * A drawer is a sliding panel that appears from the side of the screen, providing additional content, settings, or actions without disrupting the main view. It is often used for filtering options, or contextual details. It enhances usability by keeping interfaces clean while offering expandable functionality.
 */
declare type __VLS_Props_19 = {
    /**
     * If `true`, display the drawer.
     */
    open?: boolean;
    /**
     * Position of the drawer.
     */
    position?: 'left' | 'right';
    /**
     * If `true`, the drawer have a bigger width.
     */
    extended?: boolean;
    /**
     * If `true`, display the back button.
     */
    back?: boolean;
    /**
     * Title of the drawer.
     */
    title: string;
    /**
     * Title of the content of the drawer.
     */
    contentTitle?: string;
    /**
     * if `false`, lock the scroll when open.
     */
    scroll?: boolean;
    /**
     * if `true`, close the drawer when clicking the overlay.
     */
    closeOnOverlay?: boolean;
};

declare type __VLS_Props_2 = {
    /**
     * A unique identifier for the accordion item.
     * It links the trigger button (`aria-controls`) to its associated content (`aria-labelledby`),
     * ensuring accessibility and tracking the open/closed state.
     * If no ID is provided, a unique one is generated automatically.
     */
    id: string;
    /**
     * The main heading of the accordion item. This is the primary text visible to users in the collapsed state and acts as the trigger for expanding or collapsing the content.
     */
    title: string;
    /**
     * An optional secondary heading displayed below the title. It provides additional context or detail about the content of the accordion item.
     */
    subtitle?: string;
    /**
     * The main content of the accordion item. This is the information revealed when the accordion is expanded, typically containing text, HTML, or other elements.
     */
    content?: string;
    /**
     * Icon component to display before the item title.
     */
    icon?: Component;
    /**
     * Heading level for the accordion trigger (h2–h6). Adjust to match the
     * heading hierarchy of the page where the accordion is used.
     */
    tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
};

/**
 * A field label is a text element that identifies the purpose of an input field, providing users with clear guidance on what information to enter. It is typically placed above the input field and may include indicators for required or optional fields. Field Labels improve form usability, accessibility, and data entry accuracy by ensuring users understand the expected input.
 */
declare type __VLS_Props_20 = {
    /**
     * A unique identifier for the form field, used to associate the label with the form element.
     */
    id: string;
    /**
     * The text displayed as the label for the form field.
     */
    label: string;
    /**
     * Additional