chore(release): 4.11.4 [CI SKIP]

CHANGELOG.md

@@ -1,3 +1,18 @@
+## [4.11.4](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v4.11.3...v4.11.4) (2026-05-15)
+
+
+### Bug Fixes
+
+* **dropdown:** hack to fix styling in dropdownitem ([e44664c](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/e44664c9704b3b284284619bc26cf6a910890136))
+* **Field:** fix filter for field on beta ([ac8da8e](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/ac8da8e9b650cfcabcd3e5752e1475e91e7edf7a))
+
+## [4.11.3](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v4.11.2...v4.11.3) (2026-03-22)
+
+
+### Bug Fixes
+
+* **Tabs:** update for latest beta ([#129](https://github.com/SteamDeckHomebrew/decky-frontend-lib/issues/129)) ([3126dd3](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/3126dd3e040eaef00eb0362b69efb143d7e01030))
+
 ## [4.11.2](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v4.11.1...v4.11.2) (2026-03-21)
 
 

package.json

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

src/components/Dropdown.tsx

@@ -42,6 +42,8 @@ export const Dropdown = Object.values(CommonUIModule).find(
 export interface DropdownItemProps extends DropdownProps, ItemProps {}
 
 const dropdownItemRegex = createPropListRegex(["dropDownControlRef", "description"], false);
-export const DropdownItem = Object.values(CommonUIModule).find((mod: any) =>
+export const DropdownItemInternal = Object.values(CommonUIModule).find((mod: any) =>
   mod?.toString && dropdownItemRegex.test(mod.toString()),
 ) as FC<DropdownItemProps>;
+
+export const DropdownItem = ((args: DropdownItemProps) => <DropdownItemInternal childrenContainerWidth="min" {...args}/>) as FC<DropdownItemProps>;

src/components/Field.ts

@@ -24,6 +24,7 @@ export interface FieldProps extends FooterLegendProps {
   onClick?: (e: CustomEvent | MouseEvent) => void;
 }
 
-export const Field = findModuleExport((e: Export) => e?.render?.toString().includes('"shift-children-below"')) as FC<
+// new || old
+export const Field = findModuleExport((e: Export) => (e?.toString()?.includes('().Field') && e?.toString()?.includes('"shift-children-below"')) || e?.render?.toString()?.includes('"shift-children-below"')) as FC<
   FieldProps & RefAttributes<HTMLDivElement>
 >;

src/components/Item.ts

@@ -7,6 +7,7 @@ export interface ItemProps {
   layout?: 'below' | 'inline';
   icon?: ReactNode;
   bottomSeparator?: 'standard' | 'thick' | 'none';
+  childrenContainerWidth?: 'min' | 'max' | 'fixed'; // Does not work with layout==='below'
   indentLevel?: number;
   tooltip?: string;
   highlightOnFocus?: boolean;

src/components/Tabs.ts

@@ -67,4 +67,4 @@ const tabsModule = findModuleByExport(e => e?.toString?.()?.includes(".TabRowTab
 /**
  * Tabs component as used in the library and media tabs. See {@link TabsProps}.
  */
-export const Tabs = tabsModule && Object.values(tabsModule).find((e: any) => e?.type?.toString?.()?.includes("((function()")) as FC<TabsProps>;
+export const Tabs = tabsModule && Object.values(tabsModule).find((e: any) => e?.type?.toString?.()?.includes("(function()")) as FC<TabsProps>;