collapsible headless API

export declare const Collapsible: {
  Root: import("react").ForwardRefExoticComponent<CollapsibleRootProps & import("react").RefAttributes<HTMLDivElement>>;
  Trigger: import("react").ForwardRefExoticComponent<CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
  Content: import("react").ForwardRefExoticComponent<CollapsibleContentProps & import("react").RefAttributes<HTMLDivElement>>;
};

interface CollapsibleChangeDetail {
  readonly open: boolean;
  readonly reason: CollapsibleChangeReason;
}

interface CollapsibleContentProps extends ComponentPropsWithoutRef<"div"> {
  readonly asChild?: boolean;
  readonly children?: ReactNode;
}

export declare const CollapsibleContext: import("react").Context<CollapsibleContextValue | null>;

interface CollapsibleContextValue {
  readonly service: CollapsibleService;
  readonly connector: CollapsibleApi;
  readonly scope: PartScope;
}

interface CollapsibleRootProps extends Omit<ComponentPropsWithoutRef<"div">, "open" | "defaultOpen" | "onChange"> {
  readonly asChild?: boolean;
  readonly open?: CollapsibleInput["open"];
  readonly defaultOpen?: CollapsibleInput["defaultOpen"];
  readonly disabled?: CollapsibleInput["disabled"];
  readonly onOpenChange?: (detail: CollapsibleChangeDetail) => void;
  readonly children?: ReactNode;
}

interface CollapsibleTriggerProps extends Omit<ComponentPropsWithoutRef<"button">, "type"> {
  readonly asChild?: boolean;
}

export declare const Content: import("react").ForwardRefExoticComponent<CollapsibleContentProps & import("react").RefAttributes<HTMLDivElement>>;

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

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

declare function useCollapsible(input: CollapsibleInput, options?: UseCollapsibleOptions): UseCollapsibleResult;

declare function useCollapsibleContext(partName: string): CollapsibleContextValue;

interface UseCollapsibleOptions {
  readonly onOpenChange?: (detail: CollapsibleChangeDetail) => void;
}

interface UseCollapsibleResult {
  readonly service: CollapsibleService;
  readonly connector: CollapsibleApi;
  readonly scope: PartScope;
  readonly snapshot: CollapsibleSnapshot;
}

interface CollapsibleChangeDetail {
  readonly open: boolean;
  readonly reason: CollapsibleChangeReason;
}

