@volverjs/ui-vue/dist/types/group.d.ts

@volverjs/ui-vue is a lightweight Vue 3 component library to accompany @volverjs/style.

import type { Emitter } from 'mitt';
import type { Ref } from 'vue';
/**
 * State shared in a group of inputs
 */
export type InputGroupState = {
    modelValue: Ref<unknown>;
    readonly: Ref<boolean>;
    disabled: Ref<boolean>;
    valid: Ref<boolean>;
    invalid: Ref<boolean>;
};
/**
 * State shared in a group of buttons
 */
export type ButtonGroupState = {
    modelValue: Ref<string | number | boolean | (string | number | boolean)[] | undefined>;
    disabled: Ref<boolean>;
    toggle: Ref<boolean>;
    multiple: Ref<boolean>;
    unselectable: Ref<boolean>;
    modifiers: Ref<string | string[] | undefined>;
};
/**
 * State shared in a group of accordions
 */
export type AccordionGroupBusEvents = {
    toggle: {
        name: string;
        value: boolean;
    };
    register: {
        name: string;
    };
    unregister: {
        name: string;
    };
    expand: {
        name?: string | string[];
    };
    collapse: {
        name?: string | string[];
    };
};
export type AccordionGroupState = {
    disabled: Ref<boolean>;
    modifiers: Ref<string[] | string | undefined>;
    bus: Emitter<AccordionGroupBusEvents>;
};
/**
 * State shared in a group of alerts
 */
export type AlertGroupBusEvents = {
    close: string;
};
export type AlertGroupState = {
    name?: Ref<string | undefined>;
    bus?: Emitter<AlertGroupBusEvents>;
};