@gooddata/sdk-ui-kit 10.27.0-alpha.12 → 10.27.0-alpha.13

package/esm/@ui/UiMenu/itemUtils.js

@@ -0,0 +1,73 @@
+// (C) 2025 GoodData Corporation
+export const findItem = (items, predicate) => {
+    for (const item of items) {
+        if (predicate(item)) {
+            return item;
+        }
+        if (item.type === "interactive" && item.subMenu) {
+            const foundItemInSubMenu = findItem(item.subMenu, predicate);
+            if (foundItemInSubMenu) {
+                return foundItemInSubMenu;
+            }
+        }
+    }
+    return undefined;
+};
+export const getItem = (items, itemId) => {
+    return findItem(items, (item) => item.id === itemId);
+};
+export const findInteractiveItem = (items, predicate) => {
+    const foundItem = findItem(items, (item) => item.type === "interactive" && predicate(item));
+    return foundItem?.type === "interactive" ? foundItem : undefined;
+};
+export const getInteractiveItem = (items, itemId) => {
+    return findInteractiveItem(items, (item) => item.id === itemId);
+};
+export const getItemsByParent = (items, parentId) => {
+    const isRootLevel = parentId === undefined;
+    return isRootLevel ? items : findInteractiveItem(items, (item) => item.id === parentId)?.subMenu;
+};
+export const getItemParent = (items, itemId) => {
+    return findInteractiveItem(items, (item) => !!item.subMenu?.some((subMenuItem) => subMenuItem.id === itemId));
+};
+export const getSiblingItems = (items, itemId) => {
+    // If itemId is provided but the item doesn't exist, return undefined
+    if (!getItem(items, itemId)) {
+        return undefined;
+    }
+    return getItemsByParent(items, getItemParent(items, itemId)?.id);
+};
+export const getNextSiblings = (items, itemId) => {
+    const siblingItems = getSiblingItems(items, itemId);
+    const itemIndex = siblingItems?.findIndex((item) => item.id === itemId) ?? -1;
+    if (itemIndex === -1 || !siblingItems) {
+        return [];
+    }
+    // Wraparound
+    return [...siblingItems.slice(itemIndex + 1), ...siblingItems.slice(0, itemIndex)];
+};
+export const getPreviousSiblings = (items, itemId) => {
+    const siblingItems = getSiblingItems(items, itemId);
+    const itemIndex = siblingItems?.findIndex((item) => item.id === itemId) ?? -1;
+    if (itemIndex === -1 || !siblingItems) {
+        return [];
+    }
+    // Wraparound
+    return [...siblingItems.slice(0, itemIndex).reverse(), ...siblingItems.slice(itemIndex + 1).reverse()];
+};
+export const getClosestFocusableSibling = (args) => {
+    const { items, isItemFocusable, itemId, direction } = args;
+    switch (direction) {
+        case "forward":
+            if (itemId === undefined) {
+                return items.find(isItemFocusable);
+            }
+            return getNextSiblings(items, itemId).find(isItemFocusable);
+        case "backward":
+            if (itemId === undefined) {
+                return [...items].reverse().find(isItemFocusable);
+            }
+            return getPreviousSiblings(items, itemId).find(isItemFocusable);
+    }
+};
+//# sourceMappingURL=itemUtils.js.map

