@omniviewdev/ui 0.1.0

package/dist/components/ActionCard.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export interface ActionCardProps {
+    /** Icon displayed above the title */
+    icon?: React.ReactNode;
+    /** Card title */
+    title: string;
+    /** Description text */
+    description?: string;
+    /** Primary action (e.g. a Button) */
+    primaryAction?: React.ReactNode;
+    /** Secondary action (e.g. a text Button) */
+    secondaryAction?: React.ReactNode;
+    /** Horizontal or vertical layout */
+    direction?: "horizontal" | "vertical";
+    sx?: SxProps<Theme>;
+}
+declare function ActionCard({ icon, title, description, primaryAction, secondaryAction, direction, sx, }: ActionCardProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ActionCard {
+    var displayName: string;
+}
+export default ActionCard;

package/dist/components/AspectRatio.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export interface AspectRatioProps {
+    /** Ratio expressed as "width/height" string or a number (e.g. 16/9) */
+    ratio?: string | number;
+    children: ReactNode;
+    sx?: SxProps<Theme>;
+}
+declare function AspectRatio({ ratio, children, sx, }: AspectRatioProps): import("react/jsx-runtime").JSX.Element;
+declare namespace AspectRatio {
+    var displayName: string;
+}
+export default AspectRatio;

package/dist/components/Avatar.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+import { ComponentSize, SemanticColor } from '../types';
+export interface AvatarProps {
+    src?: string;
+    name?: string;
+    size?: ComponentSize;
+    color?: SemanticColor;
+    /** Shape of the avatar. Defaults to 'rounded' (rounded square). */
+    variant?: 'circular' | 'rounded';
+    /** Custom content to render inside the avatar (overrides name-based initials). */
+    children?: ReactNode;
+    sx?: SxProps<Theme>;
+}
+declare function Avatar({ src, name, size, variant, children, sx, }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Avatar {
+    var displayName: string;
+}
+export default Avatar;

package/dist/components/Badge.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+import { SemanticColor } from '../types';
+export interface BadgeProps {
+    count?: number;
+    dot?: boolean;
+    color?: SemanticColor;
+    max?: number;
+    invisible?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    anchorOrigin?: {
+        vertical: 'top' | 'bottom';
+        horizontal: 'left' | 'right';
+    };
+    children: ReactNode;
+    sx?: SxProps<Theme>;
+}
+declare function Badge({ count, dot, color, max, invisible, anchorOrigin, children, sx, }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Badge {
+    var displayName: string;
+}
+export default Badge;

package/dist/components/Card.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export interface CardProps {
+    title?: string;
+    icon?: string | React.ReactNode;
+    titleDecorator?: string | number | React.ReactNode;
+    children?: React.ReactNode;
+    /** MUI Card variant */
+    variant?: 'outlined' | 'elevation';
+    /** Alias for variant using emphasis naming convention */
+    emphasis?: 'outline' | 'solid' | 'soft' | 'ghost';
+    /** Ignored - accepted for compat but Card doesn't size */
+    size?: string;
+    /** Remove body padding (useful when children provide their own) */
+    noPadding?: boolean;
+    onClick?: React.MouseEventHandler;
+    sx?: SxProps<Theme>;
+}
+/**
+ * A card with an optional title bar (icon + badge) and content area.
+ * When no title is provided, renders as a simple card container.
+ */
+export declare const Card: React.FC<CardProps>;
+export default Card;

package/dist/components/Chip.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode, ReactElement, CSSProperties } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+import { SemanticColor, Emphasis, ComponentSize, Shape } from '../types';
+export interface ChipProps {
+    label?: ReactNode;
+    /** Alias for label when used as children */
+    children?: ReactNode;
+    color?: SemanticColor;
+    emphasis?: Emphasis;
+    /** Alias for emphasis (maps Joy UI variant names) */
+    variant?: 'soft' | 'outlined' | 'solid' | 'plain' | 'filled';
+    size?: ComponentSize;
+    /** Border-radius preset */
+    shape?: Shape;
+    /** CSS text-transform value applied to the label */
+    textTransform?: CSSProperties['textTransform'];
+    icon?: ReactElement;
+    /** Alias for icon */
+    startAdornment?: ReactNode;
+    /** Trailing content */
+    endAdornment?: ReactNode;
+    deletable?: boolean;
+    onDelete?: () => void;
+    onClick?: () => void;
+    disabled?: boolean;
+    sx?: SxProps<Theme>;
+}
+declare function Chip({ label, children, color, emphasis, variant, size, shape, textTransform, icon, startAdornment, endAdornment: _endAdornment, deletable, onDelete, onClick, disabled, sx, }: ChipProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Chip {
+    var displayName: string;
+}
+export default Chip;

package/dist/components/ClipboardText.d.ts

@@ -0,0 +1,14 @@
+import { SxProps, Theme } from '@mui/material/styles';
+export interface ClipboardTextProps {
+    value: string;
+    truncate?: boolean;
+    maxWidth?: number | string;
+    sx?: SxProps<Theme>;
+    /** "mono" renders with monospace font (default); "inherit" inherits parent styling */
+    variant?: 'mono' | 'inherit';
+}
+declare function ClipboardText({ value, truncate, maxWidth, sx, variant, }: ClipboardTextProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ClipboardText {
+    var displayName: string;
+}
+export default ClipboardText;

package/dist/components/DetailsCard.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+export interface DetailsCardEntry {
+    key: string;
+    value: string;
+    icon?: string | React.ReactNode;
+    ratio?: [number, number];
+    used?: string;
+    defaultValue?: string;
+    endAdornment?: React.ReactNode;
+    startAdornment?: React.ReactNode;
+}
+export interface DetailsCardProps {
+    title?: string;
+    titleSize?: "sm" | "md" | "lg";
+    icon?: string | React.ReactNode;
+    data: DetailsCardEntry[];
+    endAdornment?: React.ReactNode;
+    /** Show the kv pair even if the value is undefined */
+    showUndefined?: boolean;
+}
+/**
+ * A card for showing key-value pairs of details with icons and grid ratios.
+ */
+export declare const DetailsCard: React.FC<DetailsCardProps>;
+export default DetailsCard;

package/dist/components/EmptySearch.d.ts

@@ -0,0 +1,12 @@
+import { SxProps, Theme } from '@mui/material/styles';
+export interface EmptySearchProps {
+    query: string;
+    suggestions?: string[];
+    onSuggestionClick?: (suggestion: string) => void;
+    sx?: SxProps<Theme>;
+}
+declare function EmptySearch({ query, suggestions, onSuggestionClick, sx, }: EmptySearchProps): import("react/jsx-runtime").JSX.Element;
+declare namespace EmptySearch {
+    var displayName: string;
+}
+export default EmptySearch;

package/dist/components/ExpandableSections.d.ts

@@ -0,0 +1,51 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export interface ExpandableSection {
+    /** Unique key for the section (falls back to index) */
+    key?: string;
+    /** Icon: string name resolved via Icon component, or ReactNode */
+    icon?: string | React.ReactNode;
+    /** Title text or ReactNode */
+    title: string | React.ReactNode;
+    /** Optional count displayed as a small badge after the title */
+    count?: number;
+    /** Trailing content in the header row (status chips, action buttons, etc.) */
+    endDecorator?: React.ReactNode;
+    /** Expandable body content */
+    children: React.ReactNode;
+    /** Whether section starts expanded */
+    defaultExpanded?: boolean;
+    /** Controlled expanded state (overrides defaultExpanded) */
+    expanded?: boolean;
+    /** Callback when expanded state changes */
+    onExpandedChange?: (expanded: boolean) => void;
+    /** Disable this section */
+    disabled?: boolean;
+}
+export interface ExpandableSectionsProps {
+    sections: ExpandableSection[];
+    /** Visual variant */
+    variant?: "bordered" | "plain" | "flush";
+    /** Size/density */
+    size?: "sm" | "md" | "lg";
+    /** Use monospace font for titles */
+    monospace?: boolean;
+    /** Allow only one section open at a time */
+    exclusive?: boolean;
+    /** sx overrides on the root container */
+    sx?: SxProps<Theme>;
+}
+declare function ExpandableSections({ sections, variant, size, monospace, exclusive, sx, }: ExpandableSectionsProps): React.ReactElement;
+declare namespace ExpandableSections {
+    var displayName: string;
+}
+export default ExpandableSections;
+export type ExpandableSectionStandaloneProps = ExpandableSection & {
+    variant?: "bordered" | "plain" | "flush";
+    size?: "sm" | "md" | "lg";
+    monospace?: boolean;
+};
+export declare function ExpandableSectionComponent({ variant, size, monospace, ...section }: ExpandableSectionStandaloneProps): React.ReactElement;
+export declare namespace ExpandableSectionComponent {
+    var displayName: string;
+}

package/dist/components/FileIcon.d.ts

@@ -0,0 +1,12 @@
+import { SxProps, Theme } from '@mui/material/styles';
+import { ComponentSize } from '../types';
+export interface FileIconProps {
+    filename: string;
+    size?: ComponentSize;
+    sx?: SxProps<Theme>;
+}
+declare function FileIcon({ filename, size, sx, }: FileIconProps): import("react/jsx-runtime").JSX.Element;
+declare namespace FileIcon {
+    var displayName: string;
+}
+export default FileIcon;

package/dist/components/HotkeyHint.d.ts

@@ -0,0 +1,8 @@
+export interface HotkeyHintProps {
+    keys: string[];
+}
+declare function HotkeyHint({ keys }: HotkeyHintProps): import("react/jsx-runtime").JSX.Element;
+declare namespace HotkeyHint {
+    var displayName: string;
+}
+export default HotkeyHint;

package/dist/components/Icon.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { IconBaseProps } from 'react-icons/lib';
+type NamedIconProps = {
+    name: string;
+} & IconBaseProps;
+export declare const Icon: React.FC<NamedIconProps>;
+export default Icon;

package/dist/components/InlineEdit.d.ts

@@ -0,0 +1,14 @@
+import { SxProps, Theme } from '@mui/material/styles';
+import { ComponentSize } from '../types';
+export interface InlineEditProps {
+    value: string;
+    onSave: (value: string) => void;
+    placeholder?: string;
+    size?: ComponentSize;
+    sx?: SxProps<Theme>;
+}
+declare function InlineEdit({ value, onSave, placeholder, size, sx, }: InlineEditProps): import("react/jsx-runtime").JSX.Element;
+declare namespace InlineEdit {
+    var displayName: string;
+}
+export default InlineEdit;

package/dist/components/KVCard.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+interface KVCardProps {
+    title: string;
+    kvs: Record<string, string>;
+    defaultExpanded?: boolean;
+}
+/**
+ * An accordion card for displaying key-value pairs.
+ */
+declare const KVCard: React.FC<KVCardProps>;
+export { type KVCardProps };
+export default KVCard;

package/dist/components/Kbd.d.ts

@@ -0,0 +1,8 @@
+export interface KbdProps {
+    shortcut: string;
+}
+declare function Kbd({ shortcut }: KbdProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Kbd {
+    var displayName: string;
+}
+export default Kbd;

package/dist/components/List.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { default as MuiListSubheader } from '@mui/material/ListSubheader';
+import { SxProps, Theme } from '@mui/material/styles';
+import { ComponentSize } from '../types';
+export interface ListProps {
+    children: ReactNode;
+    size?: ComponentSize;
+    /** Optional subheader text */
+    subheader?: string;
+    /** Dense rendering */
+    dense?: boolean;
+    /** Disable default padding */
+    disablePadding?: boolean;
+    sx?: SxProps<Theme>;
+}
+declare function List({ children, size, subheader, dense, disablePadding, sx, }: ListProps): import("react/jsx-runtime").JSX.Element;
+declare namespace List {
+    var displayName: string;
+}
+export default List;
+/** Re-export MUI ListSubheader for direct use */
+export { MuiListSubheader as ListSubheader };
+/** Simple list divider */
+export declare function ListDivider({ sx }: {
+    sx?: SxProps<Theme>;
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace ListDivider {
+    var displayName: string;
+}

package/dist/components/ListCard.d.ts

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export interface ListCardItem {
+    key: string;
+    label: string;
+    icon?: React.ReactNode;
+    secondary?: string;
+    trailing?: React.ReactNode;
+    onClick?: () => void;
+}
+export interface ListCardProps {
+    /** Card header title */
+    title: string;
+    /** Icon in the header */
+    icon?: React.ReactNode;
+    /** Header right-side element (e.g. a count badge or action button) */
+    headerAction?: React.ReactNode;
+    /** List items */
+    items: ListCardItem[];
+    /** Max visible items before scrolling */
+    maxVisible?: number;
+    /** Shown when items is empty */
+    emptyMessage?: string;
+    sx?: SxProps<Theme>;
+}
+declare function ListCard({ title, icon, headerAction, items, maxVisible, emptyMessage, sx, }: ListCardProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ListCard {
+    var displayName: string;
+}
+export default ListCard;

package/dist/components/ListItem.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode, MouseEventHandler } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export interface ListItemProps {
+    children?: ReactNode;
+    /** Primary text label */
+    primary?: ReactNode;
+    /** Secondary text line */
+    secondary?: ReactNode;
+    /** Leading icon or decorator */
+    icon?: ReactNode;
+    /** Trailing action element */
+    action?: ReactNode;
+    /** Whether this item is selected */
+    selected?: boolean;
+    /** Whether this item is disabled */
+    disabled?: boolean;
+    /** Click handler — when provided, renders as a button */
+    onClick?: MouseEventHandler;
+    /** Nested content (renders children below the item text) */
+    nested?: boolean;
+    sx?: SxProps<Theme>;
+}
+declare function ListItem({ children, primary, secondary, icon, action, selected, disabled, onClick, sx, }: ListItemProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ListItem {
+    var displayName: string;
+}
+export default ListItem;

package/dist/components/LoadingOverlay.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export interface LoadingOverlayProps {
+    active: boolean;
+    children: React.ReactNode;
+    label?: string;
+    blur?: boolean;
+    sx?: SxProps<Theme>;
+}
+declare function LoadingOverlay({ active, children, label, blur, sx, }: LoadingOverlayProps): import("react/jsx-runtime").JSX.Element;
+declare namespace LoadingOverlay {
+    var displayName: string;
+}
+export default LoadingOverlay;

package/dist/components/MediaCard.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export interface MediaCardProps {
+    /** Image URL or ReactNode for the media area */
+    media: string | React.ReactNode;
+    /** Media area height in px */
+    mediaHeight?: number;
+    /** Card title */
+    title: string;
+    /** Short description */
+    description?: string;
+    /** Small metadata line (e.g. author, date) */
+    meta?: string | React.ReactNode;
+    /** Action buttons rendered at the bottom */
+    actions?: React.ReactNode;
+    /** Click handler for the entire card */
+    onClick?: () => void;
+    sx?: SxProps<Theme>;
+}
+declare function MediaCard({ media, mediaHeight, title, description, meta, actions, onClick, sx, }: MediaCardProps): import("react/jsx-runtime").JSX.Element;
+declare namespace MediaCard {
+    var displayName: string;
+}
+export default MediaCard;

package/dist/components/MetricsSection.d.ts

@@ -0,0 +1,37 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+/** Represents a single current metric value to display. */
+export interface MetricValue {
+    metricID: string;
+    name: string;
+    value: number;
+    unit: string;
+    icon?: string;
+    /** Optional capacity to compute percentage for gauge display */
+    capacity?: number;
+    /** Optional color for the metric accent */
+    color?: string;
+}
+/** A provider group of metric values. */
+export interface MetricProviderGroup {
+    providerID: string;
+    providerName: string;
+    providerIcon?: string;
+    metrics: MetricValue[];
+}
+export interface MetricsSectionProps {
+    /** Grouped metric data from providers. */
+    providers: MetricProviderGroup[];
+    /** Whether data is currently loading. */
+    isLoading?: boolean;
+    /** Error message, if any. */
+    error?: string | null;
+    /** Override container styles. */
+    sx?: SxProps<Theme>;
+}
+/**
+ * MetricsSection renders metric data from one or more providers.
+ * Designed to be dropped into any resource sidebar.
+ */
+export declare const MetricsSection: React.FC<MetricsSectionProps>;
+export default MetricsSection;

package/dist/components/OverflowText.d.ts

@@ -0,0 +1,12 @@
+import { SxProps, Theme } from '@mui/material/styles';
+export interface OverflowTextProps {
+    children: string;
+    maxWidth?: number | string;
+    copyOnClick?: boolean;
+    sx?: SxProps<Theme>;
+}
+declare function OverflowText({ children, maxWidth, copyOnClick, sx, }: OverflowTextProps): import("react/jsx-runtime").JSX.Element;
+declare namespace OverflowText {
+    var displayName: string;
+}
+export default OverflowText;

package/dist/components/StatCard.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+import { SemanticColor } from '../types';
+export interface StatCardProps {
+    /** The large metric value (e.g. "42", "99.9%", "3.2s") */
+    value: string | number;
+    /** Label beneath the value */
+    label: string;
+    /** Optional description text */
+    description?: string;
+    /** Icon displayed in the top-right corner */
+    icon?: React.ReactNode;
+    /** Trend indicator: positive = up/green, negative = down/red, zero = neutral */
+    trend?: {
+        value: number;
+        label?: string;
+    };
+    /** Accent color for the value and trend */
+    color?: SemanticColor;
+    sx?: SxProps<Theme>;
+}
+declare function StatCard({ value, label, description, icon, trend, color, sx, }: StatCardProps): import("react/jsx-runtime").JSX.Element;
+declare namespace StatCard {
+    var displayName: string;
+}
+export default StatCard;

package/dist/components/StatusCard.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+import { Status } from '../types';
+export interface StatusCardMeta {
+    label: string;
+    value: string | React.ReactNode;
+}
+export interface StatusCardProps {
+    /** Resource or service name */
+    title: string;
+    /** Icon in the header */
+    icon?: React.ReactNode;
+    /** Current status */
+    status: Status;
+    /** Human-readable status label (defaults to status value) */
+    statusLabel?: string;
+    /** Optional description or summary */
+    description?: string;
+    /** Key-value metadata rows displayed below */
+    metadata?: StatusCardMeta[];
+    /** Action elements in the header */
+    headerAction?: React.ReactNode;
+    sx?: SxProps<Theme>;
+}
+declare function StatusCard({ title, icon, status, statusLabel, description, metadata, headerAction, sx, }: StatusCardProps): import("react/jsx-runtime").JSX.Element;
+declare namespace StatusCard {
+    var displayName: string;
+}
+export default StatusCard;

package/dist/components/TruncatedList.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export interface TruncatedListProps {
+    items: React.ReactNode[];
+    maxVisible?: number;
+    renderItem?: (item: React.ReactNode, index: number) => React.ReactNode;
+    sx?: SxProps<Theme>;
+}
+declare function TruncatedList({ items, maxVisible, renderItem, sx, }: TruncatedListProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TruncatedList {
+    var displayName: string;
+}
+export default TruncatedList;

package/dist/domain/DescriptionList.d.ts

@@ -0,0 +1,12 @@
+import { ComponentSize } from '../types';
+import { DescriptionItem } from './types';
+export interface DescriptionListProps {
+    items: DescriptionItem[];
+    columns?: 1 | 2 | 3;
+    size?: ComponentSize;
+}
+declare function DescriptionList({ items, columns, size, }: DescriptionListProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DescriptionList {
+    var displayName: string;
+}
+export default DescriptionList;

package/dist/domain/EventsList.d.ts

@@ -0,0 +1,11 @@
+import { KubeEvent } from './types';
+export interface EventsListProps {
+    events: KubeEvent[];
+    loading?: boolean;
+    groupBy?: 'object' | 'time';
+}
+declare function EventsList({ events, loading, }: EventsListProps): import("react/jsx-runtime").JSX.Element;
+declare namespace EventsList {
+    var displayName: string;
+}
+export default EventsList;

package/dist/domain/FilterBar.d.ts

@@ -0,0 +1,23 @@
+import { SxProps, Theme } from '@mui/material/styles';
+export interface FilterDef {
+    key: string;
+    label: string;
+    type: 'text' | 'select';
+    options?: string[];
+    placeholder?: string;
+}
+export interface ActiveFilter {
+    key: string;
+    value: string;
+}
+export interface FilterBarProps {
+    filters: FilterDef[];
+    activeFilters: ActiveFilter[];
+    onChange: (filters: ActiveFilter[]) => void;
+    sx?: SxProps<Theme>;
+}
+declare function FilterBar({ filters, activeFilters, onChange, sx, }: FilterBarProps): import("react/jsx-runtime").JSX.Element;
+declare namespace FilterBar {
+    var displayName: string;
+}
+export default FilterBar;

package/dist/domain/LogsViewer.d.ts

@@ -0,0 +1,15 @@
+import { LogLine } from './types';
+export interface LogsViewerProps {
+    lines: LogLine[];
+    follow?: boolean;
+    onFollow?: (follow: boolean) => void;
+    wrap?: boolean;
+    timestamps?: boolean;
+    maxLines?: number;
+    severity?: 'info' | 'warn' | 'error' | 'debug';
+}
+declare function LogsViewer({ lines, follow, wrap, timestamps, maxLines, severity, }: LogsViewerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace LogsViewer {
+    var displayName: string;
+}
+export default LogsViewer;

package/dist/domain/MetricCard.d.ts

@@ -0,0 +1,14 @@
+export interface MetricCardProps {
+    label: string;
+    value: string | number;
+    unit?: string;
+    delta?: number;
+    deltaDirection?: 'up' | 'down' | 'neutral';
+    sparkline?: React.ReactNode;
+    loading?: boolean;
+}
+declare function MetricCard({ label, value, unit, delta, deltaDirection, sparkline, loading, }: MetricCardProps): import("react/jsx-runtime").JSX.Element;
+declare namespace MetricCard {
+    var displayName: string;
+}
+export default MetricCard;