/**
 * @fileoverview Saasflare Card — surface container with optional hover lift.
 * @module packages/ui/components/ui/card
 * @layer core
 *
 * Self-contained implementation. Does NOT import from ui/.
 * Hover lift animation respects reduced-motion preference.
 *
 * @example
 * import { Card, CardHeader, CardTitle, CardContent } from "@saasflare/ui";
 * <Card>
 *   <CardHeader>
 *     <CardTitle>Settings</CardTitle>
 *   </CardHeader>
 *   <CardContent>...</CardContent>
 * </Card>
 */
import * as React from "react";
import { type SaasflareComponentProps } from "../../providers";
/** Motion event overrides that conflict with React HTML events */
type MotionConflicts = "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd";
/**
 * Props for {@link Card}.
 *
 * Extends the native div props with {@link SaasflareComponentProps}, so
 * `surface`, `radius`, `animated`, and `iconWeight` can be supplied
 * per-instance or inherited from <SaasflareProvider>.
 */
interface CardProps extends Omit<React.ComponentProps<"div">, MotionConflicts | keyof SaasflareComponentProps>, SaasflareComponentProps {
}
/**
 * Card container with subtle hover-lift animation.
 *
 * @component
 * @layer core
 *
 * @example
 * <Card className="max-w-sm">
 *   <CardHeader><CardTitle>Plan</CardTitle></CardHeader>
 *   <CardContent>Content here</CardContent>
 * </Card>
 */
declare function Card({ className, surface, radius, animated, iconWeight, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
/**
 * Card header with grid layout supporting an optional action slot.
 *
 * @component
 * @layer core
 */
declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
/**
 * Card title text.
 *
 * @component
 * @layer core
 */
declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
/**
 * Card description / subtitle text.
 *
 * @component
 * @layer core
 */
declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
/**
 * Card action slot — positioned top-right in the header.
 *
 * @component
 * @layer core
 */
declare function CardAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
/**
 * Card main content area.
 *
 * @component
 * @layer core
 */
declare function CardContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
/**
 * Card footer — bottom-aligned actions.
 *
 * @component
 * @layer core
 */
declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, type CardProps, };