@plone/components/dist/index.d.cts

ReactJS components for Plone

import * as react_jsx_runtime from 'react/jsx-runtime';
import { ToolbarProps, BreadcrumbsProps as BreadcrumbsProps$1, ButtonProps, DateValue, CalendarProps as CalendarProps$1, ColorAreaProps, ColorFieldProps as ColorFieldProps$1, ValidationResult, ColorPickerProps as ColorPickerProps$1, ColorSliderProps as ColorSliderProps$1, ColorSwatchProps, ColorSwatchPickerProps, ColorWheelProps as ColorWheelProps$1, CheckboxProps as CheckboxProps$2, CheckboxGroupProps as CheckboxGroupProps$1, ListBoxItemProps, ComboBoxProps as ComboBoxProps$1, DateFieldProps as DateFieldProps$1, DatePickerProps as DatePickerProps$1, DateRangePickerProps as DateRangePickerProps$1, DialogProps, DisclosureProps, DisclosureGroupProps, FormProps, GridListProps, GridListItemProps, ListBoxProps, MenuItemProps, MenuProps, MenuTriggerProps, PressEvent, MeterProps as MeterProps$1, ModalOverlayProps, NumberFieldProps as NumberFieldProps$1, PopoverProps as PopoverProps$1, ProgressBarProps as ProgressBarProps$1, RadioGroupProps as RadioGroupProps$1, RangeCalendarProps as RangeCalendarProps$1, SearchFieldProps as SearchFieldProps$1, SelectProps as SelectProps$1, SliderProps as SliderProps$1, SwitchProps as SwitchProps$1, TableHeaderProps, TableProps as TableProps$1, RowProps, ColumnProps, TabsProps, TagProps, TagGroupProps as TagGroupProps$1, TagListProps, TextFieldProps as TextFieldProps$1, TimeValue, TimeFieldProps as TimeFieldProps$1, ToggleButtonProps, TooltipProps as TooltipProps$1 } from 'react-aria-components';
export { Link } from 'react-aria-components';
import * as React from 'react';
import React__default, { ReactElement, ReactNode, ComponentProps } from 'react';
import { DOMProps, AriaLabelingProps, StyleProps, IconColorValue } from '@react-types/shared';

declare function BlockToolbar(props: ToolbarProps): react_jsx_runtime.JSX.Element;

type Breadcrumb = {
    '@id': string;
    title: string;
};
interface BreadcrumbsProps<T> extends BreadcrumbsProps$1<T> {
    /**
     * Current navigation root URL (flattened)
     */
    root?: string;
    /**
     * Whether include the root item in the breadcrubs (based on the root prop)
     */
    includeRoot?: boolean;
}
/**
 * Breadcrumbs display a hierarchy of links to the current page or resource in an application.
 */
declare function Breadcrumbs({ className, items, root, includeRoot, }: BreadcrumbsProps<Breadcrumb>): react_jsx_runtime.JSX.Element;

declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;

interface CalendarProps<T extends DateValue> extends CalendarProps$1<T> {
    errorMessage?: string;
}
declare function Calendar<T extends DateValue>({ errorMessage, ...props }: CalendarProps<T>): react_jsx_runtime.JSX.Element;

declare function ColorArea(props: ColorAreaProps): react_jsx_runtime.JSX.Element;

interface ColorFieldProps extends ColorFieldProps$1 {
    label?: string;
    description?: string;
    errorMessage?: string | ((validation: ValidationResult) => string);
}
declare function ColorField({ label, description, errorMessage, ...props }: ColorFieldProps): react_jsx_runtime.JSX.Element;

interface ColorPickerProps extends ColorPickerProps$1 {
    label?: string;
    children?: React.ReactNode;
}
declare function ColorPicker({ label, children, ...props }: ColorPickerProps): react_jsx_runtime.JSX.Element;

interface ColorSliderProps extends ColorSliderProps$1 {
    label?: string;
}
declare function ColorSlider({ label, ...props }: ColorSliderProps): react_jsx_runtime.JSX.Element;

declare function ColorSwatch(props: ColorSwatchProps): react_jsx_runtime.JSX.Element;

declare function ColorSwatchPicker({ children, ...props }: ColorSwatchPickerProps): react_jsx_runtime.JSX.Element;

interface ColorWheelProps extends Omit<ColorWheelProps$1, 'outerRadius' | 'innerRadius'> {
}
declare function ColorWheel(props: ColorWheelProps): react_jsx_runtime.JSX.Element;

