@mdxui/terminal 2.0.0

package/dist/components/index.d.ts

@@ -0,0 +1,802 @@
+import { ReactNode, ReactElement } from 'react';
+
+/**
+ * @mdxui/terminal/components/types
+ *
+ * Component prop interfaces and type guards for terminal components.
+ */
+
+interface RenderContext {
+    width: number;
+    parentWidth?: number;
+    /** Enable color output (optional, for testing) */
+    colors?: boolean;
+    /** Color support level (optional, for testing) */
+    colorSupport?: 'none' | '16' | '256' | 'truecolor';
+}
+/**
+ * Valid component type strings used in createElement
+ */
+type TerminalComponentType = 'box' | 'text' | 'table' | 'input' | 'select' | 'sidebar' | 'sidebar-item' | 'breadcrumb' | 'badge' | 'dialog' | 'spinner' | 'button' | 'panel' | 'list' | 'card';
+/**
+ * Set of all valid component types for O(1) lookup
+ */
+declare const COMPONENT_TYPES: Set<string>;
+interface BoxProps {
+    children?: ReactNode;
+    border?: 'none' | 'single' | 'double' | 'rounded';
+    padding?: number;
+    margin?: number;
+    width?: number | string;
+    height?: number | string;
+    flexDirection?: 'row' | 'column';
+    justifyContent?: 'flex-start' | 'center' | 'flex-end' | 'space-between';
+    alignItems?: 'flex-start' | 'center' | 'flex-end' | 'stretch';
+    gap?: number;
+    bg?: string;
+}
+interface TextProps {
+    children?: ReactNode;
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    dim?: boolean;
+    color?: string;
+    backgroundColor?: string;
+    wrap?: 'wrap' | 'truncate' | 'truncate-middle' | 'truncate-end';
+}
+interface InputProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    label?: string;
+    disabled?: boolean;
+    focused?: boolean;
+    type?: 'text' | 'password';
+    /** Cursor position within the input value (defaults to end of value) */
+    cursorPosition?: number;
+    /** Width of the input field */
+    width?: number;
+}
+interface SelectOption<T> {
+    label: string;
+    value: T;
+    /** Optional: disable this option */
+    disabled?: boolean;
+}
+interface SelectProps<T> {
+    options: SelectOption<T>[];
+    value?: T;
+    onChange?: (value: T) => void;
+    label?: string;
+    focused?: boolean;
+    highlightedIndex?: number;
+    /** Maximum visible options when expanded (defaults to 5) */
+    maxVisible?: number;
+}
+interface ButtonProps {
+    children?: ReactNode;
+    onPress?: () => void;
+    hotkey?: string;
+    disabled?: boolean;
+    focused?: boolean;
+    variant?: 'primary' | 'secondary' | 'destructive';
+}
+interface PanelProps {
+    children?: ReactNode;
+    title?: string;
+    border?: 'none' | 'single' | 'double' | 'rounded';
+    collapsible?: boolean;
+    collapsed?: boolean;
+    padding?: number;
+}
+interface CardProps {
+    children?: ReactNode;
+    title?: string;
+    border?: 'none' | 'single' | 'double';
+}
+interface DialogProps {
+    open?: boolean;
+    onClose?: () => void;
+    title?: string;
+    children?: ReactNode;
+}
+/**
+ * Sidebar layout component props (internal terminal component).
+ * This is distinct from the mdxui SidebarProps for AppComponents.
+ * @deprecated Use SidebarProps (mdxui-compatible) instead for new code.
+ */
+interface TerminalSidebarLayoutProps {
+    children?: ReactNode;
+    width?: number;
+    collapsed?: boolean;
+}
+interface SidebarItemProps {
+    label: string;
+    icon?: string;
+    active?: boolean;
+    onSelect?: () => void;
+    children?: ReactNode;
+}
+interface BreadcrumbProps {
+    items: Array<{
+        label: string;
+        path?: string;
+    }>;
+    separator?: string;
+}
+interface ListProps {
+    items: string[] | ReactNode[];
+    selectedIndex?: number;
+    onSelect?: (item: string | ReactNode, index: number) => void;
+    bullet?: string;
+    numbered?: boolean;
+}
+interface TableColumn<T> {
+    key: keyof T | string;
+    header: string;
+    width?: number;
+    align?: 'left' | 'center' | 'right';
+    render?: (value: unknown, row: T) => ReactNode;
+}
+interface TableProps<T> {
+    data: T[];
+    columns: TableColumn<T>[];
+    onSelect?: (row: T, index: number) => void;
+    selectedIndex?: number;
+    navigable?: boolean;
+}
+interface BadgeProps {
+    children?: ReactNode;
+    variant?: 'default' | 'success' | 'warning' | 'error' | 'info';
+}
+interface SpinnerProps {
+    label?: string;
+}
+/**
+ * Navigation item for headers, sidebars, etc.
+ * Compatible with mdxui NavItem.
+ */
+interface NavItem {
+    label: string;
+    href: string;
+    icon?: string;
+    description?: string;
+    children?: NavItem[];
+}
+/**
+ * Action configuration for behavior props.
+ * Compatible with mdxui ActionConfig.
+ */
+interface ActionConfig {
+    kind?: 'config';
+    href: string;
+    onClick?: () => void;
+    target?: '_blank' | '_self';
+}
+/**
+ * Action prop accepts either a simple string (href) or full config.
+ */
+type ActionProp = string | ActionConfig;
+/**
+ * Standard actions object for components with primary/secondary actions.
+ */
+interface ActionsProps {
+    primary?: ActionProp;
+    secondary?: ActionProp;
+}
+/**
+ * Footer link group structure.
+ */
+interface FooterLinkGroup {
+    title: string;
+    links: Array<{
+        label: string;
+        href: string;
+    }>;
+}
+/**
+ * Social link structure.
+ */
+interface SocialLink {
+    platform: string;
+    href: string;
+    icon?: ReactNode;
+}
+/**
+ * Feature item for Features section.
+ */
+interface FeatureItem {
+    title: string;
+    description: string;
+    icon?: ReactNode;
+    actions?: {
+        link?: ActionProp;
+    };
+}
+/**
+ * Pricing tier structure.
+ */
+interface PricingTier {
+    name: string;
+    price: string;
+    description?: string;
+    features: string[];
+    callToAction: string;
+    highlighted?: boolean;
+    actions?: ActionsProps;
+}
+/**
+ * FAQ item structure.
+ */
+interface FAQItem {
+    question: string;
+    answer: string;
+}
+/**
+ * Dashboard metric structure.
+ */
+interface DashboardMetric {
+    label: string;
+    value: string | number;
+    change?: number;
+    trend?: 'up' | 'down' | 'neutral';
+}
+/**
+ * Settings section types.
+ */
+type SettingsSection = 'profile' | 'security' | 'notifications' | 'billing' | 'team' | 'api' | 'integrations';
+/**
+ * App header user structure.
+ */
+interface AppHeaderUser {
+    name: string;
+    email: string;
+    avatar?: string;
+}
+/**
+ * Breadcrumb item structure.
+ */
+interface BreadcrumbItem {
+    label: string;
+    href?: string;
+}
+/**
+ * Site component props - root container for marketing sites.
+ * Compatible with mdxui SiteProps.
+ */
+interface SiteProps {
+    /** Site display name (required by mdxui) */
+    name: string;
+    /** Primary domain (e.g., "example.com") */
+    domain?: string;
+    /** Theme mode */
+    theme?: 'light' | 'dark' | 'system';
+    /** Child content */
+    children?: ReactNode;
+}
+/**
+ * Header component props - navigation header.
+ * Compatible with both mdxui HeaderProps (SiteComponents) and AppHeaderProps (AppComponents).
+ *
+ * This combined interface allows the terminal Header component to work in
+ * both site and app contexts. In site mode, logo and nav are typically used.
+ * In app mode, user and breadcrumbs are typically used.
+ *
+ * Note: For strict mdxui HeaderProps compatibility in site context,
+ * logo and nav should be provided. They are optional here to allow
+ * the same component to work with AppHeaderProps.
+ */
+interface HeaderProps {
+    /**
+     * Logo element or URL.
+     * Required for site usage (mdxui HeaderProps).
+     * Optional here to support dual use with AppHeaderProps.
+     */
+    logo?: ReactNode;
+    /**
+     * Navigation links.
+     * Required for site usage (mdxui HeaderProps).
+     * Optional here to support dual use with AppHeaderProps.
+     */
+    nav?: NavItem[];
+    /** Primary CTA button text */
+    callToAction?: string;
+    /** Action behaviors */
+    actions?: ActionsProps;
+    /** Custom link component */
+    LinkComponent?: ReactNode;
+    /** Current user (used in app mode) */
+    user?: AppHeaderUser;
+    /** Show search */
+    showSearch?: boolean;
+    /** Show notifications */
+    showNotifications?: boolean;
+    /** Breadcrumbs */
+    breadcrumbs?: BreadcrumbItem[];
+    /** Child content */
+    children?: ReactNode;
+}
+/**
+ * Footer component props - site footer.
+ * Compatible with mdxui FooterProps.
+ */
+interface FooterProps {
+    /** Logo element or URL (required by mdxui) */
+    logo: ReactNode;
+    /** Footer link groups (required by mdxui) */
+    links: FooterLinkGroup[];
+    /** Social media links */
+    social?: SocialLink[];
+    /** Copyright text */
+    copyright?: string;
+    /** Newsletter signup configuration */
+    newsletter?: {
+        headline: string;
+        subheadline: string;
+    };
+    /** Child content */
+    children?: ReactNode;
+}
+/**
+ * Hero component props - hero section.
+ * Compatible with mdxui HeroProps.
+ */
+interface HeroProps {
+    /** Main title (required by mdxui as string) */
+    title: string;
+    /** Subtitle or description */
+    subtitle?: string;
+    /** Badge text (above headline) */
+    badge?: string;
+    /** Primary call-to-action text (required by mdxui) */
+    callToAction: string;
+    /** Secondary call-to-action text */
+    secondaryCallToAction?: string;
+    /** Layout variant */
+    variant?: 'default' | 'centered' | 'split' | 'code-below' | 'video-beside' | 'image-split';
+    /** Hero image URL */
+    image?: string;
+    /** Hero video URL */
+    video?: string;
+    /** Product screenshot URL */
+    screenshot?: string;
+    /** Code block content */
+    code?: {
+        language: string;
+        code: string;
+    };
+    /** Action behaviors */
+    actions?: ActionsProps;
+    /** Child content */
+    children?: ReactNode;
+}
+/**
+ * Features component props - features section.
+ * Compatible with mdxui FeaturesProps.
+ */
+interface FeaturesProps {
+    /** Section title */
+    title?: string;
+    /** Section description */
+    description?: string;
+    /** Feature items (required by mdxui) */
+    features: FeatureItem[];
+    /** Layout variant */
+    variant?: 'grid' | 'list' | 'bento';
+    /** Number of columns (for grid) */
+    columns?: number;
+    /** Child content */
+    children?: ReactNode;
+}
+/**
+ * Pricing component props - pricing section.
+ * Compatible with mdxui PricingProps.
+ */
+interface PricingProps {
+    /** Section title */
+    title?: string;
+    /** Section description */
+    description?: string;
+    /** Pricing tiers (required by mdxui) */
+    tiers: PricingTier[];
+    /** Show annual/monthly toggle */
+    showToggle?: boolean;
+    /** Layout variant */
+    variant?: 'cards' | 'comparison-table' | 'toggle';
+    /** Child content */
+    children?: ReactNode;
+}
+/**
+ * FAQ component props - FAQ section.
+ * Compatible with mdxui FAQProps.
+ */
+interface FAQProps {
+    /** Section title */
+    title?: string;
+    /** FAQ items (required by mdxui) */
+    items: FAQItem[];
+    /** Layout variant */
+    variant?: 'accordion' | 'grid' | 'list';
+    /** Child content */
+    children?: ReactNode;
+}
+/**
+ * LandingPage component props - homepage layout.
+ * Compatible with mdxui LandingPageProps.
+ */
+interface LandingPageProps {
+    /** Child sections (Hero, Features, Pricing, etc.) */
+    children?: ReactNode;
+}
+/**
+ * Page component props - generic content page.
+ * Compatible with mdxui PageProps.
+ */
+interface PageProps {
+    /** Page title */
+    title?: string;
+    /** Page description */
+    description?: string;
+    /** Page content */
+    children?: ReactNode;
+}
+/**
+ * App component props - root container for SaaS applications.
+ * Compatible with mdxui AppProps.
+ */
+interface AppProps {
+    /** App display name (required by mdxui) */
+    name: string;
+    /** Authentication configuration */
+    auth?: {
+        provider: 'workos' | 'clerk' | 'auth0' | 'custom';
+        clientId?: string;
+        loginUrl?: string;
+        redirectUri?: string;
+    };
+    /** Child content */
+    children?: ReactNode;
+}
+/**
+ * Shell component props - app shell layout.
+ * Compatible with mdxui ShellProps.
+ */
+interface ShellProps {
+    /** Show sidebar */
+    sidebar?: boolean;
+    /** Show header */
+    header?: boolean;
+    /** Sidebar collapsed by default */
+    sidebarCollapsed?: boolean;
+    /** Child content */
+    children?: ReactNode;
+}
+/**
+ * Sidebar component props - navigation sidebar.
+ * Compatible with mdxui SidebarProps.
+ */
+interface SidebarProps {
+    /** Navigation items (required by mdxui) */
+    nav: NavItem[];
+    /** User info for bottom of sidebar */
+    user?: AppHeaderUser;
+    /** Branding */
+    logo?: ReactNode;
+    /** Collapsed state */
+    collapsed?: boolean;
+    /** On collapse toggle */
+    onCollapse?: () => void;
+    /** Width */
+    width?: number;
+    /** Child content */
+    children?: ReactNode;
+}
+/**
+ * AppHeader component props - top header bar.
+ * Compatible with mdxui AppHeaderProps.
+ */
+interface AppHeaderProps {
+    /** Current user */
+    user?: AppHeaderUser;
+    /** Show search */
+    showSearch?: boolean;
+    /** Show notifications */
+    showNotifications?: boolean;
+    /** Breadcrumbs */
+    breadcrumbs?: BreadcrumbItem[];
+    /** Child content */
+    children?: ReactNode;
+}
+/**
+ * Dashboard component props - main dashboard view.
+ * Compatible with mdxui DashboardProps.
+ */
+interface DashboardProps {
+    /** Dashboard title */
+    title?: string;
+    /** Metrics to display */
+    metrics?: DashboardMetric[];
+    /** Child widgets/content */
+    children?: ReactNode;
+}
+/**
+ * Settings component props - settings page layout.
+ * Compatible with mdxui SettingsProps.
+ */
+interface SettingsProps {
+    /** Settings sections to show */
+    sections?: SettingsSection[];
+    /** Child content */
+    children?: ReactNode;
+}
+/**
+ * Type guard to check if a value is a valid TerminalComponentType
+ */
+declare function isTerminalComponentType(type: unknown): type is TerminalComponentType;
+/**
+ * Type guard for props objects - validates object shape
+ */
+declare function isPropsObject(props: unknown): props is Record<string, unknown>;
+/**
+ * Type guard for BoxProps
+ */
+declare function isBoxProps(props: unknown): props is BoxProps;
+/**
+ * Type guard for TextProps
+ */
+declare function isTextProps(props: unknown): props is TextProps;
+/**
+ * Type guard for TableProps
+ */
+declare function isTableProps(props: unknown): props is TableProps<unknown>;
+/**
+ * Type guard for InputProps
+ */
+declare function isInputProps(props: unknown): props is InputProps;
+/**
+ * Type guard for SelectProps
+ */
+declare function isSelectProps(props: unknown): props is SelectProps<unknown>;
+/**
+ * Type guard for SidebarProps
+ */
+declare function isSidebarProps(props: unknown): props is SidebarProps;
+/**
+ * Type guard for SidebarItemProps
+ */
+declare function isSidebarItemProps(props: unknown): props is SidebarItemProps;
+/**
+ * Type guard for BreadcrumbProps
+ */
+declare function isBreadcrumbProps(props: unknown): props is BreadcrumbProps;
+/**
+ * Type guard for BadgeProps
+ */
+declare function isBadgeProps(props: unknown): props is BadgeProps;
+/**
+ * Type guard for DialogProps
+ */
+declare function isDialogProps(props: unknown): props is DialogProps;
+/**
+ * Type guard for SpinnerProps
+ */
+declare function isSpinnerProps(props: unknown): props is SpinnerProps;
+/**
+ * Type guard for ButtonProps
+ */
+declare function isButtonProps(props: unknown): props is ButtonProps;
+/**
+ * Type guard for PanelProps
+ */
+declare function isPanelProps(props: unknown): props is PanelProps;
+/**
+ * Type guard for ListProps
+ */
+declare function isListProps(props: unknown): props is ListProps;
+/**
+ * Type guard for CardProps
+ */
+declare function isCardProps(props: unknown): props is CardProps;
+
+/**
+ * @mdxui/terminal/components/helpers
+ *
+ * Helper functions for terminal component rendering.
+ */
+
+/**
+ * Color map combining basic ANSI colors with semantic theme colors.
+ * Re-exports from theme module for backward compatibility.
+ */
+declare const colorMap: Record<string, string>;
+/**
+ * Background color map using ANSI constants.
+ */
+declare const bgColorMap: Record<string, string>;
+declare function getColorCode(color: string): string;
+declare function getBgColorCode(color: string): string;
+declare function extractChildren(children: ReactNode): string;
+
+/**
+ * @mdxui/terminal/components/render
+ *
+ * Core rendering functions for terminal components.
+ */
+
+declare function renderElement(element: ReactElement, context: RenderContext): string[];
+/**
+ * Render a React element to terminal output strings
+ */
+declare function renderComponent(element: ReactElement): string[];
+
+/**
+ * @mdxui/terminal/components/primitives/box
+ *
+ * Box component for terminal rendering.
+ */
+
+declare function renderBox(props: BoxProps, context: RenderContext): string[];
+declare function Box(props: BoxProps): ReactElement;
+
+/**
+ * @mdxui/terminal/components/primitives/text
+ *
+ * Text component for terminal rendering.
+ */
+
+declare function renderText(props: TextProps, context: RenderContext): string[];
+declare function Text(props: TextProps): ReactElement;
+
+/**
+ * @mdxui/terminal/components/primitives/input
+ *
+ * Input component for terminal rendering.
+ */
+
+declare function renderInput(props: InputProps, context: RenderContext): string[];
+declare function Input(props: InputProps): ReactElement;
+
+/**
+ * @mdxui/terminal/components/primitives/select
+ *
+ * Select component for terminal rendering.
+ */
+
+declare function renderSelect<T>(props: SelectProps<T>, _context: RenderContext): string[];
+declare function Select<T>(props: SelectProps<T>): ReactElement;
+
+/**
+ * @mdxui/terminal/components/primitives/button
+ *
+ * Button component for terminal rendering.
+ */
+
+declare function renderButton(props: ButtonProps, _context: RenderContext): string[];
+declare function Button(props: ButtonProps): ReactElement;
+
+/**
+ * @mdxui/terminal/components/containers/panel
+ *
+ * Panel component for terminal rendering.
+ */
+
+declare function renderPanel(props: PanelProps, context: RenderContext): string[];
+declare function Panel(props: PanelProps): ReactElement;
+
+/**
+ * @mdxui/terminal/components/containers/card
+ *
+ * Card component for terminal rendering.
+ */
+
+declare function renderCard(props: CardProps, context: RenderContext): string[];
+declare function Card(props: CardProps): ReactElement;
+
+/**
+ * @mdxui/terminal/components/containers/dialog
+ *
+ * Dialog component for terminal rendering.
+ */
+
+declare function renderDialog(props: DialogProps, context: RenderContext): string[];
+declare function Dialog(props: DialogProps): ReactElement;
+
+/**
+ * @mdxui/terminal/components/layout/sidebar
+ *
+ * Internal sidebar layout components for terminal rendering.
+ * These are primitive layout components, distinct from mdxui Sidebar.
+ */
+
+declare function renderSidebarItem(props: SidebarItemProps & {
+    _collapsed?: boolean;
+}, _context: RenderContext): string[];
+declare function renderSidebar(props: TerminalSidebarLayoutProps, context: RenderContext): string[];
+/**
+ * SidebarLayout - primitive sidebar layout component for terminal rendering.
+ * Use mdxui Sidebar (from templates/app) for mdxui-compatible interface.
+ */
+declare function SidebarLayout(props: TerminalSidebarLayoutProps): ReactElement;
+declare function SidebarItem(props: SidebarItemProps): ReactElement;
+
+/**
+ * @mdxui/terminal/components/layout/breadcrumb
+ *
+ * Breadcrumb component for terminal rendering.
+ */
+
+declare function renderBreadcrumb(props: BreadcrumbProps, _context: RenderContext): string[];
+declare function Breadcrumb(props: BreadcrumbProps): ReactElement;
+
+/**
+ * @mdxui/terminal/components/layout/list
+ *
+ * List component for terminal rendering.
+ */
+
+declare function renderList(props: ListProps, _context: RenderContext): string[];
+declare function List(props: ListProps): ReactElement;
+
+/**
+ * @mdxui/terminal/components/layout/table
+ *
+ * Table component for terminal rendering.
+ */
+
+declare function renderTable<T>(props: TableProps<T>, _context: RenderContext): string[];
+declare function Table<T>(props: TableProps<T>): ReactElement;
+
+/**
+ * @mdxui/terminal/components/feedback/badge
+ *
+ * Badge component for terminal rendering.
+ */
+
+declare function renderBadge(props: BadgeProps, _context: RenderContext): string[];
+declare function Badge(props: BadgeProps): ReactElement;
+
+/**
+ * @mdxui/terminal/components/feedback/spinner
+ *
+ * Spinner component for terminal rendering.
+ */
+
+declare const spinnerFrames: string[];
+declare function renderSpinner(props: SpinnerProps, _context: RenderContext): string[];
+declare function Spinner(props: SpinnerProps): ReactElement;
+
+/**
+ * @mdxui/terminal/components/templates/site
+ *
+ * Site template components (mdxui SiteComponents interface).
+ */
+
+declare function Site(props: SiteProps): ReactElement;
+declare function Header(props: HeaderProps): ReactElement;
+declare function Footer(props: FooterProps): ReactElement;
+declare function Hero(props: HeroProps): ReactElement;
+declare function Features(props: FeaturesProps): ReactElement;
+declare function Pricing(props: PricingProps): ReactElement;
+declare function FAQ(props: FAQProps): ReactElement;
+declare function LandingPage(props: LandingPageProps): ReactElement;
+declare function Page(props: PageProps): ReactElement;
+
+/**
+ * @mdxui/terminal/components/templates/app
+ *
+ * App template components (mdxui AppComponents interface).
+ */
+
+declare function App(props: AppProps): ReactElement;
+declare function Shell(props: ShellProps): ReactElement;
+declare function Sidebar(props: SidebarProps): ReactElement;
+/**
+ * AppHeader component for the top header bar.
+ * Note: The test imports this as Header but it uses AppHeaderProps.
+ */
+declare function AppHeader(props: AppHeaderProps): ReactElement;
+declare function Dashboard(props: DashboardProps): ReactElement;
+declare function Settings(props: SettingsProps): ReactElement;
+
+export { type ActionConfig, type ActionProp, type ActionsProps, App, AppHeader, type AppHeaderProps, type AppHeaderUser, type AppProps, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, COMPONENT_TYPES, Card, type CardProps, Dashboard, type DashboardMetric, type DashboardProps, Dialog, type DialogProps, FAQ, type FAQItem, type FAQProps, type FeatureItem, Features, type FeaturesProps, Footer, type FooterLinkGroup, type FooterProps, Header, type HeaderProps, Hero, type HeroProps, Input, type InputProps, LandingPage, type LandingPageProps, List, type ListProps, type NavItem, Page, type PageProps, Panel, type PanelProps, Pricing, type PricingProps, type PricingTier, type RenderContext, Select, type SelectOption, type SelectProps, Settings, type SettingsProps, type SettingsSection, Shell, type ShellProps, Sidebar, SidebarItem, type SidebarItemProps, SidebarLayout, type SidebarProps, Site, type SiteProps, type SocialLink, Spinner, type SpinnerProps, Table, type TableColumn, type TableProps, type TerminalComponentType, type TerminalSidebarLayoutProps, Text, type TextProps, bgColorMap, colorMap, extractChildren, getBgColorCode, getColorCode, isBadgeProps, isBoxProps, isBreadcrumbProps, isButtonProps, isCardProps, isDialogProps, isInputProps, isListProps, isPanelProps, isPropsObject, isSelectProps, isSidebarItemProps, isSidebarProps, isSpinnerProps, isTableProps, isTerminalComponentType, isTextProps, renderBadge, renderBox, renderBreadcrumb, renderButton, renderCard, renderComponent, renderDialog, renderElement, renderInput, renderList, renderPanel, renderSelect, renderSidebar, renderSidebarItem, renderSpinner, renderTable, renderText, spinnerFrames };