card headless API

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

export declare const Card: {
  Root: import("react").ForwardRefExoticComponent<CardRootProps & import("react").RefAttributes<HTMLElement>>;
  Media: import("react").ForwardRefExoticComponent<CardPartProps & import("react").RefAttributes<HTMLElement>>;
  Header: import("react").ForwardRefExoticComponent<CardPartProps & import("react").RefAttributes<HTMLElement>>;
  Eyebrow: import("react").ForwardRefExoticComponent<CardPartProps & import("react").RefAttributes<HTMLElement>>;
  Title: import("react").ForwardRefExoticComponent<CardPartProps & import("react").RefAttributes<HTMLElement>>;
  Description: import("react").ForwardRefExoticComponent<CardPartProps & import("react").RefAttributes<HTMLElement>>;
  Body: import("react").ForwardRefExoticComponent<CardPartProps & import("react").RefAttributes<HTMLElement>>;
  Footer: import("react").ForwardRefExoticComponent<CardPartProps & import("react").RefAttributes<HTMLElement>>;
};

interface CardActivateEvent {
  readonly via: "pointer" | "key";
  readonly source: unknown;
}

interface CardApi {
  rootProps(): PartProps;
  mediaProps(): PartProps;
  headerProps(): PartProps;
  eyebrowProps(): PartProps;
  titleProps(): PartProps;
  descriptionProps(): PartProps;
  bodyProps(): PartProps;
  footerProps(): PartProps;
  /** The element an adapter should render the root as. */
  readonly rootTag: "a" | "div";
  readonly interactive: boolean;
}

interface CardConnectOptions {
  readonly emphasis?: CardEmphasis;
  readonly size?: CardSize;
  readonly orientation?: CardOrientation;
  /** Renders the root as an activatable control (`role="button"` + keys). */
  readonly interactive?: boolean;
  /** Renders the root as a link. Wins over `interactive` when both are set. */
  readonly href?: string;
  readonly selected?: boolean;
  readonly disabled?: boolean;
  readonly loading?: boolean;
  /** Fired by click and by Enter/Space on an interactive (non-link) card. */
  readonly onActivate?: (event: CardActivateEvent) => void;
}

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

interface CardContextValue {
  readonly connector: CardApi;
  readonly scope: PartScope;
}

type CardEmphasis = "outlined" | "elevated" | "filled" | "dashed";

type CardOrientation = "vertical" | "horizontal";

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

interface CardRootProps extends Omit<ComponentPropsWithoutRef<"div">, "onSelect">, CardConnectOptions {
  readonly asChild?: boolean;
  readonly children?: ReactNode;
}

type CardSize = "compact" | "default" | "spacious";

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

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

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

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

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

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

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

declare function useCardContext(partName: string): CardContextValue;

interface CardActivateEvent {
  readonly via: "pointer" | "key";
  readonly source: unknown;
}

interface CardApi {
  rootProps(): PartProps;
  mediaProps(): PartProps;
  headerProps(): PartProps;
  eyebrowProps(): PartProps;
  titleProps(): PartProps;
  descriptionProps(): PartProps;
  bodyProps(): PartProps;
  footerProps(): PartProps;
  /** The element an adapter should render the root as. */
  readonly rootTag: "a" | "div";
  readonly interactive: boolean;
}

export declare const CardBody: 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 CardConnectOptions {
  readonly emphasis?: CardEmphasis;
  readonly size?: CardSize;
  readonly orientation?: CardOrientation;
  /** Renders the root as an activatable control (`role="button"` + keys). */
  readonly interactive?: boolean;
  /** Renders the root as a link. Wins over `interactive` when both are set. */
  readonly href?: string;
  readonly selected?: boolean;
  readonly disabled?: boolean;
  readonly loading?: boolean;
  /** Fired by click and by Enter/Space on an interactive (non-link) card. */
  readonly onActivate?: (event: CardActivateEvent) => void;
}

export declare const CardContextKey: InjectionKey<CardContextValue>;

interface CardContextValue {
  readonly connector: CardApi;
  readonly scope: PartScope;
}

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

type CardEmphasis = "outlined" | "elevated" | "filled" | "dashed";

