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

package/dist/components/index.d.ts

@@ -1,15 +1,45 @@
-export * from './block';
+export * from './accordion';
+export * from './badge';
+export * from './banner';
+export * from './breadcrumbs';
 export * from './button';
 export * from './button-group';
 export * from './button-icon';
+export * from './checkbox';
+export * from './divider';
 export * from './flex-grid';
 export * from './form-control';
 export * from './icons';
 export * from './input';
+export * from './link';
+export * from './list';
+export * from './menu';
 export * from './message-card';
+export * from './mobile-header';
+export * from './modal';
+export * from './progress-bar';
+export * from './radio';
+export * from './section-heading';
+export * from './segmented-control';
 export * from './side-navigation';
+export * from './skeleton';
+export * from './snackbar';
+export * from './spinner';
+export * from './stepper';
+export * from './tabs';
 export * from './tag';
 export * from './textarea';
+export * from './tooltip';
 export * from './typography';
-export * from './skeleton';
-export * from './list';
+export * from './card';
+export * from './table';
+export * from './progress-steps';
+export { Block } from 'baseui/block';
+export type { BlockProps } from 'baseui/block';
+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/input/input.d.ts

@@ -1,4 +1,4 @@
 import { SIZE } from './constants';
 import { InputProps } from './types';
-export declare function getBaseInputSize(size: keyof typeof SIZE): "mini" | "compact" | "default" | "large";
+export declare function getBaseInputSize(size: keyof typeof SIZE): "default" | "large" | "compact" | "mini";
 export default function Input({ value, onChange, disabled, error, positive, incomplete, complete, loading, readOnly, size, type, clearable, clearOnEscape, startEnhancer, endEnhancer, inputMode, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, adjoined, autoComplete, autoFocus, pattern, placeholder, id, inputRef, name, min, max, step, maxLength, onBlur, onKeyDown, onKeyPress, onKeyUp, onFocus, required, overrides, }: InputProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { ComponentProps } from 'react';
+import { StyledLink } from 'baseui/link';
+export type LinkProps = ComponentProps<typeof StyledLink> & {
+    size?: "xsmall" | "small" | "medium" | "large";
+};
+export declare function Link({ children, size, ...restProps }: LinkProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+import { MenuSize } from './types';
+export declare const MenuContext: import('react').Context<{
+    size: MenuSize;
+}>;
+export declare const useMenuContext: () => {
+    size: MenuSize;
+};

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

@@ -0,0 +1,4 @@
+export * from './menu';
+export * from './menu-items';
+export * from './types';
+export { NestedMenus } from 'baseui/menu';

package/dist/components/menu/menu-items.d.ts

@@ -0,0 +1,18 @@
+import { ComponentType, ReactNode } from 'react';
+import { IconProps } from 'baseui/icon';
+export type MenuListItemProps = {
+    artwork?: ComponentType<IconProps>;
+    artworkProps?: IconProps;
+    endEnhancer?: ReactNode;
+    label: ReactNode;
+    id?: string;
+};
+export type MenuProfileItemProps = {
+    title: string;
+    subtitle?: string;
+    body?: string;
+    imgUrl?: string;
+    id?: string;
+};
+export declare function MenuListItem({ artwork, artworkProps, endEnhancer, label, id, }: MenuListItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function MenuProfileItem({ title, subtitle, body, imgUrl, id, }: MenuProfileItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/menu/menu.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+import { StatefulMenuProps as BaseStatefulMenuProps } from 'baseui/menu';
+import { MenuSize } from './types';
+import { MenuListItemProps, MenuProfileItemProps } from './menu-items';
+export type MenuProps = BaseStatefulMenuProps & {
+    id?: string;
+    noResultsMsg?: ReactNode;
+    size?: MenuSize;
+};
+export declare function Menu({ id, overrides, size, noResultsMsg, ...restProps }: MenuProps): import("react/jsx-runtime").JSX.Element;
+export type ArrayMenuListItems = ReadonlyArray<MenuListItemProps>;
+export type GroupedMenuListItems = {
+    __ungrouped: ArrayMenuListItems;
+    [x: string]: ArrayMenuListItems;
+};
+export type MenuListProps = Omit<MenuProps, "items"> & {
+    items: ArrayMenuListItems | GroupedMenuListItems;
+};
+export declare function MenuList({ overrides, ...restProps }: MenuListProps): import("react/jsx-runtime").JSX.Element;
+export type ArrayMenuProfileItems = ReadonlyArray<MenuProfileItemProps>;
+export type GroupedMenuProfileItems = {
+    __ungrouped: ArrayMenuProfileItems;
+    [x: string]: ArrayMenuProfileItems;
+};
+export type MenuProfileProps = Omit<MenuProps, "items"> & {
+    items: ArrayMenuProfileItems | GroupedMenuProfileItems;
+};
+export declare function MenuProfile({ overrides, ...restProps }: MenuProfileProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export type MenuSize = "small" | "medium" | "large";

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

@@ -1,2 +1,2 @@
 export { default as MessageCard } from './message-card';
-export type { MessageCardProps } from 'baseui/message-card';
+export type { MessageCardProps } from './message-card';

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

@@ -1,2 +1,6 @@
-import { MessageCardProps } from 'baseui/message-card';
-export default function MessageCard({ onClick, onDismiss, heading, paragraph, buttonLabel, buttonKind, backgroundColor, backgroundColorType, image, overrides, }: MessageCardProps): import("react/jsx-runtime").JSX.Element;
+import { MessageCardProps as MessageCardPropsBaseUi } from 'baseui/message-card';
+export type MessageCardProps = MessageCardPropsBaseUi & {
+    id?: string;
+    isLoading?: boolean;
+};
+export default function MessageCard({ onClick, onDismiss, heading, paragraph, buttonLabel, buttonKind, backgroundColor, backgroundColorType, image, overrides, isLoading, id, }: MessageCardProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,12 @@
-export declare function getMessageCardOverrides({ overrides, image, buttonKind, backgroundColor, backgroundColorType, }: {
-    overrides: any;
-    image: any;
-    buttonKind: any;
-    backgroundColor: any;
-    backgroundColorType: any;
-}): import('baseui/helpers/overrides').Overrides<any>;
+import { MessageCardOverrides as MessageCardOverridesBaseUi, MessageCardProps } from 'baseui/message-card';
+type MessageCardOverrides = {
+    overrides: MessageCardOverridesBaseUi;
+    buttonKind: "secondary" | "tertiary";
+    backgroundColor: string;
+    backgroundColorType: "light" | "dark";
+    isLoading?: boolean;
+    image: MessageCardProps["image"];
+    id?: string;
+};
+export declare function getMessageCardOverrides({ overrides, image, buttonKind, backgroundColor, backgroundColorType, isLoading, id, }: MessageCardOverrides): import('baseui/helpers/overrides').Overrides<any>;
+export {};

package/dist/components/mobile-header/index.d.ts

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

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

@@ -0,0 +1,15 @@
+import { MobileHeaderProps as BaseMobileHeaderProps, IconButton as BaseIconButton } from 'baseui/mobile-header';
+import { IconProps } from 'baseui/icon';
+import { StyleObject } from 'styletron-react';
+import { ButtonIconProps } from '../button-icon';
+export type MobileHeaderButton = BaseIconButton & {
+    iconProps?: IconProps;
+    overrides?: ButtonIconProps["overrides"];
+};
+export interface MobileHeaderProps extends Omit<Omit<BaseMobileHeaderProps, "navButton">, "actionButtons"> {
+    navButton?: MobileHeaderButton;
+    actionButtons?: [MobileHeaderButton?, MobileHeaderButton?];
+    rootWrapperCss?: StyleObject;
+    actionButtonsWrapperCss?: StyleObject;
+}
+export declare function MobileHeader({ actionButtons, expanded, navButton, overrides, type, rootWrapperCss, actionButtonsWrapperCss, ...restProps }: MobileHeaderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+export { ModalBody, SIZE as MODAL_SIZE, ROLE as MODAL_ROLE } from 'baseui/modal';
+export type { SharedStylePropsArg as ModalSharedStylePropsArg } from 'baseui/modal';
+export * from './modal';

package/dist/components/modal/modal.d.ts

@@ -0,0 +1,26 @@
+import { ComponentProps, PropsWithChildren } from 'react';
+import { ModalHeader as BaseModalHeader, ModalFooter as BaseModalFooter, ModalBody as BaseModalBody, ModalButton as BaseModalButton, ModalProps as BaseModalProps, SharedStylePropsArg } from 'baseui/modal';
+export type ModalHeaderProps = ComponentProps<typeof BaseModalHeader>;
+export declare function ModalHeader(props: ModalHeaderProps): import("react/jsx-runtime").JSX.Element;
+type ModalImageProps = {
+    imageSrc: string;
+    imageAriaLabel: string;
+};
+export type ModalHeaderWithImageProps = ModalHeaderProps & ModalImageProps;
+export declare function ModalHeaderWithImage({ imageSrc, imageAriaLabel, children, ...restProps }: ModalHeaderWithImageProps): import("react/jsx-runtime").JSX.Element;
+export type ModalBodyWithImageProps = ComponentProps<typeof BaseModalBody> & ModalImageProps & {
+    imageLayout?: "left" | "right";
+    imageWidth?: "string";
+};
+export declare function ModalBodyWithImage({ children, imageSrc, imageAriaLabel, imageLayout, imageWidth, }: ModalBodyWithImageProps): import("react/jsx-runtime").JSX.Element;
+export type ModalFooterProps = ComponentProps<typeof BaseModalFooter>;
+export declare function ModalFooter(props: ModalFooterProps): import("react/jsx-runtime").JSX.Element;
+export declare function ModalSecondaryButtonWrapper({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export type ModalButtonProps = ComponentProps<typeof BaseModalButton>;
+export declare function ModalButton({ overrides, ...restProps }: ModalButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ModalClose(props: SharedStylePropsArg): import("react/jsx-runtime").JSX.Element;
+export type ModalProps = BaseModalProps & {
+    id?: string;
+};
+export declare function Modal({ id, overrides, ...restProps }: ModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/progress-bar/hooks.d.ts

@@ -0,0 +1 @@
+export declare function useInterval(callback: () => void, delay: number | null): void;

package/dist/components/progress-bar/index.d.ts

@@ -0,0 +1,2 @@
+export type { ProgressBarProps, ProgressBarRoundedProps, } from 'baseui/progress-bar';
+export * from './progress-bar';

package/dist/components/progress-bar/progress-bar.d.ts

@@ -0,0 +1,3 @@
+import { ProgressBarProps as BaseProgressBarProps } from 'baseui/progress-bar';
+export declare function ProgressBar({ overrides, ...restProps }: BaseProgressBarProps): import("react/jsx-runtime").JSX.Element;
+export { ProgressBarRounded } from 'baseui/progress-bar';

package/dist/components/progress-steps/index.d.ts

@@ -0,0 +1,2 @@
+export type { Orientation, ProgressStepsOverrides, ProgressStepsProps, StepOverrides, StepProps, NumberedStepOverrides, NumberedStepProps, StyleProps as ProgressStepsStyleProps, } from 'baseui/progress-steps';
+export { StyledProgressSteps, StyledStep, Step, ProgressSteps, NumberedStep, StyledIconContainer, StyledIcon, StyledInnerIcon, StyledContent, StyledContentTitle, StyledContentTail, StyledContentDescription, StyledNumberStep, StyledNumberIcon, StyledNumberContentTail, ORIENTATION as PROGRESS_STEPS_ORIENTATION, } from 'baseui//progress-steps';

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

@@ -0,0 +1,3 @@
+export type { RadioGroupProps } from 'baseui/radio';
+export { RadioGroup } from 'baseui/radio';
+export * from './radio';

package/dist/components/radio/radio.d.ts

@@ -0,0 +1,5 @@
+import { RadioProps as BaseRadioProps } from 'baseui/radio';
+export type RadioProps = BaseRadioProps & {
+    id?: string;
+};
+export declare function Radio({ id, overrides, ...restProps }: RadioProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/section-heading/index.d.ts

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

package/dist/components/section-heading/section-heading.d.ts

@@ -0,0 +1,5 @@
+import { ListHeadingProps } from '../list';
+export type SectionHeadingProps = ListHeadingProps & {
+    headingLevel?: 1 | 2 | 3;
+};
+export declare function SectionHeading({ headingLevel, overrides, ...restProps }: SectionHeadingProps): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,9 @@
+import { SegmentProps as BaseSegmentProps, SegmentedControlProps as BaseSegmentedControlProps } from 'baseui/segmented-control';
+export type SegmentProps = BaseSegmentProps & {
+    id?: string;
+};
+export type SegmentedControlProps = BaseSegmentedControlProps & {
+    id?: string;
+};
+export declare function Segment(props: SegmentProps): import("react/jsx-runtime").JSX.Element;
+export declare function SegmentedControl({ children, disabled, overrides, width, id, ...restProps }: SegmentedControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/side-navigation/index.d.ts

@@ -1,3 +1,3 @@
 export { default as SideNavigation, SideNavItemTitle, SideNavLeadingIcon, } from './side-navigation';
+export type { SideNavigationItemProps, SideNavigationProps, } from './side-navigation';
 export { NavItem as SideNavItem } from 'baseui/side-navigation';
-export type { NavigationProps as SideNavigationProps } from 'baseui/side-navigation';

package/dist/components/side-navigation/overrides.d.ts

@@ -1,3 +1,4 @@
-export declare function getSideNavigationOverrides({ overrides }: {
+export declare function getSideNavigationOverrides({ overrides, id }: {
     overrides: any;
+    id: any;
 }): import('baseui/helpers/overrides').Overrides<any>;

package/dist/components/side-navigation/side-navigation.d.ts

@@ -1,5 +1,17 @@
 import { default as React } from 'react';
-import { NavigationProps as BaseSideNavigationProps } from 'baseui/side-navigation';
-export default function SideNavigation({ activeItemId, activePredicate, items, itemMemoizationComparator, onChange, overrides, mapItem, }: BaseSideNavigationProps): import("react/jsx-runtime").JSX.Element;
-export declare function SideNavItemTitle({ children }: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+import { NavigationProps as BaseSideNavigationProps, Item as BaseItemProps } from 'baseui/side-navigation';
+export type SideNavigationItemProps = Omit<BaseItemProps, "subNav"> & {
+    id?: string;
+    subNav?: SideNavigationItemProps[];
+};
+export type SideNavigationProps = Omit<BaseSideNavigationProps, "items"> & {
+    id?: string;
+    items?: SideNavigationItemProps[];
+};
+export default function SideNavigation({ activeItemId, activePredicate, items, itemMemoizationComparator, onChange, overrides, mapItem, id, }: SideNavigationProps): import("react/jsx-runtime").JSX.Element;
+export type SideNavigationItemTitleProps = React.PropsWithChildren & {
+    id?: string;
+    "data-attr"?: string;
+};
+export declare function SideNavItemTitle({ children, ...restProps }: SideNavigationItemTitleProps): import("react/jsx-runtime").JSX.Element;
 export declare function SideNavLeadingIcon({ children }: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+export { useSnackbar } from 'baseui/snackbar';
+export type { SnackbarElementProps, SnackbarProviderProps, } from 'baseui/snackbar';
+export * from './snackbar';

package/dist/components/snackbar/snackbar.d.ts

@@ -0,0 +1,3 @@
+import { SnackbarElementProps as BaseSnackbarElementProps, SnackbarProviderProps as BaseSnackbarProviderProps } from 'baseui/snackbar';
+export declare function SnackbarElement({ overrides, ...restProps }: BaseSnackbarElementProps): import("react/jsx-runtime").JSX.Element;
+export declare function SnackbarProvider({ overrides, ...restProps }: BaseSnackbarProviderProps): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/spinner/spinner.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { SpinnerProps as BaseSpinnerProps } from 'baseui/spinner';
+import { Sizing } from 'baseui/themes';
+type Size = "small" | "medium" | "large" | "xlarge";
+export type SpinnerProps = Omit<Omit<BaseSpinnerProps, "$size">, "$borderWidth"> & {
+    $size?: number | string | keyof Sizing | Size;
+    $borderWidth?: number | string | keyof Sizing | Size;
+    label?: ReactNode;
+};
+export declare function Spinner({ $color, $size, $borderWidth, label }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+export { default as Stepper } from './stepper';
+export type { StepperProps } from './stepper';

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

@@ -0,0 +1,5 @@
+import { StepperProps as BaseStepperProps } from 'baseui/stepper';
+export type StepperProps = BaseStepperProps & {
+    id?: string;
+};
+export default function Stepper({ id, overrides, ...restProps }: StepperProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+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';

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

@@ -0,0 +1,2 @@
+export * from './tabs';
+export { default as TabTitle } from './tab-title';

package/dist/components/tabs/tab-title.d.ts

@@ -0,0 +1,6 @@
+import { default as React, ReactNode } from 'react';
+import { TabProps } from 'baseui/tabs-motion';
+export default function TabTitle({ title, badgeContent, }: {
+    title: TabProps["title"];
+    badgeContent: ReactNode;
+}): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element;

package/dist/components/tabs/tabs.d.ts

@@ -0,0 +1,9 @@
+import { TabProps as BaseTabProps, TabsProps as BaseTabsProps } from 'baseui/tabs-motion';
+export type TabProps = BaseTabProps & {
+    id?: string;
+};
+export type TabsProps = BaseTabsProps & {
+    id?: string;
+};
+export declare function Tabs({ id, activeKey, overrides, children, ...restProps }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tab(props: TabProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+export * from './tooltip';
+export * from './types';
+export { TRIGGER_TYPE } from 'baseui/popover';

package/dist/components/tooltip/tooltip.d.ts

@@ -0,0 +1,13 @@
+import { ComponentType, ReactNode } from 'react';
+import { StatefulTooltipProps } from 'baseui/tooltip';
+import { IconProps } from 'baseui/icon';
+import { TooltipPosition } from './types';
+export type TooltipProps = Omit<StatefulTooltipProps, "placement" | "content"> & {
+    content: ReactNode | string;
+    position?: TooltipPosition;
+    backgroundColor?: string;
+    color?: string;
+    CloseIcon?: ComponentType<IconProps>;
+    iconProps?: IconProps;
+};
+export declare function Tooltip({ children, content, position, overrides, popoverMargin, backgroundColor, color, CloseIcon, iconProps, triggerType, ...restProps }: TooltipProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export type TooltipPosition = "top" | "bottom" | "left" | "right";