@mezo-org/mezo-clay 0.1.0-dev.24 → 0.1.0-dev.26

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

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

@@ -1,6 +1,6 @@
 import { ButtonProps } from './types';
 import * as React from "react";
 export declare function getBaseButtonSize(size: any): any;
-export declare function Button({ id, "data-attr": dataAttr, disabled, kind, overrides, size, forwardedRef, width, ...restProps }: 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/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;
@@ -15,4 +15,4 @@ export declare function getButtonActiveStyles($theme: any, kind: any, disabled?:
     boxShadow?: undefined;
 };
 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>;
+export declare function getButtonOverrides({ overrides, kind, disabled, width, whiteSpace, }: ButtonProps): import('baseui/helpers/overrides').Overrides<any>;

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

@@ -9,5 +9,6 @@ export interface ButtonProps extends Omit<Omit<BaseButtonProps, "size">, "shape"
     id?: string;
     forwardedRef?: ForwardedRef<HTMLElement>;
     width?: string;
+    whiteSpace?: string;
 }
 export type { ButtonOverrides, CustomColors, SharedStyleProps, } from 'baseui/button';

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

@@ -9,5 +9,7 @@ export declare function CardBodyFullWidthSkeleton({ $style, }: {
 }): 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 CardHeaderImageSkeleton({ height, }: {
+    height?: string;
+}): 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