package/esm/@ui/UiMenu/itemUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"itemUtils.js","sourceRoot":"","sources":["../../../src/@ui/UiMenu/itemUtils.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAIhC,MAAM,CAAC,MAAM,QAAQ,GAAG,CACpB,KAAyD,EACzD,SAA8E,EAClB,EAAE;IAC9D,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACvB,IAAI,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;YAClB,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,IAAI,IAAI,CAAC,IAAI,KAAK,aAAa,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAC9C,MAAM,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;YAE7D,IAAI,kBAAkB,EAAE,CAAC;gBACrB,OAAO,kBAAkB,CAAC;YAC9B,CAAC;QACL,CAAC;IACL,CAAC;IACD,OAAO,SAAS,CAAC;AACrB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CACnB,KAAyD,EACzD,MAAc,EAC8C,EAAE;IAC9D,OAAO,QAAQ,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC;AACzD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAC/B,KAAyD,EACzD,SAAyF,EAClB,EAAE;IACzE,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,aAAa,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;IAE5F,OAAO,SAAS,EAAE,IAAI,KAAK,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AACrE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAC9B,KAAyD,EACzD,MAAc,EACyD,EAAE;IACzE,OAAO,mBAAmB,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC;AACpE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC5B,KAAyD,EACzD,QAAiB,EAC6C,EAAE;IAChE,MAAM,WAAW,GAAG,QAAQ,KAAK,SAAS,CAAC;IAE3C,OAAO,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,mBAAmB,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,QAAQ,CAAC,EAAE,OAAO,CAAC;AACrG,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CACzB,KAAyD,EACzD,MAAc,EACyD,EAAE;IACzE,OAAO,mBAAmB,CACtB,KAAK,EACL,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,EAAE,KAAK,MAAM,CAAC,CAC7E,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAC3B,KAAyD,EACzD,MAAc,EACgD,EAAE;IAChE,qEAAqE;IACrE,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC;QAC1B,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,OAAO,gBAAgB,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC;AACrE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAC3B,KAAyD,EACzD,MAAc,EACoC,EAAE;IACpD,MAAM,YAAY,GAAG,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACpD,MAAM,SAAS,GAAG,YAAY,EAAE,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IAE9E,IAAI,SAAS,KAAK,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;QACpC,OAAO,EAAE,CAAC;IACd,CAAC;IAED,aAAa;IACb,OAAO,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,EAAE,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC;AACvF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAC/B,KAAyD,EACzD,MAAc,EACoC,EAAE;IACpD,MAAM,YAAY,GAAG,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACpD,MAAM,SAAS,GAAG,YAAY,EAAE,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IAE9E,IAAI,SAAS,KAAK,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;QACpC,OAAO,EAAE,CAAC;IACd,CAAC;IAED,aAAa;IACb,OAAO,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;AAC3G,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAsC,IAK/E,EAAgE,EAAE;IAC/D,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IAE3D,QAAQ,SAAS,EAAE,CAAC;QAChB,KAAK,SAAS;YACV,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;gBACvB,OAAO,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;YACvC,CAAC;YACD,OAAO,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAChE,KAAK,UAAU;YACX,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;gBACvB,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;YACtD,CAAC;YACD,OAAO,mBAAmB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IACxE,CAAC;AACL,CAAC,CAAC"}

package/esm/@ui/UiMenu/menuBem.d.ts

@@ -0,0 +1,2 @@
+export declare const b: (props?: import("../@utils/bem.js").StyleProps) => string, e: (element: string, props?: import("../@utils/bem.js").StyleProps) => string;
+//# sourceMappingURL=menuBem.d.ts.map

package/esm/@ui/UiMenu/menuBem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuBem.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiMenu/menuBem.ts"],"names":[],"mappings":"AAGA,eAAO,MAAQ,CAAC,6DAAE,CAAC,4EAA0B,CAAC"}

package/esm/@ui/UiMenu/menuBem.js

@@ -0,0 +1,4 @@
+// (C) 2025 GoodData Corporation
+import { bem } from "../@utils/bem.js";
+export const { b, e } = bem("gd-ui-kit-menu");
+//# sourceMappingURL=menuBem.js.map

package/esm/@ui/UiMenu/menuBem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuBem.js","sourceRoot":"","sources":["../../../src/@ui/UiMenu/menuBem.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEvC,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,gBAAgB,CAAC,CAAC"}

package/esm/@ui/UiMenu/types.d.ts

