@mezo-org/mezo-clay 0.1.0-dev.3 → 0.1.0-dev.31

package/README.md

@@ -29,6 +29,7 @@ Open [http://localhost:6006/](http://localhost:6006/) to view it in the browser.
 ```shell
 pnpm run format
 ```
+
 This will lint both config files and ts/tsx/js/jsx files. See the `package.json` for specific linting commands.
 
 #### Pre-commit
@@ -61,6 +62,36 @@ pnpm run build:lib
 
 The library is output as the /dist directory.
 
+### Publishing to NPM
+
+Before you build and publish to NPM, you'll want to increment the version in `package.json`.
+
+#### Build the library (same as above)
+
+```shell
+pnpm run build:lib
+```
+
+#### Login to NPM
+
+```shell
+pnpm login
+```
+
+#### Test the Built Package Locally
+
+Use `pnpm pack` to build a `.tgz` file that you can link to from your test application.
+
+#### Publish
+
+```shell
+pnpm publish --access public
+```
+
+__Note__: You can use the `--dry-run` flag on `publish` if you want to preview what will be included in the release package without actually publishing.
+
+Check out your new release on the [npm page](https://www.npmjs.com/package/@mezo-org/mezo-clay).
+
 ## Using Clay
 
 ### Install
@@ -77,30 +108,25 @@ pnpm add styletron-engine-monolithic
 
 ### Adding Clay to your React app
 
-Wrap the root of your app with `StyletronProvider` and `BaseProvider` components, like so:
+Wrap the root of your app with the `ClayProvider` component, like so:
 
 ```js
 import { StrictMode } from "react"
 import { createRoot } from "react-dom/client"
-import { Client as Styletron } from "styletron-engine-monolithic"
-import { BaseProvider, ClayLightTheme, StyletronProvider } from "mezo-clay"
+import { ClayLightTheme, ClayProvider } from "@mezo-org/mezo-clay"
 
-import "mezo-clay/dist/mezo-clay.css" // Font styles
+import "@mezo-org/mezo-clay/dist/mezo-clay.css" // Font styles
 
 import App from "./App.tsx"
 
-const engine = new Styletron()
-
 createRoot(document.getElementById('root')!).render(
     <StrictMode>
-      <StyletronProvider value={engine}>
-        <BaseProvider theme={ClayLightTheme}>
-          <App />
-        </BaseProvider>
-      </StyletronProvider>
+      <ClayProvider theme={ClayLightTheme}>
+        <App />
+      </ClayProvider>
     </StrictMode>
   ,
 )
 ```
 
-Import the `mezo-clay/dist/mezo-clay.css` to ensure that the proper fonts are included.
+Import the `@mezo-org/mezo-clay/dist/mezo-clay.css` to ensure that the proper fonts are included.

package/dist/components/accordion/accordion.d.ts

@@ -1,2 +1,5 @@
 import { AccordionProps } from './types';
-export default function Accordion({ accordion, children, disabled, initialState, onChange, overrides, size, stateReducer, renderAll, toggleIcon, }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+export declare const useAccordionContext: () => {
+    toggleIcon?: AccordionProps["toggleIcon"];
+};
+export default function Accordion({ accordion, children, disabled, id, initialState, onChange, overrides, size, stateReducer, renderAll, toggleIcon, }: AccordionProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/accordion/panel.d.ts

@@ -1,3 +1,20 @@
+import { default as React } from 'react';
 import { PanelTitleProps } from './types';
 export declare function PanelTitle({ artwork, artworkSize, title, subtitle, }: PanelTitleProps): import("react/jsx-runtime").JSX.Element;
-export { Panel } from 'baseui/accordion';
+export declare const Panel: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+    disabled?: boolean;
+    'aria-controls'?: string;
+    key?: React.Key;
+    onChange?: import('baseui/accordion').OnChangeHandler;
+    onClick?: (e: Event) => unknown;
+    onKeyDown?: (e: KeyboardEvent) => unknown;
+    overrides?: import('baseui/accordion').PanelOverrides;
+    title?: React.ReactNode;
+    renderPanelContent?: boolean;
+    renderAll?: boolean;
+} & {
+    expanded?: boolean;
+} & {
+    id?: string;
+} & React.RefAttributes<HTMLElement>>;

package/dist/components/accordion/shared-overrides.d.ts

@@ -0,0 +1,4 @@
+import { AccordionProps } from './types';
+export declare function getToggleIconComponent(toggleIcon?: AccordionProps["toggleIcon"]): {
+    component: (props: any) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/accordion/types.d.ts

@@ -1,12 +1,15 @@
 import { default as React } from 'react';
-import { AccordionProps as BaseAccordionProps } from 'baseui/accordion';
-import { Icon } from '../icons';
+import { AccordionProps as BaseAccordionProps, PanelProps as BasePanelProps } from 'baseui/accordion';
+import { Icon } from 'baseui/icon';
 import { ACCORDION_SIZE, PANEL_ARTWORK_SIZE } from './constants';
 export interface AccordionProps extends BaseAccordionProps {
+    id?: string;
     size: keyof typeof ACCORDION_SIZE;
     toggleIcon?: React.ReactElement<typeof Icon>;
 }
-export type { PanelProps } from 'baseui/accordion';
+export type PanelProps = BasePanelProps & {
+    id?: string;
+};
 export interface PanelTitleProps {
     artwork?: React.ReactNode;
     artworkSize?: keyof typeof PANEL_ARTWORK_SIZE;

package/dist/components/avatar/avatar.d.ts

@@ -0,0 +1,22 @@
+import { ComponentType } from 'react';
+import { AvatarProps as BaseAvatarProps } from 'baseui/avatar';
+import { IconProps } from 'baseui/icon';
+export type AvatarSize = "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge" | string;
+export type AvatarProps = Omit<BaseAvatarProps, "size"> & {
+    size?: AvatarSize;
+    backgroundColor?: string;
+};
+export declare const AVATAR_SIZE: {
+    xsmall: string;
+    small: string;
+    medium: string;
+    large: string;
+    xlarge: string;
+    xxlarge: string;
+};
+export declare function Avatar({ backgroundColor, initials, name, overrides, size, src, }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+export type IconAvatarProps = Omit<AvatarProps, "initials"> & {
+    icon?: ComponentType<IconProps>;
+    iconProps?: IconProps;
+};
+export declare function IconAvatar({ overrides, size, src, icon, iconProps, ...restProps }: IconAvatarProps): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/banner/banner.d.ts

@@ -0,0 +1,19 @@
+import { BannerProps, BannerVariantProps } from './types';
+export declare const useBannerContext: () => {
+    actionLabel: BannerProps["actionLabel"];
+    actionButtonId: BannerProps["actionButtonId"];
+    artworkType: BannerProps["artworkType"];
+    hierarchy: BannerProps["hierarchy"];
+    id: BannerProps["id"];
+    kind?: BannerProps["kind"];
+    onClick: BannerProps["onClick"];
+};
+export declare function BannerCloseIcon({ size }: {
+    size: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function BannerTrailingButtonContainer(): import("react/jsx-runtime").JSX.Element;
+export default function Banner({ actionIcon, actionLabel, actionButtonId, artworkIcon, artworkType, children, hierarchy, id, kind, onClick, overrides, nested, title, }: BannerProps): import("react/jsx-runtime").JSX.Element;
+export declare function BannerInfo({ artworkType, children, ...restProps }: BannerVariantProps): import("react/jsx-runtime").JSX.Element;
+export declare function BannerNegative({ artworkType, children, ...restProps }: BannerVariantProps): import("react/jsx-runtime").JSX.Element;
+export declare function BannerPositive({ artworkType, children, ...restProps }: BannerVariantProps): import("react/jsx-runtime").JSX.Element;
+export declare function BannerWarning({ artworkType, children, overrides, ...restProps }: BannerVariantProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+export { default as Banner, BannerInfo, BannerCloseIcon, BannerNegative, BannerPositive, BannerTrailingButtonContainer, BannerWarning, } from './banner';
+export * from './types';
+export { ARTWORK_TYPE as BANNER_ARTWORK_TYPE, StyledTrailingButtonContainer, } from 'baseui/banner';

package/dist/components/banner/types.d.ts

@@ -0,0 +1,12 @@
+import { BannerProps as BaseBannerProps, ActionContent as BaseActionContent, ArtworkContent as BaseArtworkContent } from 'baseui/banner';
+export interface BannerProps extends Omit<Omit<BaseBannerProps, "action">, "artwork"> {
+    actionIcon?: BaseActionContent["icon"];
+    actionLabel?: BaseActionContent["label"];
+    actionButtonId?: string;
+    onClick?: BaseActionContent["onClick"];
+    artworkIcon?: BaseArtworkContent["icon"];
+    artworkType?: BaseArtworkContent["type"];
+    id?: string;
+}
+export interface BannerVariantProps extends Omit<Omit<BannerProps, "artworkIcon">, "kind"> {
+}

package/dist/components/banner/utils.d.ts

@@ -0,0 +1,292 @@
+import { ReactElement } from 'react';
+import { BannerCloseIcon, BannerVariantProps } from './index';
+type RenderFn = (args: BannerVariantProps) => ReactElement;
+export declare function getLowHierarchyStory(renderFn: RenderFn): {
+    args: {
+        actionIcon: any;
+        actionLabel: any;
+        actionButtonId: string;
+        artworkType: any;
+        children: string;
+        hierarchy: BannerVariantProps["hierarchy"];
+        id: string;
+        onClick: any;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getLowHierarchyWithActionButtonStory(renderFn: RenderFn): {
+    args: {
+        actionLabel: string;
+        onClick: () => void;
+        actionIcon: any;
+        actionButtonId: string;
+        artworkType: any;
+        children: string;
+        hierarchy: BannerVariantProps["hierarchy"];
+        id: string;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getLowHierarchyWithActionIconStory(renderFn: RenderFn): {
+    args: {
+        actionLabel: string;
+        actionIcon: typeof BannerCloseIcon;
+        onClick: () => void;
+        actionButtonId: string;
+        artworkType: any;
+        children: string;
+        hierarchy: BannerVariantProps["hierarchy"];
+        id: string;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getLowHierarchyWithArtworkWithBadgeStory(renderFn: RenderFn): {
+    args: {
+        artworkType: "badge";
+        actionIcon: any;
+        actionLabel: any;
+        actionButtonId: string;
+        children: string;
+        hierarchy: BannerVariantProps["hierarchy"];
+        id: string;
+        onClick: any;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getLowHierarchyWithArtworkWithBadgeAndButtonStory(renderFn: RenderFn): {
+    args: {
+        artworkType: "badge";
+        actionLabel: string;
+        onClick: () => void;
+        actionIcon: any;
+        actionButtonId: string;
+        children: string;
+        hierarchy: BannerVariantProps["hierarchy"];
+        id: string;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getLowHierarchyWithArtworkWithBadgeAndCloseStory(renderFn: RenderFn): {
+    args: {
+        artworkType: "badge";
+        actionLabel: string;
+        actionIcon: typeof BannerCloseIcon;
+        onClick: () => void;
+        actionButtonId: string;
+        children: string;
+        hierarchy: BannerVariantProps["hierarchy"];
+        id: string;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getLowHierarchyWithArtworkWithIconStory(renderFn: RenderFn): {
+    args: {
+        artworkType: "icon";
+        actionIcon: any;
+        actionLabel: any;
+        actionButtonId: string;
+        children: string;
+        hierarchy: BannerVariantProps["hierarchy"];
+        id: string;
+        onClick: any;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getLowHierarchyWithArtworkWithIconAndButtonStory(renderFn: RenderFn): {
+    args: {
+        artworkType: "icon";
+        actionLabel: string;
+        onClick: () => void;
+        actionIcon: any;
+        actionButtonId: string;
+        children: string;
+        hierarchy: BannerVariantProps["hierarchy"];
+        id: string;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getLowHierarchyWithArtworkWithIconAndCloseStory(renderFn: RenderFn): {
+    args: {
+        artworkType: "icon";
+        actionLabel: string;
+        actionIcon: typeof BannerCloseIcon;
+        onClick: () => void;
+        actionButtonId: string;
+        children: string;
+        hierarchy: BannerVariantProps["hierarchy"];
+        id: string;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getHighHierarchyStory(renderFn: RenderFn): {
+    args: {
+        hierarchy: import('baseui/banner').Hierarchy;
+        actionIcon: any;
+        actionLabel: any;
+        actionButtonId: string;
+        artworkType: any;
+        children: string;
+        id: string;
+        onClick: any;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getHighHierarchyWithActionButtonStory(renderFn: RenderFn): {
+    args: {
+        hierarchy: import('baseui/banner').Hierarchy;
+        actionLabel: string;
+        onClick: () => void;
+        actionIcon: any;
+        actionButtonId: string;
+        artworkType: any;
+        children: string;
+        id: string;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getHighHierarchyWithActionIconStory(renderFn: RenderFn): {
+    args: {
+        hierarchy: import('baseui/banner').Hierarchy;
+        actionLabel: string;
+        actionIcon: typeof BannerCloseIcon;
+        onClick: () => void;
+        actionButtonId: string;
+        artworkType: any;
+        children: string;
+        id: string;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getHighHierarchyWithArtworkWithBadgeStory(renderFn: RenderFn): {
+    args: {
+        hierarchy: import('baseui/banner').Hierarchy;
+        artworkType: "badge";
+        actionIcon: any;
+        actionLabel: any;
+        actionButtonId: string;
+        children: string;
+        id: string;
+        onClick: any;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getHighHierarchyWithArtworkWithBadgeAndButtonStory(renderFn: RenderFn): {
+    args: {
+        hierarchy: import('baseui/banner').Hierarchy;
+        artworkType: "badge";
+        actionLabel: string;
+        onClick: () => void;
+        actionIcon: any;
+        actionButtonId: string;
+        children: string;
+        id: string;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getHighHierarchyWithArtworkWithBadgeAndCloseStory(renderFn: RenderFn): {
+    args: {
+        hierarchy: import('baseui/banner').Hierarchy;
+        artworkType: "badge";
+        actionLabel: string;
+        actionIcon: typeof BannerCloseIcon;
+        onClick: () => void;
+        actionButtonId: string;
+        children: string;
+        id: string;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getHighHierarchyWithArtworkWithIconStory(renderFn: RenderFn): {
+    args: {
+        hierarchy: import('baseui/banner').Hierarchy;
+        artworkType: "icon";
+        actionIcon: any;
+        actionLabel: any;
+        actionButtonId: string;
+        children: string;
+        id: string;
+        onClick: any;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getHighHierarchyWithArtworkWithIconAndButtonStory(renderFn: RenderFn): {
+    args: {
+        hierarchy: import('baseui/banner').Hierarchy;
+        artworkType: "icon";
+        actionLabel: string;
+        onClick: () => void;
+        actionIcon: any;
+        actionButtonId: string;
+        children: string;
+        id: string;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export declare function getHighHierarchyWithArtworkWithIconAndCloseStory(renderFn: RenderFn): {
+    args: {
+        hierarchy: import('baseui/banner').Hierarchy;
+        artworkType: "icon";
+        actionLabel: string;
+        actionIcon: typeof BannerCloseIcon;
+        onClick: () => void;
+        actionButtonId: string;
+        children: string;
+        id: string;
+        overrides: {};
+        nested: boolean;
+        title: string;
+    };
+    render: RenderFn;
+};
+export {};

package/dist/components/breadcrumbs/breadcrumbs.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { BreadcrumbsProps as BaseBreadcrumbsProps } from 'baseui/breadcrumbs';
+import { Icon } from 'baseui/icon';
+export type BreadcrumbsProps = BaseBreadcrumbsProps & {
+    icon?: ReactElement<typeof Icon>;
+};
+export declare function Breadcrumbs({ children, icon, overrides, ...restProps }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './breadcrumbs';
+export { StyledSeparator as BreadcrumbStyledSeparator } from 'baseui/breadcrumbs';

package/dist/components/button/button.d.ts

@@ -1,3 +1,6 @@
 import { ButtonProps } from './types';
+import * as React from "react";
 export declare function getBaseButtonSize(size: any): any;
-export default function Button({ $as, children, colors, disabled, endEnhancer, href, isLoading, isSelected, kind, onClick, overrides, shape, size, startEnhancer, target, type, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Button({ id, "data-attr": dataAttr, disabled, kind, overrides, size, forwardedRef, width, whiteSpace, ...restProps }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+declare const ForwardedButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLElement>>;
+export default ForwardedButton;

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

@@ -1,4 +1,4 @@
 export { default as Button, getBaseButtonSize } from './button';
 export { KIND as BUTTON_KIND, SIZE as BUTTON_SIZE, SHAPE as BUTTON_SHAPE, } from './constants';
-export { getButtonHoverStyles, getButtonActiveStyles } from './overrides';
+export { getButtonHoverStyles, getButtonActiveStyles, getButtonIconSize, } from './overrides';
 export * from './types';

package/dist/components/button/overrides.d.ts

@@ -1,5 +1,5 @@
 import { ButtonProps } from './types';
-export declare function getButtonHoverStyles(kind: any, disabled?: boolean): {
+export declare function getButtonHoverStyles($theme: any, kind: any, disabled?: boolean): {
     boxShadow?: undefined;
 } | {
     boxShadow: string;
@@ -14,4 +14,5 @@ export declare function getButtonActiveStyles($theme: any, kind: any, disabled?:
     color: any;
     boxShadow?: undefined;
 };
-export declare function getButtonOverrides({ overrides, kind, disabled }: ButtonProps): import('baseui/helpers/overrides').Overrides<any>;
+export declare function getButtonIconSize(size: ButtonProps["size"]): "16px" | "24px" | "20px" | "12px";
+export declare function getButtonOverrides({ overrides, kind, disabled, width, whiteSpace, }: ButtonProps): import('baseui/helpers/overrides').Overrides<any>;

package/dist/components/button/types.d.ts

@@ -1,9 +1,14 @@
-import { default as React } from 'react';
+import { default as React, ForwardedRef } from 'react';
 import { ButtonProps as BaseButtonProps } from 'baseui/button';
 import { SIZE, SHAPE } from './constants';
 export interface ButtonProps extends Omit<Omit<BaseButtonProps, "size">, "shape"> {
     size?: keyof typeof SIZE;
     shape?: keyof typeof SHAPE;
     $as?: React.ElementType;
+    "data-attr"?: string;
+    id?: string;
+    forwardedRef?: ForwardedRef<HTMLElement>;
+    width?: string;
+    whiteSpace?: string;
 }
 export type { ButtonOverrides, CustomColors, SharedStyleProps, } from 'baseui/button';

package/dist/components/button-group/index.d.ts

@@ -1,3 +1,3 @@
 export { default as ButtonGroup, StatefulButtonGroup } from './button-group';
-export { SHAPE as BUTTON_GROUP_SHAPE, SIZE as BUTTON_GROUP_SIZE, } from './constants';
+export { SHAPE as BUTTON_GROUP_SHAPE, SIZE as BUTTON_GROUP_SIZE, } from '../button/constants';
 export type { ButtonGroupProps, StatefulButtonGroupProps } from './types';

package/dist/components/button-group/types.d.ts

@@ -1,8 +1,7 @@
 import { ButtonGroupProps as BaseButtonGroupProps, StateReducer } from 'baseui/button-group';
-import { BUTTON_SHAPE } from '../button';
-import { SIZE } from './constants';
+import { BUTTON_SHAPE, BUTTON_SIZE } from '../button';
 export interface ButtonGroupProps extends Omit<Omit<BaseButtonGroupProps, "size">, "shape"> {
-    size?: keyof typeof SIZE;
+    size?: keyof typeof BUTTON_SIZE;
     shape?: keyof typeof BUTTON_SHAPE;
 }
 export interface StatefulButtonGroupProps extends Omit<ButtonGroupProps, "selected"> {

package/dist/components/button-icon/button-icon.d.ts

@@ -1,2 +1,5 @@
+import { default as React, ReactNode } from 'react';
 import { ButtonIconProps } from './types';
-export default function IconButton({ $as, children, colors, disabled, href, isLoading, isSelected, kind, onClick, overrides, shape, size, target, type, }: ButtonIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function formatButtonLabel(label: ReactNode): string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>;
+declare const ForwardedButtonIcon: React.ForwardRefExoticComponent<ButtonIconProps & React.RefAttributes<HTMLElement>>;
+export default ForwardedButtonIcon;

package/dist/components/button-icon/index.d.ts

@@ -1,4 +1,3 @@
 export { default as ButtonIcon } from './button-icon';
 export { KIND as BUTTON_ICON_KIND, SHAPE as BUTTON_ICON_SHAPE, SIZE as BUTTON_ICON_SIZE, } from './constants';
-export { getIconSize } from './overrides';
 export type { ButtonIconProps } from './types';

package/dist/components/callout-card/callout-card-subcomponents.d.ts

@@ -0,0 +1,31 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { StyleObject } from 'styletron-react';
+import { ButtonProps } from '../button';
+import { CardFooterProps } from '../card';
+export type CalloutCardTitleProps = {
+    $style?: StyleObject;
+    children: ReactNode;
+};
+export declare function CalloutCardTitle({ $style, children, }: CalloutCardTitleProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CalloutCardTitle {
+    var displayName: string;
+}
+export type CalloutCardBodyProps = {
+    $style?: StyleObject;
+    children: ReactNode;
+};
+export declare function CalloutCardBody({ $style, children, }: CalloutCardBodyProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CalloutCardBody {
+    var displayName: string;
+}
+export type CalloutCardFooterProps = CardFooterProps;
+export declare function CalloutCardFooter({ justifyContent, ...restProps }: CalloutCardFooterProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CalloutCardFooter {
+    var displayName: string;
+}
+export declare function CalloutCardAction({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export declare namespace CalloutCardAction {
+    var displayName: string;
+}
+export type CalloutCardFooterButtonProps = Omit<ButtonProps, "size" | "kind" | "shape">;
+export declare function CalloutCardFooterButton({ overrides, ...restProps }: CalloutCardFooterButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/callout-card/callout-card.d.ts

@@ -0,0 +1,11 @@
+import { CardProps } from '../card';
+import { ContentStep, ContentStepperProps, ContentStepperOverrides } from '../content-stepper';
+import { CalloutCardKind } from './types';
+export type CalloutCardProps = Omit<CardProps, "backgroundImage" | "loadingHeaderImageHeight" | "headerImage" | "thumbnail" | "hasThumbnail"> & Omit<ContentStepperProps, "steps" | "overrides" | "onClose" | "onStepsCompleted"> & {
+    kind?: CalloutCardKind;
+    steps?: ContentStep[];
+    contentStepperOverrides?: ContentStepperOverrides;
+    onClose?: () => void;
+    onStepsCompleted?: () => void;
+};
+export declare function CalloutCard({ action, children, kind, contentStepperOverrides, overrides, steps, withStepCount, onClose, onStepsCompleted, previousButtonAlwaysEnabled, loading, ...restProps }: CalloutCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/callout-card/context.d.ts

@@ -0,0 +1,9 @@
+import { CalloutCardKind } from './types';
+export declare const CalloutCardContext: import('react').Context<{
+    kind: CalloutCardKind;
+    loading: boolean;
+}>;
+export declare const useCalloutCardContext: () => {
+    kind: CalloutCardKind;
+    loading: boolean;
+};

package/dist/components/callout-card/index.d.ts

@@ -0,0 +1,4 @@
+export * from './callout-card';
+export * from './callout-card-subcomponents';
+export * from './context';
+export * from './types';

package/dist/components/callout-card/skeletons.d.ts

@@ -0,0 +1,3 @@
+export { CardTitleSkeleton as CalloutCardTitleSkeleton } from '../card/card-skeletons';
+export declare function CalloutCardBodySkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function CalloutCardFooterSkeleton(): import("react/jsx-runtime").JSX.Element;

package/dist/components/callout-card/types.d.ts

@@ -0,0 +1 @@
+export type CalloutCardKind = "secondary" | "tertiary";