import * as _angular_core from '@angular/core';
import { InjectionToken } from '@angular/core';
import { ClassValue } from 'clsx';
import * as class_variance_authority_types from 'class-variance-authority/types';
import { VariantProps } from 'class-variance-authority';

type ZButtonGroupValue = string | number;
interface ZButtonGroupHost {
    _selectItem(value: ZButtonGroupValue, index: number): void;
    _isItemActive(value: ZButtonGroupValue): boolean;
}
declare const Z_BUTTON_GROUP: InjectionToken<ZButtonGroupHost>;

declare class ZButtonGroupItemDirective {
    private readonly _group;
    private readonly _index;
    /** Khóa ổn định tùy chọn, ưu tiên hơn index khi xác định active. */
    readonly zValue: _angular_core.InputSignal<ZButtonGroupValue | undefined>;
    private readonly _value;
    readonly isActive: _angular_core.Signal<boolean>;
    readonly index: _angular_core.Signal<number>;
    _setIndex(index: number): void;
    protected onClick(): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZButtonGroupItemDirective, never>;
    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ZButtonGroupItemDirective, "[z-button-group-item]", ["zButtonGroupItem"], { "zValue": { "alias": "zValue"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

declare class ZButtonGroupSeparatorComponent {
    readonly zClass: _angular_core.InputSignal<ClassValue>;
    readonly zOrientation: _angular_core.InputSignal<"horizontal" | "vertical" | null | undefined>;
    protected readonly zClasses: _angular_core.Signal<string>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZButtonGroupSeparatorComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZButtonGroupSeparatorComponent, "z-button-group-separator", ["zButtonGroupSeparator"], { "zClass": { "alias": "zClass"; "required": false; "isSignal": true; }; "zOrientation": { "alias": "zOrientation"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

declare class ZButtonGroupComponent implements ZButtonGroupHost {
    readonly zClass: _angular_core.InputSignal<ClassValue>;
    readonly zOrientation: _angular_core.InputSignal<"horizontal" | "vertical" | null | undefined>;
    readonly zActive: _angular_core.ModelSignal<ZButtonGroupValue | null>;
    readonly zActiveIndexChange: _angular_core.OutputEmitterRef<number | null>;
    readonly zActiveValueChange: _angular_core.OutputEmitterRef<ZButtonGroupValue | null>;
    private readonly _items;
    protected readonly zClasses: _angular_core.Signal<string>;
    constructor();
    _selectItem(value: ZButtonGroupValue, index: number): void;
    _isItemActive(value: ZButtonGroupValue): boolean;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZButtonGroupComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZButtonGroupComponent, "z-button-group", ["zButtonGroup"], { "zClass": { "alias": "zClass"; "required": false; "isSignal": true; }; "zOrientation": { "alias": "zOrientation"; "required": false; "isSignal": true; }; "zActive": { "alias": "zActive"; "required": false; "isSignal": true; }; }, { "zActive": "zActiveChange"; "zActiveIndexChange": "zActiveIndexChange"; "zActiveValueChange": "zActiveValueChange"; }, ["_items"], ["*"], true, never>;
}

declare const zButtonGroupVariants: (props?: ({
    zOrientation?: "horizontal" | "vertical" | null | undefined;
} & class_variance_authority_types.ClassProp) | undefined) => string;
declare const zButtonGroupSeparatorVariants: (props?: ({
    zOrientation?: "horizontal" | "vertical" | null | undefined;
} & class_variance_authority_types.ClassProp) | undefined) => string;
type ZButtonGroupVariants = VariantProps<typeof zButtonGroupVariants>;
type ZButtonGroupSeparatorVariants = VariantProps<typeof zButtonGroupSeparatorVariants>;

export { ZButtonGroupComponent, ZButtonGroupItemDirective, ZButtonGroupSeparatorComponent, Z_BUTTON_GROUP, zButtonGroupSeparatorVariants, zButtonGroupVariants };
export type { ZButtonGroupHost, ZButtonGroupSeparatorVariants, ZButtonGroupValue, ZButtonGroupVariants };