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

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,6 @@
+export { StyledTable as StyledTableGrid, StyledBodyCell as StyleBodyCellGrid, StyledHeadCell as StyledHeadCellGrid, SortableHeadCell, SORT_DIRECTION, } from 'baseui/table-grid';
+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;

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/tile/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const TILE_LEADING_CONTENT_SIZE: {
+    small: string;
+    medium: string;
+    large: string;
+};

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

@@ -0,0 +1,9 @@
+export type { TileOverrides, TileGroupOverrides } from 'baseui/tile';
+export { ALIGNMENT as TILE_ALIGNMENT, TILE_KIND, TILE_GROUP_KIND, } from 'baseui/tile';
+export { StyledTileRoot as TileRoot, StyledHeaderContainer as TileHeaderContainer, StyledBodyContainer as TileBodyContainer, StyledBodyContainerContent as TileBodyContainerContent, StyledTileGroupRoot as TileGroupRoot, StyledLabel as TileLabel, } from 'baseui/tile';
+export * from './constants';
+export * from './styled-components';
+export { default as Tile } from './tile';
+export type { TileProps } from './tile';
+export { default as TileGroup } from './tile-group';
+export type { TileGroupProps } from './tile-group';

package/dist/components/tile/skeletons.d.ts

@@ -0,0 +1,7 @@
+import { TILE_LEADING_CONTENT_SIZE } from './constants';
+export declare function TileTextSkeleton({ width }: {
+    width?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TileArtworkSkeleton({ size, }: {
+    size: keyof typeof TILE_LEADING_CONTENT_SIZE;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/tile/styled-components.d.ts

@@ -0,0 +1,3 @@
+export declare const TileParagraph: import('styletron-react').StyletronComponent<"div", {
+    $disabled?: boolean;
+}>;

package/dist/components/tile/tile-group.d.ts

@@ -0,0 +1,7 @@
+import { TileGroupProps as BaseTileGroupProps } from 'baseui/tile';
+export type TileGroupProps = BaseTileGroupProps & {
+    id?: string;
+    loading?: boolean;
+};
+declare function TileGroup({ children, disabled, id, loading, overrides, ...restProps }: TileGroupProps): import("react/jsx-runtime").JSX.Element;
+export default TileGroup;

package/dist/components/tile/tile.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { TileProps as BaseTileProps } from 'baseui/tile';
+export type TileProps = BaseTileProps & {
+    id?: string;
+    loading?: boolean;
+};
+export declare const Tile: React.ForwardRefExoticComponent<BaseTileProps & {
+    id?: string;
+    loading?: boolean;
+} & React.RefAttributes<HTMLElement>>;
+export default Tile;

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";

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

@@ -0,0 +1,3 @@
+export type { NavItem as TopNavItem } from 'baseui/app-nav-bar';
+export { setItemActive as setTopNavItemActive } from 'baseui/app-nav-bar';
+export * from './top-navigation';

package/dist/components/top-navigation/mobile-menu.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { TopNavigationOverrides } from './types';
+export type MobileMenuProps = {
+    children: ReactNode;
+    overrides?: TopNavigationOverrides;
+};
+export default function MobileMenu({ children, overrides, }: MobileMenuProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/top-navigation/styled-components.d.ts

@@ -0,0 +1,6 @@
+export declare const StyledRoot: import('styletron-react').StyletronComponent<"div", {}>;
+export declare const StyledNavContainer: import('styletron-react').StyletronComponent<"div", {}>;
+export declare const StyledPrimaryMenuContainer: import('styletron-react').StyletronComponent<"div", {}>;
+export declare const StyledPrimaryMenuItem: import('styletron-react').StyletronComponent<"div", {}>;
+export declare const StyledPageTitle: import('styletron-react').StyletronComponent<"h1", {}>;
+export declare const StyledMobileMenuContentContainer: import('styletron-react').StyletronComponent<"div", {}>;

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

@@ -0,0 +1,14 @@
+import { default as React, ReactNode } from 'react';
+import { UserMenuProps, NavItem } from 'baseui/app-nav-bar';
+import { TopNavigationOverrides } from './types';
+export type TopNavigationProps = {
+    appName: ReactNode;
+    children?: ReactNode;
+    id?: string;
+    mapUserItemToNode?: (a: NavItem) => React.ReactNode;
+    mobileBreakpoint?: number;
+    mobileMenuChildren: ReactNode;
+    overrides?: TopNavigationOverrides;
+    pageTitle?: ReactNode;
+} & UserMenuProps;
+export declare function TopNavigation({ appName, children, id, mapUserItemToNode, mobileBreakpoint, mobileMenuChildren, overrides, pageTitle, userItems, username, usernameSubtitle, userImgUrl, onUserItemSelect, }: TopNavigationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/top-navigation/types.d.ts

@@ -0,0 +1,16 @@
+import { Override } from 'baseui/helpers/overrides';
+export type TopNavigationOverrides = {
+    Root?: Override;
+    NavContainer?: Override;
+    AppName?: Override;
+    PageTitle?: Override;
+    PrimaryMenuContainer?: Override;
+    PrimaryMenuItem?: Override;
+    MobileMenuContentContainer?: Override;
+    UserMenuProfileListItem?: Override;
+    UserProfileInfoContainer?: Override;
+    UserProfilePictureContainer?: Override;
+    UserProfileTileContainer?: Override;
+    UserMenuButton?: Override;
+    UserMenu?: Override;
+};

package/dist/components/top-navigation/user-menu.d.ts

@@ -0,0 +1,7 @@
+import { UserMenuProps, NavItem, AppNavBarOverrides } from 'baseui/app-nav-bar';
+import * as React from "react";
+export default function UserMenuComponent(props: {
+    mapItemToNode: (a: NavItem) => React.ReactNode;
+    onItemSelect: (a: NavItem) => unknown;
+    overrides: AppNavBarOverrides;
+} & UserMenuProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/top-navigation/user-profile-tile.d.ts

@@ -0,0 +1,4 @@
+import { AppNavBarOverrides, UserMenuProps } from 'baseui/app-nav-bar';
+export default function UserProfileTile(props: {
+    overrides: AppNavBarOverrides;
+} & UserMenuProps): import("react/jsx-runtime").JSX.Element;

package/dist/docs/guides/borders.d.ts

@@ -0,0 +1,2 @@
+export declare function Borders(): import("react/jsx-runtime").JSX.Element;
+export default Borders;

package/dist/docs/guides/colors.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+export declare function ColorDocs({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export declare function ColorLegend(): import("react/jsx-runtime").JSX.Element;

package/dist/docs/guides/sizing.d.ts

@@ -0,0 +1,2 @@
+export declare function Sizing(): import("react/jsx-runtime").JSX.Element;
+export default Sizing;

package/dist/docs/index.d.ts

@@ -0,0 +1,13 @@
+import { PropsWithChildren } from 'react';
+/**
+ * This hook checks if Storybook docs are in dark mode. Though the hook
+ * `useDarkMode` exists, it only works in the Storybook decorator and
+ * story functions, not in the docs pages.
+ */
+export declare function useDocsInDarkMode(): boolean;
+/**
+ * This component provides the Clay theme to jsx in Storybook's unattached doc pages.
+ * It uses the current Storybook theme to determine whether to use the light or
+ * dark Clay theme. Without this, jsx in mdx has no access to the Clay theme.
+ */
+export declare function DocsClayProvider({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;