carousel headless API

export declare const Carousel: {
  Root: import("react").ForwardRefExoticComponent<CarouselRootProps & import("react").RefAttributes<HTMLDivElement>>;
  Track: import("react").ForwardRefExoticComponent<CarouselTrackProps & import("react").RefAttributes<HTMLDivElement>>;
  Slide: import("react").ForwardRefExoticComponent<CarouselSlideProps & import("react").RefAttributes<HTMLDivElement>>;
  Prev: import("react").ForwardRefExoticComponent<CarouselPrevProps & import("react").RefAttributes<HTMLButtonElement>>;
  Next: import("react").ForwardRefExoticComponent<CarouselNextProps & import("react").RefAttributes<HTMLButtonElement>>;
  Dots: import("react").ForwardRefExoticComponent<CarouselDotsProps & import("react").RefAttributes<HTMLDivElement>>;
  Dot: import("react").ForwardRefExoticComponent<CarouselDotProps & import("react").RefAttributes<HTMLButtonElement>>;
};

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

interface CarouselContextValue {
  readonly service: CarouselService;
  readonly connector: CarouselApi;
  readonly scope: PartScope;
}

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

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

interface CarouselIndexChangeDetail {
  readonly index: number;
  readonly reason: CarouselChangeReason;
}

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

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

interface CarouselRootProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
  readonly asChild?: boolean;
  readonly index?: CarouselInput["index"];
  readonly defaultIndex?: CarouselInput["defaultIndex"];
  readonly slideCount?: CarouselInput["slideCount"];
  readonly loop?: CarouselInput["loop"];
  readonly label?: CarouselInput["label"];
  readonly onIndexChange?: (detail: CarouselIndexChangeDetail) => void;
  readonly children?: ReactNode;
}

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

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

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

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

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

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

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

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

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

declare function useCarousel(input: CarouselInput, options?: UseCarouselOptions): UseCarouselResult;

declare function useCarouselContext(partName: string): CarouselContextValue;

interface UseCarouselOptions {
  readonly onIndexChange?: (detail: CarouselIndexChangeDetail) => void;
}

interface UseCarouselResult {
  readonly service: CarouselService;
  readonly connector: CarouselApi;
  readonly scope: PartScope;
  readonly snapshot: CarouselSnapshot;
}

export declare const CarouselContextKey: InjectionKey<CarouselContextValue>;

interface CarouselContextValue {
  readonly service: CarouselService;
  readonly connector: CarouselApi;
  readonly scope: PartScope;
  readonly snapshot: ShallowRef<CarouselSnapshot>;
}

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

export declare const CarouselDots: 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>;

interface CarouselIndexChangeDetail {
  readonly index: number;
  readonly reason: CarouselChangeReason;
}

export declare const CarouselNext: 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 CarouselPrev: 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 CarouselRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
  asChild: {
    type: BooleanConstructor;
    default: boolean;
  };
  index: {
    type: PropType<number | undefined>;
    default: undefined;
  };
  defaultIndex: {
    type: PropType<number | undefined>;
    default: undefined;
  };
  slideCount: {
    type: PropType<number | undefined>;
    default: undefined;
  };
  loop: {
    type: PropType<boolean | undefined>;
    default: undefined;
  };
  label: {
    type: PropType<string | undefined>;
    default: undefined;
  };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
  [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
  indexChange: (_detail: CarouselIndexChangeDetail) => true;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
  asChild: {
    type: BooleanConstructor;
    default: boolean;
  };
  index: {
    type: PropType<number | undefined>;
    default: undefined;
  };
  defaultIndex: {
    type: PropType<number | undefined>;
    default: undefined;
  };
  slideCount: {
    type: PropType<number | undefined>;
    default: undefined;
  };
  loop: {
    type: PropType<boolean | undefined>;
    default: undefined;
  };
  label: {
    type: PropType<string | undefined>;
    default: undefined;
  };
}>> & Readonly<{
  onIndexChange?: ((_detail: CarouselIndexChangeDetail) => any) | undefined;
}>, {
  asChild: boolean;
  index: number | undefined;
  defaultIndex: number | undefined;
  slideCount: number | undefined;
  loop: boolean | undefined;
  label: string | undefined;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

export declare const CarouselTrack: 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 useCarousel(input: CarouselInput | (() => CarouselInput), options?: UseCarouselOptions): UseCarouselResult;

declare function useCarouselContext(partName: string): CarouselContextValue;

interface UseCarouselOptions {
  readonly onIndexChange?: (detail: CarouselIndexChangeDetail) => void;
}

interface UseCarouselResult {
  readonly service: CarouselService;
  readonly connector: CarouselApi;
  readonly scope: PartScope;
  readonly snapshot: ShallowRef<CarouselSnapshot>;
}

export declare const CAROUSEL_STORE: InjectionToken<CarouselStore>;

interface CarouselIndexChangeDetail {
  readonly index: number;
  readonly reason: CarouselChangeReason;
}

export interface CarouselStore {
    readonly service: CarouselService;
    readonly connector: CarouselApi;
    readonly scope: PartScope;
    readonly version: WritableSignal<number>;
    start(): void;
    stop(): void;
    sync(input: CarouselInput): void;
    bindIndexChange(handler: (detail: import("./use-carousel.js").CarouselIndexChangeDetail) => void): void;
}

export declare function createCarouselStore(initialInput: CarouselInput, options?: CreateCarouselStoreOptions): CarouselStore;

export interface CreateCarouselStoreOptions {
    readonly onIndexChange?: (detail: CarouselIndexChangeDetail) => void;
    readonly onCommit?: () => void;
}

export declare const GR_CAROUSEL_DECLARATIONS: readonly [typeof GrCarouselRoot, typeof GrCarouselTrack, typeof GrCarouselSlide, typeof GrCarouselPrev, typeof GrCarouselNext, typeof GrCarouselDots, typeof GrCarouselDot];

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