@coopdigital/react 1.11.0 → 1.13.0

package/dist/components/AlertBanner/AlertBanner.d.ts

@@ -1,37 +1,38 @@
-import type { HTMLAttributes, JSX, ReactNode, Ref } from "react";
-export interface AlertBannerProps extends HTMLAttributes<HTMLDivElement> {
-    /** **(Optional)** Main content inside the banner. It can be any valid JSX or string. */
-    children?: string | ReactNode;
-    /** **(Optional)** Specify additional CSS classes to be applied to the component. */
-    className?: string;
-    /** **(Optional)** Specify a custom React ref for this component. */
-    ref?: Ref<HTMLDivElement>;
-    /** **(Optional)** Specify the AlertBanner variant. */
-    variant?: "black" | "default";
+import { HTMLAttributes, JSX, ReactNode, Ref } from "react";
+//#region src/components/AlertBanner/AlertBanner.d.ts
+interface AlertBannerProps extends HTMLAttributes<HTMLDivElement> {
+  /** **(Optional)** Main content inside the banner. It can be any valid JSX or string. */
+  children?: string | ReactNode;
+  /** **(Optional)** Specify additional CSS classes to be applied to the component. */
+  className?: string;
+  /** **(Optional)** Specify a custom React ref for this component. */
+  ref?: Ref<HTMLDivElement>;
+  /** **(Optional)** Specify the AlertBanner variant. */
+  variant?: "black" | "default";
 }
 interface AlertBannerHeadingProps extends HTMLAttributes<HTMLHeadingElement> {
-    /** **(Optional)** Content inside the Heading. */
-    children?: React.ReactNode;
-    /** **(Optional)** Specify additional CSS classes to be applied to the Heading. */
-    className?: string;
+  /** **(Optional)** Content inside the Heading. */
+  children?: React.ReactNode;
+  /** **(Optional)** Specify additional CSS classes to be applied to the Heading. */
+  className?: string;
 }
 declare const AlertBanner: {
-    ({ children, className, ref, variant, ...props }: AlertBannerProps): JSX.Element;
+  ({ children, className, ref, variant, ...props }: AlertBannerProps): JSX.Element;
+  slot: {
+    name: string;
+  };
+  Heading: {
+    ({ children, className }: AlertBannerHeadingProps): JSX.Element;
     slot: {
-        name: string;
-    };
-    Heading: {
-        ({ children, className }: AlertBannerHeadingProps): JSX.Element;
-        slot: {
-            name: string;
-        };
+      name: string;
     };
+  };
 };
 declare const AlertBannerHeading: {
-    ({ children, className }: AlertBannerHeadingProps): JSX.Element;
-    slot: {
-        name: string;
-    };
+  ({ children, className }: AlertBannerHeadingProps): JSX.Element;
+  slot: {
+    name: string;
+  };
 };
-export default AlertBanner;
-export { AlertBanner, AlertBannerHeading };
+//#endregion
+export { AlertBanner, AlertBanner as default, AlertBannerHeading, AlertBannerProps };

package/dist/components/AlertBanner/AlertBanner.js

@@ -1,19 +1,23 @@
-import { jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/AlertBanner/AlertBanner.tsx
 const AlertBanner = ({ children, className, ref, variant = "default", ...props }) => {
-    const componentProps = {
-        className: clsx("coop-alert-banner", className),
-        "data-variant": variant,
-        ...props,
-    };
-    return (jsx("aside", { ...componentProps, ref: ref, children: children }));
+	return /* @__PURE__ */ jsx("aside", {
+		className: clsx("coop-alert-banner", className),
+		"data-variant": variant,
+		...props,
+		ref,
+		children
+	});
 };
 const AlertBannerHeading = ({ children, className }) => {
-    return jsx("h2", { className: className, children: children });
+	return /* @__PURE__ */ jsx("h2", {
+		className,
+		children
+	});
 };
 AlertBanner.slot = { name: "AlertBanner" };
 AlertBannerHeading.slot = { name: "AlertBannerHeading" };
 AlertBanner.Heading = AlertBannerHeading;
-
-export { AlertBanner, AlertBannerHeading, AlertBanner as default };
+//#endregion
+export { AlertBanner, AlertBanner as default, AlertBannerHeading };

package/dist/components/AlertBanner/index.d.ts

@@ -1,4 +1,2 @@
-import AlertBanner from "./AlertBanner";
-export default AlertBanner;
-export { AlertBanner };
-export * from "./AlertBanner";
+import { AlertBanner, AlertBannerHeading, AlertBannerProps } from "./AlertBanner.js";
+export { AlertBanner, AlertBanner as default, AlertBannerHeading, AlertBannerProps };

package/dist/components/AlertBanner/index.js

@@ -0,0 +1,5 @@
+import { AlertBanner, AlertBannerHeading } from "./AlertBanner.js";
+//#region src/components/AlertBanner/index.ts
+var AlertBanner_default = AlertBanner;
+//#endregion
+export { AlertBanner, AlertBannerHeading, AlertBanner_default as default };

package/dist/components/Author/Author.d.ts

@@ -1,26 +1,28 @@
-import type { HTMLAttributes, JSX, Ref } from "react";
-import { ImageProps } from "../Image";
-export interface AuthorProps extends HTMLAttributes<HTMLDivElement> {
-    /** **(Optional)** Specify the Author name. */
-    author?: string;
-    /** **(Optional)** Specify additional CSS classes to be applied to the component. */
-    className?: string;
-    /** **(Optional)** Specify the date. Refer to Experience Library guidance on date formats. We advise using the following format (dd mmmm yyyy) eg: 1 January 2000.  */
-    date?: string;
-    /** **(Optional)** Specify the text that will prefix the date, e.g. "Updated". */
-    datePrefix?: string;
-    /** **(Optional)** Specify properties of the Author Image. */
-    image?: ImageProps;
-    /** **(Optional)** Specify a custom React ref for this component. */
-    ref?: Ref<HTMLDivElement>;
-    /** **(Optional)** Specify the Author size. */
-    size?: "sm" | "md";
+import { ImageProps } from "../Image/Image.js";
+import "../Image/index.js";
+import { HTMLAttributes, JSX, Ref } from "react";
+//#region src/components/Author/Author.d.ts
+interface AuthorProps extends HTMLAttributes<HTMLDivElement> {
+  /** **(Optional)** Specify the Author name. */
+  author?: string;
+  /** **(Optional)** Specify additional CSS classes to be applied to the component. */
+  className?: string;
+  /** **(Optional)** Specify the date. Refer to Experience Library guidance on date formats. We advise using the following format (dd mmmm yyyy) eg: 1 January 2000.  */
+  date?: string;
+  /** **(Optional)** Specify the text that will prefix the date, e.g. "Updated". */
+  datePrefix?: string;
+  /** **(Optional)** Specify properties of the Author Image. */
+  image?: ImageProps;
+  /** **(Optional)** Specify a custom React ref for this component. */
+  ref?: Ref<HTMLDivElement>;
+  /** **(Optional)** Specify the Author size. */
+  size?: "sm" | "md";
 }
 declare const Author: {
-    ({ author, className, date, datePrefix, image, ref, size, ...props }: AuthorProps): JSX.Element;
-    slot: {
-        name: string;
-    };
+  ({ author, className, date, datePrefix, image, ref, size, ...props }: AuthorProps): JSX.Element;
+  slot: {
+    name: string;
+  };
 };
-export default Author;
-export { Author };
+//#endregion
+export { Author, Author as default, AuthorProps };

package/dist/components/Author/Author.js

@@ -1,22 +1,29 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { Image } from '../Image/Image.js';
-
+import { Image } from "../Image/Image.js";
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/Author/Author.tsx
 const Author = ({ author = "Co-op team", className, date, datePrefix = "", image = {
-    alt: "",
-    src: "https://s3.eu-west-1.amazonaws.com/assets.digital.coop.co.uk/oneweb/coop-logo-inverted.svg",
+	alt: "",
+	src: "https://s3.eu-west-1.amazonaws.com/assets.digital.coop.co.uk/oneweb/coop-logo-inverted.svg"
 }, ref, size, ...props }) => {
-    const imageProps = {
-        width: "56px",
-        ...image,
-    };
-    const componentProps = {
-        className: clsx("coop-author", className),
-        "data-size": (size === null || size === void 0 ? void 0 : size.length) ? size : undefined,
-        ...props,
-    };
-    return (jsxs("div", { ...componentProps, ref: ref, children: [image && jsx(Image, { ...imageProps }), jsxs("div", { className: "coop-author--content", children: [jsxs("span", { children: [jsx("span", { children: datePrefix ? datePrefix + " " : "" }), jsx("span", { className: "coop-author--date", children: date })] }), jsxs("span", { children: ["by ", author] })] })] }));
+	const imageProps = {
+		width: "56px",
+		...image
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx("coop-author", className),
+		"data-size": size?.length ? size : void 0,
+		...props,
+		ref,
+		children: [image && /* @__PURE__ */ jsx(Image, { ...imageProps }), /* @__PURE__ */ jsxs("div", {
+			className: "coop-author--content",
+			children: [/* @__PURE__ */ jsxs("span", { children: [/* @__PURE__ */ jsx("span", { children: datePrefix ? datePrefix + " " : "" }), /* @__PURE__ */ jsx("span", {
+				className: "coop-author--date",
+				children: date
+			})] }), /* @__PURE__ */ jsxs("span", { children: ["by ", author] })]
+		})]
+	});
 };
 Author.slot = { name: "Author" };
-
+//#endregion
 export { Author, Author as default };

package/dist/components/Author/index.d.ts

@@ -1,4 +1,2 @@
-import Author from "./Author";
-export default Author;
-export { Author };
-export * from "./Author";
+import { Author, AuthorProps } from "./Author.js";
+export { Author, Author as default, AuthorProps };

package/dist/components/Author/index.js

@@ -0,0 +1,5 @@
+import { Author } from "./Author.js";
+//#region src/components/Author/index.ts
+var Author_default = Author;
+//#endregion
+export { Author, Author_default as default };

package/dist/components/Button/Button.d.ts

@@ -1,36 +1,36 @@
-import type { ButtonHTMLAttributes, ForwardRefExoticComponent, JSX, Ref } from "react";
-import React from "react";
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /** **(Optional)** Specify a custom element to override default `a` or `button`. */
-    as?: React.FC<any> | ForwardRefExoticComponent<any> | string;
-    /** **(Optional)** Main content inside the component. It can be any valid JSX or string. */
-    children?: React.ReactNode;
-    /** **(Optional)** Specify additional CSS classes to be applied to the component. */
-    className?: string;
-    /** **(Optional)** Specify the URL that the Button component will link to when clicked. */
-    href?: string;
-    /** **(Optional)** Specify whether the Button should be disabled. This will not actually disable the button, just make it look disabled. Refer to Experience Library guidance on disabled buttons and accessibility.  */
-    isDisabled?: boolean;
-    /** **(Optional)** Specify whether the Button should be full width. Refer to Experience Library guidance on full width buttons. */
-    isFullWidth?: boolean;
-    /** **(Optional)** Force the Button into a loading state. */
-    isLoading?: boolean;
-    /** **(Optional)** Specify text to show when the Button is in a loading state. */
-    loadingText?: string;
-    /** **(Optional)** Callback to run when the button is pressed. If this is an async function, it will be awaited and the button will be in a pending state until the promise is resolved. */
-    onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
-    /** **(Optional)** Specify a custom React ref for this component. */
-    ref?: Ref<HTMLElement>;
-    /** **(Optional)** Specify the Button size. */
-    size?: "sm" | "md" | "lg";
-    /** **(Optional)** Specify the Button variant. */
-    variant?: "solid" | "ghost" | "text";
+import React, { ButtonHTMLAttributes, ForwardRefExoticComponent, JSX, Ref } from "react";
+//#region src/components/Button/Button.d.ts
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+  /** **(Optional)** Specify a custom element to override default `a` or `button`. */
+  as?: React.FC<any> | ForwardRefExoticComponent<any> | string;
+  /** **(Optional)** Main content inside the component. It can be any valid JSX or string. */
+  children?: React.ReactNode;
+  /** **(Optional)** Specify additional CSS classes to be applied to the component. */
+  className?: string;
+  /** **(Optional)** Specify the URL that the Button component will link to when clicked. */
+  href?: string;
+  /** **(Optional)** Specify whether the Button should be disabled. This will not actually disable the button, just make it look disabled. Refer to Experience Library guidance on disabled buttons and accessibility.  */
+  isDisabled?: boolean;
+  /** **(Optional)** Specify whether the Button should be full width. Refer to Experience Library guidance on full width buttons. */
+  isFullWidth?: boolean;
+  /** **(Optional)** Force the Button into a loading state. */
+  isLoading?: boolean;
+  /** **(Optional)** Specify text to show when the Button is in a loading state. */
+  loadingText?: string;
+  /** **(Optional)** Callback to run when the button is pressed. If this is an async function, it will be awaited and the button will be in a pending state until the promise is resolved. */
+  onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
+  /** **(Optional)** Specify a custom React ref for this component. */
+  ref?: Ref<HTMLElement>;
+  /** **(Optional)** Specify the Button size. */
+  size?: "sm" | "md" | "lg";
+  /** **(Optional)** Specify the Button variant. */
+  variant?: "solid" | "ghost" | "text";
 }
 declare const Button: {
-    ({ as, children, className, href, isDisabled, isFullWidth, isLoading, loadingText, onClick, ref, size, variant, ...props }: ButtonProps): JSX.Element;
-    slot: {
-        name: string;
-    };
+  ({ as, children, className, href, isDisabled, isFullWidth, isLoading, loadingText, onClick, ref, size, variant, ...props }: ButtonProps): JSX.Element;
+  slot: {
+    name: string;
+  };
 };
-export default Button;
-export { Button };
+//#endregion
+export { Button, Button as default, ButtonProps };

package/dist/components/Button/Button.js

@@ -1,38 +1,39 @@
 "use client";
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import React, { useState, useCallback } from 'react';
-import { hasUserBg } from '../../utils/index.js';
-import { LoadingSpinner } from '../LoadingSpinner/LoadingSpinner.js';
-
+import { hasUserBg } from "../../utils/index.js";
+import { LoadingSpinner } from "../LoadingSpinner/LoadingSpinner.js";
+import clsx from "clsx";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React, { useCallback, useState } from "react";
+//#region src/components/Button/Button.tsx
 const Button = ({ as, children, className, href, isDisabled = false, isFullWidth = false, isLoading = false, loadingText = "Loading", onClick, ref, size, variant = "solid", ...props }) => {
-    const element = as !== null && as !== void 0 ? as : (href ? "a" : "button");
-    const [isPending, setIsPending] = useState(false);
-    const handleClick = useCallback(async (event) => {
-        if (isPending || !onClick)
-            return;
-        setIsPending(true);
-        try {
-            await Promise.resolve(onClick(event));
-        }
-        finally {
-            setIsPending(false);
-        }
-    }, [onClick, isPending]);
-    const componentProps = {
-        "aria-disabled": isDisabled ? true : undefined,
-        className: clsx(variant == "text" ? "coop-link" : "coop-button", !hasUserBg(className) && variant === "solid" && "bg-teal", className),
-        "data-loading": isLoading || isPending ? true : undefined,
-        "data-size": size !== null && size !== void 0 ? size : undefined,
-        "data-variant": variant !== "text" ? variant : undefined,
-        "data-width": isFullWidth ? "full" : undefined,
-        href,
-        onClick: onClick ? handleClick : undefined,
-        ...props,
-    };
-    const finalChildren = isPending || isLoading ? (jsxs(Fragment, { children: [loadingText, jsx(LoadingSpinner, {})] })) : (children);
-    return React.createElement(element, { ...componentProps, ref }, finalChildren);
+	const element = as ?? (href ? "a" : "button");
+	const [isPending, setIsPending] = useState(false);
+	const handleClick = useCallback(async (event) => {
+		if (isPending || !onClick) return;
+		setIsPending(true);
+		try {
+			await Promise.resolve(onClick(event));
+		} finally {
+			setIsPending(false);
+		}
+	}, [onClick, isPending]);
+	const componentProps = {
+		"aria-disabled": isDisabled ? true : void 0,
+		className: clsx(variant == "text" ? "coop-link" : "coop-button", !hasUserBg(className) && variant === "solid" && "bg-teal", className),
+		"data-loading": isLoading || isPending ? true : void 0,
+		"data-size": size ?? void 0,
+		"data-variant": variant !== "text" ? variant : void 0,
+		"data-width": isFullWidth ? "full" : void 0,
+		href,
+		onClick: onClick ? handleClick : void 0,
+		...props
+	};
+	const finalChildren = isPending || isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [loadingText, /* @__PURE__ */ jsx(LoadingSpinner, {})] }) : children;
+	return React.createElement(element, {
+		...componentProps,
+		ref
+	}, finalChildren);
 };
 Button.slot = { name: "Button" };
