@aws-amplify/ui-react-storage 3.3.10 → 3.4.0

package/dist/types/components/StorageBrowser/components/BreadcrumbNavigation.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface BreadcrumbProps {
+    isCurrent?: boolean;
+    name?: string;
+    onNavigate?: () => void;
+}
+interface BreadcrumbNavigationProps {
+    breadcrumbs: BreadcrumbProps[];
+    role?: React.AriaRole;
+}
+export declare const Breadcrumb: ({ isCurrent, name, onNavigate, }: BreadcrumbProps) => React.JSX.Element;
+export declare function BreadcrumbNavigation({ breadcrumbs, role, }: BreadcrumbNavigationProps): React.JSX.Element;
+export {};

package/dist/types/components/StorageBrowser/components/Checkbox.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface CheckboxProps {
+    checked?: boolean;
+    disabled?: boolean;
+    id?: string;
+    labelHidden?: boolean;
+    labelText?: string;
+    onSelect?: () => void;
+}
+export declare const Checkbox: ({ checked, disabled, id, labelHidden, labelText, onSelect, }: CheckboxProps) => React.JSX.Element;
+export {};

package/dist/types/components/StorageBrowser/components/DescriptionList.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface DescriptionItemProps {
+    term?: string | string[];
+    details?: string | string[];
+}
+interface DescriptionProps {
+    descriptions: DescriptionItemProps[];
+    className?: string;
+}
+export declare const DescriptionList: ({ descriptions, className, }: DescriptionProps) => React.JSX.Element;
+export {};

package/dist/types/components/StorageBrowser/components/DropdownMenu.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { StorageBrowserIconType } from '../context/elements';
+interface MenuItem {
+    isDisabled?: boolean;
+    isHidden?: boolean;
+    icon?: StorageBrowserIconType;
+    id: string;
+    label?: string;
+}
+interface MenuItemProps extends Omit<MenuItem, 'isHidden' | 'id'> {
+    onClick?: () => void;
+}
+export interface MenuProps {
+    isDisabled?: boolean;
+    items: MenuItem[];
+    onItemSelect?: (id: string) => void;
+}
+export declare function MenuItem({ isDisabled, icon, label, onClick, }: MenuItemProps): React.JSX.Element;
+export declare function DropdownMenu({ isDisabled, items, onItemSelect, }: MenuProps): React.JSX.Element;
+export {};

package/dist/types/components/StorageBrowser/components/EmptyMessage.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface EmptyMessageProps {
+    children?: React.ReactNode;
+}
+export declare const EmptyMessage: ({ children, }: EmptyMessageProps) => React.JSX.Element;
+export {};

package/dist/types/components/StorageBrowser/components/Field.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { InputElementProps } from '../context/elements';
+interface FieldProps extends InputElementProps {
+    className?: string;
+    icon?: React.ReactNode;
+    label?: string;
+}
+export declare function Field({ 'aria-describedby': ariaDescribedBy, className, children, label, icon, id, ...props }: FieldProps): React.JSX.Element;
+export {};

package/dist/types/components/StorageBrowser/components/PaginationButton.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { InputElementProps } from '../context/elements';
+type ButtonType = 'previous' | 'next';
+export interface PaginationButtonProps extends InputElementProps {
+    isDisabled?: boolean;
+    onClick?: () => void;
+    type?: ButtonType;
+}
+export declare function PaginationButton({ isDisabled, onClick, type, }: PaginationButtonProps): React.JSX.Element | null;
+export {};

package/dist/types/components/StorageBrowser/components/Separator.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function Separator(): React.JSX.Element;

package/dist/types/components/StorageBrowser/components/Table.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { WithKey } from './types';
+interface TableItem {
+    type?: 'dataCell' | 'header';
+    content: React.ReactNode;
+}
+interface TableRow {
+    content: WithKey<TableItem>[];
+}
+interface TableProps {
+    headers: WithKey<TableItem>[];
+    rows: WithKey<TableRow>[];
+}
+export declare const Table: ({ headers, rows }: TableProps) => React.JSX.Element;
+export {};

