@teaui/react/.dist/components.d.ts

React Reconciler and renderer for TeaUI

import React from 'react';
import type { Accordion as WrAccordion, Align as WrAlign, AlignRow as WrAlignRow, Alert as WrAlert, At as WrAt, Badge as WrBadge, Box as WrBox, Breadcrumb as WrBreadcrumb, Button as WrButton, Callout as WrCallout, Calendar as WrCalendar, Canvas as WrCanvas, Checkbox as WrCheckbox, Collapsible as WrCollapsible, CollapsibleText as WrCollapsibleText, ConsoleLog as WrConsoleLog, Digits as WrDigits, Drawer as WrDrawer, Pane as WrPane, Dropdown as WrDropdown, Modal as WrModal, Geometry as WrGeometry, Header as WrHeader, HotKey as WrHotKey, Keyboard as WrKeyboard, Mouse as WrMouse, Stack as WrStack, Input as WrInput, Legend as WrLegend, AutoLegend as WrAutoLegend, Progress as WrProgress, Scrollable as WrScrollable, Separator as WrSeparator, Slider as WrSlider, Space as WrSpace, Spinner as WrSpinner, Tree as WrTree, Page as WrPage, Tabs as WrTabs, Toggle as WrToggle, ToggleGroup as WrToggleGroup, Logo as WrLogo, ZStack as WrZStack, Column, SortDirection, ViewProps } from '@teaui/core';
import { TextProvider, TextStyle } from './components/TextReact.js';
export { FontStyle } from './components/FontStyle.js';
export type { FontStyleValue } from './components/FontStyle.js';
type Children = 'children' | 'child';
type TUIView<T extends abstract new (arg: any, ...args: any) => any, OmitProps extends keyof ConstructorParameters<T>[0] = Children> = Omit<NonNullable<ConstructorParameters<T>[0]>, OmitProps>;
type TUIContainer<T extends abstract new (arg: any, ...args: any) => any, ChildrenProps extends keyof NonNullable<ConstructorParameters<T>[0]> = Children> = TUIView<T, ChildrenProps> & {
    [Key in ChildrenProps]?: React.ReactNode;
};
type Simplify<T> = {
    [Key in keyof T]: T[Key];
} & {};
type WithRef<Props, T> = Props & {
    ref?: React.Ref<T>;
};
export type BadgeProps = Simplify<TUIView<typeof WrBadge>>;
export type BreadcrumbProps = Simplify<TUIView<typeof WrBreadcrumb>>;
export type CalendarProps = Simplify<TUIView<typeof WrCalendar>>;
export type CanvasProps = Simplify<TUIView<typeof WrCanvas>>;
export type CheckboxProps = Simplify<TUIView<typeof WrCheckbox>>;
export type CollapsibleTextProps = Simplify<TUIView<typeof WrCollapsibleText>>;
export type ConsoleProps = Simplify<TUIView<typeof WrConsoleLog>>;
export type DigitsProps = Simplify<TUIView<typeof WrDigits>>;
export type GeometryProps = Simplify<TUIContainer<typeof WrGeometry>>;
export interface SharedDropdownProps<T> extends ViewProps {
    choices: [string, T][];
    title?: string;
}
export interface DropdownSelectOne<T> extends SharedDropdownProps<T> {
    multiple?: false;
    selected?: T;
    onSelect?: (value: T) => void;
}
export interface DropdownSelectMultiple<T> extends SharedDropdownProps<T> {
    multiple: true;
    selected?: readonly T[];
    onSelect?: (value: T[]) => void;
}
export type DropdownProps<T> = DropdownSelectOne<T> | DropdownSelectMultiple<T>;
export type HeaderProps = {
    text?: string;
    children?: string;
};
export type HotKeyProps = Simplify<TUIView<typeof WrHotKey>>;
export type KeyboardProps = Simplify<TUIContainer<typeof WrKeyboard>>;
export type MouseProps = Simplify<TUIContainer<typeof WrMouse>>;
export type InputProps = Simplify<TUIView<typeof WrInput>>;
export type LegendProps = Simplify<TUIView<typeof WrLegend>>;
export type AutoLegendProps = Simplify<TUIView<typeof WrAutoLegend>>;
export type ProgressProps = Simplify<TUIView<typeof WrProgress>>;
export type SeparatorProps = Simplify<TUIView<typeof WrSeparator>>;
export type SliderProps = Simplify<TUIView<typeof WrSlider>>;
export type SpaceProps = Simplify<TUIView<typeof WrSpace>>;
export type SpinnerProps = Simplify<TUIView<typeof WrSpinner>>;
export type LogoProps = Simplify<TUIView<typeof WrLogo>>;
export type ZStackProps = Simplify<TUIContainer<typeof WrZStack>>;
export type AtProps = Simplify<TUIContainer<typeof WrAt>>;
export type ToggleProps = Simplify<TUIView<typeof WrToggle>>;
export type ToggleGroupProps = Simplify<TUIView<typeof WrToggleGroup>>;
export type AlertProps = Simplify<TUIContainer<typeof WrAlert>>;
export type CalloutProps = Simplify<TUIContainer<typeof WrCallout>>;
export type AlignProps = Simplify<TUIContainer<typeof WrAlign>>;
export type AlignRowProps = Simplify<TUIContainer<typeof WrAlignRow>>;
export type ModalProps = Simplify<TUIContainer<typeof WrModal>>;
export type BoxProps = Simplify<TUIContainer<typeof WrBox>>;
export type ButtonProps = Simplify<TUIContainer<typeof WrButton>>;
export type CollapsibleProps = Simplify<TUIContainer<typeof WrCollapsible, 'collapsed' | 'expanded' | 'children'>>;
export type ScrollableProps = Simplify<TUIContainer<typeof WrScrollable>>;
export type StackProps = Simplify<TUIContainer<typeof WrStack>>;
export type StyleProps = Simplify<TUIContainer<typeof TextStyle>>;
export type TextProps = Simplify<TUIContainer<typeof TextProvider>>;
export type PaneProps = Simplify<TUIContainer<typeof WrPane>>;
export type AccordionProps = Simplify<TUIContainer<typeof WrAccordion>>;
export type AccordionSectionProps = Simplify<TUIContainer<typeof WrAccordion.Section>>;
export type DrawerProps = Simplify<TUIContainer<typeof WrDrawer, 'content' | 'drawer' | 'children'>>;
export type PageProps = Simplify<TUIContainer<typeof WrPage>>;
export type PageSectionProps = Simplify<TUIContainer<typeof WrPage.Section>>;
export type TabsProps = Simplify<TUIContainer<typeof WrTabs>>;
export type TabsSectionProps = Simplify<TUIContainer<typeof WrTabs.Section>>;
declare module 'react' {
    namespace JSX {
        interface IntrinsicElements {
            'tui-align': WithRef<AlignProps, WrAlign>;
            'tui-badge': WithRef<BadgeProps, WrBadge>;
            'tui-align-row': WithRef<AlignRowProps, WrAlignRow>;
            'tui-br': {};
            'tui-breadcrumb': WithRef<BreadcrumbProps, WrBreadcrumb>;
            'tui-calendar': WithRef<CalendarProps, WrCalendar>;
            'tui-canvas': WithRef<CanvasProps, WrCanvas>;
            'tui-checkbox': WithRef<CheckboxProps, WrCheckbox>;
            'tui-collapsible-text': WithRef<CollapsibleTextProps, WrCollapsibleText>;
            'tui-console': WithRef<ConsoleProps, WrConsoleLog>;
            'tui-digits': WithRef<DigitsProps, WrDigits>;
            'tui-dropdown': WithRef<DropdownProps<any>, WrDropdown<any, any>>;
            'tui-geometry': WithRef<GeometryProps, WrGeometry>;
            'tui-hotkey': WithRef<HotKeyProps, WrHotKey>;
            'tui-keyboard': WithRef<KeyboardProps, WrKeyboard>;
            'tui-mouse': WithRef<MouseProps, WrMouse>;
            'tui-h1': WithRef<HeaderProps, WrHeader>;
            'tui-h2': WithRef<HeaderProps, WrHeader>;
            'tui-h3': WithRef<HeaderProps, WrHeader>;
            'tui-h4': WithRef<HeaderProps, WrHeader>;
            'tui-h5': WithRef<HeaderProps, WrHeader>;
            'tui-h6': WithRef<HeaderProps, WrHeader>;
            'tui-input': WithRef<InputProps, WrInput>;
            'tui-legend': WithRef<LegendProps, WrLegend>;
            'tui-auto-legend': WithRef<AutoLegendProps, WrAutoLegend>;
            'tui-progress': WithRef<ProgressProps, WrProgress>;
            'tui-separator': WithRef<SeparatorProps, WrSeparator>;
            'tui-slider': WithRef<SliderProps, WrSlider>;
            'tui-space': WithRef<SpaceProps, WrSpace>;
            'tui-spinner': WithRef<SpinnerProps, WrSpinner>;
            'tui-logo': WithRef<LogoProps, WrLogo>;
            'tui-zstack': WithRef<ZStackProps, WrZStack>;
            'tui-at': WithRef<AtProps, WrAt>;
            'tui-list': any;
            'tui-table': any;
            'tui-toggle': WithRef<ToggleProps, WrToggle>;
            'tui-toggle-group': WithRef<ToggleGroupProps, WrToggleGroup>;
            'tui-tree': WithRef<ViewProps, WrTree<any>>;
            'tui-modal': WithRef<ModalProps, WrModal>;
            'tui-pane': WithRef<PaneProps, WrPane>;
            'tui-alert': WithRef<AlertProps, WrAlert>;
            'tui-box': WithRef<BoxProps, WrBox>;
            'tui-callout': WithRef<CalloutProps, WrCallout>;
            'tui-button': WithRef<ButtonProps, WrButton>;
            'tui-collapsible': WithRef<CollapsibleProps, WrCollapsible>;
            'tui-scrollable': WithRef<ScrollableProps, WrScrollable>;
            'tui-stack': WithRef<StackProps, WrStack>;
            'tui-style': WithRef<StyleProps, TextStyle>;
            'tui-text': WithRef<TextProps, TextProvider>;
            'tui-accordion': WithRef<AccordionProps, WrAccordion>;
            'tui-accordion-section': WithRef<AccordionSectionProps, InstanceType<typeof WrAccordion.Section>>;
            'tui-drawer': WithRef<DrawerProps, WrDrawer>;
            'tui-page': WithRef<PageProps, WrPage>;
            'tui-page-section': WithRef<PageSectionProps, InstanceType<typeof WrPage.Section>>;
            'tui-tabs': WithRef<TabsProps, WrTabs>;
            'tui-tabs-section': WithRef<TabsSectionProps, InstanceType<typeof WrTabs.Section>>;
        }
    }
}
type AlignDirectionProps = Omit<AlignProps, 'direction'>;
type AlignDirectionComponent = React.ForwardRefExoticComponent<AlignDirectionProps & React.RefAttributes<WrAlign>>;
interface Align {
    (reactProps: AlignProps): JSX.Element;
    down: AlignDirectionComponent;
    up: AlignDirectionComponent;
    left: AlignDirectionComponent;
    right: AlignDirectionComponent;
    column: AlignDirectionComponent;
    Row: (props: AlignRowProps) => JSX.Element;
    Column: (props: AlignRowProps) => JSX.Element;
}
export declare const Align: Align;
export declare function Br(): JSX.Element;
export declare const Badge: React.ForwardRefExoticComponent<{
    text?: string | undefined;
    debug?: boolean | undefined;
    padding?: (number | Partial<import("@teaui/core").Edges>) | undefined;
    flex?: import("@teaui/core/.dist/View.js").FlexShorthand | undefined;
    pin?: import("@teaui/core/.dist/View.js").Pin | undefined;
    purpose?: import("@teaui/core").Purpose | undefined;
    heading?: string | undefined;
    isVisible?: boolean | undefined;
    background?: import("@teaui/core").Color | undefined;
    width?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    height?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    x?: number | undefined;
    y?: number | undefined;
    minWidth?: number | undefined;
    minHeight?: number | undefined;
    maxWidth?: number | undefined;
    maxHeight?: number | undefined;
    paddingTop?: number | undefined;
    paddingRight?: number | undefined;
    paddingBottom?: number | undefined;
    paddingLeft?: number | undefined;
} & React.RefAttributes<WrBadge>>;
export declare const Breadcrumb: React.ForwardRefExoticComponent<{
    debug?: boolean | undefined;
    padding?: (number | Partial<import("@teaui/core").Edges>) | undefined;
    flex?: import("@teaui/core/.dist/View.js").FlexShorthand | undefined;
    pin?: import("@teaui/core/.dist/View.js").Pin | undefined;
    purpose?: (import("@teaui/core").Palette | import("@teaui/core").Purpose) | undefined;
    heading?: string | undefined;
    isVisible?: boolean | undefined;
    background?: import("@teaui/core").Color | undefined;
    width?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    height?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    x?: number | undefined;
    y?: number | undefined;
    minWidth?: number | undefined;
    minHeight?: number | undefined;
    maxWidth?: number | undefined;
    maxHeight?: number | undefined;
    paddingTop?: number | undefined;
    paddingRight?: number | undefined;
    paddingBottom?: number | undefined;
    paddingLeft?: number | undefined;
    items: import("@teaui/core/.dist/components/Breadcrumb.js").BreadcrumbItem[];
    isActive?: boolean | undefined;
    palette?: import("@teaui/core/.dist/components/Breadcrumb.js").PaletteEntry[] | undefined;
} & React.RefAttributes<WrBreadcrumb>>;
export declare const Calendar: React.ForwardRefExoticComponent<{
    debug?: boolean | undefined;
    padding?: (number | Partial<import("@teaui/core").Edges>) | undefined;
    flex?: import("@teaui/core/.dist/View.js").FlexShorthand | undefined;
    pin?: import("@teaui/core/.dist/View.js").Pin | undefined;
    purpose?: (import("@teaui/core").Palette | import("@teaui/core").Purpose) | undefined;
    heading?: string | undefined;
    isVisible?: boolean | undefined;
    background?: import("@teaui/core").Color | undefined;
    width?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    height?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    x?: number | undefined;
    y?: number | undefined;
    minWidth?: number | undefined;
    minHeight?: number | undefined;
    maxWidth?: number | undefined;
    maxHeight?: number | undefined;
    paddingTop?: number | undefined;
    paddingRight?: number | undefined;
    paddingBottom?: number | undefined;
    paddingLeft?: number | undefined;
    onChange?: ((date1: Date, date2: Date) => void) | undefined;
    date?: Date | undefined;
    visibleDate?: Date | undefined;
    onChangeVisible?: ((date: Date) => void) | undefined;
    selection?: ("range" | "single") | undefined;
    firstDayOfWeek?: (0 | 1) | undefined;
    now?: Date | undefined;
} & React.RefAttributes<WrCalendar>>;
export declare const Canvas: React.ForwardRefExoticComponent<{
    debug?: boolean | undefined;
    padding?: (number | Partial<import("@teaui/core").Edges>) | undefined;
    flex?: import("@teaui/core/.dist/View.js").FlexShorthand | undefined;
    pin?: import("@teaui/core/.dist/View.js").Pin | undefined;
    purpose?: (import("@teaui/core").Palette | import("@teaui/core").Purpose) | undefined;
    heading?: string | undefined;
    isVisible?: boolean | undefined;
    background?: import("@teaui/core").Color | undefined;
    width?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    height?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    x?: number | undefined;
    y?: number | undefined;
    minWidth?: number | undefined;
    minHeight?: number | undefined;
    maxWidth?: number | undefined;
    maxHeight?: number | undefined;
    paddingTop?: number | undefined;
    paddingRight?: number | undefined;
    paddingBottom?: number | undefined;
    paddingLeft?: number | undefined;
    draw?: ((canvas: WrCanvas) => void) | undefined;
} & React.RefAttributes<WrCanvas>>;
export declare const Checkbox: React.ForwardRefExoticComponent<{
    debug?: boolean | undefined;
    padding?: (number | Partial<import("@teaui/core").Edges>) | undefined;
    flex?: import("@teaui/core/.dist/View.js").FlexShorthand | undefined;
    pin?: import("@teaui/core/.dist/View.js").Pin | undefined;
    purpose?: (import("@teaui/core").Palette | import("@teaui/core").Purpose) | undefined;
    heading?: string | undefined;
    isVisible?: boolean | undefined;
    background?: import("@teaui/core").Color | undefined;
    width?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    height?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    x?: number | undefined;
    y?: number | undefined;
    minWidth?: number | undefined;
    minHeight?: number | undefined;
    maxWidth?: number | undefined;
    maxHeight?: number | undefined;
    paddingTop?: number | undefined;
    paddingRight?: number | undefined;
    paddingBottom?: number | undefined;
    paddingLeft?: number | undefined;
    value: boolean;
    onChange?: ((value: boolean) => void) | undefined;
    title?: string | undefined;
    hotKey?: import("@teaui/core").HotKeyProp | undefined;
} & React.RefAttributes<WrCheckbox>>;
export declare const Toggle: React.ForwardRefExoticComponent<{
    debug?: boolean | undefined;
    padding?: (number | Partial<import("@teaui/core").Edges>) | undefined;
    flex?: import("@teaui/core/.dist/View.js").FlexShorthand | undefined;
    pin?: import("@teaui/core/.dist/View.js").Pin | undefined;
    purpose?: (import("@teaui/core").Palette | import("@teaui/core").Purpose) | undefined;
    heading?: string | undefined;
    isVisible?: boolean | undefined;
    background?: import("@teaui/core").Color | undefined;
    width?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    height?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    x?: number | undefined;
    y?: number | undefined;
    minWidth?: number | undefined;
    minHeight?: number | undefined;
    maxWidth?: number | undefined;
    maxHeight?: number | undefined;
    paddingTop?: number | undefined;
    paddingRight?: number | undefined;
    paddingBottom?: number | undefined;
    paddingLeft?: number | undefined;
    value?: boolean | undefined;
    onChange?: ((value: boolean) => void) | undefined;
} & React.RefAttributes<WrToggle>>;
export declare const CollapsibleText: React.ForwardRefExoticComponent<{
    text: string;
    debug?: boolean | undefined;
    padding?: (number | Partial<import("@teaui/core").Edges>) | undefined;
    flex?: import("@teaui/core/.dist/View.js").FlexShorthand | undefined;
    pin?: import("@teaui/core/.dist/View.js").Pin | undefined;
    purpose?: (import("@teaui/core").Palette | import("@teaui/core").Purpose) | undefined;
    heading?: string | undefined;
    isVisible?: boolean | undefined;
    background?: import("@teaui/core").Color | undefined;
    width?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    height?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    x?: number | undefined;
    y?: number | undefined;
    minWidth?: number | undefined;
    minHeight?: number | undefined;
    maxWidth?: number | undefined;
    maxHeight?: number | undefined;
    paddingTop?: number | undefined;
    paddingRight?: number | undefined;
    paddingBottom?: number | undefined;
    paddingLeft?: number | undefined;
    style?: import("@teaui/core").Style | undefined;
} & React.RefAttributes<WrCollapsibleText>>;
export declare const ConsoleLog: React.ForwardRefExoticComponent<{
    debug?: boolean | undefined;
    padding?: (number | Partial<import("@teaui/core").Edges>) | undefined;
    flex?: import("@teaui/core/.dist/View.js").FlexShorthand | undefined;
    pin?: import("@teaui/core/.dist/View.js").Pin | undefined;
    purpose?: (import("@teaui/core").Palette | import("@teaui/core").Purpose) | undefined;
    heading?: string | undefined;
    isVisible?: boolean | undefined;
    background?: import("@teaui/core").Color | undefined;
    width?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    height?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    x?: number | undefined;
    y?: number | undefined;
    minWidth?: number | undefined;
    minHeight?: number | undefined;
    maxWidth?: number | undefined;
    maxHeight?: number | undefined;
    paddingTop?: number | undefined;
    paddingRight?: number | undefined;
    paddingBottom?: number | undefined;
    paddingLeft?: number | undefined;
} & React.RefAttributes<WrConsoleLog>>;
export declare const Digits: React.ForwardRefExoticComponent<{
    text: string | number;
    debug?: boolean | undefined;
    padding?: (number | Partial<import("@teaui/core").Edges>) | undefined;
    flex?: import("@teaui/core/.dist/View.js").FlexShorthand | undefined;
    pin?: import("@teaui/core/.dist/View.js").Pin | undefined;
    purpose?: (import("@teaui/core").Palette | import("@teaui/core").Purpose) | undefined;
    heading?: string | undefined;
    isVisible?: boolean | undefined;
    background?: import("@teaui/core").Color | undefined;
    width?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    height?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    x?: number | undefined;
    y?: number | undefined;
    minWidth?: number | undefined;
    minHeight?: number | undefined;
    maxWidth?: number | undefined;
    maxHeight?: number | undefined;
    paddingTop?: number | undefined;
    paddingRight?: number | undefined;
    paddingBottom?: number | undefined;
    paddingLeft?: number | undefined;
    bold?: boolean | undefined;
    style?: import("@teaui/core").Style | undefined;
} & React.RefAttributes<WrDigits>>;
export declare function Dropdown<T>(reactProps: DropdownProps<T>): JSX.Element;
export declare const HotKey: React.ForwardRefExoticComponent<{
    debug?: boolean | undefined;
    padding?: (number | Partial<import("@teaui/core").Edges>) | undefined;
    flex?: import("@teaui/core/.dist/View.js").FlexShorthand | undefined;
    pin?: import("@teaui/core/.dist/View.js").Pin | undefined;
    purpose?: (import("@teaui/core").Palette | import("@teaui/core").Purpose) | undefined;
    heading?: string | undefined;
    isVisible?: boolean | undefined;
    background?: import("@teaui/core").Color | undefined;
    width?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    height?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    x?: number | undefined;
    y?: number | undefined;
    minWidth?: number | undefined;
    minHeight?: number | undefined;
    maxWidth?: number | undefined;
    maxHeight?: number | undefined;
    paddingTop?: number | undefined;
    paddingRight?: number | undefined;
    paddingBottom?: number | undefined;
    paddingLeft?: number | undefined;
    label?: string | undefined;
    hotKey: import("@teaui/core").HotKeyProp;
    onPress?: ((event: import("@teaui/core").KeyEvent) => void) | undefined;
} & React.RefAttributes<WrHotKey>>;
export declare const Keyboard: React.ForwardRefExoticComponent<{
    debug?: boolean | undefined;
    padding?: (number | Partial<import("@teaui/core").Edges>) | undefined;
    flex?: import("@teaui/core/.dist/View.js").FlexShorthand | undefined;
    pin?: import("@teaui/core/.dist/View.js").Pin | undefined;
    purpose?: (import("@teaui/core").Palette | import("@teaui/core").Purpose) | undefined;
    heading?: string | undefined;
    isVisible?: boolean | undefined;
    background?: import("@teaui/core").Color | undefined;
    width?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    height?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    x?: number | undefined;
    y?: number | undefined;
    minWidth?: number | undefined;
    minHeight?: number | undefined;
    maxWidth?: number | undefined;
    maxHeight?: number | undefined;
    paddingTop?: number | undefined;
    paddingRight?: number | undefined;
    paddingBottom?: number | undefined;
    paddingLeft?: number | undefined;
    onKey?: ((event: import("@teaui/core").KeyEvent) => void) | undefined;
    children?: React.ReactNode;
    child?: React.ReactNode;
} & React.RefAttributes<WrKeyboard>>;
export declare const Mouse: React.ForwardRefExoticComponent<{
    debug?: boolean | undefined;
    padding?: (number | Partial<import("@teaui/core").Edges>) | undefined;
    flex?: import("@teaui/core/.dist/View.js").FlexShorthand | undefined;
    pin?: import("@teaui/core/.dist/View.js").Pin | undefined;
    purpose?: (import("@teaui/core").Palette | import("@teaui/core").Purpose) | undefined;
    heading?: string | undefined;
    isVisible?: boolean | undefined;
    background?: import("@teaui/core").Color | undefined;
    width?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    height?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    x?: number | undefined;
    y?: number | undefined;
    minWidth?: number | undefined;
    minHeight?: number | undefined;
    maxWidth?: number | undefined;
    maxHeight?: number | undefined;
    paddingTop?: number | undefined;
    paddingRight?: number | undefined;
    paddingBottom?: number | undefined;
    paddingLeft?: number | undefined;
    mouse?: (import("@teaui/core").MouseEventListenerName | import("@teaui/core").MouseEventListenerName[]) | undefined;
    onMouse?: ((event: import("@teaui/core").MouseEvent, system: import("@teaui/core/.dist/System.js").System) => void) | undefined;
    children?: React.ReactNode;
    child?: React.ReactNode;
} & React.RefAttributes<WrMouse>>;
export declare const H1: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<WrHeader>>;
export declare const H2: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<WrHeader>>;
export declare const H3: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<WrHeader>>;
export declare const H4: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<WrHeader>>;
export declare const H5: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<WrHeader>>;
export declare const H6: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<WrHeader>>;
export declare const Input: React.ForwardRefExoticComponent<{
    debug?: boolean | undefined;
    padding?: (number | Partial<import("@teaui/core").Edges>) | undefined;
    flex?: import("@teaui/core/.dist/View.js").FlexShorthand | undefined;
    pin?: import("@teaui/core/.dist/View.js").Pin | undefined;
    purpose?: (import("@teaui/core").Palette | import("@teaui/core").Purpose) | undefined;
    heading?: string | undefined;
    isVisible?: boolean | undefined;
    background?: import("@teaui/core").Color | undefined;
    width?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    height?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    x?: number | undefined;
    y?: number | undefined;
    minWidth?: number | undefined;
    minHeight?: number | undefined;
    maxWidth?: number | undefined;
    maxHeight?: number | undefined;
    paddingTop?: number | undefined;
    paddingRight?: number | undefined;
    paddingBottom?: number | undefined;
    paddingLeft?: number | undefined;
    font?: import("@teaui/core").FontFamily | undefined;
    wrap?: boolean | undefined;
    value?: string | undefined;
    onChange?: ((text: string) => void) | undefined;
    multiline?: boolean | undefined;
    format?: ((text: string) => string) | undefined;
    placeholder?: string | undefined;
    onSubmit?: ((text: string) => void) | undefined;
} & React.RefAttributes<WrInput>>;
export declare const Legend: React.ForwardRefExoticComponent<{
    debug?: boolean | undefined;
    padding?: (number | Partial<import("@teaui/core").Edges>) | undefined;
    flex?: import("@teaui/core/.dist/View.js").FlexShorthand | undefined;
    pin?: import("@teaui/core/.dist/View.js").Pin | undefined;
    purpose?: (import("@teaui/core").Palette | import("@teaui/core").Purpose) | undefined;
    heading?: string | undefined;
    isVisible?: boolean | undefined;
    background?: import("@teaui/core").Color | undefined;
    width?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    height?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    x?: number | undefined;
    y?: number | undefined;
    minWidth?: number | undefined;
    minHeight?: number | undefined;
    maxWidth?: number | undefined;
    maxHeight?: number | undefined;
    paddingTop?: number | undefined;
    paddingRight?: number | undefined;
    paddingBottom?: number | undefined;
    paddingLeft?: number | undefined;
    items: import("@teaui/core").LegendItem[];
    separator?: string | undefined;
} & React.RefAttributes<WrLegend>>;
export declare const AutoLegend: React.ForwardRefExoticComponent<{
    debug?: boolean | undefined;
    padding?: (number | Partial<import("@teaui/core").Edges>) | undefined;
    flex?: import("@teaui/core/.dist/View.js").FlexShorthand | undefined;
    pin?: import("@teaui/core/.dist/View.js").Pin | undefined;
    purpose?: (import("@teaui/core").Palette | import("@teaui/core").Purpose) | undefined;
    heading?: string | undefined;
    isVisible?: boolean | undefined;
    background?: import("@teaui/core").Color | undefined;
    width?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    height?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    x?: number | undefined;
    y?: number | undefined;
    minWidth?: number | undefined;
    minHeight?: number | undefined;
    maxWidth?: number | undefined;
    maxHeight?: number | undefined;
    paddingTop?: number | undefined;
    paddingRight?: number | undefined;
    paddingBottom?: number | undefined;
    paddingLeft?: number | undefined;
    separator?: string | undefined;
} & React.RefAttributes<WrAutoLegend>>;
export declare const Progress: React.ForwardRefExoticComponent<{
    debug?: boolean | undefined;
    padding?: (number | Partial<import("@teaui/core").Edges>) | undefined;
    flex?: import("@teaui/core/.dist/View.js").FlexShorthand | undefined;
    pin?: import("@teaui/core/.dist/View.js").Pin | undefined;
    purpose?: (import("@teaui/core").Palette | import("@teaui/core").Purpose) | undefined;
    heading?: string | undefined;
    isVisible?: boolean | undefined;
    background?: import("@teaui/core").Color | undefined;
    width?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    height?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    x?: number | undefined;
    y?: number | undefined;
    minWidth?: number | undefined;
    minHeight?: number | undefined;
    maxWidth?: number | undefined;
    maxHeight?: number | undefined;
    paddingTop?: number | undefined;
    paddingRight?: number | undefined;
    paddingBottom?: number | undefined;
    paddingLeft?: number | undefined;
    value?: number | undefined;
    direction?: import("@teaui/core").Orientation | undefined;
    min?: number | undefined;
    max?: number | undefined;
    showPercent?: boolean | undefined;
    location?: ("left" | "right" | "center") | undefined;
} & React.RefAttributes<WrProgress>>;
type SeparatorDirectionProps = Omit<SeparatorProps, 'direction'>;
interface Separator {
    (reactProps: SeparatorProps): JSX.Element;
    horizontal: React.ForwardRefExoticComponent<SeparatorDirectionProps & React.RefAttributes<WrSeparator>>;
    vertical: React.ForwardRefExoticComponent<SeparatorDirectionProps & React.RefAttributes<WrSeparator>>;
}
export declare const Separator: Separator;
type SliderDirectionProps = Omit<SliderProps, 'direction'>;
interface Slider {
    (reactProps: SliderProps): JSX.Element;
    horizontal: React.ForwardRefExoticComponent<SliderDirectionProps & React.RefAttributes<WrSlider>>;
    vertical: React.ForwardRefExoticComponent<SliderDirectionProps & React.RefAttributes<WrSlider>>;
}
export declare const Slider: Slider;
export declare const Space: React.ForwardRefExoticComponent<{
    debug?: boolean | undefined;
    padding?: (number | Partial<import("@teaui/core").Edges>) | undefined;
    flex?: import("@teaui/core/.dist/View.js").FlexShorthand | undefined;
    pin?: import("@teaui/core/.dist/View.js").Pin | undefined;
    purpose?: (import("@teaui/core").Palette | import("@teaui/core").Purpose) | undefined;
    heading?: string | undefined;
    isVisible?: boolean | undefined;
    background?: import("@teaui/core").Color | undefined;
    width?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    height?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    x?: number | undefined;
    y?: number | undefined;
    minWidth?: number | undefined;
    minHeight?: number | undefined;
    maxWidth?: number | undefined;
    maxHeight?: number | undefined;
    paddingTop?: number | undefined;
    paddingRight?: number | undefined;
    paddingBottom?: number | undefined;
    paddingLeft?: number | undefined;
} & React.RefAttributes<WrSpace>>;
export declare const Spinner: React.ForwardRefExoticComponent<{
    debug?: boolean | undefined;
    padding?: (number | Partial<import("@teaui/core").Edges>) | undefined;
    flex?: import("@teaui/core/.dist/View.js").FlexShorthand | undefined;
    pin?: import("@teaui/core/.dist/View.js").Pin | undefined;
    purpose?: (import("@teaui/core").Palette | import("@teaui/core").Purpose) | undefined;
    heading?: string | undefined;
    isVisible?: boolean | undefined;
    background?: import("@teaui/core").Color | undefined;
    width?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    height?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    x?: number | undefined;
    y?: number | undefined;
    minWidth?: number | undefined;
    minHeight?: number | undefined;
    maxWidth?: number | undefined;
    maxHeight?: number | undefined;
    paddingTop?: number | undefined;
    paddingRight?: number | undefined;
    paddingBottom?: number | undefined;
    paddingLeft?: number | undefined;
    isAnimating?: boolean | undefined;
} & React.RefAttributes<WrSpinner>>;
export declare const Logo: React.ForwardRefExoticComponent<{
    debug?: boolean | undefined;
    padding?: (number | Partial<import("@teaui/core").Edges>) | undefined;
    flex?: import("@teaui/core/.dist/View.js").FlexShorthand | undefined;
    pin?: import("@teaui/core/.dist/View.js").Pin | undefined;
    purpose?: (import("@teaui/core").Palette | import("@teaui/core").Purpose) | undefined;
    heading?: string | undefined;
    isVisible?: boolean | undefined;
    background?: import("@teaui/core").Color | undefined;
    width?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    height?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    x?: number | undefined;
    y?: number | undefined;
    minWidth?: number | undefined;
    minHeight?: number | undefined;
    maxWidth?: number | undefined;
    maxHeight?: number | undefined;
    paddingTop?: number | undefined;
    paddingRight?: number | undefined;
    paddingBottom?: number | undefined;
    paddingLeft?: number | undefined;
    isAnimating?: boolean | undefined;
    seed?: number | undefined;
} & React.RefAttributes<WrLogo>>;
export declare const ZStack: React.ForwardRefExoticComponent<{
    debug?: boolean | undefined;
    padding?: (number | Partial<import("@teaui/core").Edges>) | undefined;
    flex?: import("@teaui/core/.dist/View.js").FlexShorthand | undefined;
    pin?: import("@teaui/core/.dist/View.js").Pin | undefined;
    purpose?: (import("@teaui/core").Palette | import("@teaui/core").Purpose) | undefined;
    heading?: string | undefined;
    isVisible?: boolean | undefined;
    background?: import("@teaui/core").Color | undefined;
    width?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    height?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    x?: number | undefined;
    y?: number | undefined;
    minWidth?: number | undefined;
    minHeight?: number | undefined;
    maxWidth?: number | undefined;
    maxHeight?: number | undefined;
    paddingTop?: number | undefined;
    paddingRight?: number | undefined;
    paddingBottom?: number | undefined;
    paddingLeft?: number | undefined;
    location?: import("@teaui/core").Location | undefined;
    children?: React.ReactNode;
    child?: React.ReactNode;
} & React.RefAttributes<WrZStack>>;
type AtLocationProps = Omit<AtProps, 'location'>;
type AtLocationComponent = React.ForwardRefExoticComponent<AtLocationProps & React.RefAttributes<WrAt>>;
interface At {
    (reactProps: AtProps): JSX.Element;
    topLeft: AtLocationComponent;
    topCenter: AtLocationComponent;
    topRight: AtLocationComponent;
    left: AtLocationComponent;
    center: AtLocationComponent;
    right: AtLocationComponent;
    bottomLeft: AtLocationComponent;
    bottomCenter: AtLocationComponent;
    bottomRight: AtLocationComponent;
}
export declare const At: At;
export declare const ToggleGroup: React.ForwardRefExoticComponent<{
    debug?: boolean | undefined;
    padding?: number | undefined;
    flex?: import("@teaui/core/.dist/View.js").FlexShorthand | undefined;
    pin?: import("@teaui/core/.dist/View.js").Pin | undefined;
    purpose?: (import("@teaui/core").Palette | import("@teaui/core").Purpose) | undefined;
    heading?: string | undefined;
    isVisible?: boolean | undefined;
    background?: import("@teaui/core").Color | undefined;
    width?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    height?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    x?: number | undefined;
    y?: number | undefined;
    minWidth?: number | undefined;
    minHeight?: number | undefined;
    maxWidth?: number | undefined;
    maxHeight?: number | undefined;
    paddingTop?: number | undefined;
    paddingRight?: number | undefined;
    paddingBottom?: number | undefined;
    paddingLeft?: number | undefined;
    selected: number[];
    onChange?: ((changed: number, selected: number[]) => void) | undefined;
    multiple?: boolean | undefined;
    direction?: import("@teaui/core").Orientation | undefined;
    titles: string[];
} & React.RefAttributes<WrToggleGroup>>;
export interface TreeProps<T> extends ViewProps {
    data: T[];
    render: (datum: T) => React.ReactNode;
    getChildren?: (datum: T) => T[] | undefined;
    title: React.ReactNode | string;
}
export declare function Tree<T>(reactProps: TreeProps<T>): JSX.Element;
export declare const Modal: React.ForwardRefExoticComponent<{
    debug?: boolean | undefined;
    padding?: (number | Partial<import("@teaui/core").Edges>) | undefined;
    flex?: import("@teaui/core/.dist/View.js").FlexShorthand | undefined;
    pin?: import("@teaui/core/.dist/View.js").Pin | undefined;
    purpose?: (import("@teaui/core").Palette | import("@teaui/core").Purpose) | undefined;
    heading?: string | undefined;
    isVisible?: boolean | undefined;
    background?: import("@teaui/core").Color | undefined;
    width?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    height?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    x?: number | undefined;
    y?: number | undefined;
    minWidth?: number | undefined;
    minHeight?: number | undefined;
    maxWidth?: number | undefined;
    maxHeight?: number | undefined;
    paddingTop?: number | undefined;
    paddingRight?: number | undefined;
    paddingBottom?: number | undefined;
    paddingLeft?: number | undefined;
    dim?: boolean | undefined;
    dismissOnEsc?: boolean | undefined;
    dismissOnClick?: boolean | undefined;
    onDismiss?: (() => void) | undefined;
    dimStyle?: import("@teaui/core").Style | undefined;
    children?: React.ReactNode;
    child?: React.ReactNode;
} & React.RefAttributes<WrModal>>;
export declare function Alert({ children, ...props }: AlertProps & {
    children?: React.ReactNode;
}): JSX.Element;
export declare const Callout: React.ForwardRefExoticComponent<{
    debug?: boolean | undefined;
    padding?: (number | Partial<import("@teaui/core").Edges>) | undefined;
    flex?: import("@teaui/core/.dist/View.js").FlexShorthand | undefined;
    pin?: import("@teaui/core/.dist/View.js").Pin | undefined;
    purpose?: import("@teaui/core").Purpose | undefined;
    heading?: string | undefined;
    isVisible?: boolean | undefined;
    background?: import("@teaui/core").Color | undefined;
    width?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    height?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    x?: number | undefined;
    y?: number | undefined;
    minWidth?: number | undefined;
    minHeight?: number | undefined;
    maxWidth?: number | undefined;
    maxHeight?: number | undefined;
    paddingTop?: number | undefined;
    paddingRight?: number | undefined;
    paddingBottom?: number | undefined;
    paddingLeft?: number | undefined;
    direction?: import("@teaui/core").Direction | undefined;
    title?: string | undefined;
    children?: React.ReactNode;
    child?: React.ReactNode;
} & React.RefAttributes<WrCallout>>;
export declare const Box: React.ForwardRefExoticComponent<{
    debug?: boolean | undefined;
    padding?: (number | Partial<import("@teaui/core").Edges>) | undefined;
    flex?: import("@teaui/core/.dist/View.js").FlexShorthand | undefined;
    pin?: import("@teaui/core/.dist/View.js").Pin | undefined;
    purpose?: (import("@teaui/core").Palette | import("@teaui/core").Purpose) | undefined;
    heading?: string | undefined;
    isVisible?: boolean | undefined;
    background?: import("@teaui/core").Color | undefined;
    width?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    height?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    x?: number | undefined;
    y?: number | undefined;
    minWidth?: number | undefined;
    minHeight?: number | undefined;
    maxWidth?: number | undefined;
    maxHeight?: number | undefined;
    paddingTop?: number | undefined;
    paddingRight?: number | undefined;
    paddingBottom?: number | undefined;
    paddingLeft?: number | undefined;
    title?: string | undefined;
    location?: import("@teaui/core").Location | undefined;
    border?: (import("@teaui/core").Border | import("@teaui/core").BorderChars) | undefined;
    highlight?: boolean | undefined;
    children?: React.ReactNode;
    child?: React.ReactNode;
} & React.RefAttributes<WrBox>>;
export declare const Button: React.ForwardRefExoticComponent<{
    debug?: boolean | undefined;
    padding?: (number | Partial<import("@teaui/core").Edges>) | undefined;
    flex?: import("@teaui/core/.dist/View.js").FlexShorthand | undefined;
    pin?: import("@teaui/core/.dist/View.js").Pin | undefined;
    purpose?: (import("@teaui/core").Palette | import("@teaui/core").Purpose) | undefined;
    heading?: string | undefined;
    isVisible?: boolean | undefined;
    background?: import("@teaui/core").Color | undefined;
    width?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    height?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    x?: number | undefined;
    y?: number | undefined;
    minWidth?: number | undefined;
    minHeight?: number | undefined;
    maxWidth?: number | undefined;
    maxHeight?: number | undefined;
    paddingTop?: number | undefined;
    paddingRight?: number | undefined;
    paddingBottom?: number | undefined;
    paddingLeft?: number | undefined;
    foreground?: import("@teaui/core").Color | undefined;
    title?: string | undefined;
    hotKey?: import("@teaui/core").HotKeyProp | undefined;
    border?: ("default" | "none" | "arrows") | undefined;
    align?: import("@teaui/core").Alignment | undefined;
    onClick?: (() => void) | undefined;
    children?: React.ReactNode;
    child?: React.ReactNode;
} & React.RefAttributes<WrButton>>;
export declare const Collapsible: React.ForwardRefExoticComponent<{
    debug?: boolean | undefined;
    padding?: (number | Partial<import("@teaui/core").Edges>) | undefined;
    flex?: import("@teaui/core/.dist/View.js").FlexShorthand | undefined;
    pin?: import("@teaui/core/.dist/View.js").Pin | undefined;
    purpose?: (import("@teaui/core").Palette | import("@teaui/core").Purpose) | undefined;
    heading?: string | undefined;
    isVisible?: boolean | undefined;
    background?: import("@teaui/core").Color | undefined;
    width?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    height?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    x?: number | undefined;
    y?: number | undefined;
    minWidth?: number | undefined;
    minHeight?: number | undefined;
    maxWidth?: number | undefined;
    maxHeight?: number | undefined;
    paddingTop?: number | undefined;
    paddingRight?: number | undefined;
    paddingBottom?: number | undefined;
    paddingLeft?: number | undefined;
    child?: import("@teaui/core").View | undefined;
    isCollapsed?: boolean | undefined;
    showCollapsed?: boolean | undefined;
    children?: React.ReactNode;
    collapsed?: React.ReactNode;
    expanded?: React.ReactNode;
} & React.RefAttributes<WrCollapsible>>;
type StackDirectionProps = Omit<StackProps, 'direction'>;
type StackDirectionComponent = React.ForwardRefExoticComponent<StackDirectionProps & React.RefAttributes<WrStack>>;
interface Stack {
    (reactProps: StackProps): JSX.Element;
    down: StackDirectionComponent;
    up: StackDirectionComponent;
    left: StackDirectionComponent;
    right: StackDirectionComponent;
}
export declare const Stack: Stack;
export declare const Geometry: React.ForwardRefExoticComponent<{
    debug?: boolean | undefined;
    padding?: (number | Partial<import("@teaui/core").Edges>) | undefined;
    flex?: import("@teaui/core/.dist/View.js").FlexShorthand | undefined;
    pin?: import("@teaui/core/.dist/View.js").Pin | undefined;
    purpose?: (import("@teaui/core").Palette | import("@teaui/core").Purpose) | undefined;
    heading?: string | undefined;
    isVisible?: boolean | undefined;
    background?: import("@teaui/core").Color | undefined;
    width?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    height?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    x?: number | undefined;
    y?: number | undefined;
    minWidth?: number | undefined;
    minHeight?: number | undefined;
    maxWidth?: number | undefined;
    maxHeight?: number | undefined;
    paddingTop?: number | undefined;
    paddingRight?: number | undefined;
    paddingBottom?: number | undefined;
    paddingLeft?: number | undefined;
    onLayout?: ((size: import("@teaui/core").Size) => void) | undefined;
    children?: React.ReactNode;
    child?: React.ReactNode;
} & React.RefAttributes<WrGeometry>>;
type ScrollableDirectionProps = Omit<ScrollableProps, 'direction'>;
type ScrollableDirectionComponent = React.ForwardRefExoticComponent<ScrollableDirectionProps & React.RefAttributes<WrScrollable>>;
interface Scrollable {
    (reactProps: ScrollableProps): JSX.Element;
    down: ScrollableDirectionComponent;
    up: ScrollableDirectionComponent;
    left: ScrollableDirectionComponent;
    right: ScrollableDirectionComponent;
}
export declare const Scrollable: Scrollable;
/**
 * <Style /> is similar to <Text/> but only allows inline styles (bold, etc).
 * Does not support align or wrap (block styles). Does not support 'font', because
 * font is not encodable via SGR codes (and that's how I'm styling and
 * concatenating the text nodes).
 */