export declare const CollapsibleContent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
  asChild: {
    type: BooleanConstructor;
    default: boolean;
  };
}>, () => 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<{
  asChild: {
    type: BooleanConstructor;
    default: boolean;
  };
}>> & Readonly<{}>, {
  asChild: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

export declare const CollapsibleContextKey: InjectionKey<CollapsibleContextValue>;

interface CollapsibleContextValue {
  readonly service: CollapsibleService;
  readonly connector: CollapsibleApi;
  readonly scope: PartScope;
  readonly snapshot: ShallowRef<CollapsibleSnapshot>;
}

export declare const CollapsibleRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
  asChild: {
    type: BooleanConstructor;
    default: boolean;
  };
  open: {
    type: PropType<boolean | undefined>;
    default: undefined;
  };
  defaultOpen: {
    type: PropType<boolean | undefined>;
    default: undefined;
  };
  disabled: {
    type: PropType<boolean | undefined>;
    default: undefined;
  };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
  [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
  openChange: (_detail: CollapsibleChangeDetail) => true;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
  asChild: {
    type: BooleanConstructor;
    default: boolean;
  };
  open: {
    type: PropType<boolean | undefined>;
    default: undefined;
  };
  defaultOpen: {
    type: PropType<boolean | undefined>;
    default: undefined;
  };
  disabled: {
    type: PropType<boolean | undefined>;
    default: undefined;
  };
}>> & Readonly<{
  onOpenChange?: ((_detail: CollapsibleChangeDetail) => any) | undefined;
}>, {
  asChild: boolean;
  open: boolean | undefined;
  defaultOpen: boolean | undefined;
  disabled: boolean | undefined;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

export declare const CollapsibleTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
  asChild: {
    type: BooleanConstructor;
    default: boolean;
  };
}>, () => 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<{
  asChild: {
    type: BooleanConstructor;
    default: boolean;
  };
}>> & Readonly<{}>, {
  asChild: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

declare function useCollapsible(input: CollapsibleInput | (() => CollapsibleInput), options?: UseCollapsibleOptions): UseCollapsibleResult;

declare function useCollapsibleContext(partName: string): CollapsibleContextValue;

interface UseCollapsibleOptions {
  readonly onOpenChange?: (detail: CollapsibleChangeDetail) => void;
}

interface UseCollapsibleResult {
  readonly service: CollapsibleService;
  readonly connector: CollapsibleApi;
  readonly scope: PartScope;
  readonly snapshot: ShallowRef<CollapsibleSnapshot>;
}

export declare const COLLAPSIBLE_STORE: InjectionToken<CollapsibleStore>;

export interface CollapsibleChangeDetail {
    readonly open: boolean;
    readonly reason: CollapsibleChangeReason;
}

export interface CollapsibleStore {
    readonly service: CollapsibleService;
    readonly connector: CollapsibleApi;
    readonly scope: PartScope;
    readonly version: WritableSignal<number>;
    start(): void;
    stop(): void;
    sync(input: CollapsibleInput): void;
    bindOpenChange(handler: (detail: import("./use-collapsible.js").CollapsibleChangeDetail) => void): void;
}

export declare function createCollapsibleStore(initialInput: CollapsibleInput, options?: CreateCollapsibleStoreOptions): CollapsibleStore;

export interface CreateCollapsibleStoreOptions {
    readonly onOpenChange?: (detail: CollapsibleChangeDetail) => void;
    readonly onCommit?: () => void;
}

export declare const GR_COLLAPSIBLE_DECLARATIONS: readonly [typeof GrCollapsibleRoot, typeof GrCollapsibleTrigger, typeof GrCollapsibleContent];

export declare class GrCollapsibleContent implements OnDestroy {
    private readonly store;
    private readonly elementRef;
    private readonly listeners;
    private readonly consumerProps;
    constructor();
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<GrCollapsibleContent, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<GrCollapsibleContent, "[grCollapsibleContent]", never, {}, {}, never, never, true, never>;
}

export declare class GrCollapsibleRoot implements OnDestroy {
    readonly open: import("@angular/core").InputSignal<boolean | undefined>;
    readonly defaultOpen: import("@angular/core").InputSignal<boolean | undefined>;
    readonly disabled: import("@angular/core").InputSignal<boolean | undefined>;
    readonly openChange: import("@angular/core").OutputEmitterRef<CollapsibleChangeDetail>;
    private readonly elementRef;
    private readonly injector;
    private readonly listeners;
    private lastSynced;
    readonly store: CollapsibleStore;
    constructor();
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<GrCollapsibleRoot, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<GrCollapsibleRoot, "gr-collapsible-root", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, never, ["*"], true, never>;
}

export declare class GrCollapsibleTrigger implements OnDestroy {
    private readonly store;
    private readonly elementRef;
    private readonly listeners;
    private readonly consumerProps;
    constructor();
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<GrCollapsibleTrigger, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<GrCollapsibleTrigger, "[grCollapsibleTrigger]", never, {}, {}, never, never, true, never>;
}

export declare function provideCollapsibleStore(): Provider;

export interface CollapsibleChangeDetail {
    readonly open: boolean;
    readonly reason: CollapsibleChangeReason;
}

export declare const CollapsibleContent: LegacyComponentType;

export interface CollapsibleContextValue {
    readonly service: CollapsibleService;
    readonly connector: CollapsibleApi;
    readonly scope: PartScope;
    readonly version: () => number;
}

export declare const CollapsibleRoot: LegacyComponentType;

export declare const CollapsibleTrigger: LegacyComponentType;

export declare function createCollapsible(inputGetter: () => CollapsibleInput, options?: UseCollapsibleOptions): UseCollapsibleResult;

export declare function useCollapsibleContext(partName: string): CollapsibleContextValue;

export interface UseCollapsibleOptions {
    readonly onOpenChange?: (detail: CollapsibleChangeDetail) => void;
}

export interface UseCollapsibleResult {
    readonly service: CollapsibleService;
    readonly connector: CollapsibleApi;
    readonly scope: PartScope;
    readonly version: () => number;
}

export interface CollapsibleChangeDetail {
    readonly open: boolean;
    readonly reason: CollapsibleChangeReason;
}

export declare function CollapsibleContent(props: CollapsibleContentProps): JSX.Element;

export interface CollapsibleContentProps extends JSX.HTMLAttributes<HTMLDivElement> {
    readonly as?: AsProp;
}

export declare const CollapsibleContext: import("solid-js").Context<CollapsibleContextValue | undefined>;