@@ -2,14 +2,18 @@ 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 declare const CardTitle: import('styletron-react').StyletronComponent<"h1", {}>;
+export type CardTitleProps = ComponentProps<typeof CardTitle>;
+export declare function Card({ withBorder, backgroundColor, backgroundImage, loading, loadingHeaderImageHeight, format, overrides, title, children, headerImage, thumbnail, action, id, width, ...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 type CardFooterProps = ComponentProps<typeof BaseUiStyledAction> & {
+    justifyContent?: string;
+};
+export declare function CardFooter({ justifyContent, children, $style, ...restProps }: CardFooterProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace CardFooter {
     var displayName: string;
 }

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

@@ -1,3 +1,5 @@
-export { StyledBody as CardBody, StyledTitle as CardTitle } from 'baseui/card';
+export { StyledBody as CardBody } from 'baseui/card';
 export * from './card';
+export { default as ProductCard } from './product-card';
+export type { ProductCardProps } from './product-card';
 export * from './types';

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { ImageProps } from 'baseui/card';
+import { TagProps } from '../tag';
+import { CardProps } from './types';
+export type ProductCardProps = Omit<CardProps, "children" | "overrides"> & {
+    headerImage: string | ImageProps;
+    title: ReactNode;
+    description?: ReactNode;
+    endEnhancer?: () => ReactNode;
+    tagColor?: TagProps["color"];
+    tagMessage?: ReactNode;
+    overrides?: CardProps["overrides"];
+};
+export default function ProductCard({ title, description, endEnhancer, loading, tagColor, tagMessage, overrides, ...props }: ProductCardProps): import("react/jsx-runtime").JSX.Element;

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

@@ -4,7 +4,9 @@ export type CardProps = {
     withBorder?: boolean;
     backgroundColor?: string;
     backgroundImage?: string;
+    loadingHeaderImageHeight?: string;
     loading?: boolean;
     format?: CardFormat;
     id?: string;
+    width?: string;
 } & BaseUiCardProps;

package/dist/components/icons/compass/index.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export declare const Compass03: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+    children?: React.ReactNode;
+    size?: import('baseui/icon').Size;
+    color?: import('baseui/icon').Color;
+    title?: string | null;
+    overrides?: import('baseui/icon').IconOverrides;
+} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;

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

@@ -22,6 +22,7 @@ export { default as CircleCut } from './circle-cut';
 export { default as Close } from './close';
 export { default as CoinsHand } from './coins-hand';
 export { CoinsSwap02 } from './coins-swap';
+export { Compass03 } from './compass';
 export { Copy03 } from './copy';
 export { Cryptocurrency04 } from './cryptocurrency';
 export { Cube01 } from './cube';
@@ -56,6 +57,7 @@ export { default as MinusCircle } from './minus-circle';
 export { default as MinusSquare } from './minus-square';
 export * from './musd-circle';
 export { Percent02 } from './percent';
+export { PieChart04 } from './pie-chart';
 export { default as Plus } from './plus';
 export { default as PlusCircle } from './plus-circle';
 export { default as PlusSquare } from './plus-square';

package/dist/components/icons/pie-chart/index.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export declare const PieChart04: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+    children?: React.ReactNode;
+    size?: import('baseui/icon').Size;
+    color?: import('baseui/icon').Color;
+    title?: string | null;
+    overrides?: import('baseui/icon').IconOverrides;
+} & import('baseui/icon').StyledComponentArgs & React.RefAttributes<SVGSVGElement>>;

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

@@ -3,7 +3,6 @@ export declare function getIconDefaultStory(args?: {}): {
     args: {
         size: number;
         color: string;
-        title: string;
         overrides: {
             Svg: {
                 style: ({ $theme }: {

package/dist/components/index.d.ts

@@ -18,6 +18,9 @@ export * from './menu';
 export * from './message-card';
 export * from './mobile-header';
 export * from './modal';
+export * from './page-control';
+export * from './pagination';
+export * from './popover';
 export * from './progress-bar';
 export * from './progress-steps';
 export * from './radio';
@@ -41,6 +44,4 @@ export { Icon } from 'baseui/icon';
 export type { IconProps } from 'baseui/icon';
 export { Grid, Cell } from 'baseui/layout-grid';
 export type { GridProps, CellProps } from 'baseui/layout-grid';
-export { Popover, StatefulPopover } from 'baseui/popover';
-export type { PopoverProps, StatefulPopoverProps } from 'baseui/popover';
 export { mergeOverrides } from 'baseui';

package/dist/components/list/list.d.ts

@@ -6,5 +6,8 @@ export type ListItemProps = ListProps & {
 export declare const useListItemContext: () => {
     state: State;
 };
-export default function ListItem({ children, overrides, state, ...restProps }: ListItemProps): import("react/jsx-runtime").JSX.Element;
-export {};
+declare function ListItem({ children, overrides, state, ...restProps }: ListItemProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ListItem {
+    var displayName: string;
+}
+export default ListItem;

package/dist/components/message-card/overrides.d.ts

@@ -1,3 +1,4 @@
+import { Theme } from 'baseui/styles';
 import { MessageCardOverrides as MessageCardOverridesBaseUi, MessageCardProps } from 'baseui/message-card';
 type MessageCardOverrides = {
     overrides: MessageCardOverridesBaseUi;
@@ -7,6 +8,7 @@ type MessageCardOverrides = {
     isLoading?: boolean;
     image: MessageCardProps["image"];
     id?: string;
+    theme: Theme;
 };
-export declare function getMessageCardOverrides({ overrides, image, buttonKind, backgroundColor, backgroundColorType, isLoading, id, }: MessageCardOverrides): import('baseui/helpers/overrides').Overrides<any>;
+export declare function getMessageCardOverrides({ overrides, image, buttonKind, backgroundColor, backgroundColorType, isLoading, id, theme, }: MessageCardOverrides): import('baseui/helpers/overrides').Overrides<any>;
 export {};

package/dist/components/page-control/index.d.ts

@@ -0,0 +1,3 @@
+export type { PageControlOverrides, Kind as PageControlKind, KIND as PAGECONTROL_KIND, } from 'baseui/page-control';
+export { default as PageControl } from './page-control';
+export type { PageControlProps } from './page-control';

package/dist/components/page-control/page-control.d.ts

@@ -0,0 +1,6 @@
+import { PageControlProps as BasePageControlProps } from 'baseui/page-control';
+export type PageControlProps = BasePageControlProps & {
+    id?: string;
+};
+declare function PageControl({ id, overrides, ...restProps }: PageControlProps): import("react/jsx-runtime").JSX.Element;
+export default PageControl;

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

@@ -0,0 +1,3 @@
+export * from './pagination';
+export * from './types';
+export type { PaginationOverrides, Callbacks as PaginationCallbacks, StatefulContainerState as PaginationStatefulContainerState, StateReducerFn as PaginationStateReducerFn, } from 'baseui/pagination';

package/dist/components/pagination/pagination-without-dropdown.d.ts

@@ -0,0 +1,3 @@
+import { PaginationProps } from './types';
+declare function PaginationWithoutDropdown({ size, currentPage, numPages, onPageChange, onNextClick, onPrevClick, labels, disabled, id, }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+export default PaginationWithoutDropdown;

package/dist/components/pagination/pagination.d.ts

@@ -0,0 +1,3 @@
+import { PaginationProps, StatefulPaginationProps } from './types';
+export declare function Pagination({ disabled, size, numPages, labels, overrides, id, ...restProps }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+export declare function StatefulPagination({ numPages, disabled, size, labels, overrides, id, ...restProps }: StatefulPaginationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pagination/stateful-pagination-without-dropdown.d.ts

@@ -0,0 +1,2 @@
+import { StatefulPaginationProps } from './types';
+export default function StatefulPaginationWithoutDropdown({ numPages, initialState, stateReducer, onPageChange, ...props }: StatefulPaginationProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import { PaginationProps as BasePaginationProps, StatefulPaginationProps as BaseStatefulPaginationProps } from 'baseui/pagination';
+export type PaginationSize = "small" | "medium" | "large";
+export type SharedPaginationProps = {
+    size: PaginationSize;
+    disabled?: boolean;
+    id?: string;
+};
+export type PaginationProps = Omit<BasePaginationProps, "size"> & SharedPaginationProps;
+export type StatefulPaginationProps = Omit<BaseStatefulPaginationProps, "size"> & SharedPaginationProps;

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

@@ -0,0 +1,9 @@
+export { default as PopoverHeader, PopoverCloseButton } from './popover-header';
+export type { PopoverHeaderProps, PopoverCloseButtonProps, } from './popover-header';
+export { default as PopoverBody } from './popover-body';
+export type { PopoverBodyProps } from './popover-body';
+export { default as PopoverFooter } from './popover-footer';
+export type { PopoverFooterProps } from './popover-footer';
+export * from './popover';
+export * from './stepper-popover';
+export type { PopoverProps, StatefulPopoverProps } from 'baseui/popover';

package/dist/components/popover/popover-body.d.ts

@@ -0,0 +1,3 @@
+import { BlockProps } from 'baseui/block';
+export type PopoverBodyProps = BlockProps;
+export default function PopoverBody({ children, ...restProps }: PopoverBodyProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/popover/popover-footer.d.ts

@@ -0,0 +1,3 @@
+import { BlockProps } from 'baseui/block';
+export type PopoverFooterProps = BlockProps;
+export default function PopoverFooter({ children, ...restProps }: PopoverFooterProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/popover/popover-header.d.ts

@@ -0,0 +1,20 @@
+import { ComponentType, ReactNode } from 'react';
+import { BlockProps } from 'baseui/block';
+import { IconProps } from 'baseui/icon';
+import { ButtonOverrides } from '../button';
+export type PopoverCloseButtonProps = {
+    overrides?: ButtonOverrides;
+    CloseIcon?: ComponentType<IconProps>;
+    iconProps?: IconProps;
+    onClick: () => void;
+};
+export declare function PopoverCloseButton({ overrides, CloseIcon, iconProps, onClick, }: PopoverCloseButtonProps): import("react/jsx-runtime").JSX.Element;
+export type PopoverHeaderProps = {
+    blockProps?: BlockProps;
+    children?: ReactNode;
+    closeButtonOverrides?: ButtonOverrides;
+    CloseIcon?: ComponentType<IconProps>;
+    iconProps?: IconProps;
+    onCloseIconClick?: () => void;
+};
+export default function PopoverHeader({ blockProps, children, closeButtonOverrides, onCloseIconClick, CloseIcon, iconProps, }: PopoverHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/popover/popover.d.ts

@@ -0,0 +1,3 @@
+import { PopoverProps, StatefulPopoverProps } from 'baseui/popover';
+export declare function Popover({ overrides, ...restProps }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+export declare function StatefulPopover({ overrides, ...restProps }: StatefulPopoverProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/popover/stepper-popover.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+import { BlockProps } from 'baseui/block';
+import { StatefulPopoverProps } from 'baseui/popover';
+import { PopoverFooterProps } from './popover-footer';
+export type StepperPopoverFooterProps = Omit<PopoverFooterProps, "children"> & {
+    withStepCount?: boolean;
+    currentStep: number;
+    totalSteps: number;
+    previousButtonLabel?: string;
+    nextButtonLabel?: string;
+    onNextClick: (closeCb: any) => void;
+    onPreviousClick: (closeCb: any) => void;
+    close: () => void;
+};
+export declare function StepperPopoverFooter({ withStepCount, currentStep, totalSteps, previousButtonLabel, nextButtonLabel, onNextClick, onPreviousClick, close, ...restProps }: StepperPopoverFooterProps): import("react/jsx-runtime").JSX.Element;
+export type PopoverStep = {
+    title?: ReactNode;
+    body: ReactNode;
+    withCloseButton?: boolean;
+};
+export type StepperPopoverProps = Omit<StatefulPopoverProps, "content"> & {
+    steps: PopoverStep[];
+    contentWrapperProps: BlockProps;
+    withStepCount?: boolean;
+};
+export declare function StepperPopover({ children, contentWrapperProps, steps, withStepCount, ...restProps }: StepperPopoverProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export type { ChangeAction as SelectChangeAction, Type as SelectType, Option as SelectOption, Value as SelectValue, Optgroups as SelectOptGroups, Options as SelectOptions, OnChangeParams as SelectOnChangeParams, SelectOverrides, OverridesDropdown as SelectOverridesDropdown, ImperativeMethods as SelectImperativeMethods, ControlRef as SelectControlRef, SharedStylePropsArg as SelectSharedStylePropsArg, } from 'baseui/select';
+export * from './select';

package/dist/components/select/select.d.ts

@@ -0,0 +1,9 @@
+import { SelectProps as BaseSelectProps } from 'baseui/select';
+import { INPUT_SIZE } from '../input';
+export type SelectProps = Omit<BaseSelectProps, "size"> & {
+    size?: keyof typeof INPUT_SIZE;
+    complete?: boolean;
+    incomplete?: boolean;
+    readOnly?: boolean;
+};
+export declare function Select({ size, overrides, complete, incomplete, isLoading, readOnly, disabled, clearable, ...restProps }: SelectProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/skeleton/skeleton.d.ts

@@ -1,4 +1,4 @@
 import { ComponentProps } from 'react';
 import { Skeleton as SkeletonBaseUi } from 'baseui/skeleton';
 export type SkeletonProps = ComponentProps<typeof SkeletonBaseUi>;
-export default function Skeleton(props: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export default function Skeleton({ overrides, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,6 @@
 export { StyledTable as StyledTableGrid, StyledBodyCell as StyleBodyCellGrid, StyledHeadCell as StyledHeadCellGrid, SortableHeadCell, SORT_DIRECTION, } from 'baseui/table-grid';
-export type { TableProps as SemanticTableProps, Size, Divider as SemanticTableDivider, TableOverrides, BuilderOverrides, TableBuilderProps, ColumnOverrides, TableBuilderColumnProps, } from 'baseui/table-semantic';
-export { StyledTable as SemanticStyledTable, Table as SemanticTable, TableBuilder, TableBuilderColumn, DIVIDER, SIZE, StyledRoot, StyledTableHead, StyledTableHeadRow, StyledTableHeadCell, StyledTableHeadCellSortable, StyledTableBody, StyledTableBodyRow, StyledTableBodyCell, StyledTableLoadingMessage, StyledTableEmptyMessage, StyledSortAscIcon, StyledSortDescIcon, StyledSortNoneIcon, } from 'baseui/table-semantic';
+export type { Row } from 'baseui/data-table';
+export type { TableProps as SemanticTableProps, Size, Divider as SemanticTableDivider, TableOverrides, BuilderOverrides, ColumnOverrides, TableBuilderColumnProps, } from 'baseui/table-semantic';
+export { StyledTable as SemanticStyledTable, Table as SemanticTable, TableBuilderColumn, DIVIDER, SIZE, StyledRoot, StyledTableHead, StyledTableHeadRow, StyledTableHeadCell, StyledTableHeadCellSortable, StyledTableBody, StyledTableBodyRow, StyledTableBodyCell, StyledTableLoadingMessage, StyledTableEmptyMessage, StyledSortAscIcon, StyledSortDescIcon, StyledSortNoneIcon, } from 'baseui/table-semantic';
+export * from './table-builder';
+export * from './table-cells';

package/dist/components/table/table-builder.d.ts

@@ -0,0 +1,9 @@
+import { TableBuilderProps as BaseTableBuilderProps, Size as BaseTableSize } from 'baseui/table-semantic';
+export type TableBuilderSize = "small" | "medium" | "large" | BaseTableSize;
+export type TableBuilderProps = Omit<BaseTableBuilderProps<any>, "size"> & {
+    size?: TableBuilderSize;
+};
+export declare const useTableBuilderContext: () => {
+    size: TableBuilderSize;
+};
+export declare function TableBuilder({ size, overrides, ...restProps }: TableBuilderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/table/table-cells/index.d.ts

@@ -0,0 +1,40 @@
+import { ReactNode } from 'react';
+import { StyleObject } from 'styletron-react';
+import { BadgeProps } from 'baseui/badge';
+import { BlockProps } from 'baseui/block';
+import { CheckboxProps } from '../../checkbox';
+import { ListItemProps } from '../../list';
+import { RadioProps } from '../../radio';
+export type TableCellProps = BlockProps & {
+    $style?: StyleObject;
+};
+export declare function TableHeading({ children, ...restProps }: TableCellProps): import("react/jsx-runtime").JSX.Element;
+export type TableCellLinkProps = TableCellProps & {
+    href: string;
+};
+export declare function TableCellLink({ children, href, ...restProps }: TableCellLinkProps): import("react/jsx-runtime").JSX.Element;
+export type TableCellCheckboxProps = CheckboxProps & {
+    blockProps?: BlockProps;
+};
+export declare function TableCellCheckbox({ overrides, blockProps, ...restProps }: TableCellCheckboxProps): import("react/jsx-runtime").JSX.Element;
+export type TableCellRadioProps = RadioProps & {
+    blockProps?: BlockProps;
+};
+export declare function TableCellRadio({ overrides, blockProps, ...restProps }: TableCellRadioProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableCellIcon({ children, ...restProps }: TableCellProps): import("react/jsx-runtime").JSX.Element;
+export type TableCellListItemProps = {
+    children: ReactNode;
+    description?: ReactNode;
+    artwork?: ListItemProps["artwork"];
+    overrides?: ListItemProps["overrides"];
+};
+export declare function TableCellListItem({ children, description, overrides, artwork, }: TableCellListItemProps): import("react/jsx-runtime").JSX.Element;
+export type TableCellImageProps = TableCellProps & {
+    imgSrc: string;
+    imgAlt: string;
+};
+export declare function TableCellImage({ imgSrc, imgAlt, children, ...restProps }: TableCellImageProps): import("react/jsx-runtime").JSX.Element;
+export type TableCellBadgeProps = TableCellProps & {
+    badgeProps?: BadgeProps;
+};
+export declare function TableCellBadge({ children, badgeProps, ...restProps }: TableCellBadgeProps): import("react/jsx-runtime").JSX.Element;