export declare const Style: React.ForwardRefExoticComponent<{
    debug?: boolean | undefined;
    padding?: (number | Partial<import("@teaui/core").Edges>) | undefined;
    flex?: import("@teaui/core/.dist/View.js").FlexShorthand | undefined;
    pin?: import("@teaui/core/.dist/View.js").Pin | undefined;
    purpose?: (import("@teaui/core").Palette | import("@teaui/core").Purpose) | undefined;
    heading?: string | undefined;
    isVisible?: boolean | undefined;
    background?: import("@teaui/core").Color | undefined;
    width?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    height?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    x?: number | undefined;
    y?: number | undefined;
    minWidth?: number | undefined;
    minHeight?: number | undefined;
    maxWidth?: number | undefined;
    maxHeight?: number | undefined;
    paddingTop?: number | undefined;
    paddingRight?: number | undefined;
    paddingBottom?: number | undefined;
    paddingLeft?: number | undefined;
    bold?: boolean | undefined;
    dim?: boolean | undefined;
    italic?: boolean | undefined;
    strikeout?: boolean | undefined;
    underline?: boolean | undefined;
    inverse?: boolean | undefined;
    blink?: boolean | undefined;
    invisible?: boolean | undefined;
    foreground?: import("@teaui/core").Color | undefined;
    invert?: (() => import("@teaui/core").Style) | undefined;
    merge?: ((style?: {
        bold?: boolean | null | undefined;
        dim?: boolean | null | undefined;
        italic?: boolean | null | undefined;
        strikeout?: boolean | null | undefined;
        underline?: boolean | null | undefined;
        inverse?: boolean | null | undefined;
        blink?: boolean | null | undefined;
        invisible?: boolean | null | undefined;
        foreground?: import("@teaui/core").Color | null | undefined;
        background?: import("@teaui/core").Color | null | undefined;
        invert?: (() => import("@teaui/core").Style) | null | undefined;
        merge?: any | null | undefined;
        isEqual?: ((style: import("@teaui/core").Style) => boolean) | null | undefined;
        toDebug?: (() => any) | null | undefined;
        toSGR?: ((prevStyle: import("@teaui/core").Style, text?: string) => string) | null | undefined;
    }) => import("@teaui/core").Style) | undefined;
    isEqual?: ((style: import("@teaui/core").Style) => boolean) | undefined;
    toDebug?: (() => any) | undefined;
    toSGR?: ((prevStyle: import("@teaui/core").Style, text?: string) => string) | undefined;
    style?: Partial<import("@teaui/core").Style> | undefined;
    children?: React.ReactNode;
    child?: React.ReactNode;
} & React.RefAttributes<TextStyle>>;
/**
 * <Text /> is a container that sets the text properties of child TextLiterals
 * (font, style) and TextContainers (wrap, alignment)
 */
export declare const Text: React.ForwardRefExoticComponent<{
    debug?: boolean | undefined;
    padding?: (number | Partial<import("@teaui/core").Edges>) | undefined;
    flex?: import("@teaui/core/.dist/View.js").FlexShorthand | undefined;
    pin?: import("@teaui/core/.dist/View.js").Pin | undefined;
    purpose?: (import("@teaui/core").Palette | import("@teaui/core").Purpose) | undefined;
    heading?: string | undefined;
    isVisible?: boolean | undefined;
    background?: import("@teaui/core").Color | undefined;
    width?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    height?: import("@teaui/core/.dist/View.js").Dimension | undefined;
    x?: number | undefined;
    y?: number | undefined;
    minWidth?: number | undefined;
    minHeight?: number | undefined;
    maxWidth?: number | undefined;
    maxHeight?: number | undefined;
    paddingTop?: number | undefined;
    paddingRight?: number | undefined;
    paddingBottom?: number | undefined;
    paddingLeft?: number | undefined;
    bold?: boolean | undefined;
    dim?: boolean | undefined;
    italic?: boolean | undefined;
    strikeout?: boolean | undefined;
    underline?: boolean | undefined;
    inverse?: boolean | undefined;