interface CheckboxProps$1 extends CheckboxProps$2 {
    label?: string;
}
declare function Checkbox({ children, ...props }: CheckboxProps$1): react_jsx_runtime.JSX.Element;

interface CheckboxProps extends CheckboxProps$2 {
    label?: string;
    description?: string;
    errorMessage?: string;
}
declare function CheckboxField({ children, errorMessage, description, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;

interface CheckboxGroupProps extends Omit<CheckboxGroupProps$1, 'children'> {
    children?: React__default.ReactNode;
    label?: string;
    description?: string;
    errorMessage?: string | ((validation: ValidationResult) => string);
}
declare function CheckboxGroup({ label, description, errorMessage, children, ...props }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;

interface ComboBoxProps<T extends object> extends Omit<ComboBoxProps$1<T>, 'children'> {
    label?: string;
    description?: string | null;
    errorMessage?: string | ((validation: ValidationResult) => string);
    children: React__default.ReactNode | ((item: T) => React__default.ReactNode);
}
declare function ComboBox<T extends object>({ label, description, errorMessage, children, ...props }: ComboBoxProps<T>): react_jsx_runtime.JSX.Element;
declare function ComboBoxItem(props: ListBoxItemProps): react_jsx_runtime.JSX.Element;

/**
 * Props Types for the Container component.
 * They are able to infer the props of the element type passed to the `as` prop.
 */
type ContainerProps<T extends React__default.ElementType> = {
    /** Primary content. */
    children: React__default.ReactNode;
    /** An element type to render as (string or function). */
    as?: T;
    /** Additional classes. */
    className?: string;
    /** Layout size */
    layout?: boolean;
    /** Narrow size. */
    narrow?: boolean;
} & React__default.ComponentPropsWithoutRef<React__default.ElementType extends T ? 'div' : T>;
declare const Container: <T extends React__default.ElementType = "div">(props: ContainerProps<T>) => react_jsx_runtime.JSX.Element;

interface DateFieldProps<T extends DateValue> extends DateFieldProps$1<T> {
    label?: string;
    description?: string;
    errorMessage?: string | ((validation: ValidationResult) => string);
}
declare function DateField<T extends DateValue>({ label, description, errorMessage, ...props }: DateFieldProps<T>): react_jsx_runtime.JSX.Element;

interface DatePickerProps<T extends DateValue> extends DatePickerProps$1<T> {
    label?: string;
    description?: string;
    errorMessage?: string | ((validation: ValidationResult) => string);
}
declare function DatePicker<T extends DateValue>({ label, description, errorMessage, ...props }: DatePickerProps<T>): react_jsx_runtime.JSX.Element;

interface DateRangePickerProps<T extends DateValue> extends DateRangePickerProps$1<T> {
    label?: string;
    description?: string;
    errorMessage?: string | ((validation: ValidationResult) => string);
}
declare function DateRangePicker<T extends DateValue>({ label, description, errorMessage, ...props }: DateRangePickerProps<T>): react_jsx_runtime.JSX.Element;

declare function Dialog(props: DialogProps): react_jsx_runtime.JSX.Element;

/**
 * A Disclosure is used to show or hide content that is not visible by default.
 */
declare function Disclosure(props: DisclosureProps): react_jsx_runtime.JSX.Element;

/**
 * A DisclosureGroup is used to group Disclosures together to create an accordion.
 */
declare function DisclosureGroup(props: DisclosureGroupProps): react_jsx_runtime.JSX.Element;

declare function Form(props: FormProps): react_jsx_runtime.JSX.Element;

declare function GridList<T extends object>({ children, ...props }: GridListProps<T>): react_jsx_runtime.JSX.Element;
declare function GridListItem({ children, ...props }: GridListItemProps): react_jsx_runtime.JSX.Element;

interface IconProps extends DOMProps, AriaLabelingProps, StyleProps {
    /**
     * A screen reader only label for the Icon.
     */
    'aria-label'?: string;
    /**
     * The content to display. Should be an SVG.
     */
    children: ReactElement;
    /**
     * Size of Icon (changes based on scale).
     */
    size?: 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL' | 'XXL';
    /**
     * A slot to place the icon in.
     * @default 'icon'
     */
    slot?: string;
    /**
     * Indicates whether the element is exposed to an accessibility API.
     */
    'aria-hidden'?: boolean | 'false' | 'true';
    /**
     * Color of the Icon.
     */
    color?: IconColorValue;
}
type IconPropsWithoutChildren = Omit<IconProps, 'children'>;
/**
 * Spectrum icons are clear, minimal, and consistent across platforms. They follow the focused and rational principles of the design system in both metaphor and style.
 */
declare function Icon(props: IconProps): React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;

declare const AddIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const AligncenterIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const AlignleftIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const AlignrightIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const ArchiveIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const ArrowdownIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const ArrowleftIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const ArrowrightIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const ArrowtoprightIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const ArrowupIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const AttachmentIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const AutomatedcontentIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const BackgroundIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const BinIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const BlindIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const BoldIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const CalendarIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const CheckboxIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const ChevrondownIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const ChevronleftIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const ChevronrightIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const ChevronupIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const CloseIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const CodeIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const CollectionIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const ColumnafterIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const ColumnbeforeIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const ColumndeleteIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const ColumnsIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const CopyIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const CutIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const DashIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const DiscussionIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const DraggableIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const EditIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const EyeIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const FilterIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const FolderIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const FooterIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const ForegroundIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const FullscreenIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const HighlightIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const HistoryIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const HomeIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const ImagefitIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const ImagefullIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const ImageIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const ImageleftIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const ImagerightIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const InfoIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const ItalicIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const LanguageIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const LeadingIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const LeadingimageIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const LinkIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const ListIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const ListnumbersIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const MailIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const MandatoryIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const MapIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const MenuIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const MergedIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const MoreoptionsIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const NavigationIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const NewsIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const OutIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const PageIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const ParagraphIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const PasteIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const PauseIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const PencilIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const PlayIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const PropertiesIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const QuotesIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const RadiobuttonIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const RedoIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const RenameIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const ReverseIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const ReviewIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const RowafterIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const RowbeforeIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const RowdeleteIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const SearchIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const SecurityIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const SettingsIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const ShareIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const SliderIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const SocialIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const SpacerIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const StateIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const SubtitleIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const TableIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const TagIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const TextIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const ThumbnailsIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const TitleIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const TocIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const UndoIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const UploadIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const UserIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const VideoIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const VoltoIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const WindowedIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare const WorldIcon: (props: IconPropsWithoutChildren) => react_jsx_runtime.JSX.Element;

declare function ListBox<T extends object>({ children, ...props }: ListBoxProps<T>): react_jsx_runtime.JSX.Element;
declare function ListBoxItem(props: ListBoxItemProps): react_jsx_runtime.JSX.Element;

interface MenuButtonProps<T> extends MenuProps<T>, Omit<MenuTriggerProps, 'children'> {
    button?: React__default.ReactNode;
    onPress?: (e: PressEvent) => void;
}
declare function Menu<T extends object>({ button, onPress, children, ...props }: MenuButtonProps<T>): react_jsx_runtime.JSX.Element;
declare function MenuItem<T extends object>(props: MenuItemProps<T>): react_jsx_runtime.JSX.Element;

interface MeterProps extends MeterProps$1 {
    label?: string;
}
declare function Meter({ label, ...props }: MeterProps): react_jsx_runtime.JSX.Element;

declare function Modal(props: ModalOverlayProps): react_jsx_runtime.JSX.Element;

interface NumberFieldProps extends NumberFieldProps$1 {
    label?: string;
    description?: string;
    errorMessage?: string | ((validation: ValidationResult) => string);
}
declare function NumberField({ label, description, errorMessage, ...props }: NumberFieldProps): react_jsx_runtime.JSX.Element;

interface PopoverProps extends Omit<PopoverProps$1, 'children'> {
    children: React__default.ReactNode;
    /** Mandatory when children don't contain a <Heading slot="title"> or dialogAriaLabelledBy */
    dialogAriaLabel?: string;
    /** Mandatory when children don't contain a <Heading slot="title"> or dialogAriaLabel */
    dialogAriaLabelledby?: string;
    showArrow?: boolean;
}
declare function Popover({ children, dialogAriaLabel, dialogAriaLabelledby, showArrow, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;

interface ProgressBarProps extends ProgressBarProps$1 {
    label?: string;
}
declare function ProgressBar({ label, ...props }: ProgressBarProps): react_jsx_runtime.JSX.Element;

interface RadioGroupProps extends Omit<RadioGroupProps$1, 'children'> {
    children?: React__default.ReactNode;
    label?: string;
    description?: string;
    errorMessage?: string | ((validation: ValidationResult) => string);
}
declare function RadioGroup({ label, description, errorMessage, children, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;

interface RangeCalendarProps<T extends DateValue> extends RangeCalendarProps$1<T> {
    errorMessage?: string;
}
declare function RangeCalendar<T extends DateValue>({ errorMessage, ...props }: RangeCalendarProps<T>): react_jsx_runtime.JSX.Element;

interface SearchFieldProps extends SearchFieldProps$1 {
    label?: string;
    description?: string;
    errorMessage?: string | ((validation: ValidationResult) => string);
}
declare function SearchField({ label, description, errorMessage, ...props }: SearchFieldProps): react_jsx_runtime.JSX.Element;

interface SelectProps<T extends object> extends Omit<SelectProps$1<T>, 'children'> {
    label?: string;
    description?: string;
    errorMessage?: string | ((validation: ValidationResult) => string);
    items?: Iterable<T>;
    children: React__default.ReactNode | ((item: T) => React__default.ReactNode);
}
/**
 * See https://react-spectrum.adobe.com/react-aria/Select.html
 *
 * An iterable list of options is passed to the Select using the items prop. Each item
 * accepts an id prop, which is passed to the onSelectionChange handler to identify
 * the selected item. Alternatively, if the item objects contain an id property, as
 * shown in the example below, then this is used automatically and an id prop is not
 * required.
 *
 * Setting a selected option can be done by using the defaultSelectedKey or selectedKey
 * prop. The selected key corresponds to the id prop of an item. When Select is used
 * with a dynamic collection as described above, the id of each item is derived from
 * the data.
 *
 */
declare function Select<T extends SelectItemObject>({ label, description, errorMessage, children, items, ...props }: SelectProps<T>): react_jsx_runtime.JSX.Element;
type SelectItemObject = {
    label: string;
    value: string;
};
declare function SelectItem(props: ListBoxItemProps): react_jsx_runtime.JSX.Element;

interface SliderProps<T> extends SliderProps$1<T> {
    label?: string;
    thumbLabels?: string[];
}
declare function Slider<T extends number | number[]>({ label, thumbLabels, ...props }: SliderProps<T>): react_jsx_runtime.JSX.Element;

interface SwitchProps extends Omit<SwitchProps$1, 'children'> {
    children: React__default.ReactNode;
}
declare function Switch({ children, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;

interface Props$1<T extends object> extends TableHeaderProps<T> {
    dragColumnHeader?: React__default.ReactNode;
}
declare function TableHeader<T extends object>({ columns, children, dragColumnHeader, }: Props$1<T>): react_jsx_runtime.JSX.Element;

interface ColumnType {
    id: string;
    name: ReactNode;
    isRowHeader?: boolean;
}
interface RowType {
    id: string;
    textValue?: string;
    [key: string]: ReactNode;
}
interface TableProps<C, R> extends TableProps$1 {
    columns?: C[];
    rows?: R[];
    resizableColumns?: boolean;
    dragColumnHeader?: ComponentProps<typeof TableHeader>['dragColumnHeader'];
}
/**
 * A wrapper around the `react-aria-components` Table component.
 *
 * See https://react-spectrum.adobe.com/react-aria/Table.html
 */
declare function Table<C extends ColumnType, R extends RowType>({ columns, rows, resizableColumns, dragColumnHeader, ...otherProps }: TableProps<C, R>): react_jsx_runtime.JSX.Element;

declare function Row<T extends object>({ id, columns, children, ...otherProps }: RowProps<T>): react_jsx_runtime.JSX.Element;

declare function Column(props: ColumnProps): react_jsx_runtime.JSX.Element;

declare function Tabs(props: TabsProps): react_jsx_runtime.JSX.Element;

interface TagGroupProps<T> extends Omit<TagGroupProps$1, 'children'>, Pick<TagListProps<T>, 'items' | 'children' | 'renderEmptyState'> {
    label?: string;
    description?: string;
    errorMessage?: string;
}
declare function TagGroup<T extends object>({ label, description, errorMessage, items, children, renderEmptyState, ...props }: TagGroupProps<T>): react_jsx_runtime.JSX.Element;
declare function Tag({ children, ...props }: TagProps): react_jsx_runtime.JSX.Element;

interface TextAreaFieldProps extends TextFieldProps$1 {
    label?: string;
    description?: string;
    errorMessage?: string | ((validation: ValidationResult) => string);
    placeholder?: string;
}
declare function TextAreaField({ label, description, errorMessage, ...props }: TextAreaFieldProps): react_jsx_runtime.JSX.Element;

interface TextFieldProps extends TextFieldProps$1 {
    label?: string;
    description?: string;
    errorMessage?: string | ((validation: ValidationResult) => string);
    placeholder?: string;
}
declare function TextField({ label, description, errorMessage, ...props }: TextFieldProps): react_jsx_runtime.JSX.Element;

interface TimeFieldProps<T extends TimeValue> extends TimeFieldProps$1<T> {
    label?: string;
    description?: string;
    errorMessage?: string | ((validation: ValidationResult) => string);
}
declare function TimeField<T extends TimeValue>({ label, description, errorMessage, ...props }: TimeFieldProps<T>): react_jsx_runtime.JSX.Element;

interface Props {
    title?: string | Array<any>;
    content: string;
    info?: boolean;
    success?: boolean;
    error?: boolean;
    warning?: boolean;
}
declare function Toast(props: Props): react_jsx_runtime.JSX.Element;

declare function ToggleButton(props: ToggleButtonProps): react_jsx_runtime.JSX.Element;

declare function Toolbar(props: ToolbarProps): react_jsx_runtime.JSX.Element;

interface TooltipProps extends Omit<TooltipProps$1, 'children'> {
    children: React__default.ReactNode;
}
declare function Tooltip({ children, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;

declare function QuantaTextField(props: TextFieldProps): react_jsx_runtime.JSX.Element;

declare function QuantaTextAreaField(props: TextAreaFieldProps): react_jsx_runtime.JSX.Element;

declare function QuantaSelect<T extends SelectItemObject>(props: SelectProps<T>): react_jsx_runtime.JSX.Element;

export { AddIcon, AligncenterIcon, AlignleftIcon, AlignrightIcon, ArchiveIcon, ArrowdownIcon, ArrowleftIcon, ArrowrightIcon, ArrowtoprightIcon, ArrowupIcon, AttachmentIcon, AutomatedcontentIcon, BackgroundIcon, BinIcon, BlindIcon, BlockToolbar, BoldIcon, Breadcrumbs, Button, Calendar, CalendarIcon, Checkbox, CheckboxField, CheckboxGroup, CheckboxIcon, ChevrondownIcon, ChevronleftIcon, ChevronrightIcon, ChevronupIcon, CloseIcon, CodeIcon, CollectionIcon, ColorArea, ColorField, ColorPicker, ColorSlider, ColorSwatch, ColorSwatchPicker, ColorWheel, Column, ColumnafterIcon, ColumnbeforeIcon, ColumndeleteIcon, ColumnsIcon, ComboBox, ComboBoxItem, Container, CopyIcon, CutIcon, DashIcon, DateField, DatePicker, DateRangePicker, Dialog, Disclosure, DisclosureGroup, DiscussionIcon, DraggableIcon, EditIcon, EyeIcon, FilterIcon, FolderIcon, FooterIcon, ForegroundIcon, Form, FullscreenIcon, GridList, GridListItem, HighlightIcon, HistoryIcon, HomeIcon, Icon, ImageIcon, ImagefitIcon, ImagefullIcon, ImageleftIcon, ImagerightIcon, InfoIcon, ItalicIcon, LanguageIcon, LeadingIcon, LeadingimageIcon, LinkIcon, ListBox, ListBoxItem, ListIcon, ListnumbersIcon, MailIcon, MandatoryIcon, MapIcon, Menu, MenuIcon, MenuItem, MergedIcon, Meter, Modal, MoreoptionsIcon, NavigationIcon, NewsIcon, NumberField, OutIcon, PageIcon, ParagraphIcon, PasteIcon, PauseIcon, PencilIcon, PlayIcon, Popover, type PopoverProps, ProgressBar, PropertiesIcon, QuantaSelect, QuantaTextAreaField, QuantaTextField, QuotesIcon, RadioGroup, RadiobuttonIcon, RangeCalendar, RedoIcon, RenameIcon, ReverseIcon, ReviewIcon, Row, RowafterIcon, RowbeforeIcon, RowdeleteIcon, SearchField, SearchIcon, SecurityIcon, Select, SelectItem, SettingsIcon, ShareIcon, Slider, SliderIcon, SocialIcon, SpacerIcon, StateIcon, SubtitleIcon, Switch, Table, TableHeader, TableIcon, Tabs, Tag, TagGroup, TagIcon, TextAreaField, TextField, TextIcon, ThumbnailsIcon, TimeField, TitleIcon, Toast, TocIcon, ToggleButton, Toolbar, Tooltip, UndoIcon, UploadIcon, UserIcon, VideoIcon, VoltoIcon, WindowedIcon, WorldIcon };