@@ -0,0 +1,86 @@
+import React from "react";
+import { IDropdownBodyRenderProps } from "../../Dropdown/index.js";
+/**
+ * @internal
+ */
+export interface IUiMenuStaticItem<T> {
+    type: "static";
+    id?: string;
+    data: T;
+}
+/**
+ * @internal
+ */
+export interface IUiMenuInteractiveItem<InteractiveItemData, StaticItemData = React.ReactNode> {
+    type: "interactive";
+    id: string;
+    stringTitle: string;
+    isDisabled?: boolean;
+    data: InteractiveItemData;
+    subMenu?: IUiMenuItem<InteractiveItemData, StaticItemData>[];
+}
+/**
+ * @internal
+ */
+export type IUiMenuItem<InteractiveItemData, StaticItemData = React.ReactNode> = IUiMenuStaticItem<StaticItemData> | IUiMenuInteractiveItem<InteractiveItemData, StaticItemData>;
+/**
+ * @internal
+ */
+export interface UiMenuInteractiveItemProps<InteractiveItemData, StaticItemData = React.ReactNode> {
+    item: IUiMenuInteractiveItem<InteractiveItemData, StaticItemData>;
+    isFocused: boolean;
+    onSelect: () => void;
+}
+/**
+ * @internal
+ */
+export interface UiMenuStaticItemProps<T> {
+    item: IUiMenuStaticItem<T>;
+}
+/**
+ * @internal
+ */
+export interface UiMenuHeaderProps<InteractiveItemData, StaticItemData = React.ReactNode> {
+    onBack?: () => void;
+    onClose?: () => void;
+    parentItem?: IUiMenuInteractiveItem<InteractiveItemData, StaticItemData>;
+}
+/**
+ * @internal
+ */
+export type ControlType = "keyboard" | "mouse" | "unknown";
+/**
+ * @internal
+ */
+export interface IUiMenuContext<InteractiveItemData, StaticItemData = React.ReactNode> {
+    items: IUiMenuItem<InteractiveItemData, StaticItemData>[];
+    focusedItem: IUiMenuInteractiveItem<InteractiveItemData, StaticItemData> | undefined;
+    itemRefs: React.MutableRefObject<{
+        [id: string]: HTMLElement;
+    }>;
+    onSelect: (item: IUiMenuInteractiveItem<InteractiveItemData, StaticItemData> | undefined) => void;
+    onClose?: () => void;
+    setFocusedId: React.Dispatch<React.SetStateAction<string | undefined>>;
+    isItemFocusable: (item: IUiMenuItem<InteractiveItemData, StaticItemData>) => boolean;
+}
+/**
+ * @internal
+ */
+export interface UiMenuProps<InteractiveItemData, StaticItemData = React.ReactNode> {
+    items: IUiMenuItem<InteractiveItemData, StaticItemData>[];
+    className?: string;
+    itemClassName?: ((item: IUiMenuItem<InteractiveItemData, StaticItemData>) => string | undefined) | string;
+    maxWidth?: number;
+    onSelect?: (item: IUiMenuInteractiveItem<InteractiveItemData, StaticItemData>) => void;
+    onClose?: () => void;
+    onUnhandledKeyDown?: (event: React.KeyboardEvent, context: IUiMenuContext<InteractiveItemData, StaticItemData>) => void;
+    InteractiveItemComponent?: React.ComponentType<UiMenuInteractiveItemProps<InteractiveItemData, StaticItemData>>;
+    StaticItemComponent?: React.ComponentType<UiMenuStaticItemProps<StaticItemData>>;
+    MenuHeaderComponent?: React.ComponentType<UiMenuHeaderProps<InteractiveItemData, StaticItemData>>;
+    shouldKeyboardActionPreventDefault?: boolean;
+    shouldKeyboardActionStopPropagation?: boolean;
+    shouldCloseOnSelect?: boolean;
+    isDisabledFocusable?: boolean;
+    ariaAttributes: Omit<IDropdownBodyRenderProps["ariaAttributes"], "role">;
+}
+//# sourceMappingURL=types.d.ts.map

package/esm/@ui/UiMenu/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiMenu/types.ts"],"names":[],"mappings":"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"}

package/esm/@ui/UiMenu/types.js

@@ -0,0 +1,3 @@
+// (C) 2025 GoodData Corporation
+export {};
+//# sourceMappingURL=types.js.map

package/esm/@ui/UiMenu/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/@ui/UiMenu/types.ts"],"names":[],"mappings":"AAAA,gCAAgC"}

package/esm/index.d.ts

