@wordpress/components/src/index.ts

UI components for WordPress.

// Primitives.
export {
	SVG,
	Path,
	Circle,
	Polygon,
	Rect,
	G,
	Line,
	HorizontalRule,
	BlockQuotation,
} from '@wordpress/primitives';

// Components.
export {
	/** @deprecated Import `AlignmentMatrixControl` instead. */
	default as __experimentalAlignmentMatrixControl,
	default as AlignmentMatrixControl,
} from './alignment-matrix-control';
export {
	default as Animate,
	getAnimateClassName as __unstableGetAnimateClassName,
} from './animate';
export { __unstableMotion, __unstableAnimatePresence } from './animation';
export { default as AnglePickerControl } from './angle-picker-control';
export {
	default as Autocomplete,
	useAutocompleteProps as __unstableUseAutocompleteProps,
} from './autocomplete';
export { default as BaseControl, useBaseControlProps } from './base-control';
export {
	/** @deprecated Import `BorderBoxControl` instead. */
	BorderBoxControl as __experimentalBorderBoxControl,
	BorderBoxControl,
	hasSplitBorders as __experimentalHasSplitBorders,
	isDefinedBorder as __experimentalIsDefinedBorder,
	isEmptyBorder as __experimentalIsEmptyBorder,
} from './border-box-control';
export {
	/** @deprecated Import `BorderControl` instead. */
	BorderControl as __experimentalBorderControl,
	BorderControl,
} from './border-control';
export {
	/** @deprecated Import `BoxControl` instead. */
	default as __experimentalBoxControl,
	default as BoxControl,
	applyValueToSides as __experimentalApplyValueToSides,
} from './box-control';
export { default as Button } from './button';
export { default as ButtonGroup } from './button-group';
export {
	Card,
	CardBody,
	CardDivider,
	CardFooter,
	CardHeader,
	CardMedia,
} from './card';
export { default as CheckboxControl } from './checkbox-control';
export { default as ClipboardButton } from './clipboard-button';
export { default as __experimentalPaletteEdit } from './palette-edit';
export { default as ColorIndicator } from './color-indicator';
export { default as ColorPalette } from './color-palette';
export { ColorPicker } from './color-picker';
export { default as ComboboxControl } from './combobox-control';
export {
	Composite as __unstableComposite,
	CompositeGroup as __unstableCompositeGroup,
	CompositeItem as __unstableCompositeItem,
	useCompositeState as __unstableUseCompositeState,
} from './composite/legacy';
export { Composite } from './composite';
export { ConfirmDialog as __experimentalConfirmDialog } from './confirm-dialog';
export { default as CustomSelectControl } from './custom-select-control';
export { default as Dashicon } from './dashicon';
export { default as DateTimePicker, DatePicker, TimePicker } from './date-time';
export { default as __experimentalDimensionControl } from './dimension-control';
export { default as Disabled } from './disabled';
export { DisclosureContent as __unstableDisclosureContent } from './disclosure';
export { Divider as __experimentalDivider } from './divider';
export { default as Draggable } from './draggable';
export { default as DropZone } from './drop-zone';
export { default as DropZoneProvider } from './drop-zone/provider';
export { default as Dropdown } from './dropdown';
export { default as __experimentalDropdownContentWrapper } from './dropdown/dropdown-content-wrapper';
export { default as DropdownMenu } from './dropdown-menu';
export { DuotoneSwatch, DuotonePicker } from './duotone-picker';
export { Elevation as __experimentalElevation } from './elevation';
export { default as ExternalLink } from './external-link';
export { Flex, FlexBlock, FlexItem } from './flex';
export { default as FocalPointPicker } from './focal-point-picker';
export { default as FocusableIframe } from './focusable-iframe';
export { default as FontSizePicker } from './font-size-picker';
export { default as FormFileUpload } from './form-file-upload';
export { default as FormToggle } from './form-toggle';
export { default as FormTokenField } from './form-token-field';
export { default as GradientPicker } from './gradient-picker';
export { default as CustomGradientPicker } from './custom-gradient-picker';
export { Grid as __experimentalGrid } from './grid';
export { default as Guide } from './guide';
export { default as GuidePage } from './guide/page';
export { Heading as __experimentalHeading } from './heading';
export { HStack as __experimentalHStack } from './h-stack';
export { default as Icon } from './icon';
export type { IconType } from './icon';
export { default as IconButton } from './button/deprecated';
export {
	ItemGroup as __experimentalItemGroup,
	Item as __experimentalItem,
} from './item-group';
export { default as __experimentalInputControl } from './input-control';
export { default as __experimentalInputControlPrefixWrapper } from './input-control/input-prefix-wrapper';
export { default as __experimentalInputControlSuffixWrapper } from './input-control/input-suffix-wrapper';
export { default as KeyboardShortcuts } from './keyboard-shortcuts';
export { default as MenuGroup } from './menu-group';
export { default as MenuItem } from './menu-item';
export { default as MenuItemsChoice } from './menu-items-choice';
export { default as Modal } from './modal';
export { default as ScrollLock } from './scroll-lock';
export { NavigableMenu, TabbableContainer } from './navigable-container';
export { default as __experimentalNavigation } from './navigation';
export { default as __experimentalNavigationBackButton } from './navigation/back-button';
export { default as __experimentalNavigationGroup } from './navigation/group';
export { default as __experimentalNavigationItem } from './navigation/item';
export { default as __experimentalNavigationMenu } from './navigation/menu';
export {
	/** @deprecated Import `Navigator` instead. */
	NavigatorProvider as __experimentalNavigatorProvider,
	/** @deprecated Import `Navigator` and use `Navigator.Screen` instead. */
	NavigatorScreen as __experimentalNavigatorScreen,
	/** @deprecated Import `Navigator` and use `Navigator.Button` instead. */
	NavigatorButton as __experimentalNavigatorButton,
	/** @deprecated Import `Navigator` and use `Navigator.BackButton` instead. */
	NavigatorBackButton as __experimentalNavigatorBackButton,
	/** @deprecated Import `Navigator` and use `Navigator.BackButton` instead. */
	NavigatorToParentButton as __experimentalNavigatorToParentButton,
} from './navigator/legacy';
export {
	Navigator,
	useNavigator,
	/** @deprecated Import `useNavigator` instead. */
	useNavigator as __experimentalUseNavigator,
} from './navigator';
export { default as Notice } from './notice';
export { default as __experimentalNumberControl } from './number-control';
export { default as NoticeList } from './notice/list';
export { default as Panel } from './panel';
export { default as PanelBody } from './panel/body';
export { default as PanelHeader } from './panel/header';
export { default as PanelRow } from './panel/row';
export { default as Placeholder } from './placeholder';
export { default as Popover } from './popover';
export { default as ProgressBar } from './progress-bar';
export { default as QueryControls } from './query-controls';
export { default as __experimentalRadio } from './radio-group/radio';
export { default as __experimentalRadioGroup } from './radio-group';
export { default as RadioControl } from './radio-control';
export { default as RangeControl } from './range-control';
export { default as ResizableBox } from './resizable-box';
export { default as ResponsiveWrapper } from './responsive-wrapper';
export { default as SandBox } from './sandbox';
export { default as SearchControl } from './search-control';
export { default as SelectControl } from './select-control';
export { default as Snackbar } from './snackbar';
export { default as SnackbarList } from './snackbar/list';
export { Spacer as __experimentalSpacer } from './spacer';
export { Scrollable as __experimentalScrollable } from './scrollable';
export { default as Spinner } from './spinner';
export { Surface as __experimentalSurface } from './surface';
export { default as TabPanel } from './tab-panel';
export { Text as __experimentalText } from './text';
export { default as TextControl } from './text-control';
export { default as TextareaControl } from './textarea-control';
export { default as TextHighlight } from './text-highlight';
export { default as Tip } from './tip';
export { default as ToggleControl } from './toggle-control';
export {
	ToggleGroupControl as __experimentalToggleGroupControl,
	ToggleGroupControlOption as __experimentalToggleGroupControlOption,
	ToggleGroupControlOptionIcon as __experimentalToggleGroupControlOptionIcon,
} from './toggle-group-control';
export {
	Toolbar,
	ToolbarButton,
	ToolbarContext as __experimentalToolbarContext,
	ToolbarDropdownMenu,
	ToolbarGroup,
	ToolbarItem,
} from './toolbar';
export {
	ToolsPanel as __experimentalToolsPanel,
	ToolsPanelItem as __experimentalToolsPanelItem,
	ToolsPanelContext as __experimentalToolsPanelContext,
} from './tools-panel';
export { default as Tooltip } from './tooltip';
export {
	default as __experimentalTreeGrid,
	TreeGridRow as __experimentalTreeGridRow,
	TreeGridCell as __experimentalTreeGridCell,
	TreeGridItem as __experimentalTreeGridItem,
} from './tree-grid';
export { default as TreeSelect } from './tree-select';
export { Truncate as __experimentalTruncate } from './truncate';
export {
	default as __experimentalUnitControl,
	useCustomUnits as __experimentalUseCustomUnits,
	parseQuantityAndUnitFromRawValue as __experimentalParseQuantityAndUnitFromRawValue,
} from './unit-control';
export { View as __experimentalView } from './view';
export { VisuallyHidden } from './visually-hidden';
export { VStack as __experimentalVStack } from './v-stack';
export { default as IsolatedEventContainer } from './isolated-event-container';
export {
	createSlotFill,
	Slot,
	Fill,
	Provider as SlotFillProvider,
	useSlot as __experimentalUseSlot,
	useSlotFills as __experimentalUseSlotFills,
} from './slot-fill';
export { default as __experimentalStyleProvider } from './style-provider';
export { ZStack as __experimentalZStack } from './z-stack';

// Higher-Order Components.
export {
	default as navigateRegions,
	useNavigateRegions as __unstableUseNavigateRegions,
} from './higher-order/navigate-regions';
export { default as withConstrainedTabbing } from './higher-order/with-constrained-tabbing';
export { default as withFallbackStyles } from './higher-order/with-fallback-styles';
export { default as withFilters } from './higher-order/with-filters';
export { default as withFocusOutside } from './higher-order/with-focus-outside';
export {
	default as withFocusReturn,
	Provider as FocusReturnProvider,
} from './higher-order/with-focus-return';
export { default as withNotices } from './higher-order/with-notices';
export { default as withSpokenMessages } from './higher-order/with-spoken-messages';

// Private APIs.
export { privateApis } from './private-apis';