toggle-button headless API

export declare const Root: import("react").ForwardRefExoticComponent<ToggleButtonRootProps & import("react").RefAttributes<HTMLButtonElement>>;

export declare const RootProvider: import("react").ForwardRefExoticComponent<ToggleButtonRootProviderProps & import("react").RefAttributes<HTMLButtonElement>>;

export declare const ToggleButtonRoot: import("react").ForwardRefExoticComponent<ToggleButtonRootProps & import("react").RefAttributes<HTMLButtonElement>>;

interface ToggleButtonRootProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "defaultValue" | "onChange" | "disabled">, ToggleButtonInput {
  readonly ariaLabel?: string;
  readonly id?: string;
  readonly onPressedChange?: (detail: ToggleButtonChangeDetail) => void;
  readonly children?: ReactNode;
}

export declare const ToggleButtonRootProvider: import("react").ForwardRefExoticComponent<ToggleButtonRootProviderProps & import("react").RefAttributes<HTMLButtonElement>>;

interface ToggleButtonRootProviderProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "defaultValue" | "onChange" | "value"> {
  readonly value: UseToggleButtonResult;
  readonly children?: ReactNode;
}

declare function useToggleButton(input: ToggleButtonInput, options?: UseToggleButtonOptions): UseToggleButtonResult;

interface UseToggleButtonOptions extends ToggleButtonConnectOptions {
  readonly id?: string;
}

interface UseToggleButtonResult {
  readonly service: ToggleButtonService;
  readonly connector: ToggleButtonApi;
  readonly scope: PartScope;
  readonly snapshot: ToggleButtonSnapshot;
}