package/dist/types/components/StorageBrowser/components/types.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface DataListProps<T> {
+    data?: T[];
+    renderItem?: (item: T, index: number) => React.JSX.Element;
+}
+export type WithKey<T, K = string> = {
+    key: K;
+} & T;

package/dist/types/components/StorageBrowser/componentsDefault.d.ts

@@ -0,0 +1,2 @@
+import { Components } from './ComponentsProvider';
+export declare const componentsDefault: Components;

package/dist/types/components/StorageBrowser/composables/ActionCancel.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface ActionCancelProps {
+    onCancel?: () => void;
+    isDisabled?: boolean;
+    label?: string;
+}
+export declare const ActionCancel: ({ onCancel, isDisabled, label, }: ActionCancelProps) => React.JSX.Element;

package/dist/types/components/StorageBrowser/composables/ActionDestination.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { NavigationProps } from './Navigation';
+export interface ActionDestinationProps {
+    isNavigable?: boolean;
+    items: NavigationProps['items'];
+    label?: string;
+}
+export declare const ActionDestination: ({ isNavigable, items, label, }: ActionDestinationProps) => React.JSX.Element | null;

package/dist/types/components/StorageBrowser/composables/ActionExit.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface ActionExitProps {
+    onExit?: () => void;
+    isDisabled?: boolean;
+    label?: string;
+}
+export declare const ActionExit: ({ onExit, isDisabled, label, }: ActionExitProps) => React.JSX.Element;

package/dist/types/components/StorageBrowser/composables/ActionStart.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface ActionStartProps {
+    onStart?: () => void;
+    isDisabled?: boolean;
+    label?: string;
+}
+export declare const ActionStart: ({ onStart, isDisabled, label, }: ActionStartProps) => React.JSX.Element;

package/dist/types/components/StorageBrowser/composables/ActionsList.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { StorageBrowserIconType } from '../context/elements';
+export interface ActionsListItem {
+    isDisabled?: boolean;
+    isHidden?: boolean;
+    icon?: StorageBrowserIconType;
+    actionType: string;
+    label?: string;
+}
+export interface ActionsListProps {
+    isDisabled?: boolean;
+    items: ActionsListItem[];
+    onActionSelect?: (id: string) => void;
+}
+export declare const ActionsList: ({ isDisabled, items, onActionSelect, }: ActionsListProps) => React.JSX.Element;

package/dist/types/components/StorageBrowser/composables/AddFiles.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface AddFilesProps {
+    onAddFiles?: () => void;
+    isDisabled?: boolean;
+    label?: string;
+}
+export declare const AddFiles: ({ onAddFiles, isDisabled, label, }: AddFilesProps) => React.JSX.Element;

package/dist/types/components/StorageBrowser/composables/AddFolder.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface AddFolderProps {
+    onAddFolder?: () => void;
+    isDisabled?: boolean;
+    label?: string;
+}
+export declare const AddFolder: ({ onAddFolder, isDisabled, label, }: AddFolderProps) => React.JSX.Element;

package/dist/types/components/StorageBrowser/composables/DataRefresh.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface DataRefreshProps {
+    onRefresh?: () => void;
+    isDisabled?: boolean;
+}
+export declare const DataRefresh: ({ onRefresh, isDisabled, }: DataRefreshProps) => React.JSX.Element;

package/dist/types/components/StorageBrowser/composables/DataTable/DataTable.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { DataTableDataCell, DataTableHeader } from './types';
+import { WithKey } from '../../components/types';
+export interface DataTableRow {
+    content: WithKey<DataTableDataCell>[];
+}
+export interface DataTableProps {
+    headers: WithKey<DataTableHeader>[];
+    rows: WithKey<DataTableRow>[];
+}
+export declare const DataTable: ({ headers, rows, }: DataTableProps) => React.JSX.Element;