@@ -98,6 +98,10 @@ export type { IAccessibilityConfigBase, IMenuAccessibilityConfig, IMenuContainer
 export { UiListbox } from "./@ui/UiListbox/UiListbox.js";
 export { DefaultUiListboxInteractiveItemComponent } from "./@ui/UiListbox/defaults/DefaultUiListboxInteractiveItemComponent.js";
 export { separatorStaticItem, DefaultUiListboxStaticItemComponent, } from "./@ui/UiListbox/defaults/DefaultUiListboxStaticItemComponent.js";
-export type { UiListboxProps, IListboxContext, IUiListboxItem, IUiListboxStaticItem, UiListboxStaticItemProps, IUiListboxInteractiveItem, UiListboxInteractiveItemProps, } from "./@ui/UiListbox/types.js";
+export type { UiListboxProps, IUiListboxContext, IUiListboxItem, IUiListboxStaticItem, UiListboxStaticItemProps, IUiListboxInteractiveItem, UiListboxInteractiveItemProps, } from "./@ui/UiListbox/types.js";
+export { UiMenu } from "./@ui/UiMenu/UiMenu.js";
+export { DefaultUiMenuInteractiveItemComponent } from "./@ui/UiMenu/defaults/DefaultUiMenuInteractiveItemComponent.js";
+export { DefaultUiMenuStaticItemComponent } from "./@ui/UiMenu/defaults/DefaultUiMenuStaticItemComponent.js";
+export type { UiMenuProps, IUiMenuContext, IUiMenuItem, IUiMenuStaticItem, UiMenuStaticItemProps, IUiMenuInteractiveItem, UiMenuInteractiveItemProps, UiMenuHeaderProps, } from "./@ui/UiMenu/types.js";
 export { makeMenuKeyboardNavigation } from "./@ui/@utils/keyboardNavigation.js";
 //# sourceMappingURL=index.d.ts.map

package/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/esm/index.js

@@ -85,5 +85,8 @@ export { UiFocusTrap } from "./@ui/UiFocusTrap/UiFocusTrap.js";
 export { UiListbox } from "./@ui/UiListbox/UiListbox.js";
 export { DefaultUiListboxInteractiveItemComponent } from "./@ui/UiListbox/defaults/DefaultUiListboxInteractiveItemComponent.js";
 export { separatorStaticItem, DefaultUiListboxStaticItemComponent, } from "./@ui/UiListbox/defaults/DefaultUiListboxStaticItemComponent.js";
+export { UiMenu } from "./@ui/UiMenu/UiMenu.js";
+export { DefaultUiMenuInteractiveItemComponent } from "./@ui/UiMenu/defaults/DefaultUiMenuInteractiveItemComponent.js";
+export { DefaultUiMenuStaticItemComponent } from "./@ui/UiMenu/defaults/DefaultUiMenuStaticItemComponent.js";
 export { makeMenuKeyboardNavigation } from "./@ui/@utils/keyboardNavigation.js";
 //# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

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

@@ -557,6 +557,17 @@ export declare function DefaultUiListboxInteractiveItemComponent<T>({ item, isFo
  */
 export declare function DefaultUiListboxStaticItemComponent<T>({ item, }: UiListboxStaticItemProps<T>): React_2.ReactNode;
 
+/**
+ * @internal
+ */
+export declare function DefaultUiMenuInteractiveItemComponent<InteractiveItemData, StaticItemData>({ item, isFocused, onSelect, }: UiMenuInteractiveItemProps<InteractiveItemData, StaticItemData>): React_2.ReactNode;
+
+/**
+ * By default just renders the data.
+ * @internal
+ */
+export declare function DefaultUiMenuStaticItemComponent<T>({ item }: UiMenuStaticItemProps<T>): React_2.ReactNode;
+
 /**
  * @internal
  */
@@ -2863,20 +2874,6 @@ export declare interface ILegacySingleSelectListProps<T> {
     width: number;
 }
 
-/**
- * @internal
- */
-export declare interface IListboxContext<InteractiveItemData, StaticItemData = React_2.ReactNode> {
-    items: IUiListboxItem<InteractiveItemData, StaticItemData>[];
-    itemRefs: React_2.MutableRefObject<(HTMLLIElement | null)[]>;
-    onSelect: (item: IUiListboxInteractiveItem<InteractiveItemData>) => void;
-    onClose?: () => void;
-    selectedItemId: string | undefined;
-    focusedIndex: number | undefined;
-    setFocusedIndex: React_2.Dispatch<React_2.SetStateAction<number>>;
-    isItemFocusable: (item: IUiListboxItem<InteractiveItemData, StaticItemData>) => boolean;
-}
-
 /**
  * @internal
  */
@@ -4321,6 +4318,20 @@ export declare interface IUiChipAccessibilityConfig extends IAccessibilityConfig
     deleteAriaLabel?: string;
 }
 
+/**
+ * @internal
+ */
+export declare interface IUiListboxContext<InteractiveItemData, StaticItemData = React_2.ReactNode> {
+    items: IUiListboxItem<InteractiveItemData, StaticItemData>[];
+    itemRefs: React_2.MutableRefObject<(HTMLLIElement | null)[]>;
+    onSelect: (item: IUiListboxInteractiveItem<InteractiveItemData>) => void;
+    onClose?: () => void;
+    selectedItemId: string | undefined;
+    focusedIndex: number | undefined;
+    setFocusedIndex: React_2.Dispatch<React_2.SetStateAction<number | undefined>>;
+    isItemFocusable: (item: IUiListboxItem<InteractiveItemData, StaticItemData>) => boolean;
+}
+
 /**
  * @internal
  */
@@ -4346,6 +4357,47 @@ export declare interface IUiListboxStaticItem<T> {
     data: T;
 }
 
+/**
+ * @internal
+ */
+export declare interface IUiMenuContext<InteractiveItemData, StaticItemData = React_2.ReactNode> {
+    items: IUiMenuItem<InteractiveItemData, StaticItemData>[];
+    focusedItem: IUiMenuInteractiveItem<InteractiveItemData, StaticItemData> | undefined;
+    itemRefs: React_2.MutableRefObject<{
+        [id: string]: HTMLElement;
+    }>;
+    onSelect: (item: IUiMenuInteractiveItem<InteractiveItemData, StaticItemData> | undefined) => void;
+    onClose?: () => void;
+    setFocusedId: React_2.Dispatch<React_2.SetStateAction<string | undefined>>;
+    isItemFocusable: (item: IUiMenuItem<InteractiveItemData, StaticItemData>) => boolean;
+}
+
+/**
+ * @internal
+ */
+export declare interface IUiMenuInteractiveItem<InteractiveItemData, StaticItemData = React_2.ReactNode> {
+    type: "interactive";
+    id: string;
+    stringTitle: string;
+    isDisabled?: boolean;
+    data: InteractiveItemData;
+    subMenu?: IUiMenuItem<InteractiveItemData, StaticItemData>[];
+}
+
+/**
+ * @internal
+ */
+export declare type IUiMenuItem<InteractiveItemData, StaticItemData = React_2.ReactNode> = IUiMenuStaticItem<StaticItemData> | IUiMenuInteractiveItem<InteractiveItemData, StaticItemData>;
+
+/**
+ * @internal
+ */
+export declare interface IUiMenuStaticItem<T> {
+    type: "static";
+    id?: string;
+    data: T;
+}
+
 /**
  * @internal
  */
@@ -4964,7 +5016,10 @@ export declare type Separators = {
 /**
  * @internal
  */
-export declare const separatorStaticItem: IUiListboxStaticItem<React_2.ReactNode>;
+export declare const separatorStaticItem: {
+    data: React_2.JSX.Element;
+    type: "static";
+};
 
 /**
  * @internal
@@ -5451,7 +5506,7 @@ export declare interface UiListboxProps<InteractiveItemData, StaticItemData = Re
     maxWidth?: number;
     onSelect?: (item: IUiListboxInteractiveItem<InteractiveItemData>) => void;
     onClose?: () => void;
-    onUnhandledKeyDown?: (event: React_2.KeyboardEvent, context: IListboxContext<InteractiveItemData, StaticItemData>) => void;
+    onUnhandledKeyDown?: (event: React_2.KeyboardEvent, context: IUiListboxContext<InteractiveItemData, StaticItemData>) => void;
     selectedItemId?: string;
     InteractiveItemComponent?: React_2.ComponentType<UiListboxInteractiveItemProps<InteractiveItemData>>;
     StaticItemComponent?: React_2.ComponentType<UiListboxStaticItemProps<StaticItemData>>;
@@ -5459,7 +5514,7 @@ export declare interface UiListboxProps<InteractiveItemData, StaticItemData = Re
     shouldKeyboardActionStopPropagation?: boolean;
     shouldCloseOnSelect?: boolean;
     isDisabledFocusable?: boolean;
-    ariaAttributes: IDropdownBodyRenderProps["ariaAttributes"];
+    ariaAttributes: Omit<IDropdownBodyRenderProps["ariaAttributes"], "role">;
 }
 
 /**
@@ -5469,6 +5524,61 @@ export declare interface UiListboxStaticItemProps<T> {
     item: IUiListboxStaticItem<T>;
 }
 
+/**
+ * An accessible menu component that can be navigated by keyboard.
+ * Usable in a <Dropdown /> component.
+ * Should implement https://www.w3.org/WAI/ARIA/apg/patterns/menubar/
+ *
+ * @internal
+ */
+export declare function UiMenu<InteractiveItemData, StaticItemData>({ items, className, itemClassName, maxWidth, onSelect, onClose, onUnhandledKeyDown, InteractiveItemComponent, StaticItemComponent, MenuHeaderComponent, shouldKeyboardActionPreventDefault, shouldKeyboardActionStopPropagation, shouldCloseOnSelect, isDisabledFocusable, ariaAttributes, }: UiMenuProps<InteractiveItemData, StaticItemData>): React_2.ReactNode;
+
+/**
+ * @internal
+ */
+export declare interface UiMenuHeaderProps<InteractiveItemData, StaticItemData = React_2.ReactNode> {
+    onBack?: () => void;
+    onClose?: () => void;
+    parentItem?: IUiMenuInteractiveItem<InteractiveItemData, StaticItemData>;
+}
+
+/**
+ * @internal
+ */
+export declare interface UiMenuInteractiveItemProps<InteractiveItemData, StaticItemData = React_2.ReactNode> {
+    item: IUiMenuInteractiveItem<InteractiveItemData, StaticItemData>;
+    isFocused: boolean;
+    onSelect: () => void;
+}
+
+/**
+ * @internal
+ */
+export declare interface UiMenuProps<InteractiveItemData, StaticItemData = React_2.ReactNode> {
+    items: IUiMenuItem<InteractiveItemData, StaticItemData>[];
+    className?: string;
+    itemClassName?: ((item: IUiMenuItem<InteractiveItemData, StaticItemData>) => string | undefined) | string;
+    maxWidth?: number;
+    onSelect?: (item: IUiMenuInteractiveItem<InteractiveItemData, StaticItemData>) => void;
+    onClose?: () => void;
+    onUnhandledKeyDown?: (event: React_2.KeyboardEvent, context: IUiMenuContext<InteractiveItemData, StaticItemData>) => void;
+    InteractiveItemComponent?: React_2.ComponentType<UiMenuInteractiveItemProps<InteractiveItemData, StaticItemData>>;
+    StaticItemComponent?: React_2.ComponentType<UiMenuStaticItemProps<StaticItemData>>;
+    MenuHeaderComponent?: React_2.ComponentType<UiMenuHeaderProps<InteractiveItemData, StaticItemData>>;
+    shouldKeyboardActionPreventDefault?: boolean;
+    shouldKeyboardActionStopPropagation?: boolean;
+    shouldCloseOnSelect?: boolean;
+    isDisabledFocusable?: boolean;
+    ariaAttributes: Omit<IDropdownBodyRenderProps["ariaAttributes"], "role">;
+}
+
+/**
+ * @internal
+ */
+export declare interface UiMenuStaticItemProps<T> {
+    item: IUiMenuStaticItem<T>;
+}
+
 /**
  * @internal
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-kit",
-  "version": "10.27.0-alpha.12",
+  "version": "10.27.0-alpha.13",
   "description": "GoodData SDK - UI Building Components",
   "repository": {
     "type": "git",
@@ -70,11 +70,11 @@
     "tslib": "^2.5.0",
     "uuid": "^8.3.2",
     "unified": "^11.0.5",
-    "@gooddata/sdk-backend-spi": "10.27.0-alpha.12",
-    "@gooddata/sdk-model": "10.27.0-alpha.12",
-    "@gooddata/sdk-ui-theme-provider": "10.27.0-alpha.12",
-    "@gooddata/util": "10.27.0-alpha.12",
-    "@gooddata/sdk-ui": "10.27.0-alpha.12"
+    "@gooddata/sdk-model": "10.27.0-alpha.13",
+    "@gooddata/sdk-backend-spi": "10.27.0-alpha.13",
+    "@gooddata/sdk-ui": "10.27.0-alpha.13",
+    "@gooddata/sdk-ui-theme-provider": "10.27.0-alpha.13",
+    "@gooddata/util": "10.27.0-alpha.13"
   },
   "peerDependencies": {
     "react": "^16.10.0 || ^17.0.0 || ^18.0.0",
@@ -133,8 +133,8 @@
     "typescript": "5.3.3",
     "vitest": "3.0.8",
     "vitest-dom": "0.1.1",
-    "@gooddata/reference-workspace": "10.27.0-alpha.12",
-    "@gooddata/sdk-backend-mockingbird": "10.27.0-alpha.12"
+    "@gooddata/reference-workspace": "10.27.0-alpha.13",
+    "@gooddata/sdk-backend-mockingbird": "10.27.0-alpha.13"
   },
   "scripts": {
     "clean": "rm -rf ci dist esm coverage styles/css *.log tsconfig.tsbuildinfo",

package/src/@ui/UiMenu/UiMenu.scss

@@ -0,0 +1,115 @@
+// (C) 2025 GoodData Corporation
+
+@use "../../../styles/scss/variables";
+
+.gd-ui-kit-menu {
+    $root: &;
+
+    max-height: 300px;
+    width: 100%;
+    min-width: 200px;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    user-select: none;
+
+    &__items-container {
+        width: 100%;
+        height: 100%;
+        overflow-y: auto;
+        overflow-x: hidden;
+    }
+
+    @media #{variables.$small-only} {
+        // !important to override inline style from maxWidth prop
+        /* stylelint-disable-next-line declaration-no-important */
+        max-width: 100vw !important;
+        max-height: 100vh;
+        width: 100vw;
+    }
+
+    &__menu-header {
+        display: flex;
+        gap: 0.5rem;
+        align-items: center;
+        width: 100%;
+        background: variables.$default-is-focused-background;
+        border-bottom: 1px solid variables.$gd-border-color;
+
+        &-title {
+            line-height: 2rem;
+            cursor: pointer;
+            display: flex;
+            gap: 0.5rem;
+            align-items: center;
+            flex-grow: 1;
+            background: none;
+            border: none;
+            font-size: 11px;
+            color: variables.$gd-color-state-blank;
+            overflow: hidden;
+
+            &-text {
+                margin: 0;
+                white-space: nowrap;
+                font-weight: bold;
+                text-transform: uppercase;
+                overflow: hidden;
+            }
+        }
+        &-close-icon {
+            flex-shrink: 0;
+        }
+    }
+
+    &__items {
+        list-style: none;
+        margin: 0;
+        padding: 0;
+        outline: none;
+
+        &:focus-visible #{$root}__item--isFocused {
+            outline-offset: -2px;
+            outline: auto 5px Highlight; /* For Firefox */
+            // stylelint-disable-next-line declaration-block-no-duplicate-properties
+            outline: auto 5px -webkit-focus-ring-color; /* For Chrome */
+        }
+    }
+
+    &__item {
+        padding: 8px 10px;
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        font-size: 14px;
+        line-height: 20px;
+        color: variables.$gd-color-text;
+        transition: background-color 0.2s;
+
+        // Controlled by mouse and has hover
+        #{$root}--controlType-mouse &:hover:not(&--isDisabled) {
+            background-color: variables.$is-focused-background;
+            color: variables.$is-focused-color;
+        }
+
+        // Controlled by keyboard and has focus, not disabled
+        #{$root}--controlType-keyboard #{$root}__items:focus &--isFocused:not(&--isDisabled) {
+            background-color: variables.$is-focused-background;
+            color: variables.$is-focused-color;
+        }
+        // Controlled by keyboard and has focus, disabled
+        #{$root}--controlType-keyboard #{$root}__items:focus &--isFocused#{&}--isDisabled {
+            background-color: variables.$is-focused-background;
+        }
+
+        &--isDisabled {
+            color: variables.$gd-color-disabled;
+            cursor: not-allowed;
+        }
+    }
+
+    &__item-title {
+        width: 100%;
+        white-space: nowrap;
+    }
+}

package/src/@ui/index.scss

@@ -7,3 +7,4 @@
 @use "./UiPagedVirtualList/UiPagedVirtualList.scss";
 @use "./UiChip/UiChip.scss";
 @use "./UiListbox/UiListbox.scss";
+@use "./UiMenu/UiMenu.scss";