pagination headless API

export declare const Gap: import("react").ForwardRefExoticComponent<GapProps & import("react").RefAttributes<HTMLSpanElement>>;

interface GapProps extends ComponentPropsWithoutRef<"span">, Shared {
  readonly index?: number;
}

export declare const List: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & Shared & import("react").RefAttributes<HTMLUListElement>>;

export declare const Next: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & Shared & import("react").RefAttributes<HTMLButtonElement>>;

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

interface PageProps extends ComponentPropsWithoutRef<"button">, Shared {
  readonly page: number;
}

declare function Pages(): import("react").JSX.Element;

export declare const Pagination: {
  Root: import("react").ForwardRefExoticComponent<PaginationRootProps & import("react").RefAttributes<HTMLElement>>;
  RootProvider: import("react").ForwardRefExoticComponent<PaginationRootProviderProps & import("react").RefAttributes<HTMLElement>>;
  List: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
    readonly asChild?: boolean;
  } & import("react").RefAttributes<HTMLUListElement>>;
  Previous: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
    readonly asChild?: boolean;
  } & import("react").RefAttributes<HTMLButtonElement>>;
  Page: import("react").ForwardRefExoticComponent<PageProps & import("react").RefAttributes<HTMLButtonElement>>;
  Gap: import("react").ForwardRefExoticComponent<GapProps & import("react").RefAttributes<HTMLSpanElement>>;
  Next: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
    readonly asChild?: boolean;
  } & import("react").RefAttributes<HTMLButtonElement>>;
  Pages: typeof Pages;
};

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

interface PaginationContextValue {
  readonly service: PaginationService;
  readonly connector: PaginationApi;
  readonly scope: PartScope;
  readonly snapshot: PaginationSnapshot;
}

interface PaginationRootProps extends Omit<ComponentPropsWithoutRef<"nav">, "onChange"> {
  readonly asChild?: boolean;
  readonly total: number;
  readonly pageSize: number;
  readonly page?: number;
  readonly defaultPage?: number;
  readonly siblingCount?: number;
  readonly onPageChange?: UsePaginationOptions["onPageChange"];
  readonly children?: ReactNode;
}

interface PaginationRootProviderProps extends ComponentPropsWithoutRef<"nav"> {
  readonly value: UsePaginationResult;
  readonly asChild?: boolean;
}

export declare const Previous: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & Shared & import("react").RefAttributes<HTMLButtonElement>>;

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

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

declare function usePagination(input: PaginationInput, options?: UsePaginationOptions): UsePaginationResult;

declare function usePaginationContext(partName: string): PaginationContextValue;

interface UsePaginationOptions {
  readonly onPageChange?: (detail: PaginationPageChangeDetail) => void;
}

interface UsePaginationResult {
  readonly service: PaginationService;
  readonly connector: PaginationApi;
  readonly scope: PartScope;
  readonly snapshot: PaginationSnapshot;
}

export declare const PaginationContextKey: InjectionKey<PaginationContextValue>;

interface PaginationContextValue {
  readonly service: PaginationService;
  readonly connector: PaginationApi;
  readonly scope: PartScope;
  readonly snapshot: ShallowRef<PaginationSnapshot>;
}

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

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

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

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

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

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

export declare const PaginationRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
  asChild: BooleanConstructor;
  total: {
    type: NumberConstructor;
    required: true;
  };
  pageSize: {
    type: NumberConstructor;
    required: true;
  };
  page: PropType<PaginationInput["page"]>;
  defaultPage: PropType<PaginationInput["defaultPage"]>;
  siblingCount: PropType<PaginationInput["siblingCount"]>;
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
  [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
  pageChange: (_detail: unknown) => true;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
  asChild: BooleanConstructor;
  total: {
    type: NumberConstructor;
    required: true;
  };
  pageSize: {
    type: NumberConstructor;
    required: true;
  };
  page: PropType<PaginationInput["page"]>;
  defaultPage: PropType<PaginationInput["defaultPage"]>;
  siblingCount: PropType<PaginationInput["siblingCount"]>;
}>> & Readonly<{
  onPageChange?: ((_detail: unknown) => any) | undefined;
}>, {
  asChild: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

declare function usePagination(input: PaginationInput | (() => PaginationInput), options?: UsePaginationOptions): UsePaginationResult;

declare function usePaginationContext(partName: string): PaginationContextValue;

interface UsePaginationOptions {
  readonly onPageChange?: (detail: PaginationPageChangeDetail) => void;
}

interface UsePaginationResult {
  readonly service: PaginationService;
  readonly connector: PaginationApi;
  readonly scope: PartScope;
  readonly snapshot: ShallowRef<PaginationSnapshot>;
}

export declare function createPaginationStore(input: PaginationInput, options?: CreatePaginationStoreOptions): PaginationStore;

export interface CreatePaginationStoreOptions {
    readonly onPageChange?: (detail: PaginationPageChangeDetail) => void;
    readonly onCommit?: () => void;
}

export declare const GR_PAGINATION_DECLARATIONS: readonly [typeof GrPaginationRoot, typeof GrPaginationList, typeof GrPaginationPrevious, typeof GrPaginationPage, typeof GrPaginationGap, typeof GrPaginationNext, typeof GrPaginationPages];

export declare class GrPaginationGap implements OnDestroy {
    readonly index: import("@angular/core").InputSignal<number>;
    private readonly store;
    private readonly element;
    private readonly listeners;
    private readonly consumer;
    constructor();
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<GrPaginationGap, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<GrPaginationGap, "[grPaginationGap]", never, { "index": { "alias": "index"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

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

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

export declare class GrPaginationPage implements OnDestroy {
    readonly page: import("@angular/core").InputSignal<number>;
    private readonly store;
    private readonly element;
    private readonly listeners;
    private readonly consumer;
    constructor();
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<GrPaginationPage, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<GrPaginationPage, "[grPaginationPage]", never, { "page": { "alias": "page"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
}