@gooddata/sdk-ui-kit 10.40.0-alpha.7 → 10.40.0-alpha.8

package/esm/sdk-ui-kit.d.ts

@@ -76,17 +76,17 @@ export declare function activateHeaderMenuItems(items: IHeaderMenuItem[][], ids:
 /**
  * @internal
  */
-export declare const AddButton: React_2.FC<IAddButtonProps>;
+export declare function AddButton(props: IAddButtonProps): React_2.JSX.Element;
 
 /**
  * @internal
  */
-export declare const AddGranteeBase: React_2.FC<IAddGranteeBaseProps>;
+export declare function AddGranteeBase(props: IAddGranteeBaseProps): React_2.JSX.Element;
 
 /**
  * @internal
  */
-export declare type AddMessageType = (message: MessageDescriptor, options?: MessageParameters) => string;
+export declare type AddMessageType = (message: MessageDescriptor, options?: MessageParameters) => IMessage;
 
 /**
  * @internal
@@ -147,7 +147,7 @@ export declare function AutoSize({ children }: IAutoSizeProps): React_2.JSX.Elem
 /**
  * @internal
  */
-export declare const BackButton: React_2.FC<IBackButtonProps>;
+export declare function BackButton({ onClick, className }: IBackButtonProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -275,7 +275,7 @@ export declare type BubbleFocusTriggerProps = IBubbleTriggerProps;
 /**
  * @internal
  */
-export declare const BubbleHeaderSeparator: ({ title, message }: IBubbleHeaderSeparatorProps) => React_2.JSX.Element;
+export declare function BubbleHeaderSeparator({ title, message }: IBubbleHeaderSeparatorProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -309,7 +309,7 @@ export declare const Button: React_2.ForwardRefExoticComponent<IButtonProps & Re
 /**
  * @internal
  */
-export declare const ChartSortingDialog: React_2.FC<ChartSortingOwnProps>;
+export declare function ChartSortingDialog(props: ChartSortingOwnProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -359,7 +359,7 @@ export declare interface CheckboxProps {
 /**
  * @internal
  */
-export declare const CodeArea: React_2.FC<ICodeAreaProps>;
+export declare function CodeArea(props: ICodeAreaProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -394,22 +394,22 @@ export declare const ColorPicker: React_2.FC<WithIntlProps<IColorPickerProps & W
 /**
  * @internal
  */
-export declare const ColorPickerPointer: React_2.FC;
+export declare function ColorPickerPointer(): React_2.JSX.Element;
 
 /**
  * @internal
  */
-export declare const ColorPreview: (props: IColorPreviewProps) => React_2.JSX.Element;
+export declare function ColorPreview(props: IColorPreviewProps): React_2.JSX.Element;
 
 /**
  * @internal
  */
-export declare const CommunityEditionDialog: React_2.FC<ICommunityEditionDialogProps>;
+export declare function CommunityEditionDialog({ headerText, infoText, copyrightText, links, onClose, closeButtonText, }: ICommunityEditionDialogProps): React_2.JSX.Element;
 
 /**
  * @internal
  */
-export declare const ComponentLabelsProvider: React_2.FC<IComponentLabelsProviderProps>;
+export declare function ComponentLabelsProvider(props: IComponentLabelsProviderProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -429,9 +429,9 @@ export declare const ConfirmDialogBase: React_2.NamedExoticComponent<IConfirmDia
 /**
  * @internal
  */
-export declare const ContentDivider: React_2.FC<{
+export declare function ContentDivider({ className }: {
     className?: string;
-}>;
+}): React_2.JSX.Element;
 
 /**
  * @internal
@@ -448,12 +448,12 @@ export declare type CurrentUserPermissions = {
 /**
  * @internal
  */
-export declare const CustomizableCheckmark: React_2.FC<ICustomizableCheckmarkProps>;
+export declare function CustomizableCheckmark({ className, width, height }: ICustomizableCheckmarkProps): React_2.JSX.Element;
 
 /**
  * @internal
  */
-export declare const DateDatasetsListItem: React_2.FC<IDateDatasetsListItemProps>;
+export declare function DateDatasetsListItem({ id, title, isHeader, isSelected, isUnrelated, onClick, }: IDateDatasetsListItemProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -590,17 +590,17 @@ export declare const DESCRIPTION_PANEL_ARROW_OFFSETS: {
 /**
  * @internal
  */
-export declare const DescriptionIcon: React_2.FC<IDescriptionTriggerProps>;
+export declare function DescriptionIcon({ className }: IDescriptionTriggerProps): React_2.JSX.Element;
 
 /**
  * @internal
  */
-export declare const DescriptionPanel: React_2.FC<IDescriptionPanelProps>;
+export declare function DescriptionPanel(props: IDescriptionPanelProps): React_2.JSX.Element;
 
 /**
  * @internal
  */
-export declare const DescriptionPanelContent: React_2.FC<IDescriptionPanelProps>;
+export declare function DescriptionPanelContent(props: IDescriptionPanelProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -615,7 +615,7 @@ export declare const DialogBase: React_2.NamedExoticComponent<IDialogBaseProps>;
 /**
  * @internal
  */
-export declare const DialogCloseButton: React_2.FC<IDialogCloseButtonProps>;
+export declare function DialogCloseButton(props: IDialogCloseButtonProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -645,17 +645,17 @@ export declare type DialogModeType = "ShareGrantee" | "AddGrantee";
 /**
  * @internal
  */
-export declare const DocumentHeader: React_2.FC<IDocumentHeaderProps>;
+export declare function DocumentHeader({ pageTitle, brandTitle, appleTouchIconUrl, faviconUrl, }: IDocumentHeaderProps): any;
 
 /**
  * @internal
  */
-export declare const Dropdown: React_2.FC<IDropdownProps>;
+export declare function Dropdown(props: IDropdownProps): React_2.JSX.Element;
 
 /**
  * @internal
  */
-export declare const DropdownButton: React_2.FC<IDropdownButtonProps>;
+export declare function DropdownButton({ id, className, accessibilityConfig, value, title, disabled, isOpen, isSmall, iconLeft, onClick, children, dropdownId, buttonRef, }: IDropdownButtonProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -680,7 +680,7 @@ export declare function DropdownList<T>(props: IDropdownListProps<T>): ReactElem
 /**
  * @internal
  */
-export declare const DropdownTabs: React_2.FC<IDropdownTagsProps>;
+export declare function DropdownTabs({ tabs, selectedTabId, onTabSelect, className }: IDropdownTagsProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -703,7 +703,7 @@ export declare const EditableLabel: React_2.ForwardRefExoticComponent<IEditableL
  *
  * @internal
  */
-export declare const EllipsisText: React_2.FC<IEllipsisTextProps>;
+export declare function EllipsisText(props: IEllipsisTextProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -1025,7 +1025,7 @@ export declare type GranteeItem = IGranteeUser | IGranteeInactiveOwner | IGrante
 /**
  * @internal
  */
-export declare const GranteeItemComponent: React_2.FC<IGranteeItemProps>;
+export declare function GranteeItemComponent(props: IGranteeItemProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -1057,7 +1057,7 @@ export declare const handleOnGoodstrapDragEvent: DebouncedFunc<() => void>;
 /**
  * @internal
  */
-export declare const Header: React_2.FC<IHeaderProps>;
+export declare function Header({ children, ...restProps }: IHeaderProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -1112,12 +1112,12 @@ export declare const HEADER_ITEM_ID_REPORTS = "gs.header.reports";
 /**
  * @internal
  */
-export declare const HeaderBadge: React_2.FC<IHeaderBadgeProps>;
+export declare function HeaderBadge({ children, color, backgroundColor }: IHeaderBadgeProps): React_2.JSX.Element;
 
 /**
  * @internal
  */
-export declare const HeaderBadgeWithModal: React_2.FC<IHeaderBadgeWithModalProps>;
+export declare function HeaderBadgeWithModal({ renderModalContent, children, color, ...badgeProps }: IHeaderBadgeWithModalProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -1139,7 +1139,7 @@ export declare type HeaderSearchContext = {
  * Internal context Provider used to provide header search drop-down state to the components.
  * @internal
  */
-export declare const HeaderSearchProvider: ({ children, ...rest }: React_3.PropsWithChildren<HeaderSearchContext>) => React_3.JSX.Element;
+export declare function HeaderSearchProvider({ children, ...rest }: React_3.PropsWithChildren<HeaderSearchContext>): React_3.JSX.Element;
 
 /**
  * @internal
@@ -1161,7 +1161,7 @@ export declare type HorizontalPosition = "left" | "center" | "right";
 /**
  * @public
  */
-export declare const HubspotConversionTouchPointDialog: React_2.FC<IHubspotConversionTouchPointDialogBaseProps>;
+export declare function HubspotConversionTouchPointDialog(props: IHubspotConversionTouchPointDialogBaseProps): React_2.JSX.Element;
 
 /**
  * This component was implemented to follow current design of links
@@ -1169,7 +1169,7 @@ export declare const HubspotConversionTouchPointDialog: React_2.FC<IHubspotConve
  *
  * @internal
  */
-export declare const Hyperlink: React_2.FC<IHyperlinkProps>;
+export declare function Hyperlink(props: IHyperlinkProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -1940,7 +1940,7 @@ export declare interface IDropdownButtonProps {
         popupType?: React_2.AriaAttributes["aria-haspopup"];
     };
     value?: ReactNode;
-    title?: string;
+    title?: string | ReactNode;
     disabled?: boolean;
     isOpen?: boolean;
     isSmall?: boolean;
@@ -3316,12 +3316,15 @@ export declare interface IMenuStateProps extends IMenuStateConfig {
  */
 export declare interface IMessage extends IMessageDefinition {
     id: string;
+    createdAt: number;
+    onDismiss?: () => void;
 }
 
 /**
  * @internal
  */
 export declare interface IMessageDefinition {
+    id?: string;
     component?: React.ComponentType;
     showMore?: string;
     showLess?: string;
@@ -3352,25 +3355,6 @@ export declare interface IMessageProps {
     children?: React.ReactNode;
 }
 
-/**
- * @internal
- */
-export declare interface IMessagesProps {
-    messages: Array<IMessage>;
-    onMessageClose?(id: string): void;
-    /**
-     * Whether to mark the container as a region for accessibility purposes.
-     */
-    regionEnabled?: boolean;
-}
-
-/**
- * @internal
- */
-export declare interface IMessagesState {
-    shouldShowMore: boolean;
-}
-
 /**
  * @internal
  */
@@ -3643,7 +3627,7 @@ export declare type InsightCodeType = "definition" | "reference";
 /**
  * @internal
  */
-export declare const InsightIcon: React_2.FC<IInsightIconProps>;
+export declare function InsightIcon({ visualizationUrl, iconProps }: IInsightIconProps): React_2.ReactNode;
 
 /**
  * @internal
@@ -3655,14 +3639,14 @@ export declare const InsightListItem: React_2.FC<WithIntlProps<IInsightListItemP
 /**
  * @internal
  */
-export declare const InsightListItemDate: React_2.FC<IInsightListItemDateProps>;
+export declare function InsightListItemDate({ config }: IInsightListItemDateProps): React_2.JSX.Element;
 
 /**
  * @internal
  */
-export declare const InsightListItemTypeIcon: React_2.FC<{
+export declare function InsightListItemTypeIcon({ type }: {
     type: string;
-}>;
+}): React_2.JSX.Element;
 
 /**
  * @internal
@@ -4584,12 +4568,12 @@ export declare interface ITabsState {
 /**
  * @internal
  */
-export declare const Item: React_2.FC<IItemProps>;
+export declare function Item({ checked, subMenu, disabled, className, children, style, onClick, }: IItemProps): React_2.JSX.Element;
 
 /**
  * @internal
  */
-export declare const ItemsWrapper: React_2.FC<IItemsWrapperProps>;
+export declare function ItemsWrapper({ smallItemsSpacing, className, children, style, wrapperRef, }: IItemsWrapperProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -4636,6 +4620,44 @@ export declare interface ITimepickerOwnProps {
     closeOnParentScroll?: boolean;
 }
 
+/**
+ * @internal
+ */
+export declare type IToastsCenterContext = {
+    /**
+     * All messages that are currently displayed in the toasts center.
+     */
+    messages: IMessage[];
+    /**
+     * Removes a message from the toasts center.
+     */
+    removeMessage: (id: string) => void;
+    /**
+     * Removes all messages from the toasts center.
+     */
+    removeAllMessages: () => void;
+    /**
+     * Creates a new message from a definition and adds it to the toasts center.
+     */
+    addMessage: (message: IMessageDefinition) => IMessage;
+    /**
+     * Adds an existing message to the toasts center.
+     */
+    addExistingMessage: (message: IMessage) => void;
+    /**
+     * Adds an array of existing messages to the toasts center.
+     */
+    addExistingMessages: (messages: IMessage[]) => void;
+    /**
+     * The latest message that was added to the toasts center.
+     */
+    latestMessage: IMessage | null;
+    /**
+     * Whether there is a parent context or not.
+     */
+    hasParentContext: boolean;
+};
+
 /**
  * @internal
  */
@@ -4976,6 +4998,13 @@ export declare interface IUiStaticTreeViewProps<Level> extends IUiTreeViewProps<
     ItemComponent?: React_2.ComponentType<IUiTreeviewItemProps<Level>>;
 }
 
+/**
+ * @internal
+ */
+export declare interface IUiTagAccessibilityConfig extends IAccessibilityConfigBase {
+    deleteAriaLabel?: string;
+}
+
 /**
  * @internal
  */
@@ -5185,17 +5214,17 @@ export declare const LOADING_HEIGHT = 100;
 /**
  * @internal
  */
-export declare const LoadingDots: React_2.FC<ILoadingDotsProps>;
+export declare function LoadingDots({ className }: ILoadingDotsProps): React_2.JSX.Element;
 
 /**
  * @internal
  */
-export declare const LoadingMask: React_2.FC<ILoadingMaskProps>;
+export declare function LoadingMask(props: ILoadingMaskProps): React_2.JSX.Element;
 
 /**
  * @internal
  */
-export declare const LoadingSpinner: React_2.FC<ILoadingSpinner>;
+export declare function LoadingSpinner({ className, color }: ILoadingSpinner): React_2.JSX.Element;
 
 /**
  * @internal
@@ -5278,7 +5307,7 @@ export declare type MeasureSortSuggestion = {
 /**
  * @internal
  */
-export declare const Menu: React_2.FC<IMenuProps>;
+export declare function Menu({ alignment, children, closeOnScroll, defaultOpened, offset, onOpenedChange, openAction, opened, portalTarget, spacing, toggler, togglerWrapperClassName, }: IMenuProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -5288,17 +5317,12 @@ export declare type MenuAlignment = ["bottom", "right"] | ["bottom", "left"] | [
 /**
  * @internal
  */
-export declare const Message: React_2.FC<IMessageProps>;
-
-/**
- * @internal
- */
-export declare type MessageParameters = Pick<IMessageDefinition, "duration" | "intensive" | "values" | "showMore" | "showLess" | "errorDetail">;
+export declare function Message({ onClose, type, children, className, contrast, intensive }: IMessageProps): React_2.JSX.Element;
 
 /**
  * @internal
  */
-export declare const Messages: React_2.FC<IMessagesProps>;
+export declare type MessageParameters = Pick<IMessageDefinition, "duration" | "intensive" | "values" | "showMore" | "showLess" | "errorDetail" | "id">;
 
 /**
  * @internal
@@ -5313,7 +5337,7 @@ export declare const META_DATA_TIMEZONE = "Europe/Prague";
 /**
  * @internal
  */
-export declare const MetadataList: React_2.FC<IMetadataListProps>;
+export declare function MetadataList({ title, list }: IMetadataListProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -5340,7 +5364,18 @@ export declare type NavigationDirection = "forward" | "backward";
 /**
  * @internal
  */
-export declare const NoData: React_2.FC<INoDataProps>;
+export declare function NoData({ className, hasNoMatchingData, notFoundLabel, noDataLabel }: INoDataProps): React_2.JSX.Element;
+
+/**
+ * Allows displaying messages coming from outside the toasts context system.
+ * If no parent context is found, this component will create one.
+ *
+ * @internal
+ */
+export declare function NonContextToastsInterop(props: {
+    messages: IMessage[];
+    onDismissMessage?: (id: IMessage["id"]) => void;
+}): React_2.JSX.Element;
 
 /**
  * @internal
@@ -5357,7 +5392,7 @@ export declare function normalizeTime(time?: Date, date?: Date, timeAnchor?: num
 /**
  * @internal
  */
-export declare const NumericInput: React_2.FC<INumericInputProps>;
+export declare function NumericInput(props: INumericInputProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -5492,7 +5527,7 @@ export declare class OverlayController {
  *
  * @internal
  */
-export declare const OverlayControllerProvider: React_2.FC<IOverlayControllerProviderProps>;
+export declare function OverlayControllerProvider({ children, overlayController }: IOverlayControllerProviderProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -5532,7 +5567,7 @@ export declare const recommendedHeader: IDateDatasetHeader;
  * Recurrence component is used to select recurrence type and set cron expression.
  * @param props - IRecurrenceProps
  */
-export declare const Recurrence: React_2.FC<IRecurrenceProps>;
+export declare function Recurrence(props: IRecurrenceProps): React_2.JSX.Element;
 
 /**
  * Represents a recurrence type key.
@@ -5550,7 +5585,7 @@ export declare const RECURRENCE_TYPES: {
 /**
  * @internal
  */
-export declare const RecurrenceForm: React_2.FC<IRecurrenceFormProps>;
+export declare function RecurrenceForm(props: IRecurrenceFormProps): React_2.JSX.Element;
 
 /**
  * Represents a recurrence type.
@@ -5589,17 +5624,17 @@ export declare type ResponsiveScreenType = "xxl" | "xl" | "lg" | "md" | "sm" | "
 /**
  * @internal
  */
-export declare const ResponsiveText: React_2.FC<IResponsiveTextProps>;
+export declare function ResponsiveText({ tagName: Tag, tagClassName, title, children, windowResizeRefreshDelay, window: windowInstance, minFontSize, }: IResponsiveTextProps): React_2.JSX.Element;
 
 /**
  * @internal
  */
-export declare const RichText: React_2.FC<IRichTextProps>;
+export declare function RichText(props: IRichTextProps): React_2.JSX.Element;
 
 /**
  * @internal
  */
-export declare const RichTextWithTooltip: React_2.FC<IRichTextWithTooltipProps>;
+export declare function RichTextWithTooltip(props: IRichTextWithTooltipProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -5609,7 +5644,7 @@ export declare type SameAsTargetPosition = "sameAsTarget";
 /**
  * @internal
  */
-export declare const ScrollableItem: React_2.FC<IScrollableItemProps>;
+export declare function ScrollableItem(props: IScrollableItemProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -5631,7 +5666,7 @@ export declare const scrollContextDefault: {
 /**
  * @internal
  */
-export declare const ScrollGradient: React_2.FC<IScrollGradientProps>;
+export declare function ScrollGradient({ backgroundColor, size, className, contentClassName, onScroll, children, }: IScrollGradientProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -5649,7 +5684,7 @@ export declare type SelectedTime = {
 /**
  * @internal
  */
-export declare const Separator: React_2.FC;
+export declare function Separator(props: any): React_2.JSX.Element;
 
 /**
  * @internal
@@ -5675,17 +5710,17 @@ export declare const separatorStaticItem: {
 /**
  * @internal
  */
-export declare const SettingItem: React_2.FC<ISettingItem>;
+export declare function SettingItem({ className, title, titleTooltipText, alignPointTitleTooltip, value, actionType, actionValue, hasDivider, isLoading, isDisableAction, actionTooltipText, alignPointActionTooltip, onAction, renderSubtitle, titleTooltipHideDelay, }: ISettingItem): React_2.JSX.Element;
 
 /**
  * @internal
  */
-export declare const ShareDialog: React_2.FC<IShareDialogProps>;
+export declare function ShareDialog(props: IShareDialogProps): React_2.JSX.Element;
 
 /**
  * @internal
  */
-export declare const ShareDialogBase: React_2.FC<IShareDialogBaseProps>;
+export declare function ShareDialogBase(props: IShareDialogBaseProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -5707,7 +5742,7 @@ export declare type ShareDialogInteractionType = "SHARE_DIALOG_OPENED" | "SHARE_
 /**
  * @internal
  */
-export declare const ShareGranteeBase: React_2.FC<IShareGranteeBaseProps>;
+export declare function ShareGranteeBase(props: IShareGranteeBaseProps): React_2.JSX.Element;
 
 /**
  * To make this component work, parent container needs this:
@@ -5763,7 +5798,7 @@ export declare const simpleRecurrenceTypeMappingFn: (_date?: Date | null, cronEx
  *
  * @internal
  */
-export declare const SimpleSettingWidget: React_2.FC<ISimpleSettingWidgetProps>;
+export declare function SimpleSettingWidget(props: ISimpleSettingWidgetProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -5858,17 +5893,17 @@ export declare type StyleProps = Record<string, string | boolean>;
 /**
  * @internal
  */
-export declare const StylingEditorDialog: <T extends StylingPickerItemContent>(props: IStylingEditorDialogProps<T>) => React_2.JSX.Element;
+export declare function StylingEditorDialog<T extends StylingPickerItemContent>(props: IStylingEditorDialogProps<T>): React_2.JSX.Element;
 
 /**
  * @internal
  */
-export declare const StylingEditorDialogFooter: (props: TStylingEditorDialogFooterProps) => React_2.JSX.Element;
+export declare function StylingEditorDialogFooter(props: TStylingEditorDialogFooterProps): React_2.JSX.Element;
 
 /**
  * @internal
  */
-export declare const StylingExample: (props: IStylingExampleProps) => React_2.JSX.Element;
+export declare function StylingExample(props: IStylingExampleProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -5878,17 +5913,17 @@ export declare type StylingPickerItemContent = ITheme | IColorPalette;
 /**
  * @internal
  */
-export declare const StylingSettingWidget: <T extends StylingPickerItemContent>(props: IStylingSettingWidgetProps<T>) => ReactElement;
+export declare function StylingSettingWidget<T extends StylingPickerItemContent>(props: IStylingSettingWidgetProps<T>): ReactElement;
 
 /**
  * @internal
  */
-export declare const SubMenu: React_2.FC<ISubMenuProps>;
+export declare function SubMenu(props: ISubMenuProps): React_2.JSX.Element;
 
 /**
  * @internal
  */
-export declare const SyntaxHighlightingInput: React_2.FC<ISyntaxHighlightingInputProps>;
+export declare function SyntaxHighlightingInput(props: ISyntaxHighlightingInputProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -5913,29 +5948,33 @@ export declare const Timepicker: React_2.NamedExoticComponent<ITimepickerOwnProp
 /**
  * @internal
  */
-export declare const ToastMessageContext: React_2.Context<ToastMessageContextType>;
+export declare function ToastMessageList({ messages, onRemoveMessage, }: {
+    messages: IMessage[];
+    onRemoveMessage?: (id: string) => void;
+}): React_2.JSX.Element;
 
 /**
+ * Displays the toasts messages in the current context.
+ * Only the topmost context will render any content. If this is in a child context, nothing will be displayed.
+ *
  * @internal
  */
-export declare const ToastMessageContextProvider: React_2.FC<{
-    children?: React_2.ReactNode;
-}>;
+export declare function ToastsCenter(): React_2.JSX.Element;
 
 /**
  * @internal
  */
-export declare interface ToastMessageContextType {
-    messages: IMessage[];
-    removeMessage: (id: string) => void;
-    removeAllMessages: () => void;
-    addMessage: (message: IMessageDefinition) => string;
-}
+export declare const ToastsCenterContext: IContextStore<IToastsCenterContext>;
 
 /**
+ * Provides a context for managing toasts messages.
+ * If there is no parent toasts context in the tree, it will also render the messages.
+ *
  * @internal
  */
-export declare const ToastMessages: React_2.FC;
+export declare function ToastsCenterContextProvider({ children }: {
+    children: React_2.ReactNode;
+}): React_2.JSX.Element;
 
 /**
  * @internal
@@ -5986,7 +6025,7 @@ export declare const typedUiMenuContextStore: <T extends IUiMenuItemData = objec
 /**
  * @internal
  */
-export declare const Typography: React_2.FC<ITypographyProps>;
+export declare function Typography(props: ITypographyProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -5996,9 +6035,9 @@ export declare type TypographyTagName = "h1" | "h2" | "h3" | "p";
 /**
  * @internal
  */
-export declare const UiAsyncTable: <T extends {
+export declare function UiAsyncTable<T extends {
     id: string;
-}>(props: UiAsyncTableProps<T>) => React_2.JSX.Element;
+}>(props: UiAsyncTableProps<T>): React_2.JSX.Element;
 
 /**
  * @internal
@@ -6087,7 +6126,7 @@ export declare interface UiAsyncTableProps<T extends {
 /**
  * @internal
  */
-export declare const UiAsyncTableTitle: ({ title, onSearch, renderIcon, actions }: UiAsyncTableTitleProps) => React_2.JSX.Element;
+export declare function UiAsyncTableTitle({ title, onSearch, renderIcon, actions }: UiAsyncTableTitleProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -6112,14 +6151,14 @@ export declare interface UiAsyncTableTitleProps {
  *
  * @internal
  */
-export declare const UiAutofocus: React_2.FC<{
+export declare function UiAutofocus({ children, ...options }: {
     children: React_2.ReactNode;
-} & IUiAutofocusOptions>;
+} & IUiAutofocusOptions): React_2.JSX.Element;
 
 /**
  * @internal
  */
-export declare const UiBadge: React_2.FC<UiBadgeProps>;
+export declare function UiBadge({ label }: UiBadgeProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -6152,6 +6191,7 @@ export declare interface UiButtonProps {
     dataTestId?: string;
     accessibilityConfig?: IUiButtonAccessibilityConfig;
     maxWidth?: number;
+    tabIndex?: number;
 }
 
 /**
@@ -6179,7 +6219,7 @@ export declare type UiButtonSegmentedControlProps = Omit<React_2.ComponentPropsW
 /**
  * @internal
  */
-export declare const UiCheckbox: React_2.FC<UiCheckboxProps>;
+export declare function UiCheckbox({ checked, onChange, preventDefault, indeterminate, disabled, }: UiCheckboxProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -6195,7 +6235,7 @@ export declare interface UiCheckboxProps {
 /**
  * @internal
  */
-export declare const UiChip: ({ label, tag, isDeletable, isActive, isLocked, iconBefore, onClick, onDelete, onDeleteKeyDown, accessibilityConfig, dataTestId, buttonRef, }: UiChipProps) => React_2.JSX.Element;
+export declare function UiChip({ label, tag, isDeletable, isActive, isLocked, iconBefore, onClick, onDelete, onDeleteKeyDown, accessibilityConfig, dataTestId, buttonRef, }: UiChipProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -6230,20 +6270,20 @@ export declare interface UiDropdownIconButtonProps extends UiIconButtonPublicPro
 /**
  * @internal
  */
-export declare const UiFocusManager: React_2.FC<IUiFocusManagerProps>;
+export declare function UiFocusManager({ children, ...args }: IUiFocusManagerProps): React_2.JSX.Element;
 
 /**
  * @internal
  */
-export declare const UiFocusTrap: React_3.FC<{
+export declare function UiFocusTrap({ children, focusCheckFn, }: {
     children: React_3.ReactNode;
     focusCheckFn?: (element: HTMLElement) => boolean;
-}>;
+}): React_3.JSX.Element;
 
 /**
  * @internal
  */
-export declare const UiIcon: ({ type, label, color, layout, ariaHidden, size, backgroundSize, backgroundColor, backgroundType, backgroundShape, }: UiIconProps) => React_2.JSX.Element;
+export declare function UiIcon({ type, label, color, layout, ariaHidden, size, backgroundSize, backgroundColor, backgroundType, backgroundShape, }: UiIconProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -6312,7 +6352,7 @@ export declare function UiLeveledTreeview<Levels extends unknown[]>(props: IUiLe
 /**
  * @internal
  */
-export declare const UiLink: React_2.FC<IUiLinkProps>;
+export declare function UiLink({ variant, flipUnderline, fullWidth, ...anchorProps }: IUiLinkProps): React_2.JSX.Element;
 
 /**
  * An accessible listbox component that can be navigated by keyboard.
@@ -6407,7 +6447,7 @@ export declare interface UiMenuProps<T extends IUiMenuItemData = object, M = obj
 /**
  * @internal
  */
-export declare const UiNavigationBypass: React_2.FC<IUiNavigationBypassProps>;
+export declare function UiNavigationBypass({ label, items, onItemClick, style }: IUiNavigationBypassProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -6457,6 +6497,42 @@ export declare interface UiPagedVirtualListSkeletonItemProps {
     itemHeight: number;
 }
 
+/**
+ * @internal
+ */
+export declare function UiPopover({ accessibilityConfig, anchor, width, title, tabIndex, disabled, content, footer, closeText, closeVisible, initialFocus, returnFocusTo, triggerBy, returnFocusAfterClose, focusCheckFn, onOpen, onClose, }: UiPopoverProps): React_2.JSX.Element;
+
+/**
+ * @internal
+ */
+export declare interface UiPopoverProps {
+    anchor: React_2.ReactElement;
+    width?: "default" | number;
+    disabled?: boolean;
+    tabIndex?: number;
+    accessibilityConfig?: IAccessibilityConfigBase;
+    title?: string | React_2.ReactNode;
+    content?: React_2.ReactNode | ((args: {
+        onClose: () => void;
+    }) => React_2.ReactNode);
+    footer?: React_2.ReactNode | ((args: {
+        onClose: () => void;
+    }) => React_2.ReactNode);
+    triggerBy?: UiTooltipProps["triggerBy"];
+    closeText?: string;
+    closeVisible?: boolean;
+    initialFocus?: React_2.RefObject<HTMLElement> | string;
+    returnFocusTo?: React_2.RefObject<HTMLElement> | string;
+    returnFocusAfterClose?: boolean;
+    /**
+     * customize if you know that dialog content has some custom focusIn logic which modifies focused element, eg. table which shifts its focus from table wrapper to first table cell
+     * default is check if active element is exactly focused element.
+     */
+    focusCheckFn?: (element: HTMLElement) => boolean;
+    onOpen?: () => void;
+    onClose?: () => void;
+}
+
 /**
  * @internal
  */
@@ -6465,9 +6541,9 @@ export declare type UiRefsTree = Record<string, HTMLDivElement | null>;
 /**
  * @internal
  */
-export declare const UiReturnFocusOnUnmount: React_2.FC<IUiReturnFocusOnUnmountOptions & {
+export declare function UiReturnFocusOnUnmount({ children, ...options }: IUiReturnFocusOnUnmountOptions & {
     children: React_2.ReactNode;
-}>;
+}): React_2.JSX.Element;
 
 /**
  * @internal
@@ -6541,15 +6617,15 @@ export declare interface UiTab {
 /**
  * @internal
  */
-export declare const UiTabOutHandler: React_3.FC<{
+export declare function UiTabOutHandler({ onTabOut, children }: {
     onTabOut: () => void;
     children: React_3.ReactNode;
-}>;
+}): React_3.JSX.Element;
 
 /**
  * @internal
  */
-export declare const UiTabs: React_2.FC<UiTabsProps>;
+export declare function UiTabs({ size, tabs, onTabSelect, selectedTabId, accessibilityConfig, }: UiTabsProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -6572,7 +6648,67 @@ export declare interface UiTabsProps {
 /**
  * @internal
  */
-export declare const UiTooltip: React_2.FC<UiTooltipProps>;
+export declare const UiTag: React_2.ForwardRefExoticComponent<UiTagProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * @internal
+ */
+export declare interface UiTagDef {
+    id: string;
+    label: string;
+    isDeletable?: false;
+}
+
+/**
+ * @internal
+ */
+export declare type UiTagProps = {
+    label: string;
+    variant?: "solid" | "outlined" | "decorated";
+    size?: "small" | "large";
+    isDeletable?: boolean;
+    isDisabled?: boolean;
+    dataTestId?: string;
+    accessibilityConfig?: IUiTagAccessibilityConfig;
+    onClick?: () => void;
+    onDelete?: () => void;
+    onDeleteKeyDown?: (event: React_2.KeyboardEvent<HTMLButtonElement>) => void;
+    tabIndex?: number;
+    deleteTabIndex?: number;
+};
+
+/**
+ * @internal
+ */
+export declare function UiTags({ tags, addLabel, nameLabel, cancelLabel, closeLabel, saveLabel, noTagsLabel, moreLabel, removeLabel, mode, canDeleteTags, canCreateTag, readOnly, onTagClick, onTagAdd, onTagRemove, accessibilityConfig, }: UiTagsProps): React_2.JSX.Element;
+
+/**
+ * @internal
+ */
+export declare interface UiTagsProps {
+    tags: Array<UiTagDef>;
+    addLabel?: string;
+    nameLabel?: string;
+    cancelLabel?: string;
+    closeLabel?: string;
+    saveLabel?: string;
+    moreLabel?: string;
+    noTagsLabel?: string;
+    removeLabel?: string;
+    readOnly?: boolean;
+    canCreateTag?: boolean;
+    canDeleteTags?: boolean;
+    mode?: "single-line" | "multi-line";
+    onTagClick?: (tag: UiTagDef) => void;
+    onTagAdd?: (tag: UiTagDef) => void;
+    onTagRemove?: (tag: UiTagDef) => void;
+    accessibilityConfig?: IAccessibilityConfigBase;
+}
+
+/**
+ * @internal
+ */
+export declare function UiTooltip({ id, anchor, content, arrowPlacement, triggerBy, hoverOpenDelay, hoverCloseDelay, showArrow, width, offset: offsetProp, optimalPlacement, accessibilityConfig, variant, disabled, onOpen, onClose, }: UiTooltipProps): React_2.JSX.Element;
 
 /**
  * @internal
@@ -6587,6 +6723,7 @@ export declare interface UiTooltipProps {
     /** Content to be rendered inside the tooltip */
     content: React_2.ReactNode | ((args: {
         onClose: () => void;
+        type: "screen-reader" | "live";
     }) => React_2.ReactNode);
     /** Whether tooltip should show on hover, focus or click */
     triggerBy?: Array<"hover" | "focus" | "click">;
@@ -6608,9 +6745,17 @@ export declare interface UiTooltipProps {
      * Tooltip styling variant
      * @defaultValue "default"
      */
-    variant?: "default" | "error";
+    variant?: "default" | "error" | "none";
     /** If the tooltip is disabled, only the anchor element will be shown */
     disabled?: boolean;
+    /**
+     * Occurs when the tooltip is opened
+     */
+    onOpen?: () => void;
+    /**
+     * Occurs when the tooltip is closed
+     */
+    onClose?: () => void;
 }
 
 /**
@@ -6689,8 +6834,8 @@ export declare function unwrapGroupItems<T extends IUiMenuItemData = object>(ite
 /**
  * @internal
  */
-export declare function useElementSize(): {
-    ref: MutableRefObject<HTMLElement>;
+export declare function useElementSize<T extends HTMLElement>(): {
+    ref: MutableRefObject<T>;
     height: number;
     width: number;
 };
@@ -6823,6 +6968,11 @@ export declare interface UseToastMessageType {
     removeAllMessages: () => void;
 }
 
+/**
+ * @internal
+ */
+export declare const useToastsCenterValue: (onDismissMessage?: (id: IMessage["id"]) => void) => IToastsCenterContext;
+
 /**
  * Provides a ref that will autofocus the element when it is mounted, or when `refocusKey` changes.
  *
@@ -6933,7 +7083,7 @@ export declare const ZOOM_THRESHOLD = 1.2;
  * to ensure all children components have access to zoom information and can
  * adjust their rendering accordingly.
  */
-export declare const ZoomAwareOverlay: <T extends HTMLElement = HTMLElement>(props: IOverlayProps<T>) => ReactElement;
+export declare function ZoomAwareOverlay<T extends HTMLElement = HTMLElement>(props: IOverlayProps<T>): ReactElement;
 
 /**
  * @internal
@@ -6945,7 +7095,7 @@ export declare const ZoomContext: React_2.Context<IZoomContextState>;
  * @internal
  * Provider component that monitors zoom level and viewport dimensions
  */
-export declare const ZoomProvider: React_2.FC<ZoomProviderProps>;
+export declare function ZoomProvider({ children }: ZoomProviderProps): React_2.JSX.Element;
 
 /**
  * @internal