-
+//#endregion
 export { Button, Button as default };

package/dist/components/Button/index.d.ts

@@ -1,4 +1,2 @@
-import Button from "./Button";
-export default Button;
-export { Button };
-export * from "./Button";
+import { Button, ButtonProps } from "./Button.js";
+export { Button, Button as default, ButtonProps };

package/dist/components/Button/index.js

@@ -0,0 +1,5 @@
+import { Button } from "./Button.js";
+//#region src/components/Button/index.ts
+var Button_default = Button;
+//#endregion
+export { Button, Button_default as default };

package/dist/components/Card/Card.d.ts

@@ -1,118 +1,119 @@
-import type { ForwardRefExoticComponent, HTMLAttributes, JSX, Ref } from "react";
-import React from "react";
-import { ImageProps } from "../Image";
-export interface CardProps extends HTMLAttributes<HTMLDivElement> {
-    /** **(Optional)** Specify whether chevron is visible. */
-    chevron?: boolean;
-    /** **(Optional)** Content inside the component. Children that are not assigned to a slot will be grouped together and rendered under the main Card content. */
-    children?: React.ReactNode;
-    /** **(Optional)** Specify additional CSS classes to be applied to the component. */
-    className?: string;
-    /** **(Optional)** Specify the URL that the Card will link to. */
-    href?: string;
-    /** **(Optional)** Specify a custom element to use instead of `a`. */
-    hrefAs?: React.FC<any> | ForwardRefExoticComponent<any> | string;
-    /** **(Optional)** Specify the position of the image in the Card. */
-    imagePosition?: "left" | "right";
-    /** **(Optional)** Specify the orientation of the Card. */
-    orientation?: "vertical" | "horizontal";
-    /** **(Optional)** Specify a custom React ref for this component. */
-    ref?: Ref<HTMLDivElement>;
+import { ImageProps } from "../Image/Image.js";
+import "../Image/index.js";
+import React, { ForwardRefExoticComponent, HTMLAttributes, JSX, Ref } from "react";
+//#region src/components/Card/Card.d.ts
+interface CardProps extends HTMLAttributes<HTMLDivElement> {
+  /** **(Optional)** Specify whether chevron is visible. */
+  chevron?: boolean;
+  /** **(Optional)** Content inside the component. Children that are not assigned to a slot will be grouped together and rendered under the main Card content. */
+  children?: React.ReactNode;
+  /** **(Optional)** Specify additional CSS classes to be applied to the component. */
+  className?: string;
+  /** **(Optional)** Specify the URL that the Card will link to. */
+  href?: string;
+  /** **(Optional)** Specify a custom element to use instead of `a`. */
+  hrefAs?: React.FC<any> | ForwardRefExoticComponent<any> | string;
+  /** **(Optional)** Specify the position of the image in the Card. */
+  imagePosition?: "left" | "right";
+  /** **(Optional)** Specify the orientation of the Card. */
+  orientation?: "vertical" | "horizontal";
+  /** **(Optional)** Specify a custom React ref for this component. */
+  ref?: Ref<HTMLDivElement>;
 }
 interface CardLabelProps extends HTMLAttributes<HTMLSpanElement> {
-    /** **(Optional)** Content inside the Label. */
-    children?: React.ReactNode;
-    /** **(Optional)** Specify additional CSS classes to be applied to the Label. */
-    className?: string;
+  /** **(Optional)** Content inside the Label. */
+  children?: React.ReactNode;
+  /** **(Optional)** Specify additional CSS classes to be applied to the Label. */
+  className?: string;
 }
 interface CardHeadingProps extends HTMLAttributes<HTMLDivElement> {
-    /** **(Optional)** Specify a custom element to use instead of `h3`. */
-    as?: "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div";
-    /** **(Optional)** Content inside the Heading. */
-    children?: React.ReactNode;
-    /** **(Optional)** Specify additional CSS classes to be applied to the Heading. */
-    className?: string;
+  /** **(Optional)** Specify a custom element to use instead of `h3`. */
+  as?: "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div";
+  /** **(Optional)** Content inside the Heading. */
+  children?: React.ReactNode;
+  /** **(Optional)** Specify additional CSS classes to be applied to the Heading. */
+  className?: string;
 }
 interface CardBodyProps extends HTMLAttributes<HTMLDivElement> {
-    /** **(Optional)** Content inside the Body. */
-    children?: React.ReactNode;
+  /** **(Optional)** Content inside the Body. */
+  children?: React.ReactNode;
 }
 interface CardBadgeProps extends HTMLAttributes<HTMLDivElement> {
-    /** **(Optional)** Specify on which side the Badge should appear. */
-    align?: "left" | "right";
-    /** **(Optional)** Content inside the Badge. */
-    children?: React.ReactNode;
-    /** **(Optional)** Specify additional CSS classes to be applied to the Badge. */
-    className?: string;
-    /** **(Optional)** Specify badge position relative to top right corner. */
-    position?: "inset" | "popout";
+  /** **(Optional)** Specify on which side the Badge should appear. */
+  align?: "left" | "right";
+  /** **(Optional)** Content inside the Badge. */
+  children?: React.ReactNode;
+  /** **(Optional)** Specify additional CSS classes to be applied to the Badge. */
+  className?: string;
+  /** **(Optional)** Specify badge position relative to top right corner. */
+  position?: "inset" | "popout";
 }
 type CardImageProps = ImageProps;
 declare const Card: {
-    ({ chevron, children, className, href, hrefAs, imagePosition, orientation, ref, ...props }: CardProps): JSX.Element;
+  ({ chevron, children, className, href, hrefAs, imagePosition, orientation, ref, ...props }: CardProps): JSX.Element;
+  slot: {
+    name: string;
+  };
+  Label: {
+    ({ children, className }: CardLabelProps): JSX.Element;
     slot: {
-        name: string;
-    };
-    Label: {
-        ({ children, className }: CardLabelProps): JSX.Element;
-        slot: {
-            name: string;
-        };
+      name: string;
     };
-    Heading: {
-        ({ as, children, className }: CardHeadingProps): JSX.Element;
-        slot: {
-            name: string;
-        };
+  };
+  Heading: {
+    ({ as, children, className }: CardHeadingProps): JSX.Element;
+    slot: {
+      name: string;
     };
-    Badge: {
-        ({ align, children, position, ...props }: CardBadgeProps): JSX.Element;
-        slot: {
-            name: string;
-        };
+  };
+  Badge: {
+    ({ align, children, position, ...props }: CardBadgeProps): JSX.Element;
+    slot: {
+      name: string;
     };
-    Body: {
-        ({ children }: CardBodyProps): JSX.Element;
-        slot: {
-            name: string;
-        };
+  };
+  Body: {
+    ({ children }: CardBodyProps): JSX.Element;
+    slot: {
+      name: string;
     };
-    Image: {
-        (props: CardImageProps): JSX.Element;
-        slot: {
-            name: string;
-        };
+  };
+  Image: {
+    (props: CardImageProps): JSX.Element;
+    slot: {
+      name: string;
     };
+  };
 };
 declare const CardHeading: {
-    ({ as, children, className }: CardHeadingProps): JSX.Element;
-    slot: {
-        name: string;
-    };
+  ({ as, children, className }: CardHeadingProps): JSX.Element;
+  slot: {
+    name: string;
+  };
 };
 declare const CardLabel: {
-    ({ children, className }: CardLabelProps): JSX.Element;
-    slot: {
-        name: string;
-    };
+  ({ children, className }: CardLabelProps): JSX.Element;
+  slot: {
+    name: string;
+  };
 };
 declare const CardBadge: {
-    ({ align, children, position, ...props }: CardBadgeProps): JSX.Element;
-    slot: {
-        name: string;
-    };
+  ({ align, children, position, ...props }: CardBadgeProps): JSX.Element;
+  slot: {
+    name: string;
+  };
 };
 declare const CardBody: {
-    ({ children }: CardBodyProps): JSX.Element;
-    slot: {
-        name: string;
-    };
+  ({ children }: CardBodyProps): JSX.Element;
+  slot: {
+    name: string;
+  };
 };
 declare const CardImage: {
-    (props: CardImageProps): JSX.Element;
-    slot: {
-        name: string;
-    };
+  (props: CardImageProps): JSX.Element;
+  slot: {
+    name: string;
+  };
 };
-export default Card;
-export { Card, CardBadge, CardBody, CardHeading, CardImage, CardLabel };
+//#endregion
+export { Card, Card as default, CardBadge, CardBody, CardHeading, CardImage, CardLabel, CardProps };