@mezo-org/mezo-clay 0.1.0-dev.2 → 0.1.0-dev.21

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
@@ -77,13 +78,12 @@ 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 `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 } from "mezo-clay"
 
 import "mezo-clay/dist/mezo-clay.css" // Font styles
 
@@ -93,11 +93,9 @@ const engine = new Styletron()
 
 createRoot(document.getElementById('root')!).render(
     <StrictMode>
-      <StyletronProvider value={engine}>
-        <BaseProvider theme={ClayLightTheme}>
+      <ClayProvider theme={ClayLightTheme}>
           <App />
-        </BaseProvider>
-      </StyletronProvider>
+      </ClayProvider>
     </StrictMode>
   ,
 )

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

@@ -0,0 +1,2 @@
+import { AccordionProps } from './types';
+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/constants.d.ts

@@ -0,0 +1,10 @@
+export declare const ACCORDION_SIZE: {
+    compact: string;
+    standard: string;
+};
+export declare const PANEL_ARTWORK_SIZE: {
+    CUSTOM: string;
+    SMALL: "SMALL";
+    MEDIUM: "MEDIUM";
+    LARGE: "LARGE";
+};

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

@@ -0,0 +1,4 @@
+export { default as Accordion } from './accordion';
+export { Panel, PanelTitle } from './panel';
+export * from './types';
+export * from './constants';

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

@@ -0,0 +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 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/types.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+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 = BasePanelProps & {
+    id?: string;
+};
+export interface PanelTitleProps {
+    artwork?: React.ReactNode;
+    artworkSize?: keyof typeof PANEL_ARTWORK_SIZE;
+    subtitle?: React.ReactNode;
+    title: React.ReactNode;
+}

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/badge/hint.d.ts

@@ -0,0 +1,6 @@
+import { HintDotProps } from 'baseui/badge';
+import { BadgeStyle } from './types';
+export type HintBadgeProps = {
+    style?: BadgeStyle;
+} & Omit<HintDotProps, "color">;
+export default function HintBadge({ style, overrides, ...restProps }: HintBadgeProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+export { default as HintBadge } from './hint';
+export type { HintBadgeProps } from './hint';
+export { default as NotificationBadge } from './notification';
+export type { NotificationBadgeProps } from './notification';
+export * from './types';

package/dist/components/badge/notification.d.ts

@@ -0,0 +1,9 @@
+import { NotificationCircleProps } from 'baseui/badge';
+import { BadgeStyle } from './types';
+type NotificationBadgeSize = "small" | "medium";
+export type NotificationBadgeProps = {
+    size?: NotificationBadgeSize;
+    style?: BadgeStyle;
+} & Omit<NotificationCircleProps, "color">;
+export default function NotificationBadge({ size, style, overrides, ...restProps }: NotificationBadgeProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import { Color } from 'baseui/badge';
+export type BadgeStyle = Exclude<Color, "primary">;

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, ...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, ...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

@@ -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, }: ButtonProps): import('baseui/helpers/overrides').Overrides<any>;

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

@@ -1,9 +1,13 @@
-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;
 }
 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/card/card-skeletons.d.ts

@@ -0,0 +1,13 @@
+import { ReactElement } from 'react';
+import { StyleObject } from 'styletron-react';
+export declare function CardTitleSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function CardBodySkeleton({ width }: {
+    width: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CardBodyFullWidthSkeleton({ $style, }: {
+    $style?: StyleObject;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CardFooterSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function CardThumbnailSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function CardHeaderImageSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function getCardSkeleton(component: ReactElement): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,24 @@
+import { ComponentProps } from 'react';
+import { StyledAction as BaseUiStyledAction, StyledThumbnail as BaseUiStyledThumbnail } from 'baseui/card';
+import { ButtonProps } from '../button';
+import { CardProps } from './types';
+export declare function Card({ withBorder, backgroundColor, backgroundImage, loading, format, overrides, title, children, headerImage, thumbnail, action, id, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
+export type CardBodyFullWidthProps = ComponentProps<typeof BaseUiStyledAction>;
+export declare function CardBodyFullWidth({ children, $style, ...restProps }: CardBodyFullWidthProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CardBodyFullWidth {
+    var displayName: string;
+}
+export type CardFooterProps = ComponentProps<typeof BaseUiStyledAction>;
+export declare function CardFooter({ children, $style, ...restProps }: CardFooterProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CardFooter {
+    var displayName: string;
+}
+export declare function CardFooterButton({ children, ...restProps }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CardFooterButton {
+    var displayName: string;
+}
+export type CardThumbnailProps = ComponentProps<typeof BaseUiStyledThumbnail>;
+export declare function CardThumbnail({ $style, ...restProps }: CardThumbnailProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CardThumbnail {
+    var displayName: string;
+}

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

@@ -0,0 +1,7 @@
+import { CardProps } from './types';
+export declare const CardContext: import('react').Context<{
+    format: CardProps["format"];
+}>;
+export declare const useCardContext: () => {
+    format: CardProps["format"];
+};

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

@@ -0,0 +1,3 @@
+export { StyledBody as CardBody, StyledTitle as CardTitle } from 'baseui/card';
+export * from './card';
+export * from './types';

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

@@ -0,0 +1,10 @@
+import { CardProps as BaseUiCardProps } from 'baseui/card';
+export type CardFormat = "isolated" | "feed";
+export type CardProps = {
+    withBorder?: boolean;
+    backgroundColor?: string;
+    backgroundImage?: string;
+    loading?: boolean;
+    format?: CardFormat;
+    id?: string;
+} & BaseUiCardProps;

package/dist/components/checkbox/checkbox.d.ts

@@ -0,0 +1,5 @@
+import { CheckboxProps as BaseCheckboxProps } from 'baseui/checkbox';
+export type CheckboxProps = BaseCheckboxProps & {
+    prefilled?: boolean;
+};
+export declare function Checkbox({ overrides, checked, disabled, error, prefilled, ...restProps }: CheckboxProps): import("react/jsx-runtime").JSX.Element;

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

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