export declare const Root: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
  asChild: {
    type: BooleanConstructor;
    default: boolean;
  };
  pressed: {
    type: PropType<boolean | undefined>;
    default: undefined;
  };
  defaultPressed: {
    type: PropType<boolean | undefined>;
    default: undefined;
  };
  disabled: {
    type: PropType<boolean | undefined>;
    default: undefined;
  };
  ariaLabel: StringConstructor;
  id: StringConstructor;
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
  [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
  pressedChange: (_detail: ToggleButtonChangeDetail) => true;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
  asChild: {
    type: BooleanConstructor;
    default: boolean;
  };
  pressed: {
    type: PropType<boolean | undefined>;
    default: undefined;
  };
  defaultPressed: {
    type: PropType<boolean | undefined>;
    default: undefined;
  };
  disabled: {
    type: PropType<boolean | undefined>;
    default: undefined;
  };
  ariaLabel: StringConstructor;
  id: StringConstructor;
}>> & Readonly<{
  onPressedChange?: ((_detail: ToggleButtonChangeDetail) => any) | undefined;
}>, {
  asChild: boolean;
  pressed: boolean | undefined;
  defaultPressed: boolean | undefined;
  disabled: boolean | undefined;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

export declare const RootProvider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
  value: {
    type: PropType<UseToggleButtonResult>;
    required: true;
  };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
  [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
  value: {
    type: PropType<UseToggleButtonResult>;
    required: true;
  };
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

type ToggleButtonOptions = ToggleButtonConnectOptions & {
  readonly id?: string;
};

export declare const ToggleButtonRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
  asChild: {
    type: BooleanConstructor;
    default: boolean;
  };
  pressed: {
    type: PropType<boolean | undefined>;
    default: undefined;
  };
  defaultPressed: {
    type: PropType<boolean | undefined>;
    default: undefined;
  };
  disabled: {
    type: PropType<boolean | undefined>;
    default: undefined;
  };
  ariaLabel: StringConstructor;
  id: StringConstructor;
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
  [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
  pressedChange: (_detail: ToggleButtonChangeDetail) => true;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
  asChild: {
    type: BooleanConstructor;
    default: boolean;
  };
  pressed: {
    type: PropType<boolean | undefined>;
    default: undefined;
  };
  defaultPressed: {
    type: PropType<boolean | undefined>;
    default: undefined;
  };
  disabled: {
    type: PropType<boolean | undefined>;
    default: undefined;
  };
  ariaLabel: StringConstructor;
  id: StringConstructor;
}>> & Readonly<{
  onPressedChange?: ((_detail: ToggleButtonChangeDetail) => any) | undefined;
}>, {
  asChild: boolean;
  pressed: boolean | undefined;
  defaultPressed: boolean | undefined;
  disabled: boolean | undefined;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

export declare const ToggleButtonRootProvider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
  value: {
    type: PropType<UseToggleButtonResult>;
    required: true;
  };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
  [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
  value: {
    type: PropType<UseToggleButtonResult>;
    required: true;
  };
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

declare function useToggleButton(input: () => ToggleButtonInput, options?: () => ToggleButtonOptions): UseToggleButtonResult;

interface UseToggleButtonResult {
  readonly service: ToggleButtonService;
  readonly connector: ToggleButtonApi;
  readonly scope: PartScope;
  readonly snapshot: ShallowRef<ToggleButtonSnapshot>;
}

export declare function createToggleButtonStore(initial: ToggleButtonInput, options?: CreateToggleButtonStoreOptions): ToggleButtonStore;

export interface CreateToggleButtonStoreOptions extends ToggleButtonConnectOptions {
}

export declare class GrToggleButtonRoot implements OnDestroy {
    readonly pressed: import("@angular/core").InputSignal<boolean | undefined>;
    readonly defaultPressed: import("@angular/core").InputSignal<boolean | undefined>;
    readonly disabled: import("@angular/core").InputSignal<boolean | undefined>;
    readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
    readonly pressedChange: import("@angular/core").OutputEmitterRef<ToggleButtonChangeDetail>;
    readonly store: ToggleButtonStore;
    private readonly host;
    private readonly listeners;
    private readonly consumer;
    private last;
    constructor();
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<GrToggleButtonRoot, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<GrToggleButtonRoot, "gr-toggle-button-root", never, { "pressed": { "alias": "pressed"; "required": false; "isSignal": true; }; "defaultPressed": { "alias": "defaultPressed"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "pressedChange": "pressedChange"; }, never, ["*"], true, never>;
}

export declare class GrToggleButtonRootProvider implements OnDestroy {
    private readonly store;
    private readonly host;
    private readonly listeners;
    constructor();
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<GrToggleButtonRootProvider, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<GrToggleButtonRootProvider, "gr-toggle-button-root-provider", never, {}, {}, never, ["*"], true, never>;
}

export declare class GrToggleButtonRoot implements OnDestroy {
    readonly pressed: import("@angular/core").InputSignal<boolean | undefined>;
    readonly defaultPressed: import("@angular/core").InputSignal<boolean | undefined>;
    readonly disabled: import("@angular/core").InputSignal<boolean | undefined>;
    readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
    readonly pressedChange: import("@angular/core").OutputEmitterRef<ToggleButtonChangeDetail>;
    readonly store: ToggleButtonStore;
    private readonly host;
    private readonly listeners;
    private readonly consumer;
    private last;
    constructor();
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<GrToggleButtonRoot, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<GrToggleButtonRoot, "gr-toggle-button-root", never, { "pressed": { "alias": "pressed"; "required": false; "isSignal": true; }; "defaultPressed": { "alias": "defaultPressed"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "pressedChange": "pressedChange"; }, never, ["*"], true, never>;
}

export declare class GrToggleButtonRootProvider implements OnDestroy {
    private readonly store;
    private readonly host;
    private readonly listeners;
    constructor();
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<GrToggleButtonRootProvider, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<GrToggleButtonRootProvider, "gr-toggle-button-root-provider", never, {}, {}, never, ["*"], true, never>;
}

export interface ToggleButtonStore {
    readonly service: ToggleButtonService;
    readonly connector: ToggleButtonApi;
    readonly scope: PartScope;
    readonly version: WritableSignal<number>;
    start(): void;
    stop(): void;
    sync(input: Record<string, unknown>): void;
}

export declare function createToggleButton(input: () => ToggleButtonInput, options?: UseToggleButtonOptions): UseToggleButtonResult;

export declare const Root: LegacyComponentType;

export declare const RootProvider: LegacyComponentType;

export declare const ToggleButtonRoot: LegacyComponentType;

export declare const ToggleButtonRootProvider: LegacyComponentType;

export interface UseToggleButtonOptions extends ToggleButtonConnectOptions {
    readonly id?: string;
}

export interface UseToggleButtonResult {
    readonly service: ToggleButtonService;
    readonly connector: ToggleButtonApi;
    readonly scope: PartScope;
    readonly version: () => number;
}

export declare function ToggleButtonRoot(props: ToggleButtonRootProps): JSX.Element;

export declare function ToggleButtonRootProvider(props: ToggleButtonRootProviderProps): JSX.Element;

export declare function ToggleButtonRoot(props: ToggleButtonRootProps): JSX.Element;

export interface ToggleButtonRootProps extends Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "disabled" | "onChange">, ToggleButtonInput {
    readonly ariaLabel?: string;
    readonly id?: string;
    readonly onPressedChange?: (detail: ToggleButtonChangeDetail) => void;
    readonly children?: JSX.Element;
}

export declare function ToggleButtonRootProvider(props: ToggleButtonRootProviderProps): JSX.Element;

export interface ToggleButtonRootProviderProps extends Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "disabled" | "onChange" | "value"> {
    readonly value: UseToggleButtonResult;
    readonly children?: JSX.Element;
}

export declare function useToggleButton(input: Accessor<ToggleButtonInput>, options?: UseToggleButtonOptions): UseToggleButtonResult;

export interface UseToggleButtonOptions extends ToggleButtonConnectOptions {
    readonly id?: string;
}

export interface UseToggleButtonResult {
    readonly service: ToggleButtonService;
    readonly connector: ToggleButtonApi;
    readonly scope: PartScope;
    readonly snapshot: () => number;
}