package/dist/types/components/StorageBrowser/composables/DataTable/dataCells/ButtonDataCell.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { StorageBrowserIconType } from '../../../context/elements';
+export interface ButtonDataCellProps {
+    content: {
+        icon?: StorageBrowserIconType;
+        label?: string;
+        onClick?: () => void;
+        ariaLabel?: string;
+        isDisabled?: boolean;
+    };
+}
+export declare const ButtonDataCell: ({ content, }: ButtonDataCellProps) => React.JSX.Element;

package/dist/types/components/StorageBrowser/composables/DataTable/dataCells/CheckboxDataCell.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface CheckboxDataCellProps {
+    content: {
+        checked?: boolean;
+        label?: string;
+        onSelect?: () => void;
+        id?: string;
+    };
+}
+export declare const CheckboxDataCell: ({ content, }: CheckboxDataCellProps) => React.JSX.Element;

package/dist/types/components/StorageBrowser/composables/DataTable/dataCells/DateDataCell.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface DateDataCellProps {
+    content: {
+        value?: Date;
+        displayValue?: string;
+    };
+}
+export declare const DateDataCell: ({ content, }: DateDataCellProps) => React.JSX.Element;

package/dist/types/components/StorageBrowser/composables/DataTable/dataCells/NumberDataCell.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface NumberDataCellProps {
+    content: {
+        value?: number;
+        displayValue?: string;
+    };
+}
+export declare const NumberDataCell: ({ content, }: NumberDataCellProps) => React.JSX.Element;

package/dist/types/components/StorageBrowser/composables/DataTable/dataCells/TextDataCell.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { StorageBrowserIconType } from '../../../context/elements';
+export interface TextDataCellProps {
+    content: {
+        icon?: StorageBrowserIconType;
+        text?: string;
+    };
+}
+export declare const TextDataCell: ({ content, }: TextDataCellProps) => React.JSX.Element;

package/dist/types/components/StorageBrowser/composables/DataTable/headers/CheckboxHeader.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type CheckboxHeaderProps = {
+    content: {
+        checked?: boolean;
+        label?: string;
+        onSelect?: () => void;
+        id?: string;
+    };
+};
+export declare const CheckboxHeader: ({ content, }: CheckboxHeaderProps) => React.JSX.Element;

package/dist/types/components/StorageBrowser/composables/DataTable/headers/SortHeader.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { SortDirection } from '../types';
+export type SortHeaderProps = {
+    content: {
+        label?: string;
+        sortDirection?: SortDirection;
+        onSort?: () => void;
+    };
+};
+export declare const SortHeader: ({ content }: SortHeaderProps) => React.JSX.Element;

package/dist/types/components/StorageBrowser/composables/DataTable/headers/TextHeader.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type TextHeaderProps = {
+    content: {
+        text?: string;
+    };
+};
+export declare const TextHeader: ({ content }: TextHeaderProps) => React.JSX.Element;

package/dist/types/components/StorageBrowser/composables/DataTable/index.d.ts

@@ -0,0 +1,2 @@
+export { DataTable, DataTableProps } from './DataTable';
+export { DataTableSortHeader, DataTableTextHeader, DataTableHeader, DataTableButtonDataCell, DataTableCheckboxDataCell, DataTableDateDataCell, DataTableNumberDataCell, DataTableTextDataCell, DataTableDataCell, SortDirection, } from './types';

package/dist/types/components/StorageBrowser/composables/DataTable/types.d.ts

