@mezo-org/mezo-clay 0.1.0-dev.17 → 0.1.0-dev.19

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

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

@@ -1,12 +1,15 @@
 import { default as React } from 'react';
-import { AccordionProps as BaseAccordionProps } from 'baseui/accordion';
+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/banner/banner.d.ts

@@ -1,8 +1,10 @@
 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"];
 };
@@ -10,7 +12,7 @@ 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, artworkIcon, artworkType, children, hierarchy, kind, onClick, overrides, nested, title, }: BannerProps): 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;

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

@@ -2,9 +2,11 @@ import { BannerProps as BaseBannerProps, ActionContent as BaseActionContent, Art
 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

@@ -5,9 +5,11 @@ 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;
@@ -20,9 +22,11 @@ export declare function getLowHierarchyWithActionButtonStory(renderFn: RenderFn)
         actionLabel: string;
         onClick: () => void;
         actionIcon: any;
+        actionButtonId: string;
         artworkType: any;
         children: string;
         hierarchy: BannerVariantProps["hierarchy"];
+        id: string;
         overrides: {};
         nested: boolean;
         title: string;
@@ -34,9 +38,11 @@ export declare function getLowHierarchyWithActionIconStory(renderFn: RenderFn):
         actionLabel: string;
         actionIcon: typeof BannerCloseIcon;
         onClick: () => void;
+        actionButtonId: string;
         artworkType: any;
         children: string;
         hierarchy: BannerVariantProps["hierarchy"];
+        id: string;
         overrides: {};
         nested: boolean;
         title: string;
@@ -48,8 +54,10 @@ export declare function getLowHierarchyWithArtworkWithBadgeStory(renderFn: Rende
         artworkType: "badge";
         actionIcon: any;
         actionLabel: any;
+        actionButtonId: string;
         children: string;
         hierarchy: BannerVariantProps["hierarchy"];
+        id: string;
         onClick: any;
         overrides: {};
         nested: boolean;
@@ -63,8 +71,10 @@ export declare function getLowHierarchyWithArtworkWithBadgeAndButtonStory(render
         actionLabel: string;
         onClick: () => void;
         actionIcon: any;
+        actionButtonId: string;
         children: string;
         hierarchy: BannerVariantProps["hierarchy"];
+        id: string;
         overrides: {};
         nested: boolean;
         title: string;
@@ -77,8 +87,10 @@ export declare function getLowHierarchyWithArtworkWithBadgeAndCloseStory(renderF
         actionLabel: string;
         actionIcon: typeof BannerCloseIcon;
         onClick: () => void;
+        actionButtonId: string;
         children: string;
         hierarchy: BannerVariantProps["hierarchy"];
+        id: string;
         overrides: {};
         nested: boolean;
         title: string;
@@ -90,8 +102,10 @@ export declare function getLowHierarchyWithArtworkWithIconStory(renderFn: Render
         artworkType: "icon";
         actionIcon: any;
         actionLabel: any;
+        actionButtonId: string;
         children: string;
         hierarchy: BannerVariantProps["hierarchy"];
+        id: string;
         onClick: any;
         overrides: {};
         nested: boolean;
@@ -105,8 +119,10 @@ export declare function getLowHierarchyWithArtworkWithIconAndButtonStory(renderF
         actionLabel: string;
         onClick: () => void;
         actionIcon: any;
+        actionButtonId: string;
         children: string;
         hierarchy: BannerVariantProps["hierarchy"];
+        id: string;
         overrides: {};
         nested: boolean;
         title: string;
@@ -119,8 +135,10 @@ export declare function getLowHierarchyWithArtworkWithIconAndCloseStory(renderFn
         actionLabel: string;
         actionIcon: typeof BannerCloseIcon;
         onClick: () => void;
+        actionButtonId: string;
         children: string;
         hierarchy: BannerVariantProps["hierarchy"];
+        id: string;
         overrides: {};
         nested: boolean;
         title: string;
@@ -132,8 +150,10 @@ export declare function getHighHierarchyStory(renderFn: RenderFn): {
         hierarchy: import('baseui/banner').Hierarchy;
         actionIcon: any;
         actionLabel: any;
+        actionButtonId: string;
         artworkType: any;
         children: string;
+        id: string;
         onClick: any;
         overrides: {};
         nested: boolean;
@@ -147,8 +167,10 @@ export declare function getHighHierarchyWithActionButtonStory(renderFn: RenderFn
         actionLabel: string;
         onClick: () => void;
         actionIcon: any;
+        actionButtonId: string;
         artworkType: any;
         children: string;
+        id: string;
         overrides: {};
         nested: boolean;
         title: string;
@@ -161,8 +183,10 @@ export declare function getHighHierarchyWithActionIconStory(renderFn: RenderFn):
         actionLabel: string;
         actionIcon: typeof BannerCloseIcon;
         onClick: () => void;
+        actionButtonId: string;
         artworkType: any;
         children: string;
+        id: string;
         overrides: {};
         nested: boolean;
         title: string;
@@ -175,7 +199,9 @@ export declare function getHighHierarchyWithArtworkWithBadgeStory(renderFn: Rend
         artworkType: "badge";
         actionIcon: any;
         actionLabel: any;
+        actionButtonId: string;
         children: string;
+        id: string;
         onClick: any;
         overrides: {};
         nested: boolean;
@@ -190,7 +216,9 @@ export declare function getHighHierarchyWithArtworkWithBadgeAndButtonStory(rende
         actionLabel: string;
         onClick: () => void;
         actionIcon: any;
+        actionButtonId: string;
         children: string;
+        id: string;
         overrides: {};
         nested: boolean;
         title: string;
@@ -204,7 +232,9 @@ export declare function getHighHierarchyWithArtworkWithBadgeAndCloseStory(render
         actionLabel: string;
         actionIcon: typeof BannerCloseIcon;
         onClick: () => void;
+        actionButtonId: string;
         children: string;
+        id: string;
         overrides: {};
         nested: boolean;
         title: string;
@@ -217,7 +247,9 @@ export declare function getHighHierarchyWithArtworkWithIconStory(renderFn: Rende
         artworkType: "icon";
         actionIcon: any;
         actionLabel: any;
+        actionButtonId: string;
         children: string;
+        id: string;
         onClick: any;
         overrides: {};
         nested: boolean;
@@ -232,7 +264,9 @@ export declare function getHighHierarchyWithArtworkWithIconAndButtonStory(render
         actionLabel: string;
         onClick: () => void;
         actionIcon: any;
+        actionButtonId: string;
         children: string;
+        id: string;
         overrides: {};
         nested: boolean;
         title: string;
@@ -246,7 +280,9 @@ export declare function getHighHierarchyWithArtworkWithIconAndCloseStory(renderF
         actionLabel: string;
         actionIcon: typeof BannerCloseIcon;
         onClick: () => void;
+        actionButtonId: string;
         children: string;
+        id: string;
         overrides: {};
         nested: boolean;
         title: string;

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, "data-attr": dataAttr, disabled, endEnhancer, href, id, 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,4 +1,4 @@
-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"> {
@@ -7,5 +7,7 @@ export interface ButtonProps extends Omit<Omit<BaseButtonProps, "size">, "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

@@ -1,6 +1,24 @@
-import { CardProps as BaseUiCardProps } from 'baseui/card';
-export type CardProps = {
-    withBorder?: boolean;
-    backgroundColor?: string;
-} & BaseUiCardProps;
-export default function Card({ withBorder, backgroundColor, overrides, children, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
+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

@@ -1,3 +1,3 @@
-export { StyledBody as CardBody, StyledAction as CardFooter } from 'baseui/card';
-export { default as Card } from './card';
-export type { CardProps } from './card';
+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/icons/check-circle/index.d.ts

@@ -1,12 +1,9 @@
 import * as React from "react";
-export declare const CheckCircle: 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>>;
-export declare const CheckCircleBadge: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+export declare const CheckCircle: React.ForwardRefExoticComponent<{
+    borderColor?: string;
+    checkMarkColor?: string;
+    checkMarkStrokeWidth?: string;
+} & React.SVGAttributes<SVGElement> & {
     children?: React.ReactNode;
     size?: import('baseui/icon').Size;
     color?: import('baseui/icon').Color;

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

@@ -9,7 +9,7 @@ export { default as ArrowNarrowRight } from './arrow-narrow-right';
 export { default as ArrowRight } from './arrow-right';
 export * from './bitcoin-circle';
 export { Building02 } from './building';
-export { CheckCircle, CheckCircleBadge } from './check-circle';
+export { CheckCircle } from './check-circle';
 export { default as ChevronDown } from './chevron-down';
 export { default as ChevronLeft } from './chevron-left';
 export { default as ChevronRight } from './chevron-right';
@@ -40,9 +40,10 @@ export { LinkExternal02 } from './link-external';
 export { default as Loading } from './loading';
 export { Lock03 } from './lock';
 export { LogIn01 } from './log-in';
+export { LogOut01 } from './log-out';
 export { default as Mats } from './mats';
 export * from './mats-circle';
-export { default as Menu } from './menu';
+export { default as Menu01 } from './menu';
 export { default as MessageQuestionCircle } from './message-question-circle';
 export * from './mezo-circle';
 export { default as MinusCircle } from './minus-circle';

package/dist/components/icons/log-out/index.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export declare const LogOut01: 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/menu/index.d.ts

@@ -1,9 +1,9 @@
 import * as React from "react";
-declare const Menu: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
+declare const Menu01: 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>>;
-export default Menu;
+export default Menu01;

package/dist/components/index.d.ts

@@ -13,10 +13,13 @@ 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';

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,5 +1,6 @@
 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, }: MessageCardProps): import("react/jsx-runtime").JSX.Element;
+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

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

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

@@ -19,6 +19,8 @@ export declare function ModalSecondaryButtonWrapper({ children }: PropsWithChild
 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;
-export declare function Modal({ overrides, ...restProps }: BaseModalProps): 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/radio/index.d.ts

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

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

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

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

@@ -1,3 +1 @@
-export { Segment } from 'baseui/segmented-control';
-export type { SegmentProps, SegmentedControlProps, } from 'baseui/segmented-control';
 export * from './segmented-control';

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

@@ -1,2 +1,9 @@
-import { SegmentedControlProps as BaseSegmentedControlProps } from 'baseui/segmented-control';
-export declare function SegmentedControl({ children, disabled, overrides, width, ...restProps }: BaseSegmentedControlProps): import("react/jsx-runtime").JSX.Element;
+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;