@spark-ui/components 17.2.2 → 17.2.3-beta.1

package/dist/src/avatar/Avatar.d.ts

@@ -0,0 +1,3 @@
+import { AvatarProps } from './types';
+import * as React from 'react';
+export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/avatar/AvatarAction.d.ts

@@ -0,0 +1,9 @@
+export interface AvatarActionProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
+    angle?: number;
+    ariaLabel: string;
+}
+export declare const AvatarAction: {
+    ({ className, children, asChild, angle, ariaLabel, ...props }: AvatarActionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/avatar/AvatarImage.d.ts

@@ -0,0 +1,7 @@
+export interface AvatarImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    asChild?: boolean;
+}
+export declare const AvatarImage: {
+    ({ className, asChild, src, onLoad, onError, ...props }: AvatarImageProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};

package/dist/src/avatar/AvatarOnlineBadge.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef } from 'react';
+interface AvatarOnlineBadgeProps extends ComponentPropsWithoutRef<'div'> {
+    angle?: number;
+}
+export declare const AvatarOnlineBadge: {
+    ({ angle, ...props }: AvatarOnlineBadgeProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export {};

package/dist/src/avatar/AvatarPlaceholder.d.ts

@@ -0,0 +1,8 @@
+export interface AvatarPlaceholderProps extends React.ImgHTMLAttributes<HTMLDivElement> {
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare const AvatarPlaceholder: {
+    ({ className, children, ...props }: AvatarPlaceholderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/avatar/AvatarUser.d.ts

@@ -0,0 +1,7 @@
+export interface AvatarImageProps extends React.ImgHTMLAttributes<HTMLDivElement> {
+    asChild?: boolean;
+}
+export declare const AvatarUser: {
+    ({ asChild, children, className, ...props }: AvatarImageProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/avatar/context.d.ts

@@ -0,0 +1,5 @@
+import { AvatarContextValue } from './types';
+import * as React from 'react';
+declare const AvatarContext: React.Context<AvatarContextValue | undefined>;
+export declare const useAvatarContext: () => AvatarContextValue;
+export { AvatarContext };

package/dist/src/avatar/index.d.mts

@@ -0,0 +1,15 @@
+import { AvatarImage } from './AvatarImage';
+import { AvatarAction } from './AvatarAction';
+import { AvatarOnlineBadge } from './AvatarOnlineBadge';
+import { AvatarUser } from './AvatarUser';
+import { AvatarPlaceholder } from './AvatarPlaceholder';
+import { AvatarProps } from './types';
+export interface AvatarComponent extends React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>> {
+    Image: typeof AvatarImage;
+    Action: typeof AvatarAction;
+    OnlineBadge: typeof AvatarOnlineBadge;
+    User: typeof AvatarUser;
+    Placeholder: typeof AvatarPlaceholder;
+}
+declare const AvatarComponent: AvatarComponent;
+export { AvatarComponent as Avatar };

package/dist/src/avatar/index.d.ts

@@ -0,0 +1,15 @@
+import { AvatarImage } from './AvatarImage';
+import { AvatarAction } from './AvatarAction';
+import { AvatarOnlineBadge } from './AvatarOnlineBadge';
+import { AvatarUser } from './AvatarUser';
+import { AvatarPlaceholder } from './AvatarPlaceholder';
+import { AvatarProps } from './types';
+export interface AvatarComponent extends React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>> {
+    Image: typeof AvatarImage;
+    Action: typeof AvatarAction;
+    OnlineBadge: typeof AvatarOnlineBadge;
+    User: typeof AvatarUser;
+    Placeholder: typeof AvatarPlaceholder;
+}
+declare const AvatarComponent: AvatarComponent;
+export { AvatarComponent as Avatar };

package/dist/src/avatar/types.d.ts

@@ -0,0 +1,24 @@
+import { AvatarAction } from './AvatarAction';
+import { AvatarImage } from './AvatarImage';
+import * as React from 'react';
+export interface AvatarContextValue {
+    size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    isOnline: boolean;
+    onlineText?: string;
+    username: string;
+    src?: string;
+    shape: 'circle' | 'square';
+    pixelSize: number;
+}
+export interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    isOnline?: boolean;
+    onlineText?: string;
+    username: string;
+    asChild?: boolean;
+    shape?: 'circle' | 'square';
+}
+export interface AvatarComponent extends React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>> {
+    Image: typeof AvatarImage;
+    Action: typeof AvatarAction;
+}

package/dist/src/badge/Badge.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren, Ref } from 'react';
+import { BadgeItemProps } from './BadgeItem';
+export type BadgeProps = PropsWithChildren<Omit<BadgeItemProps, 'type'>> & {
+    ref?: Ref<HTMLElement>;
+};
+export declare const Badge: {
+    ({ children, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/badge/BadgeItem.d.ts

@@ -0,0 +1,31 @@
+import { HTMLAttributes, Ref } from 'react';
+import { StylesProps } from './BadgeItem.styles';
+export interface BadgeItemProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'aria-label'>, StylesProps {
+    /**
+     * Numeric value used as indicator inside the component.
+     */
+    count?: number;
+    /**
+     * Maximum numeric value to be dispayed as a count value.
+     * @default 99
+     */
+    overflowCount?: number;
+    /**
+     * A custom label for accessibility purposes. It can also be defined as a builder function
+     * to handle dynamic inner data to create a custom label.
+     */
+    'aria-label'?: string | (({ count, overflowCount }: {
+        count?: number;
+        overflowCount?: number;
+    }) => string);
+    /**
+     * Describes the way the component is displayed: relative to another element or just standalone.
+     * @default 'relative'
+     */
+    type?: 'relative' | 'standalone';
+    ref?: Ref<HTMLSpanElement>;
+}
+export declare const BadgeItem: {
+    ({ intent, size, type, count, overflowCount, "aria-label": label, className, ...others }: BadgeItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/badge/BadgeItem.styles.d.ts

@@ -0,0 +1,7 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const styles: (props?: ({
+    intent?: "main" | "alert" | "support" | "accent" | "success" | "info" | "neutral" | "danger" | "surface" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+    type?: "relative" | "standalone" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type StylesProps = VariantProps<typeof styles>;

package/dist/src/badge/index.d.mts

@@ -0,0 +1 @@
+export * from './Badge';

package/dist/src/badge/index.d.ts

@@ -0,0 +1 @@
+export * from './Badge';

package/dist/src/breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,10 @@
+import { ComponentPropsWithoutRef, Ref } from 'react';
+export interface BreadcrumbProps extends ComponentPropsWithoutRef<'nav'> {
+    className?: string;
+    ['aria-label']: string;
+    ref?: Ref<HTMLElement>;
+}
+export declare const Breadcrumb: {
+    ({ className, "aria-label": ariaLabel, ref, ...rest }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/breadcrumb/BreadcrumbCurrentPage.d.ts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithoutRef, Ref } from 'react';
+import { TextLink } from '../text-link';
+export interface CurrentPageProps extends ComponentPropsWithoutRef<typeof TextLink> {
+    asChild?: boolean;
+    className?: string;
+    ref?: Ref<HTMLAnchorElement>;
+}
+export declare const CurrentPage: {
+    ({ asChild, className, children, ...rest }: CurrentPageProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/breadcrumb/BreadcrumbItem.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef, Ref } from 'react';
+export interface ItemProps extends ComponentPropsWithoutRef<'li'> {
+    className?: string;
+    ref?: Ref<HTMLLIElement>;
+}
+export declare const Item: {
+    ({ className, ...rest }: ItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/breadcrumb/BreadcrumbLink.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithoutRef, Ref } from 'react';
+import { TextLink } from '../text-link';
+export interface LinkProps extends ComponentPropsWithoutRef<typeof TextLink> {
+    asChild?: boolean;
+    className?: string;
+    href?: string;
+    ref?: Ref<HTMLAnchorElement>;
+}
+export declare const Link: {
+    ({ asChild, className, bold, intent, underline, href, ref, ...rest }: LinkProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/breadcrumb/BreadcrumbSeparator.d.ts

@@ -0,0 +1,10 @@
+import { ComponentPropsWithoutRef, Ref } from 'react';
+export interface SeparatorProps extends ComponentPropsWithoutRef<'li'> {
+    asChild?: boolean;
+    className?: string;
+    ref?: Ref<HTMLLIElement>;
+}
+export declare const Separator: {
+    ({ asChild, className, children, ref, ...rest }: SeparatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/breadcrumb/index.d.mts

@@ -0,0 +1,12 @@
+import { Breadcrumb as Root } from './Breadcrumb';
+import { CurrentPage } from './BreadcrumbCurrentPage';
+import { Item } from './BreadcrumbItem';
+import { Link } from './BreadcrumbLink';
+import { Separator } from './BreadcrumbSeparator';
+export declare const Breadcrumb: typeof Root & {
+    Item: typeof Item;
+    Link: typeof Link;
+    CurrentPage: typeof CurrentPage;
+    Separator: typeof Separator;
+};
+export type { BreadcrumbProps } from './Breadcrumb';

package/dist/src/breadcrumb/index.d.ts

@@ -0,0 +1,12 @@
+import { Breadcrumb as Root } from './Breadcrumb';
+import { CurrentPage } from './BreadcrumbCurrentPage';
+import { Item } from './BreadcrumbItem';
+import { Link } from './BreadcrumbLink';
+import { Separator } from './BreadcrumbSeparator';
+export declare const Breadcrumb: typeof Root & {
+    Item: typeof Item;
+    Link: typeof Link;
+    CurrentPage: typeof CurrentPage;
+    Separator: typeof Separator;
+};
+export type { BreadcrumbProps } from './Breadcrumb';

package/dist/src/button/Button.d.ts

@@ -0,0 +1,26 @@
+import { ComponentPropsWithoutRef, Ref } from 'react';
+import { ButtonStylesProps } from './Button.styles';
+export interface ButtonProps extends Omit<ComponentPropsWithoutRef<'button'>, 'disabled'>, ButtonStylesProps {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     */
+    asChild?: boolean;
+    /**
+     * Display a spinner to indicate to the user that the button is loading something after they interacted with it.
+     */
+    isLoading?: boolean;
+    /**
+     * If your loading state should only display a spinner, it is better to specify a label for it (a11y).
+     */
+    loadingLabel?: string;
+    /**
+     * If your loading state should also display a label, you can use this prop instead of `loadingLabel`.
+     * **Please note that using this can result in layout shifting when the Button goes from loading state to normal state.**
+     */
+    loadingText?: string;
+    ref?: Ref<HTMLButtonElement>;
+}
+export declare const Button: {
+    ({ children, design, disabled, intent, isLoading, loadingLabel, loadingText, shape, size, asChild, className, underline, ref, ...others }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/button/Button.styles.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const buttonStyles: (props?: ({
+    design?: "filled" | "outlined" | "ghost" | "tinted" | "contrast" | null | undefined;
+    underline?: boolean | null | undefined;
+    intent?: "main" | "alert" | "support" | "accent" | "success" | "info" | "neutral" | "danger" | "surface" | "surfaceInverse" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    shape?: "square" | "rounded" | "pill" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type ButtonStylesProps = VariantProps<typeof buttonStyles>;

package/dist/src/button/index.d.mts

@@ -0,0 +1 @@
+export * from './Button';

package/dist/src/button/index.d.ts

@@ -0,0 +1 @@
+export * from './Button';

package/dist/src/button/variants/contrast.d.ts

@@ -0,0 +1,41 @@
+export declare const contrastVariants: readonly [{
+    readonly intent: "main";
+    readonly design: "contrast";
+    readonly class: string[];
+}, {
+    readonly intent: "support";
+    readonly design: "contrast";
+    readonly class: string[];
+}, {
+    readonly intent: "accent";
+    readonly design: "contrast";
+    readonly class: string[];
+}, {
+    readonly intent: "success";
+    readonly design: "contrast";
+    readonly class: string[];
+}, {
+    readonly intent: "alert";
+    readonly design: "contrast";
+    readonly class: string[];
+}, {
+    readonly intent: "danger";
+    readonly design: "contrast";
+    readonly class: string[];
+}, {
+    readonly intent: "info";
+    readonly design: "contrast";
+    readonly class: string[];
+}, {
+    readonly intent: "neutral";
+    readonly design: "contrast";
+    readonly class: string[];
+}, {
+    readonly intent: "surface";
+    readonly design: "contrast";
+    readonly class: string[];
+}, {
+    readonly intent: "surfaceInverse";
+    readonly design: "contrast";
+    readonly class: string[];
+}];

package/dist/src/button/variants/filled.d.ts

@@ -0,0 +1,41 @@
+export declare const filledVariants: readonly [{
+    readonly intent: "main";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "support";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "accent";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "success";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "alert";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "danger";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "info";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "neutral";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "surface";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "surfaceInverse";
+    readonly design: "filled";
+    readonly class: string[];
+}];

package/dist/src/button/variants/ghost.d.ts

@@ -0,0 +1,41 @@
+export declare const ghostVariants: readonly [{
+    readonly intent: "main";
+    readonly design: "ghost";
+    readonly class: string[];
+}, {
+    readonly intent: "support";
+    readonly design: "ghost";
+    readonly class: string[];
+}, {
+    readonly intent: "accent";
+    readonly design: "ghost";
+    readonly class: string[];
+}, {
+    readonly intent: "success";
+    readonly design: "ghost";
+    readonly class: string[];
+}, {
+    readonly intent: "alert";
+    readonly design: "ghost";
+    readonly class: string[];
+}, {
+    readonly intent: "danger";
+    readonly design: "ghost";
+    readonly class: string[];
+}, {
+    readonly intent: "info";
+    readonly design: "ghost";
+    readonly class: string[];
+}, {
+    readonly intent: "neutral";
+    readonly design: "ghost";
+    readonly class: string[];
+}, {
+    readonly intent: "surface";
+    readonly design: "ghost";
+    readonly class: string[];
+}, {
+    readonly intent: "surfaceInverse";
+    readonly design: "ghost";
+    readonly class: string[];
+}];

package/dist/src/button/variants/index.d.mts

@@ -0,0 +1,5 @@
+export { filledVariants } from './filled';
+export { ghostVariants } from './ghost';
+export { outlinedVariants } from './outlined';
+export { tintedVariants } from './tinted';
+export { contrastVariants } from './contrast';

package/dist/src/button/variants/index.d.ts

@@ -0,0 +1,5 @@
+export { filledVariants } from './filled';
+export { ghostVariants } from './ghost';
+export { outlinedVariants } from './outlined';
+export { tintedVariants } from './tinted';
+export { contrastVariants } from './contrast';

package/dist/src/button/variants/outlined.d.ts

@@ -0,0 +1,41 @@
+export declare const outlinedVariants: readonly [{
+    readonly intent: "main";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "support";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "accent";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "success";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "alert";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "danger";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "info";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "neutral";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "surface";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "surfaceInverse";
+    readonly design: "outlined";
+    readonly class: string[];
+}];

package/dist/src/button/variants/tinted.d.ts

@@ -0,0 +1,41 @@
+export declare const tintedVariants: readonly [{
+    readonly intent: "main";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "support";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "accent";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "success";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "alert";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "danger";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "info";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "neutral";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "surface";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "surfaceInverse";
+    readonly design: "tinted";
+    readonly class: string[];
+}];

package/dist/src/card/Backdrop.d.ts

@@ -0,0 +1,14 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const backdropStyles: (props?: ({
+    animation?: "none" | "pulse" | null | undefined;
+    intent?: "main" | "alert" | "support" | "accent" | "success" | "info" | "neutral" | "danger" | "surface" | "surfaceInverse" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type BackdropStylesProps = VariantProps<typeof backdropStyles>;
+interface BackdropProps extends BackdropStylesProps {
+    className?: string;
+}
+export declare const Backdrop: {
+    ({ intent, animation, ...props }: BackdropProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/card/Card.d.ts

@@ -0,0 +1,16 @@
+import { ComponentProps } from 'react';
+import { CardStylesProps } from './Card.styles';
+export interface CardProps extends ComponentProps<'div'>, CardStylesProps {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     */
+    asChild?: boolean;
+    /**
+     * Whether the card should have an inset padding.
+     */
+    inset?: boolean;
+}
+export declare const Card: {
+    ({ children, design, intent, inset, asChild, className, ref, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/card/Card.styles.d.ts

@@ -0,0 +1,7 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const cardStyles: (props?: ({
+    design?: "filled" | "outlined" | "tinted" | null | undefined;
+    hasBackdrop?: boolean | null | undefined;
+    intent?: "main" | "alert" | "support" | "accent" | "success" | "info" | "neutral" | "danger" | "surface" | "surfaceInverse" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type CardStylesProps = VariantProps<typeof cardStyles>;

package/dist/src/card/Content.d.ts

@@ -0,0 +1,15 @@
+import { ComponentProps } from 'react';
+export interface ContentProps extends ComponentProps<'div'> {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     */
+    asChild?: boolean;
+    /**
+     * Whether the card should have an inset padding.
+     */
+    inset?: boolean;
+}
+export declare const Content: {
+    ({ children, inset, asChild, className, ref, ...props }: ContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/card/Content.styles.d.ts

@@ -0,0 +1,8 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const contentStyles: (props?: ({
+    inset?: boolean | null | undefined;
+    design?: "filled" | "outlined" | "tinted" | null | undefined;
+    hasBackdrop?: boolean | null | undefined;
+    intent?: "main" | "alert" | "support" | "accent" | "success" | "info" | "neutral" | "danger" | "surface" | "surfaceInverse" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type ContentStylesProps = VariantProps<typeof contentStyles>;

package/dist/src/card/context.d.ts

@@ -0,0 +1,11 @@
+import { CardStylesProps } from './Card.styles';
+export interface CardContextValue {
+    design: CardStylesProps['design'];
+    intent: CardStylesProps['intent'];
+    hasBackdrop: boolean;
+    inset: boolean;
+    isInteractive: boolean;
+}
+declare const CardContext: import('react').Context<CardContextValue | undefined>;
+export declare const useCardContext: () => CardContextValue;
+export { CardContext };

package/dist/src/card/index.d.mts

@@ -0,0 +1,8 @@
+import { Backdrop } from './Backdrop';
+import { Card as Root } from './Card';
+import { Content } from './Content';
+export declare const Card: typeof Root & {
+    Content: typeof Content;
+    Backdrop: typeof Backdrop;
+};
+export { type CardProps } from './Card';

package/dist/src/card/index.d.ts

@@ -0,0 +1,8 @@
+import { Backdrop } from './Backdrop';
+import { Card as Root } from './Card';
+import { Content } from './Content';
+export declare const Card: typeof Root & {
+    Content: typeof Content;
+    Backdrop: typeof Backdrop;
+};
+export { type CardProps } from './Card';

package/dist/src/card/utils.d.ts

@@ -0,0 +1,3 @@
+import { ReactNode } from 'react';
+export declare const hasBackdrop: (children: ReactNode) => boolean;
+export declare const isInteractive: (children: ReactNode, asChild: boolean | undefined, props: Record<string, any>) => boolean;