@@ -0,0 +1,35 @@
+import { CheckboxHeaderProps } from './headers/CheckboxHeader';
+import { SortHeaderProps } from './headers/SortHeader';
+import { TextHeaderProps } from './headers/TextHeader';
+import { ButtonDataCellProps } from './dataCells/ButtonDataCell';
+import { CheckboxDataCellProps } from './dataCells/CheckboxDataCell';
+import { DateDataCellProps } from './dataCells/DateDataCell';
+import { NumberDataCellProps } from './dataCells/NumberDataCell';
+import { TextDataCellProps } from './dataCells/TextDataCell';
+export interface DataTableCheckboxHeader extends CheckboxHeaderProps {
+    type: 'checkbox';
+}
+export interface DataTableSortHeader extends SortHeaderProps {
+    type: 'sort';
+}
+export interface DataTableTextHeader extends TextHeaderProps {
+    type: 'text';
+}
+export type DataTableHeader = DataTableCheckboxHeader | DataTableSortHeader | DataTableTextHeader;
+export interface DataTableButtonDataCell extends ButtonDataCellProps {
+    type: 'button';
+}
+export interface DataTableCheckboxDataCell extends CheckboxDataCellProps {
+    type: 'checkbox';
+}
+export interface DataTableDateDataCell extends DateDataCellProps {
+    type: 'date';
+}
+export interface DataTableNumberDataCell extends NumberDataCellProps {
+    type: 'number';
+}
+export interface DataTableTextDataCell extends TextDataCellProps {
+    type: 'text';
+}
+export type DataTableDataCell = DataTableButtonDataCell | DataTableDateDataCell | DataTableNumberDataCell | DataTableCheckboxDataCell | DataTableTextDataCell;
+export type SortDirection = 'ascending' | 'descending';

package/dist/types/components/StorageBrowser/composables/DropZone.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface DropZoneProps {
+    children?: React.ReactNode;
+    onDropFiles?: (files: File[]) => void;
+}
+export declare const DropZone: ({ children, onDropFiles, }: DropZoneProps) => React.JSX.Element;

package/dist/types/components/StorageBrowser/composables/FolderNameField.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface FolderNameFieldProps {
+    id?: string;
+    isDisabled?: boolean;
+    label?: string;
+    placeholder?: string;
+    onChange?: (value: string) => void;
+    onValidate?: (value: string) => void;
+    validationMessage?: React.ReactNode;
+}
+export declare function FolderNameField({ id, isDisabled, label, onChange, onValidate, placeholder, validationMessage, }: FolderNameFieldProps): React.JSX.Element;

package/dist/types/components/StorageBrowser/composables/LoadingIndicator.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface LoadingIndicatorProps {
+    label?: string;
+    isLoading?: boolean;
+}
+export declare function LoadingIndicator({ label, isLoading, }: LoadingIndicatorProps): React.JSX.Element | null;

package/dist/types/components/StorageBrowser/composables/Message.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { MessageVariant } from '../context/elements';
+export type MessageType = MessageVariant;
+export interface MessageProps {
+    content?: React.ReactNode;
+    id?: string;
+    onDismiss?: (id?: string) => void;
+    type?: MessageType;
+}
+export declare const Message: ({ content, id, onDismiss, type, }: MessageProps) => React.JSX.Element | null;

package/dist/types/components/StorageBrowser/composables/Navigation.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface NavigationItem {
+    isCurrent?: boolean;
+    name?: string;
+    onNavigate?: () => void;
+}
+export interface NavigationProps {
+    items: NavigationItem[];
+}
+export declare const Navigation: ({ items, }: NavigationProps) => React.JSX.Element | null;
+export {};

package/dist/types/components/StorageBrowser/composables/OverwriteToggle.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface OverwriteToggleProps {
+    isDisabled?: boolean;
+    isOverwritingEnabled?: boolean;
+    label?: string;
+    onToggle?: () => void;
+}
+export declare const OverwriteToggle: ({ isOverwritingEnabled, isDisabled, label, onToggle, }: OverwriteToggleProps) => React.JSX.Element;

package/dist/types/components/StorageBrowser/composables/Pagination.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface PaginationProps {
+    page?: number;
+    hasNextPage?: boolean;
+    onPaginate?: (page: number) => void;
+    highestPageVisited?: number;
+}
+export declare const Pagination: ({ page, hasNextPage, onPaginate, highestPageVisited, }: PaginationProps) => React.JSX.Element | null;