export declare const CardEyebrow: 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 CardFooter: 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 CardHeader: 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 CardMedia: 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>;

type CardOrientation = "vertical" | "horizontal";

export declare const CardRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
  asChild: {
    type: BooleanConstructor;
    default: boolean;
  };
  emphasis: {
    type: PropType<CardEmphasis | undefined>;
    default: undefined;
  };
  size: {
    type: PropType<CardSize | undefined>;
    default: undefined;
  };
  orientation: {
    type: PropType<CardOrientation | undefined>;
    default: undefined;
  };
  interactive: {
    type: PropType<boolean | undefined>;
    default: undefined;
  };
  href: {
    type: PropType<string | undefined>;
    default: undefined;
  };
  selected: {
    type: PropType<boolean | undefined>;
    default: undefined;
  };
  disabled: {
    type: PropType<boolean | undefined>;
    default: undefined;
  };
  loading: {
    type: PropType<boolean | undefined>;
    default: undefined;
  };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
  [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
  activate: (_detail: CardActivateEvent) => true;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
  asChild: {
    type: BooleanConstructor;
    default: boolean;
  };
  emphasis: {
    type: PropType<CardEmphasis | undefined>;
    default: undefined;
  };
  size: {
    type: PropType<CardSize | undefined>;
    default: undefined;
  };
  orientation: {
    type: PropType<CardOrientation | undefined>;
    default: undefined;
  };
  interactive: {
    type: PropType<boolean | undefined>;
    default: undefined;
  };
  href: {
    type: PropType<string | undefined>;
    default: undefined;
  };
  selected: {
    type: PropType<boolean | undefined>;
    default: undefined;
  };
  disabled: {
    type: PropType<boolean | undefined>;
    default: undefined;
  };
  loading: {
    type: PropType<boolean | undefined>;
    default: undefined;
  };
}>> & Readonly<{
  onActivate?: ((_detail: CardActivateEvent) => any) | undefined;
}>, {
  asChild: boolean;
  emphasis: CardEmphasis | undefined;
  size: CardSize | undefined;
  orientation: CardOrientation | undefined;
  interactive: boolean | undefined;
  href: string | undefined;
  selected: boolean | undefined;
  disabled: boolean | undefined;
  loading: boolean | undefined;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

type CardSize = "compact" | "default" | "spacious";

export declare const CardTitle: 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 useCardContext(partName: string): CardContextValue;

export declare const CARD_STORE: InjectionToken<CardStore>;

interface CardActivateEvent {
  readonly via: "pointer" | "key";
  readonly source: unknown;
}

interface CardApi {
  rootProps(): PartProps;
  mediaProps(): PartProps;
  headerProps(): PartProps;
  eyebrowProps(): PartProps;
  titleProps(): PartProps;
  descriptionProps(): PartProps;
  bodyProps(): PartProps;
  footerProps(): PartProps;
  /** The element an adapter should render the root as. */
  readonly rootTag: "a" | "div";
  readonly interactive: boolean;
}

interface CardConnectOptions {
  readonly emphasis?: CardEmphasis;
  readonly size?: CardSize;
  readonly orientation?: CardOrientation;
  /** Renders the root as an activatable control (`role="button"` + keys). */
  readonly interactive?: boolean;
  /** Renders the root as a link. Wins over `interactive` when both are set. */
  readonly href?: string;
  readonly selected?: boolean;
  readonly disabled?: boolean;
  readonly loading?: boolean;
  /** Fired by click and by Enter/Space on an interactive (non-link) card. */
  readonly onActivate?: (event: CardActivateEvent) => void;
}

type CardEmphasis = "outlined" | "elevated" | "filled" | "dashed";

type CardOrientation = "vertical" | "horizontal";

type CardSize = "compact" | "default" | "spacious";

export interface CardStore {
    readonly connector: Signal<CardApi>;
    readonly scope: PartScope;
}

export declare const GR_CARD_DECLARATIONS: readonly [typeof GrCardRoot, typeof GrCardMedia, typeof GrCardHeader, typeof GrCardEyebrow, typeof GrCardTitle, typeof GrCardDescription, typeof GrCardBody, typeof GrCardFooter];

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

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