@gooddata/sdk-ui-kit 11.8.0-alpha.3 → 11.8.0-alpha.5

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

@@ -15,6 +15,7 @@ import { ChangeEvent } from 'react';
 import { ColorFormats } from 'tinycolor2';
 import { CompletionSource } from '@codemirror/autocomplete';
 import { Component } from 'react';
+import { ComponentProps } from 'react';
 import { ComponentPropsWithRef } from 'react';
 import { ComponentType } from 'react';
 import { Context } from 'react';
@@ -24,6 +25,7 @@ import { DebouncedFunc } from 'lodash-es';
 import { Dispatch } from 'react';
 import { EditorView } from '@codemirror/view';
 import { ElementType } from 'react';
+import { EmptyObject } from '@gooddata/util';
 import { Extension } from '@codemirror/state';
 import { FC } from 'react';
 import { FilterContextItem } from '@gooddata/sdk-model';
@@ -77,6 +79,7 @@ import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { Ref } from 'react';
 import { RefAttributes } from 'react';
+import { RefCallback } from 'react';
 import { RefObject } from 'react';
 import { SetStateAction } from 'react';
 import { ShareStatus } from '@gooddata/sdk-model';
@@ -548,7 +551,7 @@ item: IUiMenuContentItem<T>;
 /**
  * @internal
  */
-export declare function DefaultUiMenuContentItem<T extends IUiMenuItemData = object>({ item, isFocused, }: IUiMenuContentItemProps<T>): ReactNode;
+export declare function DefaultUiMenuContentItem<T extends IUiMenuItemData = object>({ item, isFocused, size, }: IUiMenuContentItemProps<T>): ReactNode;
 
 /**
  * Default component for rendering content menu items.
@@ -584,6 +587,41 @@ export declare function DefaultUiMenuInteractiveItemWrapper<T extends IUiMenuIte
  */
 export declare const DefaultUiMenuStaticItem: MemoExoticComponent<(<T extends IUiMenuItemData = object>({ item }: IUiMenuStaticItemProps<T>) => ReactElement)>;
 
+/**
+ * @internal
+ */
+export declare function DefaultUiTabsAllTabs<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>(_props: IUiTabComponentProps<"AllTabs", TTabProps, TTabActionProps>): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function DefaultUiTabsAllTabsButton<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>({ isOpen, onClick, ref }: IUiTabComponentProps<"AllTabsButton", TTabProps, TTabActionProps>): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function DefaultUiTabsContainer<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>(_props: IUiTabComponentProps<"Container", TTabProps, TTabActionProps>): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function DefaultUiTabsTab<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>({ tab, isSelected, onSelect, focusedAction }: IUiTabComponentProps<"Tab", TTabProps, TTabActionProps>): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function DefaultUiTabsTabActions<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>({ tab, location, id, tabIndex }: IUiTabComponentProps<"TabActions", TTabProps, TTabActionProps>): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function DefaultUiTabsTabActionsButton<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>({ tab, onClick, ariaAttributes, tabIndex, id, isOpen, }: IUiTabComponentProps<"TabActionsButton", TTabProps, TTabActionProps>): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function DefaultUiTabsTabValue<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>({ tab, isSelected }: IUiTabComponentProps<"TabValue", TTabProps, TTabActionProps>): JSX.Element;
+
 /**
  * @internal
  */
@@ -1055,6 +1093,11 @@ export declare const getSelectedMenuId: <T extends IUiMenuItemData = object, M =
  */
 export declare const getSiblingItems: <T extends IUiMenuItemData = object>(items: IUiMenuItem<T>[], itemId: string) => IUiMenuItem<T>[] | undefined;
 
+/**
+ * @internal
+ */
+export declare function getTypedUiTabsContextStore<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>(): IContextStore<IUiTabContext<TTabProps, TTabActionProps>>;
+
 /**
  * @internal
  */