package/dist/types/components/StorageBrowser/composables/SearchField.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface SearchFieldProps {
+    id?: string;
+    label?: string;
+    clearLabel?: string;
+    submitLabel?: string;
+    query?: string;
+    placeholder?: string;
+    onSearch?: () => void;
+    onClear?: () => void;
+    onQueryChange?: (query: string) => void;
+}
+export declare const SearchField: ({ id, label, clearLabel, submitLabel, onSearch, onClear, placeholder, query, onQueryChange, }: SearchFieldProps) => React.JSX.Element;

package/dist/types/components/StorageBrowser/composables/SearchSubfoldersToggle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface SearchSubfoldersToggleProps {
+    isSearchingSubfolders?: boolean;
+    label?: string;
+    onToggle?: () => void;
+}
+export declare const SearchSubfoldersToggle: ({ isSearchingSubfolders, label, onToggle, }: SearchSubfoldersToggleProps) => React.JSX.Element;

package/dist/types/components/StorageBrowser/composables/StatusDisplay.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface Status {
+    name: string;
+    count: number;
+}
+export interface StatusDisplayProps {
+    statuses: Status[];
+    total: number;
+}
+export declare const StatusDisplay: ({ statuses, total, }: StatusDisplayProps) => React.JSX.Element | null;
+export {};

package/dist/types/components/StorageBrowser/composables/Title.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface TitleProps {
+    title?: string;
+}
+export declare const Title: ({ title }: TitleProps) => React.JSX.Element;

package/dist/types/components/StorageBrowser/composables/context.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ComposablesContext } from './types';
+export declare const useComposables: (params?: {
+    errorMessage?: string | undefined;
+} | undefined) => ComposablesContext, ComposablesProvider: import("react").ComponentType<import("react").PropsWithChildren<ComposablesContext>>;

package/dist/types/components/StorageBrowser/composables/defaults.d.ts

@@ -0,0 +1,2 @@
+import { Composables } from './types';
+export declare const DEFAULT_COMPOSABLES: Composables;

package/dist/types/components/StorageBrowser/composables/index.d.ts

@@ -0,0 +1,3 @@
+export { ComposablesProvider } from './context';
+export { DEFAULT_COMPOSABLES } from './defaults';
+export { Composables } from './types';

package/dist/types/components/StorageBrowser/composables/types.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+import { ActionCancelProps } from './ActionCancel';
+import { ActionDestinationProps } from './ActionDestination';
+import { ActionExitProps } from './ActionExit';
+import { ActionStartProps } from './ActionStart';
+import { ActionsListProps } from './ActionsList';
+import { AddFilesProps } from './AddFiles';
+import { AddFolderProps } from './AddFolder';
+import { DataRefreshProps } from './DataRefresh';
+import { DataTableProps } from './DataTable';
+import { DropZoneProps } from './DropZone';
+import { LoadingIndicatorProps } from './LoadingIndicator';
+import { MessageProps } from './Message';
+import { FolderNameFieldProps } from './FolderNameField';
+import { NavigationProps } from './Navigation';
+import { OverwriteToggleProps } from './OverwriteToggle';
+import { StatusDisplayProps } from './StatusDisplay';
+import { PaginationProps } from './Pagination';
+import { SearchFieldProps } from './SearchField';
+import { SearchSubfoldersToggleProps } from './SearchSubfoldersToggle';
+import { TitleProps } from './Title';
+export interface Composables {
+    ActionCancel: React.ComponentType<ActionCancelProps>;
+    ActionDestination: React.ComponentType<ActionDestinationProps>;
+    ActionExit: React.ComponentType<ActionExitProps>;
+    ActionStart: React.ComponentType<ActionStartProps>;
+    ActionsList: React.ComponentType<ActionsListProps>;
+    AddFiles: React.ComponentType<AddFilesProps>;
+    AddFolder: React.ComponentType<AddFolderProps>;
+    DataRefresh: React.ComponentType<DataRefreshProps>;
+    DataTable: React.ComponentType<DataTableProps>;
+    DropZone: React.ComponentType<DropZoneProps>;
+    FolderNameField: React.ComponentType<FolderNameFieldProps>;
+    LoadingIndicator: React.ComponentType<LoadingIndicatorProps>;
+    Message: React.ComponentType<MessageProps>;
+    Navigation: React.ComponentType<NavigationProps>;
+    OverwriteToggle: React.ComponentType<OverwriteToggleProps>;
+    Pagination: React.ComponentType<PaginationProps>;
+    SearchField: React.ComponentType<SearchFieldProps>;
+    SearchSubfoldersToggle: React.ComponentType<SearchSubfoldersToggleProps>;
+    StatusDisplay: React.ComponentType<StatusDisplayProps>;
+    Title: React.ComponentType<TitleProps>;
+}
+export interface ComposablesContext {
+    composables?: Composables;
+}

