@decky/ui 4.10.0 → 4.10.1

package/dist/components/Menu.js

@@ -1,9 +1,11 @@
-import { findModuleByExport, findModuleExport } from '../webpack';
+import { findModuleByExport, findModuleDetailsByExport, findModuleExport } from '../webpack';
 export const showContextMenu = findModuleExport((e) => typeof e === 'function' &&
     e.toString().includes('GetContextMenuManagerFromWindow(') &&
     e.toString().includes('.CreateContextMenuInstance('));
-export const Menu = findModuleExport((e) => e?.prototype?.HideIfSubmenu && e?.prototype?.HideMenu);
+const MenuModule = findModuleDetailsByExport((e) => e?.render?.toString()?.includes('bPlayAudio:') || (e?.prototype?.OnOKButton && e?.prototype?.OnMouseEnter));
+export const Menu = findModuleExport((e) => e?.prototype?.HideIfSubmenu && e?.prototype?.HideMenu) ||
+    Object.values(MenuModule?.[0] ?? {}).find((e) => e?.toString()?.includes?.(`useId`) && e?.toString()?.includes?.(`labelId`));
 const MenuGoupModule = findModuleByExport(e => e?.prototype?.Focus && e?.prototype?.OnOKButton && e?.prototype?.render?.toString().includes?.(`"emphasis"==this.props.tone`));
 export const MenuGroup = MenuGoupModule && Object.values(MenuGoupModule).find((e) => typeof e == "function" && e?.toString?.()?.includes("bInGamepadUI:"));
-export const MenuItem = findModuleExport((e) => e?.render?.toString?.()?.includes('bPlayAudio:') || (e?.prototype?.OnOKButton && e?.prototype?.OnMouseEnter));
+export const MenuItem = MenuModule?.[1];
 export const MenuSeparator = findModuleExport((e) => typeof e === 'function' && /className:.+?\.ContextMenuSeparator/.test(e.toString()));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decky/ui",
-  "version": "4.10.0",
+  "version": "4.10.1",
   "description": "A library for interacting with the Steam frontend in Decky plugins and elsewhere.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/Menu.ts

@@ -1,6 +1,6 @@
 import { FC, ReactNode } from 'react';
 
-import { Export, findModuleByExport, findModuleExport } from '../webpack';
+import { Export, findModuleByExport, findModuleDetailsByExport, findModuleExport } from '../webpack';
 import { FooterLegendProps } from './FooterLegend';
 
 interface PopupCreationOptions {
@@ -134,9 +134,11 @@ export interface MenuProps extends FooterLegendProps {
   children?: ReactNode;
 }
 
-export const Menu: FC<MenuProps> = findModuleExport(
-  (e: Export) => e?.prototype?.HideIfSubmenu && e?.prototype?.HideMenu,
-);
+const MenuModule = findModuleDetailsByExport((e: Export) => e?.render?.toString()?.includes('bPlayAudio:') || (e?.prototype?.OnOKButton && e?.prototype?.OnMouseEnter));
+
+export const Menu: FC<MenuProps> =
+	findModuleExport((e: Export) => e?.prototype?.HideIfSubmenu && e?.prototype?.HideMenu) || // Legacy Menu
+	(Object.values(MenuModule?.[0] ?? {}).find((e) => e?.toString()?.includes?.(`useId`) && e?.toString()?.includes?.(`labelId`)) as FC<MenuProps>); // New Menu 6/15/2025
 
 export interface MenuGroupProps {
   label: string;
@@ -159,10 +161,7 @@ export interface MenuItemProps extends FooterLegendProps {
   children?: ReactNode;
 }
 
-export const MenuItem: FC<MenuItemProps> = findModuleExport(
-  (e: Export) =>
-    e?.render?.toString?.()?.includes('bPlayAudio:') || (e?.prototype?.OnOKButton && e?.prototype?.OnMouseEnter),
-);
+export const MenuItem: FC<MenuItemProps> = MenuModule?.[1];
 
 export const MenuSeparator: FC = findModuleExport(
   (e: Export) => typeof e === 'function' && /className:.+?\.ContextMenuSeparator/.test(e.toString()),