@@ -1490,221 +1533,761 @@ export declare interface IBubbleProps {
 /**
  * @internal
  */
-export declare interface IBubbleState {
-    alignPoints: IAlignPoint[];
-    optimalAlignPoints: string;
-}
+export declare interface IBubbleState {
+    alignPoints: IAlignPoint[];
+    optimalAlignPoints: string;
+}
+
+/**
+ * @internal
+ */
+export declare interface IBubbleTriggerProps {
+    className?: string;
+    children?: ReactNode;
+    eventsOnBubble?: boolean;
+    tagName?: ElementType;
+    onBubbleOpen?: () => void;
+    onBubbleClose?: () => void;
+    openOnInit?: boolean;
+}
+
+/**
+ * @internal
+ */
+export declare interface IBubbleTriggerState {
+    bubbleId: string;
+    isBubbleVisible: boolean;
+}
+
+/**
+ * @internal
+ */
+export declare interface IBucketItemDescriptor {
+    type: "attribute" | "chronologicalDate" | "genericDate" | "measure";
+    name: string;
+    sequenceNumber?: string;
+}
+
+/**
+ * @internal
+ */
+export declare interface IBucketItemDescriptors {
+    [localIdentifier: string]: IBucketItemDescriptor;
+}
+
+/**
+ * @internal
+ */
+export declare interface IButtonAccessibilityConfig extends IAccessibilityConfigBase, IDropdownButtonAccessibilityConfig {
+}
+
+/**
+ * @internal
+ */
+export declare interface IButtonProps {
+    id?: string;
+    dataId?: string;
+    dataTestId?: string;
+    className?: string;
+    disabled?: boolean;
+    tabIndex?: number;
+    tagName?: string;
+    title?: string;
+    type?: HTMLButtonElement["type"];
+    value?: ReactNode;
+    children?: ReactNode;
+    iconLeft?: string;
+    iconRight?: string;
+    onClick?(e: MouseEvent_2): void;
+    variant?: "primary" | "secondary";
+    intent?: "action" | "positive" | "negative";
+    size?: "small" | "medium" | "large";
+    accessibilityConfig?: IButtonAccessibilityConfig;
+    describedByFromValidation?: boolean;
+}
+
+/**
+ * @internal
+ */
+export declare interface ICodeAreaProps {
+    code: string;
+    onCopyCode: (code: string) => void;
+}
+
+/**
+ * @internal
+ */
+export declare interface ICodeLanguageSelectProps {
+    selectedLanguage: CodeLanguageType;
+    onLanguageChanged: (language: CodeLanguageType) => void;
+}
+
+/**
+ * @internal
+ */
+export declare interface ICodeOptionsProps {
+    option: IReactOptions;
+    onChange: (opt: IReactOptions) => void;
+}
+
+/**
+ * @internal
+ */
+export declare interface IColorPickerProps {
+    initialRgbColor: ColorFormats.RGB;
+    onSubmit: (color: ColorFormats.RGB) => void;
+    onCancel: () => void;
+}
+
+/**
+ * @internal
+ */
+export declare interface IColorPickerState {
+    draftHslColor: ColorFormats.HSL;
+}
+
+/**
+ * @internal
+ */
+export declare interface IColorPreviewProps {
+    colors: string[];
+    className?: string;
+}
+
+/**
+ * @internal
+ */
+export declare interface IColumnsIconProps extends IIconProps {
+    colorPalette?: {
+        normalColumn?: Color;
+        totalColumn?: Color;
+    };
+}
+
+/**
+ * @internal
+ */
+export declare interface ICommunityEditionDialogProps {
+    onClose: () => void;
+    headerText: string;
+    infoText: string;
+    copyrightText: string;
+    links: {
+        text: string;
+        uri: string;
+    }[];
+    closeButtonText: string;
+}
+
+/**
+ * @internal
+ */
+export declare type IComponentLabelsProviderProps = {
+    labels: IShareDialogLabels;
+    children?: ReactNode;
+};
+
+/**
+ * @internal
+ */
+export declare interface IComponentTableProps<TProps extends object> {
+    columnsBy?: IPropCombination<TProps, keyof TProps> | undefined;
+    rowsBy: IPropCombination<TProps, keyof TProps>[];
+    baseProps?: Partial<TProps>;
+    Component: ComponentType<TProps>;
+    codeSnippet?: string;
+    debug?: boolean;
+    cellWidth?: number;
+    cellHeight?: number;
+    align?: "center" | "flex-start";
+    cellStyle?: (props: TProps) => CSSProperties | undefined;
+}
+
+/**
+ * @internal
+ */
+export declare const Icon: Record<string, FC<IIconProps>>;
+
+/**
+ * @internal
+ */
+export declare function IconAborted({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconAlert({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconAlertPaused({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconArrowDown({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconArrowLeft({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconArrowRight({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconArrowUp({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconAttachmentClip({ className, width, height, color }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconAttribute({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconAttributeFilter({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconBar({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconBoldHyperlink({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconBook({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconBubble({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconBullet({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconBurgerMenu({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconChatBubble({ color, className, width, height, ariaHidden, }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconClose({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconColumn({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconColumnContainer({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconColumns({ colorPalette, className, width, height }: IColumnsIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconCombo({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconContract({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconCopy({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconDashboard({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconDataset({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconDataSource({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconDate({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconDependencyWheel({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconDonut({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconDragHandle({ className, color, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconDrillDown({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconDrillToDashboard({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconDrillToInsight({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconEdit({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconEllipsis({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconEmail({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconEmbedCode({ color, className, ariaHidden, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconError({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconExpand({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconExplore({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconExternalLink({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconFact({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare interface IConfirmDialogBaseProps extends Omit<IDialogBaseProps, "accessibilityConfig"> {
+    isSubmitDisabled?: boolean;
+    isCancelDisabled?: boolean;
+    isPositive?: boolean;
+    cancelButtonText?: string;
+    submitButtonText?: string;
+    submitButtonTooltipText?: string;
+    submitButtonTooltipAlignPoints?: IAlignPoint[];
+    submitButtonTooltipArrowOffsets?: ArrowOffsets;
+    hideSubmitButton?: boolean;
+    warning?: string | ReactElement;
+    showProgressIndicator?: boolean;
+    headerLeftButtonRenderer?: () => ReactElement;
+    footerLeftRenderer?: () => ReactElement;
+    dialogHeaderClassName?: string;
+    titleRightIconRenderer?: () => ReactElement;
+    headline?: string;
+    initialFocus?: RefObject<HTMLElement | null> | string;
+    returnFocusTo?: RefObject<HTMLElement | null> | string;
+    returnFocusAfterClose?: boolean;
+    accessibilityConfig?: {
+        closeButton?: IButtonAccessibilityConfig;
+        titleElementId?: string;
+        descriptionElementId?: string;
+        dialogId?: string;
+    };
+}
+
+/**
+ * @internal
+ */
+export declare function IconFunction({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconFunnel({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconGenAI({ color, className, ariaHidden, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconGenAI2({ color, className, ariaHidden, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconGeo({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconHash({ color, backgroundColor, className, width, height }: IHashIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconHeader({ className, color, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconHeadlineChart({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconHeatMap({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconHistoryBack({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconHome({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconHyperlink({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconImage({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconInsight({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconInteraction({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconInvite({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconKeyword({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconLabel({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconLeave({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconLegendMenu({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconLine({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconLock({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconLogout({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconMagic({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconMany({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconMetric({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconMinimize({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconNewVisualization({ color, className, width, height, ariaHidden, }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconOrigin({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare const iconPaths: Record<IconType, ReactNode>;
+
+/**
+ * @internal
+ */
+export declare function IconPdf({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconPie({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconProgress({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconPyramid({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconQuestionMark({ color, className, width, height, ariaHidden, }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconRefresh({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconRepeater({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconReset({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconRichText({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconRows({ colorPalette, className, width, height }: IRowsIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconRun({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconSankey({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconSave({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconScatterPlot({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
 
 /**
  * @internal
  */
-export declare interface IBubbleTriggerProps {
-    className?: string;
-    children?: ReactNode;
-    eventsOnBubble?: boolean;
-    tagName?: ElementType;
-    onBubbleOpen?: () => void;
-    onBubbleClose?: () => void;
-    openOnInit?: boolean;
-}
+export declare function IconSchedule({ color, className, width, height }: IIconProps): JSX.Element;
 
 /**
  * @internal
  */
-export declare interface IBubbleTriggerState {
-    bubbleId: string;
-    isBubbleVisible: boolean;
-}
+export declare function IconSearch({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
 
 /**
  * @internal
  */
-export declare interface IBucketItemDescriptor {
-    type: "attribute" | "chronologicalDate" | "genericDate" | "measure";
-    name: string;
-    sequenceNumber?: string;
-}
+export declare function IconSettingsGear({ className, width, height, color }: IIconProps): JSX.Element;
 
 /**
  * @internal
  */
-export declare interface IBucketItemDescriptors {
-    [localIdentifier: string]: IBucketItemDescriptor;
-}
+export declare function IconSimplifiedDashboard({ color, className, width, height }: IIconProps): JSX.Element;
 
 /**
  * @internal
  */
-export declare interface IButtonAccessibilityConfig extends IAccessibilityConfigBase, IDropdownButtonAccessibilityConfig {
-}
+export declare function IconSmallDragHandle({ className, color, width, height }: IIconProps): JSX.Element;
 
 /**
  * @internal
  */
-export declare interface IButtonProps {
-    id?: string;
-    dataId?: string;
-    dataTestId?: string;
-    className?: string;
-    disabled?: boolean;
-    tabIndex?: number;
-    tagName?: string;
-    title?: string;
-    type?: HTMLButtonElement["type"];
-    value?: ReactNode;
-    children?: ReactNode;
-    iconLeft?: string;
-    iconRight?: string;
-    onClick?(e: MouseEvent_2): void;
-    variant?: "primary" | "secondary";
-    intent?: "action" | "positive" | "negative";
-    size?: "small" | "medium" | "large";
-    accessibilityConfig?: IButtonAccessibilityConfig;
-    describedByFromValidation?: boolean;
-}
+export declare function IconStackedArea({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
 
 /**
  * @internal
  */
-export declare interface ICodeAreaProps {
-    code: string;
-    onCopyCode: (code: string) => void;
-}
+export declare function IconSuccess({ color, className, width, height }: IIconProps): JSX.Element;
 
 /**
  * @internal
  */
-export declare interface ICodeLanguageSelectProps {
-    selectedLanguage: CodeLanguageType;
-    onLanguageChanged: (language: CodeLanguageType) => void;
-}
+export declare function IconTable({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
 
 /**
  * @internal
  */
-export declare interface ICodeOptionsProps {
-    option: IReactOptions;
-    onChange: (opt: IReactOptions) => void;
-}
+export declare function IconThumbsDown({ color, className, width, height }: IIconProps): JSX.Element;
 
 /**
  * @internal
  */
-export declare interface IColorPickerProps {
-    initialRgbColor: ColorFormats.RGB;
-    onSubmit: (color: ColorFormats.RGB) => void;
-    onCancel: () => void;
-}
+export declare function IconThumbsUp({ color, className, width, height }: IIconProps): JSX.Element;
 
 /**
  * @internal
  */
-export declare interface IColorPickerState {
-    draftHslColor: ColorFormats.HSL;
-}
+export declare function IconToken({ color, className, width, height }: IIconProps): JSX.Element;
 
 /**
  * @internal
  */
-export declare interface IColorPreviewProps {
-    colors: string[];
-    className?: string;
-}
+export declare function IconTrash({ color, className, width, height }: IIconProps): JSX.Element;
 
 /**
  * @internal
  */
-export declare interface IColumnsIconProps extends IIconProps {
-    colorPalette?: {
-        normalColumn?: Color;
-        totalColumn?: Color;
-    };
-}
+export declare function IconTreeMap({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
 
 /**
  * @internal
  */
-export declare interface ICommunityEditionDialogProps {
-    onClose: () => void;
-    headerText: string;
-    infoText: string;
-    copyrightText: string;
-    links: {
-        text: string;
-        uri: string;
-    }[];
-    closeButtonText: string;
-}
+export declare type IconType = "brain" | "brainDisabled" | "check" | "checkCircle" | "plus" | "plusCircle" | "sync" | "alert" | "alertPaused" | "close" | "cross" | "crossCircle" | "question" | "chevronUp" | "chevronRight" | "chevronDown" | "chevronLeft" | "date" | "navigateUp" | "navigateDown" | "navigateRight" | "navigateLeft" | "download" | "slack" | "expand" | "exclamationCircle" | "book" | "visible" | "invisible" | "lock" | "unlock" | "ai" | "aiFill" | "drawer" | "drawerEmpty" | "prohibited" | "dropDown" | "dropRight" | "clock" | "questionMark" | "upload" | "expandRectangle" | "file" | "number" | "code" | "user" | "userPlus" | "users" | "magic" | "tab" | "pauseCircle" | "filter" | "timer" | "mail" | "envelope" | "copy" | "rain" | "earth" | "minimize" | "copyright" | "ellipsis" | "pencil" | "folder" | "folderPlus" | "trash" | "arrowUp" | "arrowRight" | "arrowDown" | "arrowLeft" | "undo" | "redo" | "trendDown" | "trendUp" | "save" | "minusCircle" | "percent" | "enter" | "enterRight" | "money" | "ghost" | "warning" | "home" | "settings" | "search" | "university" | "printer" | "picture" | "visualization" | "dashboard" | "metric" | "fact" | "ldmAttribute" | "sharp" | "attribute" | "horn" | "cw" | "ccw" | "table" | "directionColumn" | "directionRow" | "header" | "genai" | "genai2" | "explainai" | "hiddenForAi" | "box" | "ellipsisVertical" | "list" | "drillTo" | "hierarchy" | "history" | "thumbsUp" | "thumbsDown" | "send" | "visualizationArea" | "visualizationTable" | "visualizationTreemap" | "visualizationScatter" | "visualizationDonut" | "visualizationHeadline" | "visualizationColumn" | "visualizationLine" | "visualizationPyramid" | "visualizationFunnel" | "visualizationHeatmap" | "visualizationBubble" | "visualizationPie" | "visualizationBar" | "visualizationCombo" | "visualizationBullet" | "visualizationWaterfall" | "visualizationDependencywheel" | "visualizationSankey" | "visualizationPushpin" | "visualizationRepeater" | "visualizationXirr" | "link" | "fileXlsx" | "filePptx" | "filePdf" | "fileImage" | "fileCsvFormatted" | "fileCsvRaw" | "recommendation";
 
 /**
  * @internal
  */
-export declare type IComponentLabelsProviderProps = {
-    labels: IShareDialogLabels;
-    children?: ReactNode;
-};
+export declare function IconUndo({ color, className, width, height, ariaHidden }: IIconProps): JSX.Element;
 
 /**
  * @internal
  */
-export declare interface IComponentTableProps<TProps extends object> {
-    columnsBy?: IPropCombination<TProps, keyof TProps> | undefined;
-    rowsBy: IPropCombination<TProps, keyof TProps>[];
-    baseProps?: Partial<TProps>;
-    Component: ComponentType<TProps>;
-    codeSnippet?: string;
-    debug?: boolean;
-    cellWidth?: number;
-    cellHeight?: number;
-    align?: "center" | "flex-start";
-    cellStyle?: (props: TProps) => CSSProperties | undefined;
-}
+export declare function IconUser({ color, backgroundColor, className, width, height, }: IUserIconProps): JSX.Element;
 
 /**
  * @internal
  */
-export declare const Icon: Record<string, FC<IIconProps>>;
+export declare function IconUserGroup({ color, backgroundColor, className, width, height, }: IUserGroupIconProps): JSX.Element;
 
 /**
  * @internal
  */
-export declare interface IConfirmDialogBaseProps extends Omit<IDialogBaseProps, "accessibilityConfig"> {
-    isSubmitDisabled?: boolean;
-    isCancelDisabled?: boolean;
-    isPositive?: boolean;
-    cancelButtonText?: string;
-    submitButtonText?: string;
-    submitButtonTooltipText?: string;
-    submitButtonTooltipAlignPoints?: IAlignPoint[];
-    submitButtonTooltipArrowOffsets?: ArrowOffsets;
-    hideSubmitButton?: boolean;
-    warning?: string | ReactElement;
-    showProgressIndicator?: boolean;
-    headerLeftButtonRenderer?: () => ReactElement;
-    footerLeftRenderer?: () => ReactElement;
-    dialogHeaderClassName?: string;
-    titleRightIconRenderer?: () => ReactElement;
-    headline?: string;
-    initialFocus?: RefObject<HTMLElement | null> | string;
-    returnFocusTo?: RefObject<HTMLElement | null> | string;
-    returnFocusAfterClose?: boolean;
-    accessibilityConfig?: {
-        closeButton?: IButtonAccessibilityConfig;
-        titleElementId?: string;
-        descriptionElementId?: string;
-        dialogId?: string;
-    };
-}
+export declare function IconVisualizationSwitcher({ color, className, width, height }: IIconProps): JSX.Element;
 
 /**
  * @internal
  */
-export declare const iconPaths: Record<IconType, ReactNode>;
+export declare function IconWarning({ color, className, width, height }: IIconProps): JSX.Element;
 
 /**
  * @internal
  */
-export declare type IconType = "brain" | "brainDisabled" | "check" | "checkCircle" | "plus" | "plusCircle" | "sync" | "alert" | "alertPaused" | "close" | "cross" | "crossCircle" | "question" | "chevronUp" | "chevronRight" | "chevronDown" | "chevronLeft" | "date" | "navigateUp" | "navigateDown" | "navigateRight" | "navigateLeft" | "download" | "slack" | "expand" | "exclamationCircle" | "book" | "visible" | "invisible" | "lock" | "unlock" | "ai" | "aiFill" | "drawer" | "drawerEmpty" | "prohibited" | "dropDown" | "dropRight" | "clock" | "questionMark" | "upload" | "expandRectangle" | "file" | "number" | "code" | "user" | "userPlus" | "users" | "magic" | "tab" | "pauseCircle" | "filter" | "timer" | "mail" | "envelope" | "copy" | "rain" | "earth" | "minimize" | "copyright" | "ellipsis" | "pencil" | "folder" | "folderPlus" | "trash" | "arrowUp" | "arrowRight" | "arrowDown" | "arrowLeft" | "undo" | "redo" | "trendDown" | "trendUp" | "save" | "minusCircle" | "percent" | "enter" | "enterRight" | "money" | "ghost" | "warning" | "home" | "settings" | "search" | "university" | "printer" | "picture" | "visualization" | "dashboard" | "metric" | "fact" | "ldmAttribute" | "sharp" | "attribute" | "horn" | "cw" | "ccw" | "table" | "directionColumn" | "directionRow" | "header" | "genai" | "genai2" | "explainai" | "hiddenForAi" | "box" | "ellipsisVertical" | "list" | "drillTo" | "hierarchy" | "history" | "thumbsUp" | "thumbsDown" | "send" | "visualizationArea" | "visualizationTable" | "visualizationTreemap" | "visualizationScatter" | "visualizationDonut" | "visualizationHeadline" | "visualizationColumn" | "visualizationLine" | "visualizationPyramid" | "visualizationFunnel" | "visualizationHeatmap" | "visualizationBubble" | "visualizationPie" | "visualizationBar" | "visualizationCombo" | "visualizationBullet" | "visualizationWaterfall" | "visualizationDependencywheel" | "visualizationSankey" | "visualizationPushpin" | "visualizationRepeater" | "visualizationXirr" | "link" | "fileXlsx" | "filePptx" | "filePdf" | "fileImage" | "fileCsvFormatted" | "fileCsvRaw" | "recommendation";
+export declare function IconWaterfall({ className, width, height, color, ariaHidden }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconWebhook({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconWebsite({ color, className, width, height }: IIconProps): JSX.Element;
+
+/**
+ * @internal
+ */
+export declare function IconWidget({ color, className, width, height }: IIconProps): JSX.Element;
 
 /**
  * @internal
@@ -2491,6 +3074,13 @@ export declare interface IHandleActionOptions {
     shouldStopPropagation?: boolean;
 }
 
+/**
+ * @internal
+ */
+export declare interface IHashIconProps extends IIconProps {
+    backgroundColor?: string;
+}
+
 /**
  * @internal
  */
@@ -4977,6 +5567,7 @@ export declare type IUiMenuContentItem<T extends IUiMenuItemData = object> = {
     stringTitle: string;
     isDisabled?: boolean;
     showComponentOnly?: boolean;
+    iconLeft?: ReactNode;
     data: T["content"];
     Component: ComponentType<{
         onBack: () => void;
@@ -4990,6 +5581,7 @@ export declare type IUiMenuContentItem<T extends IUiMenuItemData = object> = {
 export declare interface IUiMenuContentItemProps<T extends IUiMenuItemData = object> {
     item: IUiMenuContentItem<T>;
     isFocused: boolean;
+    size?: SizeSmall | SizeMedium;
 }
 
 /**
@@ -5192,6 +5784,121 @@ export declare interface IUiStaticTreeViewProps<Level> extends IUiTreeViewProps<
     ItemComponent?: ComponentType<IUiTreeviewItemProps<Level>>;
 }
 
+/**
+ * @internal
+ */
+export declare type IUiTab<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject> = {
+    id: string;
+    label: string;
+    actions?: IUiTabAction<TTabProps, TTabActionProps>[];
+} & TTabProps;
+
+/**
+ * @internal
+ */
+export declare type IUiTabAction<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject> = {
+    id: string;
+    label: string;
+    isDisabled?: boolean;
+    onSelect?: (context: {
+        tab: IUiTab<TTabProps, TTabActionProps>;
+    }) => void;
+    /**
+     * Whether to close the dropdown when the action is selected.
+     * - "actions" - close actions menu when action is selected
+     * - "all" - close actions menu and possibly all tabs list when action is selected
+     * - false - do not close anything when action is selected
+     *
+     * @defaultValue "actions"
+     */
+    closeOnSelect?: "actions" | "all" | false;
+    iconRight?: ReactNode;
+    iconLeft?: ReactNode;
+} & TTabActionProps;
+
+/**
+ * @internal
+ */
+export declare type IUiTabActionEventContext<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject> = {
+    action: IUiTabAction<TTabProps, TTabActionProps>;
+    tab: IUiTab<TTabProps, TTabActionProps>;
+    location: "tabs" | "allList";
+};
+
+/**
+ * @internal
+ */
+export declare type IUiTabComponentProps<TComponent extends keyof IUiTabComponents<TTabProps, TTabActionProps>, TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject> = ComponentProps<IUiTabComponents<TTabProps, TTabActionProps>[TComponent]>;
+
+/**
+ * @internal
+ */
+export declare type IUiTabComponents<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject> = {
+    Container: ComponentType;
+    Tab: ComponentType<{
+        tab: IUiTab<TTabProps, TTabActionProps>;
+        isSelected: boolean;
+        onSelect: () => void;
+        focusedAction?: typeof SELECT_ITEM_ACTION | "selectTabActions";
+    }>;
+    TabValue: ComponentType<{
+        tab: IUiTab<TTabProps, TTabActionProps>;
+        isSelected: boolean;
+        location: "tabs" | "allList";
+    }>;
+    TabActions: ComponentType<{
+        tab: IUiTab<TTabProps, TTabActionProps>;
+        location: "tabs" | "allList";
+        tabIndex?: number;
+        id?: string;
+    }>;
+    TabActionsButton: ComponentType<{
+        tab: IUiTab<TTabProps, TTabActionProps>;
+        isOpen: boolean;
+        onClick: () => void;
+        location: "tabs" | "allList";
+        ariaAttributes?: IDropdownButtonRenderProps["ariaAttributes"];
+        tabIndex?: number;
+        id?: string;
+    }>;
+    AllTabs: ComponentType;
+    AllTabsButton: ComponentType<{
+        isOpen: boolean;
+        onClick: () => void;
+        ref?: RefObject<HTMLElement>;
+        ariaAttributes?: IDropdownButtonRenderProps["ariaAttributes"];
+    }>;
+};
+
+/**
+ * @internal
+ */
+export declare type IUiTabContext<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject> = Pick<IUiTabsProps<TTabProps, TTabActionProps>, "tabs" | "selectedTabId" | "onTabSelect" | "size" | "accessibilityConfig" | "maxLabelLength"> & {
+    isOverflowing: boolean;
+    containerRef: RefCallback<Element>;
+    onActionTriggered: (context: IUiTabActionEventContext<TTabProps, TTabActionProps>) => void;
+    useActionListener: (callback: (context: IUiTabActionEventContext) => void) => void;
+} & IUiTabComponents<TTabProps, TTabActionProps>;
+
+/**
+ * @internal
+ */
+export declare interface IUiTabsAccessibilityConfig extends IAccessibilityConfigBase {
+    tabRole?: HTMLAttributes<HTMLElement>["role"];
+}
+
+/**
+ * @internal
+ */
+export declare type IUiTabsProps<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject> = {
+    tabs: IUiTab<TTabProps, TTabActionProps>[];
+    selectedTabId: string;
+    onTabSelect: (tab: IUiTab<TTabProps, TTabActionProps>) => void;
+    size?: SizeSmall | SizeMedium | SizeLarge;
+    maxLabelLength?: number;
+    accessibilityConfig?: IUiTabsAccessibilityConfig;
+} & Partial<IUiTabComponents<TTabProps, TTabActionProps>>;
+
 /**
  * @internal
  */
@@ -5286,6 +5993,20 @@ export declare interface IUseKeyboardNavigationTargetProps {
     onFocus?: () => void;
 }
 
+/**
+ * @internal
+ */
+export declare interface IUserGroupIconProps extends IIconProps {
+    backgroundColor?: string;
+}
+
+/**
+ * @internal
+ */
+export declare interface IUserIconProps extends IIconProps {
+    backgroundColor?: string;
+}
+
 /**
  * @internal
  */
@@ -6689,6 +7410,7 @@ export declare interface UiIconButtonPublicProps {
     ariaAttributes?: IDropdownButtonRenderProps["ariaAttributes"];
     accessibilityConfig?: IDropdownButtonRenderProps["accessibilityConfig"];
     tabIndex?: number;
+    id?: string;
 }
 
 /**
@@ -7023,14 +7745,6 @@ export declare interface UiSubmenuHeaderProps {
     titleId?: string;
 }
 
-/**
- * @internal
- */
-export declare interface UiTab {
-    id: string;
-    label: string;
-}
-
 /**
  * @internal
  */
@@ -7042,35 +7756,7 @@ export declare function UiTabOutHandler({ onTabOut, children }: {
 /**
  * @internal
  */
-export declare function UiTabs({ size, tabs, onTabSelect, selectedTabId, accessibilityConfig, maxLabelLength, enableOverflowDropdown, }: UiTabsProps): JSX.Element;
-
-/**
- * @internal
- */
-export declare interface UiTabsAccessibilityConfig extends IAccessibilityConfigBase {
-    tabRole?: HTMLAttributes<HTMLElement>["role"];
-}
-
-/**
- * @internal
- */
-export declare interface UiTabsProps {
-    size?: SizeSmall | SizeMedium | SizeLarge;
-    tabs: Array<UiTab>;
-    onTabSelect: (tab: UiTab) => void;
-    selectedTabId: string;
-    accessibilityConfig?: UiTabsAccessibilityConfig;
-    /**
-     * Maximum length for tab labels. When exceeded, the label will be truncated with ellipsis
-     * and the full label will be available via aria-label.
-     */
-    maxLabelLength?: number;
-    /**
-     * Enable overflow dropdown that appears when tabs don't fit in the container.
-     * When true, a dropdown button will appear showing all tabs.
-     */
-    enableOverflowDropdown?: boolean;
-}
+export declare function UiTabs<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>(props: IUiTabsProps<TTabProps, TTabActionProps>): JSX.Element;
 
 /**
  * @internal
@@ -7372,6 +8058,7 @@ export declare function useListWithActionsKeyboardNavigation<Item, Action extend
     focusedAction: "selectItem" | Action;
     focusedItem: Item;
     setFocusedAction: Dispatch<SetStateAction<"selectItem" | Action>>;
+    setFocusedIndex: Dispatch<SetStateAction<number>>;
 };
 
 /**
@@ -7475,6 +8162,11 @@ export declare const useUiReturnFocusOnUnmountConnectors: <T extends HTMLElement
  */
 export declare const useUiTabOutHandlerConnectors: <T extends HTMLElement = HTMLElement>(handler?: (event: KeyboardEvent_2) => void) => IUiFocusHelperConnectors<T>;
 
+/**
+ * @internal
+ */
+export declare function useUiTabsContextStoreValue<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>({ tabs, selectedTabId, onTabSelect, size, maxLabelLength, accessibilityConfig: accessibilityConfigProp, Container, Tab, TabValue, TabActions, TabActionsButton, AllTabs, AllTabsButton, }: IUiTabsProps<TTabProps, TTabActionProps>): IUiTabContext<TTabProps, TTabActionProps>;
+
 /**
  * @internal
  */