package/dist/types/components/StorageBrowser/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const STORAGE_BROWSER_BLOCK_TO_BE_UPDATED = "storage-browser";
+export declare const STORAGE_BROWSER_BLOCK = "amplify-storage-browser";

package/dist/types/components/StorageBrowser/context/elements/IconElement.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { StorageBrowserIconType, STORAGE_BROWSER_ICON_PATHS } from '@aws-amplify/ui-react/internal';
+export type IconElementProps = React.ComponentProps<typeof BaseIconElement>;
+export type { StorageBrowserIconType };
+export { STORAGE_BROWSER_ICON_PATHS };
+export declare const BaseIconElement: import("@aws-amplify/ui-react-core/elements").BaseElement<import("@aws-amplify/ui-react-core/elements").BaseElementProps<never, StorageBrowserIconType, React.SVGProps<SVGSVGElement>>>;
+export declare const IconElement: (props: IconElementProps) => React.JSX.Element;

package/dist/types/components/StorageBrowser/context/elements/defaults.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { ButtonElementProps, DescriptionTermElementProps, HeadingElementProps, InputElementProps, LabelElementProps, NavElementProps, SpanElementProps, TableBodyElementProps, TableDataCellElementProps, TableElementProps, TableHeadElementProps, TableHeaderElementProps, TableRowElementProps, TextElementProps, ViewElementProps } from './definitions';
+declare function Button(props: ButtonElementProps): React.JSX.Element;
+declare function DescriptionTerm(props: DescriptionTermElementProps): React.JSX.Element;
+declare function Label(props: LabelElementProps): React.JSX.Element;
+declare function Input(props: InputElementProps): React.JSX.Element;
+declare function Heading(props: HeadingElementProps): React.JSX.Element;
+declare function Span(props: SpanElementProps): React.JSX.Element;
+declare function Table(props: TableElementProps): React.JSX.Element;
+declare function TableBody(props: TableBodyElementProps): React.JSX.Element;
+declare function TableHead(props: TableHeadElementProps): React.JSX.Element;
+declare function TableDataCell(props: TableDataCellElementProps): React.JSX.Element;
+declare function TableRow(props: TableRowElementProps): React.JSX.Element;
+declare function TableHeader(props: TableHeaderElementProps): React.JSX.Element;
+declare function Text(props: TextElementProps): React.JSX.Element;
+declare function View({ variant, ...props }: ViewElementProps): React.JSX.Element;
+export declare const elementsDefault: {
+    Button: typeof Button;
+    DescriptionTerm: typeof DescriptionTerm;
+    Input: typeof Input;
+    Label: typeof Label;
+    Nav: (props: NavElementProps) => JSX.Element;
+    Heading: typeof Heading;
+    Span: typeof Span;
+    Table: typeof Table;
+    TableBody: typeof TableBody;
+    TableDataCell: typeof TableDataCell;
+    TableHead: typeof TableHead;
+    TableHeader: typeof TableHeader;
+    TableRow: typeof TableRow;
+    Text: typeof Text;
+    View: typeof View;
+};
+export {};