chore(release): 4.8.3 [CI SKIP]

Merge branch 'main' of github.com:steamdeckhomebrew/decky-frontend-lib
fix(utils): add new nav root name
2026-05-20 10:00:08 +02:00 · 2024-12-14 03:28:48 +00:00 · 2024-12-13 22:28:22 -05:00 · 2024-12-13 22:27:26 -05:00 · 2024-11-20 19:50:37 +00:00 · 2024-11-20 14:50:10 -05:00
78 changed files with 7881 additions and 6122 deletions
--- a/.github/workflows/docs.yaml
+++ b/.github/workflows/docs.yaml
@@ -1,9 +1,10 @@
 name: Generate docs

 on:
-  push:
-    branches:
-      - main
+  workflow_dispatch:
+  # push:
+  #   branches:
+  #     - main

 jobs:
  release:
@@ -11,19 +12,19 @@ jobs:
    runs-on: ubuntu-22.04
    steps:
      - name: Setup | Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
        with:
          fetch-depth: 0
          path: lib
      - name: Setup | Checkout wiki
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
        with:
          repository: SteamDeckHomebrew/wiki
          path: wiki
          ssh-key: ${{ secrets.SSH_DEPLOY_KEY }}
          persist-credentials: true
      - name: Setup | Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
        with:
          node-version: 18
      - name: Setup | Dependencies
@@ -51,4 +52,4 @@ jobs:
          ssh: true
          directory: ./wiki
          repository: SteamDeckHomebrew/wiki
-          branch: main
+          branch: main
--- a/.github/workflows/release.yaml
+++ b/.github/workflows/release.yaml
@@ -12,13 +12,13 @@ jobs:
    runs-on: ubuntu-22.04
    steps:
      - name: Setup | Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
        with:
          fetch-depth: 0
      - name: Setup | Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
        with:
-          node-version: 16
+          node-version: 20
      - name: Setup | Dependencies
        run: npm i -g pnpm && pnpm i --frozen-lockfile
      - name: Build
@@ -29,5 +29,5 @@ jobs:
        if: github.event_name != 'pull_request'
        env:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN_DECKY_ORG }}
        run: pnpm exec semantic-release
--- a/.releaserc.json
+++ b/.releaserc.json
@@ -1,14 +1,14 @@
 {
-  "branches": ["main", "dev"],
+  "branches": ["main", "v4-dev"],
  "plugins": [
    [
      "@semantic-release/commit-analyzer",
      {
        "preset": "angular",
        "releaseRules": [
-          {"type": "chore", "scope": "classes", "release": "patch"},
-          {"type": "docs", "scope": "steamclient", "release": "patch"},
-          {"type": "*", "scope": "docs", "release": false}
+          { "type": "chore", "scope": "classes", "release": "patch" },
+          { "type": "docs", "scope": "steamclient", "release": "patch" },
+          { "type": "*", "scope": "docs", "release": false }
        ]
      }
    ],
--- a/.vscode/tasks.json
+++ b/.vscode/tasks.json
@@ -1,15 +1,13 @@
 {
-	"version": "2.0.0",
-	"tasks": [
-		{
-			"type": "npm",
-			"script": "dev",
-			"problemMatcher": [
-				"$tsc-watch"
-			],
-			"label": "npm: dev",
-			"detail": "tsc -b -w",
-			"isBackground": true
-		}
-	]
-}
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "type": "npm",
+      "script": "dev",
+      "problemMatcher": ["$tsc-watch"],
+      "label": "npm: dev",
+      "detail": "tsc -b -w",
+      "isBackground": true
+    }
+  ]
+}
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,219 @@
+## [4.8.3](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v4.8.2...v4.8.3) (2024-12-14)
+
+
+### Bug Fixes
+
+* **utils:** add new nav root name ([a43cd7f](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/a43cd7f3c56a2e30e332417e5b4abde8f4492be1))
+
+## [4.8.2](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v4.8.1...v4.8.2) (2024-11-20)
+
+
+### Bug Fixes
+
+* **Footer:** add missing focus/nav properties ([#113](https://github.com/SteamDeckHomebrew/decky-frontend-lib/issues/113)) ([8117693](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/8117693427e4dba2f3b5bd24f36704d8d5e65ae2))
+
+## [4.8.1](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v4.8.0...v4.8.1) (2024-10-11)
+
+
+### Bug Fixes
+
+* **DialogCheckbox:** prevent some potential issues in dialogcheckbox ([bf58e08](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/bf58e08e4b5b183737c9ad43a858b642ce593f93))
+* prevent issues where toString may not be a function (what) ([e965816](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/e96581614471524cbf91bf962742df867ba3c3e9))
+
+# [4.8.0](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v4.7.4...v4.8.0) (2024-10-05)
+
+
+### Bug Fixes
+
+* **components/Modal:** dont break in desktop ui ([bea9ac7](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/bea9ac777452b883c2f3f3ebf8510c22c4577cd0))
+* **components/Router:** dont break in desktop ui ([980df68](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/980df687e7b7bf389f478e831f992fb9475eeb15))
+
+
+### Features
+
+* **utils/react:** add some window-related utils ([063dedb](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/063dedbbc1573a825571c675bf6bfa8a1bc1c6cd))
+
+## [4.7.4](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v4.7.3...v4.7.4) (2024-10-04)
+
+
+### Bug Fixes
+
+* **DialogCheckbox:** don't access getters to prevent their side effects from breaking the component ([241b22c](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/241b22cad711621a1695dfd11da857f13c3fffdf))
+
+## [4.7.3](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v4.7.2...v4.7.3) (2024-10-03)
+
+
+### Bug Fixes
+
+* **components:** fix missing components on oct 2 2024 beta ([0f9fb5a](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/0f9fb5a3b8ef4f9978025a28323ab080fb0e7a4c))
+
+## [4.7.2](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v4.7.1...v4.7.2) (2024-09-16)
+
+
+### Bug Fixes
+
+* **utils:** fix potential race condition in findSP ([3aa07dc](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/3aa07dc9ce798ff8d1148424ee9e8a8bf2ba78c6))
+
+## [4.7.1](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v4.7.0...v4.7.1) (2024-08-08)
+
+
+### Bug Fixes
+
+* **utils/react:** fix potential race condition in injectFCTrampoline ([4c97097](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/4c97097757919580a380b70785e6c161de6b03cc))
+
+# [4.7.0](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v4.6.0...v4.7.0) (2024-07-28)
+
+
+### Features
+
+* **router:** support desktop bpm overlay ([7eb484d](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/7eb484d55c6be6e7844878eb47eda55591a6cf51))
+
+# [4.6.0](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v4.5.0...v4.6.0) (2024-07-26)
+
+
+### Features
+
+* **classMapper:** add findClassByName back ([2b8d2ae](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/2b8d2ae4dbd9a0c4a59a43be0101a0a8fe1c518f))
+
+# [4.5.0](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v4.4.0...v4.5.0) (2024-07-24)
+
+
+### Features
+
+* **classMapper:** add classModuleMap, make findClass require ID ([a370c1f](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/a370c1f7d3dca0db56a346c98c28ed9681a415e0))
+* **webpack:** refactor to prepare for classMapper changes ([d83bada](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/d83bada4af2d16c750955de9a52f94a0080a2c14))
+
+# [4.4.0](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v4.3.1...v4.4.0) (2024-07-18)
+
+
+### Features
+
+* **utils/react:** add injectFCTrampoline ([44fdf9e](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/44fdf9ed3b9a676a88b0ddc6a1c2c89d46ff7651))
+
+## [4.3.1](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v4.3.0...v4.3.1) (2024-07-17)
+
+
+### Bug Fixes
+
+* **Menu/MenuGroup:** rewrite filter to work on beta and prevent future errors ([d64c42a](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/d64c42ac310d3c3266c4ff610d9ec5ab6c7707b6))
+
+# [4.3.0](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v4.2.2...v4.3.0) (2024-07-09)
+
+
+### Features
+
+* **utils:** react tree patching api ([2c3a9f8](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/2c3a9f81de0b63364bb31f4a4dd8e559784ece16))
+
+## [4.2.2](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v4.2.1...v4.2.2) (2024-07-04)
+
+
+### Bug Fixes
+
+* **SteamSpinner:** add background option ([c04f024](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/c04f024b34b1148c965850965127f9fd44204157))
+
+## [4.2.1](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v4.2.0...v4.2.1) (2024-06-27)
+
+
+### Bug Fixes
+
+* **errorboundary:** work around broken react types ([3ef9648](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/3ef96483550020cecf656b94a73d2bb9313bda07))
+
+# [4.2.0](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v4.1.1...v4.2.0) (2024-06-27)
+
+
+### Features
+
+* **components:** add ErrorBoundary ([dcdbb2d](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/dcdbb2d6c7c0b72197f04153d7c3e73e9e71ea5c))
+
+## [4.1.1](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v4.1.0...v4.1.1) (2024-06-27)
+
+
+### Bug Fixes
+
+* **ReorderableList:** avoid mutating props ([#109](https://github.com/SteamDeckHomebrew/decky-frontend-lib/issues/109)) ([bd1dc85](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/bd1dc85b9202c8ec6ca994177417574fdd71cbd7))
+
+# [4.1.0](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v4.0.1...v4.1.0) (2024-06-27)
+
+
+### Features
+
+* **release:** release v4.1.0 ([b040444](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/b04044451a9dc3633fe624e47dd58c7ea206d0a3))
+
+## [4.0.1](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v4.0.0...v4.0.1) (2024-06-27)
+
+
+### Bug Fixes
+
+* **release:** empty commit to bump to v4.0.1 ([2bfe624](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/2bfe62409f775a69124e0f2e853ae0b1668a9c36))
+
+# [4.0.0](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v3.25.0...v4.0.0) (2024-06-27)
+
+
+### Bug Fixes
+
+* **ci:** empty commit so semantic-release shuts up ([8cb7c27](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/8cb7c273eb61c1f949844291b2864c11bf746058))
+* **ci:** temp remove npm publisher ([abfd2c0](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/abfd2c010508ddf6e18149374dc52b50402ffb4c))
+* **components:** fix missing children prop ([688c747](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/688c7471cde96bf9e9a71c47d19bd63cff7a66b3))
+* **components:** forgot one ([e6e8c91](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/e6e8c91ec7ea711f6c147f28e300f745dcbd24f4))
+* **Field:** add children prop ([2a78cc0](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/2a78cc011671ab123fb6356f54102e531a7953a8))
+* fixes for jun 26 beta ([7e0cb15](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/7e0cb153b197267f49b5e1f513b54a880bf3710f))
+* **Menu:** work around ConfigContext error ([9f26209](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/9f262097b9808a0366bb52cd24844371bbe65316))
+* **package:** fix ts memes ([ea19d62](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/ea19d62dabfbecad97c1ab9384c676f8a018f96b))
+* **package:** pin react properly ([62b454f](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/62b454f71255d5e1898677909a63612615e09083))
+* **package:** unbreak react ([b1e5038](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/b1e503853ff6d39f1e86a6180f355e73b9fd6925))
+* **plugin:** shim definePlugin for now [ci skip] ([0cd498b](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/0cd498beacbd23efa3b771880ff0a4df3f636836))
+* **utils/react:** shut it ts ([d91f49e](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/d91f49e728b613e24b40d7e81d47fd1f3bd92372))
+
+
+### Features
+
+* add v4 webpack api and port everything to it ([bffd530](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/bffd530bda9a49aae603c323c0a2b4328eee968d))
+
+
+### BREAKING CHANGES
+
+* **ci:** v4 release
+* **ci:** v4 release
+
+## [3.26.1](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v3.26.0...v3.26.1) (2024-05-25)
+
+
+### Bug Fixes
+
+* **Field:** add children prop ([2a78cc0](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/2a78cc011671ab123fb6356f54102e531a7953a8))
+* **plugin:** shim definePlugin for now [ci skip] ([0cd498b](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/0cd498beacbd23efa3b771880ff0a4df3f636836))
+
+# [3.26.0](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v3.25.0...v3.26.0) (2024-05-24)
+
+
+### Bug Fixes
+
+* **utils/react:** shut it ts ([d91f49e](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/d91f49e728b613e24b40d7e81d47fd1f3bd92372))
+
+
+### Features
+
+* add v4 webpack api and port everything to it ([bffd530](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/bffd530bda9a49aae603c323c0a2b4328eee968d))
+
+# [3.25.0](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v3.24.5...v3.25.0) (2024-03-09)
+
+
+### Bug Fixes
+
+* **staticclasses:** unbreak on latest beta ([17b99df](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/17b99dfed8e4e146d0f4f5e78a950db5b10ae2b4))
+
+
+### Features
+
+* **classMapper:** add class mapper ([a8eeb91](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/a8eeb917e22ef72905d448e159d70375ebf77ba6))
+
+## [3.24.5](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v3.24.4...v3.24.5) (2024-02-03)
+
+
+### Bug Fixes
+
+* **finds:** make modal and scroll components work on latest betaa ([c2b0fad](https://github.com/SteamDeckHomebrew/decky-frontend-lib/commit/c2b0fad298512aa8778c677275bd497bd8f7b00e))
+
 ## [3.24.4](https://github.com/SteamDeckHomebrew/decky-frontend-lib/compare/v3.24.3...v3.24.4) (2024-01-22)


--- a/README.md
+++ b/README.md
@@ -20,8 +20,11 @@ This library can also theoretically be used to extend existing UI elements of th

 ### Getting Started (Developers)

-If you would like a feature added to decky-frontend-lib, please request it via a Github issue.  
+If you would like a feature added to decky-frontend-lib, please request it via a Github issue.

 If you want to start making a plugin with decky-frontend-lib, please direct your attention to the [decky-plugin-template](https://github.com/SteamDeckHomebrew/decky-plugin-template) repository.

 This library can be found on [npm](https://www.npmjs.com/package/decky-frontend-lib) and as such you can pull it without a local copy for your project as needed.
+
+Tips for fixing failing module finds after Steam updates:
+- `Object.entries(DFL)` can point out any undefined exports
--- a/babel.config.js
+++ b/babel.config.js
@@ -1,3 +1,3 @@
 module.exports = {
-  presets: [['@babel/preset-env', { targets: { node: 'current' } }], '@babel/preset-typescript',],
+  presets: [['@babel/preset-env', { targets: { node: 'current' } }], '@babel/preset-typescript'],
 };
--- a/global.d.ts
+++ b/global.d.ts
@@ -0,0 +1,5 @@
+declare global {
+  interface Window {
+    SP_REACT: typeof React;
+  }
+}
--- a/globals.d.ts
+++ b/globals.d.ts
@@ -1,5 +0,0 @@
-declare global {
-    interface Window {
-        SP_REACT: typeof React;
-    }
-}
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
-  "name": "decky-frontend-lib",
-  "version": "3.24.4",
-  "description": "A library for building decky plugins",
+  "name": "@decky/ui",
+  "version": "4.8.3",
+  "description": "A library for interacting with the Steam frontend in Decky plugins and elsewhere.",
  "main": "dist/index.js",
  "types": "dist/index.d.ts",
  "module": "dist/index.js",
@@ -29,7 +29,7 @@
    "steam",
    "components"
  ],
-  "author": "Jonas Dellinger <jonas@dellinger.dev>",
+  "author": "SteamDeckHomebrew Team",
  "license": "LGPL-2.1",
  "bugs": {
    "url": "https://github.com/SteamDeckHomebrew/decky-frontend-lib/issues"
@@ -41,29 +41,30 @@
    }
  },
  "devDependencies": {
-    "@commitlint/cli": "^17.0.2",
-    "@commitlint/config-conventional": "^17.0.2",
-    "@commitlint/cz-commitlint": "^17.0.0",
-    "@semantic-release/changelog": "^6.0.1",
+    "@commitlint/cli": "^19.3.0",
+    "@commitlint/config-conventional": "^19.2.2",
+    "@commitlint/cz-commitlint": "^19.2.0",
+    "@semantic-release/changelog": "^6.0.3",
    "@semantic-release/git": "^10.0.1",
-    "@types/jest": "^27.4.1",
-    "@types/react": "16.14.0",
-    "@types/react-router": "5.1.18",
-    "commitizen": "^4.2.4",
-    "husky": "^8.0.1",
+    "@types/jest": "^29.5.12",
+    "@types/react": "18.3.3",
+    "@types/react-dom": "18.3.0",
+    "@types/react-router": "5.1.20",
+    "commitizen": "^4.3.0",
+    "husky": "^9.0.11",
    "import-sort-style-module": "^6.0.0",
-    "jest": "^27.5.1",
-    "minimist": "^1.2.6",
-    "prettier": "^2.7.1",
+    "jest": "^29.7.0",
+    "minimist": "^1.2.8",
+    "prettier": "^3.3.2",
    "prettier-plugin-import-sort": "^0.0.7",
-    "semantic-release": "^19.0.3",
+    "semantic-release": "^24.0.0",
    "shx": "^0.3.4",
-    "ts-jest": "^27.1.4",
-    "typedoc": "^0.23.24",
-    "typedoc-plugin-mdn-links": "^2.0.0",
-    "typedoc-plugin-missing-exports": "^1.0.0",
+    "ts-jest": "^29.1.4",
+    "typedoc": "^0.25.13",
+    "typedoc-plugin-mdn-links": "^3.1.29",
+    "typedoc-plugin-missing-exports": "^2.3.0",
    "typedoc-wikijs-theme": "^1.0.5",
-    "typescript": "^4.9.5"
+    "typescript": "^5.4.5"
  },
  "pnpm": {
    "peerDependencyRules": {
@@ -71,6 +72,12 @@
        "react",
        "react-dom"
      ]
+    },
+    "updateConfig": {
+      "ignoreDependencies": [
+        "react",
+        "react-dom"
+      ]
    }
  },
  "importSort": {
@@ -78,5 +85,9 @@
      "style": "module",
      "parser": "typescript"
    }
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "tag": "latest"
  }
 }
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/src/class-mapper.ts
+++ b/src/class-mapper.ts
@@ -0,0 +1,40 @@
+import { Module, ModuleID, createModuleMapping } from './webpack';
+
+export interface ClassModule {
+  [name: string]: string;
+}
+
+export const classModuleMap: Map<ModuleID, ClassModule> = createModuleMapping((m: Module) => {
+  if (typeof m == 'object' && !m.__esModule) {
+    const keys = Object.keys(m);
+    // special case some libraries
+    if (keys.length == 1 && m.version) return false;
+    // special case localization
+    if (keys.length > 1000 && m.AboutSettings) return false;
+
+    return keys.length > 0 && keys.every((k) => !Object.getOwnPropertyDescriptor(m, k)?.get && typeof m[k] == 'string');
+  }
+  return false;
+});
+
+export const classMap = [...classModuleMap.values()];
+
+export function findClass(id: string, name: string): string | void {
+  return classModuleMap.get(id)?.[name];
+}
+
+export function findClassByName(name: string): string | void {
+  return classMap.find((m) => m[name])?.[name];
+}
+
+export function findClassModule(filter: (module: any) => boolean): ClassModule | void {
+  return classMap.find((m) => filter(m));
+}
+
+export function unminifyClass(minifiedClass: string): string | void {
+  for (let m of classModuleMap.values()) {
+    for (let className of Object.keys(m)) {
+      if (m[className] == minifiedClass) return className;
+    }
+  }
+}
--- a/src/deck-components/Button.tsx
+++ b/src/deck-components/Button.tsx
--- a/src/components/ButtonItem.ts
+++ b/src/components/ButtonItem.ts
@@ -0,0 +1,16 @@
+import { FC } from 'react';
+
+import { CommonUIModule } from '../webpack';
+import { ItemProps } from './Item';
+import { createPropListRegex } from '../utils';
+
+export interface ButtonItemProps extends ItemProps {
+  onClick?(e: MouseEvent): void;
+  disabled?: boolean;
+}
+const buttonItemRegex = createPropListRegex(["highlightOnFocus", "childrenContainerWidth"], false);
+export const ButtonItem = Object.values(CommonUIModule).find(
+  (mod: any) =>
+    (mod?.render?.toString && buttonItemRegex.test(mod.render.toString())) || 
+    mod?.render?.toString?.().includes('childrenContainerWidth:"min"'),
+) as FC<ButtonItemProps>;
--- a/src/deck-components/Carousel.ts
+++ b/src/deck-components/Carousel.ts
@@ -1,6 +1,6 @@
-import { HTMLAttributes, ReactNode, RefAttributes, VFC } from 'react';
+import { HTMLAttributes, ReactNode, RefAttributes, FC } from 'react';

-import { findModuleChild } from '../webpack';
+import { Export, findModuleExport } from '../webpack';

 export interface CarouselProps extends HTMLAttributes<HTMLDivElement> {
  autoFocus?: boolean;
@@ -20,9 +20,6 @@ export interface CarouselProps extends HTMLAttributes<HTMLDivElement> {
  scrollToAlignment?: 'center';
 }

-export const Carousel = findModuleChild((m) => {
-  if (typeof m !== 'object') return undefined;
-  for (let prop in m) {
-    if (m[prop]?.render?.toString().includes('setFocusedColumn:')) return m[prop];
-  }
-}) as VFC<CarouselProps & RefAttributes<HTMLDivElement>>;
+export const Carousel = findModuleExport((e: Export) => e.render?.toString().includes('setFocusedColumn:')) as FC<
+  CarouselProps & RefAttributes<HTMLDivElement>
+>;
--- a/src/components/ControlsList.ts
+++ b/src/components/ControlsList.ts
@@ -0,0 +1,14 @@
+import { FC, ReactNode } from 'react';
+
+import { Export, findModuleExport } from '../webpack';
+
+export interface ControlsListProps {
+  alignItems?: 'left' | 'right' | 'center';
+  spacing?: 'standard' | 'extra';
+  children?: ReactNode;
+}
+
+export const ControlsList: FC<ControlsListProps> = findModuleExport(
+  (e: Export) =>
+    e?.toString && e.toString().includes('().ControlsListChild') && e.toString().includes('().ControlsListOuterPanel'),
+);
--- a/src/deck-components/Dialog.tsx
+++ b/src/deck-components/Dialog.tsx
@@ -1,4 +1,4 @@
-import { CSSProperties, FC, RefAttributes } from 'react';
+import { CSSProperties, FC, ReactNode, RefAttributes } from 'react';

 import { CommonUIModule } from '../webpack';
 import { FooterLegendProps } from './FooterLegend';
@@ -6,12 +6,13 @@ import { FooterLegendProps } from './FooterLegend';
 export interface DialogCommonProps extends RefAttributes<HTMLDivElement> {
  style?: CSSProperties;
  className?: string;
+  children?: ReactNode;
 }

 export interface DialogButtonProps extends DialogCommonProps, FooterLegendProps {
  /**
   * Enables/disables the focus around the button.
-   * 
+   *
   * @note
   * Default value depends on context, so setting it to `false` will enable it.
   */
@@ -19,25 +20,25 @@ export interface DialogButtonProps extends DialogCommonProps, FooterLegendProps

  /**
   * Disables the button - assigned `on*` methods will not be invoked if clicked.
-   * 
+   *
   * @note
-   * Depending on where it is, it might still get focus. In such case it can be 
+   * Depending on where it is, it might still get focus. In such case it can be
   * partially disabled separately.
-   * 
+   *
   * @see focusable.
   */
  disabled?: boolean;

  /**
   * Enables/disables the navigation based focus on button - you won't be able to navigate to
-   * it via the gamepad or keyboard. 
-   * 
+   * it via the gamepad or keyboard.
+   *
   * @note
   * If set to `false`, it still can be clicked and **WILL** become focused until navigated away.
   * Depending on the context of where the button is, even a disabled button can focused.
   */
  focusable?: boolean;
-  
+
  onClick?(e: MouseEvent): void;
  onPointerDown?(e: PointerEvent): void;
  onPointerUp?(e: PointerEvent): void;
@@ -51,13 +52,19 @@ export interface DialogButtonProps extends DialogCommonProps, FooterLegendProps
 }

 const CommonDialogDivs = Object.values(CommonUIModule).filter(
-  (m: any) => typeof m === 'object' && m?.render?.toString().includes('"div",Object.assign({},'),
+  (m: any) => typeof m === 'object' && m?.render?.toString().includes('createElement("div",{...') ||
+  m?.render?.toString().includes('createElement("div",Object.assign({},'),
 );
 const MappedDialogDivs = new Map(
  Object.values(CommonDialogDivs).map((m: any) => {
-    const renderedDiv = m.render({});
-    // Take only the first class name segment as it identifies the element we want
-    return [renderedDiv.props.className.split(' ')[0], m];
+    try {
+      const renderedDiv = m.render({});
+      // Take only the first class name segment as it identifies the element we want
+      return [renderedDiv.props.className.split(' ')[0], m];
+    } catch (e) {
+      console.error("[DFL:Dialog]: failed to render common dialog component", e);
+      return [null, null];
+    }
  }),
 );

@@ -71,14 +78,11 @@ export const DialogControlsSection = MappedDialogDivs.get('DialogControlsSection
 export const DialogControlsSectionHeader = MappedDialogDivs.get('DialogControlsSectionHeader') as FC<DialogCommonProps>;

 export const DialogButtonPrimary = Object.values(CommonUIModule).find(
-  (mod: any) => mod?.render?.toString()?.includes('DialogButton') && mod?.render?.toString()?.includes('Primary'),
+  (mod: any) => mod?.render?.toString?.()?.includes('"DialogButton","_DialogLayout","Primary"'),
 ) as FC<DialogButtonProps>;

 export const DialogButtonSecondary = Object.values(CommonUIModule).find(
-  (mod: any) =>
-    mod?.render?.toString()?.includes('Object.assign({type:"button"') &&
-    mod?.render?.toString()?.includes('DialogButton') &&
-    mod?.render?.toString()?.includes('Secondary'),
+  (mod: any) => mod?.render?.toString?.()?.includes('"DialogButton","_DialogLayout","Secondary"')
 ) as FC<DialogButtonProps>;

 // This is the "main" button. The Primary can act as a submit button,
--- a/src/components/DialogCheckbox.ts
+++ b/src/components/DialogCheckbox.ts
@@ -0,0 +1,33 @@
+import { FC, ReactNode } from 'react';
+
+import { findModuleExport } from '../webpack';
+import { DialogCommonProps } from './Dialog';
+import { FooterLegendProps } from './FooterLegend';
+
+export interface DialogCheckboxProps extends DialogCommonProps, FooterLegendProps {
+  onChange?(checked: boolean): void;
+  label?: ReactNode;
+  description?: ReactNode;
+  disabled?: boolean;
+  tooltip?: string;
+  color?: string;
+  highlightColor?: string;
+  bottomSeparator?: 'standard' | 'thick' | 'none';
+  controlled?: boolean;
+  checked?: boolean;
+  onClick?(evt: Event): void;
+}
+
+// Do not access KeyDown, SetChecked, Toggle here as they are getters and accessing them outside of a render breaks them globally
+export const DialogCheckbox = findModuleExport(e =>
+  e?.prototype &&
+  typeof e?.prototype == "object" &&
+  "GetPanelElementProps" in e?.prototype &&
+  "SetChecked" in e?.prototype &&
+  "Toggle" in e?.prototype &&
+  // beta || stable as of oct 2 2024
+  (e?.prototype?.render?.toString?.().includes('="DialogCheckbox"') || (
+    e.contextType &&
+    e.prototype?.render?.toString?.().includes('fallback:')
+  ))
+) as FC<DialogCheckboxProps>;
--- a/src/deck-components/Dropdown.tsx
+++ b/src/deck-components/Dropdown.tsx
@@ -1,7 +1,8 @@
-import { ReactNode, VFC } from 'react';
+import { ReactNode, FC } from 'react';

 import { CommonUIModule } from '../webpack';
 import { ItemProps } from './Item';
+import { createPropListRegex } from '../utils';

 export interface SingleDropdownOption {
  data: any;
@@ -19,6 +20,11 @@ export interface MultiDropdownOption {

 export type DropdownOption = SingleDropdownOption | MultiDropdownOption;

+export interface DropdownMenuPositionOptions {
+  [_: string]: unknown
+  bMatchWidth?: boolean
+}
+
 export interface DropdownProps {
  rgOptions: DropdownOption[];
  selectedOption: any;
@@ -26,7 +32,7 @@ export interface DropdownProps {
  onMenuWillOpen?(showMenu: () => void): void;
  onMenuOpened?(): void;
  onChange?(data: SingleDropdownOption): void;
-  contextMenuPositionOptions?: any;
+  contextMenuPositionOptions?: DropdownMenuPositionOptions;
  menuLabel?: string;
  strDefaultLabel?: string;
  renderButtonValue?(element: ReactNode): ReactNode;
@@ -35,10 +41,11 @@ export interface DropdownProps {

 export const Dropdown = Object.values(CommonUIModule).find(
  (mod: any) => mod?.prototype?.SetSelectedOption && mod?.prototype?.BuildMenu,
-) as VFC<DropdownProps>;
+) as FC<DropdownProps>;

 export interface DropdownItemProps extends DropdownProps, ItemProps {}

+const dropdownItemRegex = createPropListRegex(["dropDownControlRef", "description"], false);
 export const DropdownItem = Object.values(CommonUIModule).find((mod: any) =>
-  mod?.toString()?.includes('"dropDownControlRef","description"'),
-) as VFC<DropdownItemProps>;
+  mod?.toString && dropdownItemRegex.test(mod.toString()),
+) as FC<DropdownItemProps>;
--- a/src/components/ErrorBoundary.ts
+++ b/src/components/ErrorBoundary.ts
@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from "react";
+import { findModuleExport } from "../webpack";
+
+export const ErrorBoundary = findModuleExport(
+    (e) => e.InstallErrorReportingStore && e?.prototype?.Reset && e?.prototype?.componentDidCatch,
+) as FC<PropsWithChildren>; // Actually a class but @types/react is broken lol
--- a/src/deck-components/Field.tsx
+++ b/src/deck-components/Field.tsx
@@ -1,9 +1,10 @@
 import { FC, ReactNode, RefAttributes } from 'react';

-import { findModuleChild } from '../webpack';
+import { Export, findModuleExport } from '../webpack';
 import { FooterLegendProps } from './FooterLegend';

 export interface FieldProps extends FooterLegendProps {
+  children?: ReactNode;
  label?: ReactNode;
  bottomSeparator?: 'standard' | 'thick' | 'none';
  description?: ReactNode;
@@ -23,9 +24,6 @@ export interface FieldProps extends FooterLegendProps {
  onClick?: (e: CustomEvent | MouseEvent) => void;
 }

-export const Field = findModuleChild((m) => {
-  if (typeof m !== 'object') return undefined;
-  for (let prop in m) {
-    if (m[prop]?.render?.toString().includes('"shift-children-below"')) return m[prop];
-  }
-}) as FC<FieldProps & RefAttributes<HTMLDivElement>>;
+export const Field = findModuleExport((e: Export) => e?.render?.toString().includes('"shift-children-below"')) as FC<
+  FieldProps & RefAttributes<HTMLDivElement>
+>;
--- a/src/components/FocusRing.ts
+++ b/src/components/FocusRing.ts
@@ -0,0 +1,15 @@
+import { ElementType, FC, ReactNode } from 'react';
+
+import { Export, findModuleExport } from '../webpack';
+
+export interface FocusRingProps {
+  className?: string;
+  rootClassName?: string;
+  render?: ElementType;
+  children?: ReactNode;
+  NavigationManager?: any;
+}
+
+export const FocusRing = findModuleExport((e: Export) =>
+  e?.toString?.()?.includes('.GetShowDebugFocusRing())'),
+) as FC<FocusRingProps>;
--- a/src/components/Focusable.ts
+++ b/src/components/Focusable.ts
@@ -0,0 +1,21 @@
+import { HTMLAttributes, ReactNode, RefAttributes, FC } from 'react';
+
+import { Export, findModuleExport } from '../webpack';
+import { FooterLegendProps } from './FooterLegend';
+import { createPropListRegex } from '../utils';
+
+export interface FocusableProps extends HTMLAttributes<HTMLDivElement>, FooterLegendProps {
+  children: ReactNode;
+  'flow-children'?: string;
+  focusClassName?: string;
+  focusWithinClassName?: string;
+  noFocusRing?: boolean;
+  onActivate?: (e: CustomEvent) => void;
+  onCancel?: (e: CustomEvent) => void;
+}
+
+const focusableRegex = createPropListRegex(["flow-children", "onActivate", "onCancel", "focusClassName", "focusWithinClassName"]);
+
+export const Focusable = findModuleExport((e: Export) =>
+  e?.render?.toString && focusableRegex.test(e.render.toString())
+) as FC<FocusableProps & RefAttributes<HTMLDivElement>>;
--- a/src/components/FooterLegend.ts
+++ b/src/components/FooterLegend.ts
@@ -0,0 +1,117 @@
+import { ReactNode } from 'react';
+
+export enum GamepadButton {
+  INVALID,
+  OK,
+  CANCEL,
+  SECONDARY,
+  OPTIONS,
+  BUMPER_LEFT,
+  BUMPER_RIGHT,
+  TRIGGER_LEFT,
+  TRIGGER_RIGHT,
+  DIR_UP,
+  DIR_DOWN,
+  DIR_LEFT,
+  DIR_RIGHT,
+  SELECT,
+  START,
+  LSTICK_CLICK,
+  RSTICK_CLICK,
+  LSTICK_TOUCH,
+  RSTICK_TOUCH,
+  LPAD_TOUCH,
+  LPAD_CLICK,
+  RPAD_TOUCH,
+  RPAD_CLICK,
+  REAR_LEFT_UPPER,
+  REAR_LEFT_LOWER,
+  REAR_RIGHT_UPPER,
+  REAR_RIGHT_LOWER,
+  STEAM_GUIDE,
+  STEAM_QUICK_MENU,
+}
+export enum NavEntryPositionPreferences {
+  /**
+   * Always give focus to the first child element.
+   */
+  FIRST,
+
+  /**
+   * Always give focus to the last child element.
+   */
+  LAST,
+
+  /**
+   * Give focus to the child element that would maintain the flow in the X axis.
+   * 
+   * Imagine you have a calculator window with 9 standard buttons.
+   * You have 3 rows of buttons, with 3 buttons per row.
+   * If you select button with number 8 and navigate down, the buttons
+   * will be navigated in the following order 8->5->3.
+   * The flow is maintained for the X axis while you're navigating the Y axis.
+   */
+  MAINTAIN_X,
+
+  /**
+   * Give focus to the child element that would maintain the flow in the Y axis.
+   * 
+   * Imagine you have a calculator window with 9 standard buttons.
+   * You have 3 columns of buttons, with 3 buttons per column.
+   * If you select button with number 4 and navigate right, the buttons
+   * will be navigated in the following order 4->5->6.
+   * The flow is maintained for the Y axis while you're navigating the X axis.
+   */
+  MAINTAIN_Y,
+
+  /**
+   * Give focus to the first child element with `preferredFocus == true` prop.
+   */
+  PREFERRED_CHILD,
+}
+export interface GamepadEventDetail {
+  button: number;
+  is_repeat?: boolean;
+  source: number;
+}
+export declare type ActionDescriptionMap = {
+  [key in GamepadButton]?: ReactNode;
+};
+export declare type GamepadEvent = CustomEvent<GamepadEventDetail>;
+export interface FooterLegendProps {
+  /**
+   * Navigation entry strategy to be used when gaining focus during navigation.
+   * 
+   * This is meant to be used on a parent container that has children. Once the
+   * container (e.g. Focusable) is navigated to and has children in it, the children
+   * is then navigated to (focused) using the provided strategy.
+   * 
+   * If no strategy is provided, it seems that the `NavEntryPositionPreferences.FIRST`
+   * is used initialy, but for the next time the parent remembers previously focused
+   * child and focused back on it instead.
+   */
+  navEntryPreferPosition?: NavEntryPositionPreferences;
+
+  /**
+   * Mark the element as the preferred child (to be focused) whenever the parent uses the
+   * `NavEntryPositionPreferences.PREFERRED_CHILD` navigation strategy.
+   */
+  preferredFocus?: boolean;
+
+  actionDescriptionMap?: ActionDescriptionMap;
+  onOKActionDescription?: ReactNode;
+  onCancelActionDescription?: ReactNode;
+  onSecondaryActionDescription?: ReactNode;
+  onOptionsActionDescription?: ReactNode;
+  onMenuActionDescription?: ReactNode;
+  onButtonDown?: (evt: GamepadEvent) => void;
+  onButtonUp?: (evt: GamepadEvent) => void;
+  onOKButton?: (evt: GamepadEvent) => void;
+  onCancelButton?: (evt: GamepadEvent) => void;
+  onSecondaryButton?: (evt: GamepadEvent) => void;
+  onOptionsButton?: (evt: GamepadEvent) => void;
+  onGamepadDirection?: (evt: GamepadEvent) => void;
+  onGamepadFocus?: (evt: GamepadEvent) => void;
+  onGamepadBlur?: (evt: GamepadEvent) => void;
+  onMenuButton?: (evt: GamepadEvent) => void;
+}
--- a/src/deck-components/Item.tsx
+++ b/src/deck-components/Item.tsx
@@ -3,6 +3,7 @@ import { ReactNode } from 'react';
 export interface ItemProps {
  label?: ReactNode;
  description?: ReactNode;
+  children?: ReactNode;
  layout?: 'below' | 'inline';
  icon?: ReactNode;
  bottomSeparator?: 'standard' | 'thick' | 'none';
--- a/src/components/Marquee.ts
+++ b/src/components/Marquee.ts
@@ -0,0 +1,20 @@
+import { CSSProperties, FC } from 'react';
+
+import { Export, findModuleExport } from '../webpack';
+
+export interface MarqueeProps {
+  play?: boolean;
+  direction?: 'left' | 'right';
+  speed?: number;
+  delay?: number;
+  fadeLength?: number;
+  center?: boolean;
+  resetOnPause?: boolean;
+  style?: CSSProperties;
+  className?: string;
+  children: React.ReactNode;
+}
+
+export const Marquee: FC<MarqueeProps> = findModuleExport(
+  (e: Export) => e?.toString && e.toString().includes('.Marquee') && e.toString().includes('--fade-length'),
+);
--- a/src/components/Menu.ts
+++ b/src/components/Menu.ts
@@ -0,0 +1,53 @@
+import { FC, ReactNode } from 'react';
+
+import { Export, findModuleByExport, findModuleExport } from '../webpack';
+import { FooterLegendProps } from './FooterLegend';
+
+export const showContextMenu: (children: ReactNode, parent?: EventTarget) => void = findModuleExport(
+  (e: Export) => typeof e === 'function' && e.toString().includes('GetContextMenuManagerFromWindow(')
+  && e.toString().includes('.CreateContextMenuInstance('),
+);
+
+export interface MenuProps extends FooterLegendProps {
+  label: string;
+  onCancel?(): void;
+  cancelText?: string;
+  children?: ReactNode;
+}
+
+export const Menu: FC<MenuProps> = findModuleExport(
+  (e: Export) => e?.prototype?.HideIfSubmenu && e?.prototype?.HideMenu,
+);
+
+export interface MenuGroupProps {
+  label: string;
+  disabled?: boolean;
+  children?: ReactNode;
+}
+
+const MenuGoupModule = findModuleByExport(e => e?.prototype?.Focus && e?.prototype?.OnOKButton && e?.prototype?.render?.toString().includes?.(`"emphasis"==this.props.tone`));
+export const MenuGroup: FC<MenuGroupProps> = MenuGoupModule && Object.values(MenuGoupModule).find((e: Export) => typeof e == "function" && e?.toString?.()?.includes("bInGamepadUI:"));
+export interface MenuItemProps extends FooterLegendProps {
+  bInteractableItem?: boolean;
+  onClick?(evt: Event): void;
+  onSelected?(evt: Event): void;
+  onMouseEnter?(evt: MouseEvent): void;
+  onMoveRight?(): void;
+  selected?: boolean;
+  disabled?: boolean;
+  bPlayAudio?: boolean;
+  tone?: 'positive' | 'emphasis' | 'destructive';
+  children?: ReactNode;
+}
+
+export const MenuItem: FC<MenuItemProps> = findModuleExport(
+  (e: Export) =>
+    e?.render?.toString?.()?.includes('bPlayAudio:') || (e?.prototype?.OnOKButton && e?.prototype?.OnMouseEnter),
+);
+
+/*
+all().map(m => {
+if (typeof m !== "object") return undefined;
+for (let prop in m) { if (m[prop]?.prototype?.OK && m[prop]?.prototype?.Cancel && m[prop]?.prototype?.render) return m[prop]}
+}).find(x => x)
+*/
--- a/src/components/Modal.ts
+++ b/src/components/Modal.ts
@@ -0,0 +1,117 @@
+import { FC, ReactNode } from 'react';
+
+import { findSP } from '../utils';
+import { Export, findModule, findModuleDetailsByExport, findModuleExport } from '../webpack';
+
+// All of the popout options + strTitle are related. Proper usage is not yet known...
+export interface ShowModalProps {
+  browserContext?: unknown;
+  bForcePopOut?: boolean;
+  bHideActionIcons?: boolean;
+  bHideMainWindowForPopouts?: boolean;
+  bNeverPopOut?: boolean;
+  fnOnClose?: () => void; // Seems to be the same as "closeModal" callback, but only when the modal is a popout. Will no longer work after "Update" invocation!
+  popupHeight?: number;
+  popupWidth?: number;
+  promiseRenderComplete?: Promise<void>; // Invoked once the render is complete. Currently, it seems to be used as image loading success/error callback...
+  strTitle?: string;
+}
+
+export interface ShowModalResult {
+  // This method will not invoke any of the variations of "closeModal" callbacks!
+  Close: () => void;
+
+  // This method will replace the modal element completely and will not update the callback chains,
+  // meaning that "closeModal" and etc. will not automatically close the modal anymore (also "fnOnClose"
+  // will not be even called upon close anymore)! You have to manually call the "Close" method when, for example,
+  // the "closeModal" is invoked in the newly updated modal:
+  //   <ModalRoot closeModal={() => { console.log("ABOUT TO CLOSE"); showModalRes.Close(); }} />
+  Update: (modal: ReactNode) => void;
+}
+
+const showModalRaw: (
+  modal: ReactNode,
+  parent?: EventTarget,
+  title?: string,
+  props?: ShowModalProps,
+  unknown1?: unknown,
+  hideActions?: { bHideActions?: boolean },
+  modalManager?: unknown,
+) => ShowModalResult = findModuleExport(
+  (e: Export) =>
+    typeof e === 'function' && e.toString().includes('props.bDisableBackgroundDismiss') && !e?.prototype?.Cancel,
+);
+
+export const showModal = (
+  modal: ReactNode,
+  parent?: EventTarget,
+  props: ShowModalProps = {
+    strTitle: 'Decky Dialog',
+    bHideMainWindowForPopouts: false,
+  },
+): ShowModalResult => {
+  return showModalRaw(modal, parent || findSP() || window, props.strTitle, props, undefined, {
+    bHideActions: props.bHideActionIcons,
+  });
+};
+
+export interface ModalRootProps {
+  children?: ReactNode;
+  onCancel?(): void;
+  closeModal?(): void;
+  onOK?(): void;
+  onEscKeypress?(): void;
+  className?: string;
+  modalClassName?: string;
+  bAllowFullSize?: boolean;
+  bDestructiveWarning?: boolean;
+  bDisableBackgroundDismiss?: boolean;
+  bHideCloseIcon?: boolean;
+  bOKDisabled?: boolean;
+  bCancelDisabled?: boolean;
+}
+
+export interface ConfirmModalProps extends ModalRootProps {
+  onMiddleButton?(): void; // setting this prop will enable the middle button
+  strTitle?: ReactNode;
+  strDescription?: ReactNode;
+  strOKButtonText?: ReactNode;
+  strCancelButtonText?: ReactNode;
+  strMiddleButtonText?: ReactNode;
+  bAlertDialog?: boolean; // This will open a modal with only OK button enabled
+  bMiddleDisabled?: boolean;
+}
+
+export const ConfirmModal = findModuleExport(
+  (e: Export) => !e?.prototype?.OK && e?.prototype?.Cancel && e?.prototype?.render,
+) as FC<ConfirmModalProps>;
+
+export const ModalRoot = Object.values(
+  findModule((m: any) => {
+    if (typeof m !== 'object') return false;
+
+    for (let prop in m) {
+      if (m[prop]?.m_mapModalManager && Object.values(m)?.find((x: any) => x?.type)) {
+        return true;
+      }
+    }
+
+    return false;
+  }) || {},
+)?.find((x: any) => x?.type?.toString?.()?.includes('((function(){')) as FC<ModalRootProps>;
+
+interface SimpleModalProps {
+  active?: boolean;
+  children: ReactNode;
+}
+
+const [ModalModule, _ModalPosition] = findModuleDetailsByExport((e: Export) => e?.toString().includes('.ModalPosition'), 5)
+
+const ModalModuleProps = ModalModule ? Object.values(ModalModule) : [];
+
+export const SimpleModal = ModalModuleProps.find((prop) => {
+  const string = prop?.toString();
+  return string?.includes('.ShowPortalModal()') && string?.includes('.OnElementReadyCallbacks.Register(');
+}) as FC<SimpleModalProps>;
+
+export const ModalPosition = _ModalPosition as FC<SimpleModalProps>;
--- a/src/components/Panel.ts
+++ b/src/components/Panel.ts
@@ -0,0 +1,26 @@
+import { FC, ReactNode } from 'react';
+
+import { Export, findModuleDetailsByExport } from '../webpack';
+
+// TODO where did this go?
+// export const Panel: FC<{ children?: ReactNode; }> = findModuleExport((e: Export) => {
+//   if (typeof mod !== 'object' || !mod.__esModule) return undefined;
+//   return mod.Panel;
+// });
+
+export interface PanelSectionProps {
+  title?: string;
+  spinner?: boolean;
+  children?: ReactNode;
+}
+
+const [mod, panelSection] = findModuleDetailsByExport((e: Export) => e.toString()?.includes('.PanelSection'));
+
+export const PanelSection = panelSection as FC<PanelSectionProps>;
+
+export interface PanelSectionRowProps {
+  children?: ReactNode;
+}
+export const PanelSectionRow = Object.values(mod).filter(
+  (exp: any) => !exp?.toString?.()?.includes('.PanelSection'),
+)[0] as FC<PanelSectionRowProps>;
--- a/src/components/ProgressBar.ts
+++ b/src/components/ProgressBar.ts
@@ -0,0 +1,37 @@
+import { ReactNode, FC } from 'react';
+
+import { Export, findModuleExport } from '../webpack';
+import { ItemProps } from './Item';
+import { createPropListRegex } from '../utils';
+
+export interface ProgressBarItemProps extends ItemProps {
+  indeterminate?: boolean;
+  nTransitionSec?: number;
+  nProgress?: number;
+  focusable?: boolean;
+}
+
+export interface ProgressBarProps {
+  indeterminate?: boolean;
+  nTransitionSec?: number;
+  nProgress?: number;
+  focusable?: boolean;
+}
+
+export interface ProgressBarWithInfoProps extends ProgressBarItemProps {
+  sTimeRemaining?: ReactNode;
+  sOperationText?: ReactNode;
+}
+
+export const ProgressBar = findModuleExport((e: Export) =>
+  e?.toString?.()?.includes('.ProgressBar,"standard"=='),
+) as FC<ProgressBarProps>;
+
+export const ProgressBarWithInfo = findModuleExport((e: Export) =>
+  e?.toString?.()?.includes('.ProgressBarFieldStatus},'),
+) as FC<ProgressBarWithInfoProps>;
+
+const progressBarItemRegex = createPropListRegex(["indeterminate", "nTransitionSec", "nProgress"]);
+export const ProgressBarItem = findModuleExport((e: Export) =>
+  e?.toString && progressBarItemRegex.test(e.toString()),
+) as FC<ProgressBarItemProps>;
--- a/src/components/Scroll.ts
+++ b/src/components/Scroll.ts
@@ -0,0 +1,15 @@
+import { FC, ReactNode } from 'react';
+
+import { Export, findModuleByExport, findModuleExport } from '../webpack';
+
+const ScrollingModule = findModuleByExport((e: Export) => e?.render?.toString?.().includes('{case"x":'));
+
+const ScrollingModuleProps = ScrollingModule ? Object.values(ScrollingModule) : [];
+
+export const ScrollPanel = ScrollingModuleProps.find((prop: any) =>
+  prop?.render?.toString?.().includes('{case"x":'),
+) as FC<{ children?: ReactNode }>;
+
+export const ScrollPanelGroup: FC<{ children?: ReactNode }> = findModuleExport((e: Export) =>
+  e?.render?.toString().includes('.FocusVisibleChild()),[])'),
+);
--- a/src/deck-components/SidebarNavigation.tsx
+++ b/src/deck-components/SidebarNavigation.tsx
@@ -1,6 +1,7 @@
-import { ReactNode, VFC } from 'react';
+import { ReactNode, FC } from 'react';

-import { Module, findModuleChild } from '../webpack';
+import { Export, findModuleExport } from '../webpack';
+import { createPropListRegex } from '../utils';

 export interface SidebarNavigationPage {
  title: ReactNode;
@@ -23,11 +24,7 @@ export interface SidebarNavigationProps {
  onPageRequested?: (page: string) => void;
 }

-export const SidebarNavigation = findModuleChild((mod: Module) => {
-  for (let prop in mod) {
-    if (mod[prop]?.toString()?.includes('"disableRouteReporting"')) {
-      return mod[prop];
-    }
-  }
-  return null;
-}) as VFC<SidebarNavigationProps>;
+const sidebarNavigationRegex = createPropListRegex(["pages", "fnSetNavigateToPage", "disableRouteReporting"]);
+export const SidebarNavigation = findModuleExport((e: Export) =>
+  e?.toString && sidebarNavigationRegex.test(e.toString()),
+) as FC<SidebarNavigationProps>;
--- a/src/deck-components/SliderField.tsx
+++ b/src/deck-components/SliderField.tsx
@@ -29,5 +29,6 @@ export interface SliderFieldProps extends ItemProps {
 }

 export const SliderField = Object.values(CommonUIModule).find((mod: any) =>
-  mod?.toString()?.includes('SliderField,fallback'),
+  // stable || beta as of oct 2 2024
+  mod?.toString?.()?.includes('SliderField,fallback') || mod?.toString?.()?.includes("SliderField\",")
 ) as FC<SliderFieldProps>;
--- a/src/components/Spinner.ts
+++ b/src/components/Spinner.ts
@@ -0,0 +1,8 @@
+import { FC, SVGAttributes } from 'react';
+
+import { IconsModule } from '../webpack';
+
+// TODO type this and other icons?
+export const Spinner = Object.values(IconsModule)?.find(
+  (mod: any) => mod?.toString && /Spinner\)}\)?,.\.createElement\(\"path\",{d:\"M18 /.test(mod.toString()),
+) as FC<SVGAttributes<SVGElement>>;
--- a/src/components/SteamSpinner.ts
+++ b/src/components/SteamSpinner.ts
@@ -0,0 +1,12 @@
+import { FC, ReactNode, SVGAttributes } from 'react';
+
+import { Export, findModuleExport } from '../webpack';
+
+interface SteamSpinnerProps {
+  children?: ReactNode;
+  background?: "transparent"; // defaults to black seemingly, but only "transparent" is checked against
+}
+
+export const SteamSpinner = findModuleExport(
+  (e: Export) => e?.toString?.()?.includes('Steam Spinner') && e?.toString?.()?.includes('src'),
+) as FC<SVGAttributes<SVGElement> & SteamSpinnerProps>;
--- a/src/components/Tabs.tsx
+++ b/src/components/Tabs.tsx
@@ -0,0 +1,70 @@
+import { FC, ReactNode } from 'react';
+import { findModuleByExport } from '../webpack';
+import { FooterLegendProps } from './FooterLegend';
+
+/**
+ * Individual tab objects for the Tabs component
+ *
+ * `id` ID of this tab, can be used with activeTab to auto-focus a given tab
+ * `title` Title shown in the header bar
+ * `renderTabAddon` Return a {@link ReactNode} to render it next to the tab title, i.e. the counts for each tab on the Media page
+ * `content` Content of the tab
+ * `footer` Sets up button handlers and labels
+ */
+export interface Tab {
+  id: string;
+  title: string;
+  renderTabAddon?: () => ReactNode;
+  content: ReactNode;
+  footer?: FooterLegendProps;
+}
+
+/**
+ * Props for the {@link Tabs}
+ *
+ * `tabs` array of {@link Tab}
+ * `activeTab` tab currently active, needs to be one of the tabs {@link Tab.id}, must be set using a `useState` in the `onShowTab` handler
+ * `onShowTab` Called when the active tab should change, needs to set `activeTab`. See example.
+ * `autoFocusContents` Whether to automatically focus the tab contents or not.
+ * `footer` Sets up button handlers and labels
+ *
+ * @example
+ * const Component: FC = () => {
+ * const [currentTab, setCurrentTab] = useState<string>("Tab1");
+ *
+ * return (
+ *   <Tabs
+ *     title="Theme Manager"
+ *     activeTab={currentTabRoute}
+ *     onShowTab={(tabID: string) => {
+ *        setCurrentTabRoute(tabID);
+ *     }}
+ *     tabs={[
+ *       {
+ *         title: "Tab 1",
+ *         content: <Tab1Component />,
+ *         id: "Tab1",
+ *       },
+ *       {
+ *         title: "Tab 2",
+ *         content: <Tab2Component />,
+ *         id: "Tab2",
+ *       },
+ *     ]}
+ *   />
+ *  );
+ * };
+ */
+export interface TabsProps {
+  tabs: Tab[];
+  activeTab: string;
+  onShowTab: (tab: string) => void;
+  autoFocusContents?: boolean;
+}
+
+const tabsModule = findModuleByExport(e => e?.toString?.()?.includes(".TabRowTabs") && e?.toString?.()?.includes("activeTab:"));
+
+/**
+ * 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>;
--- a/src/deck-components/TextField.tsx
+++ b/src/deck-components/TextField.tsx
@@ -1,4 +1,4 @@
-import { ChangeEventHandler, HTMLAttributes, ReactNode, VFC } from 'react';
+import { ChangeEventHandler, HTMLAttributes, ReactNode, FC } from 'react';

 import { CommonUIModule, Module } from '../webpack';

@@ -25,4 +25,4 @@ export interface TextFieldProps extends HTMLAttributes<HTMLInputElement> {

 export const TextField = Object.values(CommonUIModule).find(
  (mod: Module) => mod?.validateUrl && mod?.validateEmail,
-) as VFC<TextFieldProps>;
+) as FC<TextFieldProps>;
--- a/src/deck-components/Toggle.tsx
+++ b/src/deck-components/Toggle.tsx
@@ -10,5 +10,5 @@ export interface ToggleProps {
 }

 export const Toggle = Object.values(CommonUIModule).find((mod: any) =>
-  mod?.render?.toString()?.includes('.ToggleOff)'),
+  mod?.render?.toString?.()?.includes('.ToggleOff)'),
 ) as FC<ToggleProps>;
--- a/src/deck-components/ToggleField.tsx
+++ b/src/deck-components/ToggleField.tsx
@@ -11,5 +11,6 @@ export interface ToggleFieldProps extends ItemProps {
 }

 export const ToggleField = Object.values(CommonUIModule).find((mod: any) =>
-  mod?.render?.toString()?.includes('ToggleField,fallback'),
+  // stable || beta as of oct 2 2024
+  mod?.render?.toString?.()?.includes('ToggleField,fallback') || mod?.render?.toString?.()?.includes("ToggleField\",")
 ) as FC<ToggleFieldProps>;
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -0,0 +1,26 @@
+export * from './Button';
+export * from './ButtonItem';
+export * from './Carousel';
+export * from './ControlsList';
+export * from './Dialog';
+export * from './DialogCheckbox';
+export * from './Dropdown';
+export * from './ErrorBoundary';
+export * from './Field';
+export * from './Focusable';
+export * from './FocusRing';
+export * from './FooterLegend';
+export * from './Marquee';
+export * from './Menu';
+export * from './Modal';
+export * from './Panel';
+export * from './ProgressBar';
+export * from './SidebarNavigation';
+export * from './SliderField';
+export * from './Spinner';
+export * from './SteamSpinner';
+export * from './Tabs';
+export * from './TextField';
+export * from './Toggle';
+export * from './ToggleField';
+export * from './Scroll';
--- a/src/custom-components/ColorPickerModal.tsx
+++ b/src/custom-components/ColorPickerModal.tsx
@@ -1,6 +1,7 @@
 import { CSSProperties, FC, useState } from 'react';

-import { ConfirmModal, SliderField, gamepadSliderClasses } from '../deck-components';
+import { ConfirmModal, SliderField } from '../components';
+import { gamepadSliderClasses } from '../utils/static-classes';

 interface ColorPickerModalProps {
  closeModal: () => void;
--- a/src/custom-components/ReorderableList.tsx
+++ b/src/custom-components/ReorderableList.tsx
@@ -1,6 +1,6 @@
 import { Fragment, JSXElementConstructor, ReactElement, ReactNode, useEffect, useState } from 'react';

-import { Field, FieldProps, Focusable, GamepadButton } from '../deck-components';
+import { Field, FieldProps, Focusable, GamepadButton } from '../components';

 /**
 * A ReorderableList entry of type <T>.
@@ -35,12 +35,12 @@ export type ReorderableListProps<T> = {
 export function ReorderableList<T>(props: ReorderableListProps<T>) {
  if (props.animate === undefined) props.animate = true;
  const [entryList, setEntryList] = useState<ReorderableEntry<T>[]>(
-    props.entries.sort((a: ReorderableEntry<T>, b: ReorderableEntry<T>) => a.position - b.position),
+    [...props.entries].sort((a: ReorderableEntry<T>, b: ReorderableEntry<T>) => a.position - b.position),
  );
  const [reorderEnabled, setReorderEnabled] = useState<boolean>(false);

  useEffect(() => {
-    setEntryList(props.entries.sort((a: ReorderableEntry<T>, b: ReorderableEntry<T>) => a.position - b.position));
+    setEntryList([...props.entries].sort((a: ReorderableEntry<T>, b: ReorderableEntry<T>) => a.position - b.position));
  }, [props.entries]);

  function toggleReorderEnabled(): void {
--- a/src/custom-components/SuspensefulImage.tsx
+++ b/src/custom-components/SuspensefulImage.tsx
@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 import { FC, ImgHTMLAttributes, useState } from 'react';

-import { Spinner } from '../deck-components';
+import { Spinner } from '../components';

 interface SuspensefulImageProps extends ImgHTMLAttributes<HTMLImageElement> {
  suspenseWidth?: string | number;
--- a/src/custom-hooks/useQuickAccessVisible.tsx
+++ b/src/custom-hooks/useQuickAccessVisible.tsx
@@ -1,21 +1,26 @@
 import { useEffect, useState } from 'react';
+
 import { getGamepadNavigationTrees } from '../utils';

 function getQuickAccessWindow(): Window | null {
  const navTrees = getGamepadNavigationTrees();
-  return navTrees.find((tree: any) => tree?.id === 'QuickAccess-NA')?.m_Root?.m_element?.ownerDocument.defaultView ?? null;
+  return (
+    navTrees.find((tree: any) => tree?.id === 'QuickAccess-NA')?.m_Root?.m_element?.ownerDocument.defaultView ?? null
+  );
 }

 /**
 * Returns state indicating the visibility of quick access menu.
+ * 
+ * @deprecated moved to @decky/api
 *
 * @returns `true` if quick access menu is visible and `false` otherwise.
 *
 * @example
- * import { VFC, useEffect } from "react";
- * import { useQuickAccessVisible } from "decky-frontend-lib";
+ * import { FC, useEffect } from "react";
+ * import { useQuickAccessVisible } from "@decky/ui";
 *
- * export const PluginPanelView: VFC<{}> = ({ }) => {
+ * export const PluginPanelView: FC<{}> = ({ }) => {
 *   const isVisible = useQuickAccessVisible();
 *
 *   useEffect(() => {
--- a/src/deck-components/ButtonItem.tsx
+++ b/src/deck-components/ButtonItem.tsx
@@ -1,16 +0,0 @@
-import { FC } from 'react';
-
-import { CommonUIModule } from '../webpack';
-import { ItemProps } from './Item';
-
-export interface ButtonItemProps extends ItemProps {
-  onClick?(e: MouseEvent): void;
-  disabled?: boolean;
-}
-export const ButtonItem =
-  (CommonUIModule.ButtonField ||
-  Object.values(CommonUIModule).find(
-    (mod: any) =>
-      mod?.render?.toString()?.includes('"highlightOnFocus","childrenContainerWidth"') ||
-     mod?.render?.toString()?.includes('childrenContainerWidth:"min"'),
-  )) as FC<ButtonItemProps>;
--- a/src/deck-components/ControlsList.tsx
+++ b/src/deck-components/ControlsList.tsx
@@ -1,17 +0,0 @@
-import { findModuleChild } from '../webpack';
-import { FC } from 'react';
-
-export interface ControlsListProps {
-  alignItems?: 'left' | 'right' | 'center';
-  spacing?: 'standard' | 'extra';
-}
-
-export const ControlsList: FC<ControlsListProps> = findModuleChild((m) => {
-  if (typeof m !== 'object') return;
-  for (const prop in m) {
-    if (m[prop]?.toString && m[prop].toString().includes('().ControlsListChild') && m[prop].toString().includes('().ControlsListOuterPanel')) {
-      return m[prop];
-    }
-  }
-  return;
-});
--- a/src/deck-components/DialogCheckbox.tsx
+++ b/src/deck-components/DialogCheckbox.tsx
@@ -1,33 +0,0 @@
-import { FC, ReactNode } from 'react';
-
-import { findModule } from '../webpack';
-import { DialogCommonProps } from './Dialog';
-import { FooterLegendProps } from './FooterLegend';
-
-export interface DialogCheckboxProps extends DialogCommonProps, FooterLegendProps {
-  onChange?(checked: boolean): void;
-  label?: ReactNode;
-  description?: ReactNode;
-  disabled?: boolean;
-  tooltip?: string;
-  color?: string;
-  highlightColor?: string;
-  bottomSeparator?: 'standard' | 'thick' | 'none';
-  controlled?: boolean;
-  checked?: boolean;
-  onClick?(evt: Event): void;
-}
-
-export const DialogCheckbox = Object.values(findModule((m: any) => {
-  if (typeof m !== 'object') return false;
-  for (const prop in m) {
-    if (m[prop]?.prototype?.GetPanelElementProps) return true;
-  }
-  return false;
-})).find((m: any) =>
-  m.contextType &&
-  m.prototype?.render.toString().includes('fallback:') &&
-  m?.prototype?.SetChecked &&
-  m?.prototype?.Toggle &&
-  m?.prototype?.GetPanelElementProps
-) as FC<DialogCheckboxProps>;
--- a/src/deck-components/FocusRing.ts
+++ b/src/deck-components/FocusRing.ts
@@ -1,19 +0,0 @@
-import { ElementType, FC, ReactNode } from 'react';
-
-import { findModuleChild } from '../webpack';
-
-export interface FocusRingProps {
-  className?: string;
-  rootClassName?: string;
-  render?: ElementType;
-  children?: ReactNode;
-  NavigationManager?: any;
-}
-
-export const FocusRing = findModuleChild((m: any) => {
-  if (typeof m !== 'object') return false;
-  for (let prop in m) {
-    if (m[prop]?.toString()?.includes('.GetShowDebugFocusRing())')) return m[prop];
-  }
-  return false;
-}) as FC<FocusRingProps>;
--- a/src/deck-components/Focusable.tsx
+++ b/src/deck-components/Focusable.tsx
@@ -1,22 +0,0 @@
-import { HTMLAttributes, ReactNode, RefAttributes, VFC } from 'react';
-
-import { findModuleChild } from '../webpack';
-import { FooterLegendProps } from './FooterLegend';
-
-export interface FocusableProps extends HTMLAttributes<HTMLDivElement>, FooterLegendProps {
-  children: ReactNode;
-  'flow-children'?: string;
-  focusClassName?: string;
-  focusWithinClassName?: string;
-  noFocusRing?: boolean;
-  onActivate?: (e: CustomEvent) => void;
-  onCancel?: (e: CustomEvent) => void;
-}
-
-export const Focusable = findModuleChild((m) => {
-  if (typeof m !== 'object') return undefined;
-  for (let prop in m) {
-    if (m[prop]?.render?.toString()?.includes('["flow-children","onActivate","onCancel","focusClassName",'))
-      return m[prop];
-  }
-}) as VFC<FocusableProps & RefAttributes<HTMLDivElement>>;
--- a/src/deck-components/FooterLegend.ts
+++ b/src/deck-components/FooterLegend.ts
@@ -1,67 +0,0 @@
-import { ReactNode } from 'react';
-
-export enum GamepadButton {
-  INVALID,
-  OK,
-  CANCEL,
-  SECONDARY,
-  OPTIONS,
-  BUMPER_LEFT,
-  BUMPER_RIGHT,
-  TRIGGER_LEFT,
-  TRIGGER_RIGHT,
-  DIR_UP,
-  DIR_DOWN,
-  DIR_LEFT,
-  DIR_RIGHT,
-  SELECT,
-  START,
-  LSTICK_CLICK,
-  RSTICK_CLICK,
-  LSTICK_TOUCH,
-  RSTICK_TOUCH,
-  LPAD_TOUCH,
-  LPAD_CLICK,
-  RPAD_TOUCH,
-  RPAD_CLICK,
-  REAR_LEFT_UPPER,
-  REAR_LEFT_LOWER,
-  REAR_RIGHT_UPPER,
-  REAR_RIGHT_LOWER,
-  STEAM_GUIDE,
-  STEAM_QUICK_MENU,
-}
-export declare enum NavEntryPositionPreferences {
-  FIRST,
-  LAST,
-  MAINTAIN_X,
-  MAINTAIN_Y,
-  PREFERRED_CHILD
-}
-export interface GamepadEventDetail {
-  button: number;
-  is_repeat?: boolean;
-  source: number;
-}
-export declare type ActionDescriptionMap = {
-  [key in GamepadButton]?: ReactNode
-}
-export declare type GamepadEvent = CustomEvent<GamepadEventDetail>;
-export interface FooterLegendProps {
-  actionDescriptionMap?: ActionDescriptionMap;
-  onOKActionDescription?: ReactNode;
-  onCancelActionDescription?: ReactNode;
-  onSecondaryActionDescription?: ReactNode;
-  onOptionsActionDescription?: ReactNode;
-  onMenuActionDescription?: ReactNode;
-  onButtonDown?: (evt: GamepadEvent) => void;
-  onButtonUp?: (evt: GamepadEvent) => void;
-  onOKButton?: (evt: GamepadEvent) => void;
-  onCancelButton?: (evt: GamepadEvent) => void;
-  onSecondaryButton?: (evt: GamepadEvent) => void;
-  onOptionsButton?: (evt: GamepadEvent) => void;
-  onGamepadDirection?: (evt: GamepadEvent) => void;
-  onGamepadFocus?: (evt: GamepadEvent) => void;
-  onGamepadBlur?: (evt: GamepadEvent) => void;
-  onMenuButton?: (evt: GamepadEvent) => void;
-}
--- a/src/deck-components/Marquee.tsx
+++ b/src/deck-components/Marquee.tsx
@@ -1,26 +0,0 @@
-import { CSSProperties, FC } from 'react';
-
-import { findModuleChild } from '../webpack';
-
-export interface MarqueeProps {
-  play?: boolean;
-  direction?: 'left' | 'right';
-  speed?: number;
-  delay?: number;
-  fadeLength?: number;
-  center?: boolean;
-  resetOnPause?: boolean;
-  style?: CSSProperties;
-  className?: string;
-  children: React.ReactNode;
-}
-
-export const Marquee: FC<MarqueeProps> = findModuleChild((m) => {
-  if (typeof m !== 'object') return;
-  for (const prop in m) {
-    if (m[prop]?.toString && m[prop].toString().includes('.Marquee') && m[prop].toString().includes('--fade-length')) {
-      return m[prop];
-    }
-  }
-  return;
-});
--- a/src/deck-components/Menu.tsx
+++ b/src/deck-components/Menu.tsx
@@ -1,84 +0,0 @@
-import { FC, ReactNode } from 'react';
-
-import { fakeRenderComponent } from '../utils';
-import { findModuleChild } from '../webpack';
-import { FooterLegendProps } from './FooterLegend';
-
-export const showContextMenu: (children: ReactNode, parent?: EventTarget) => void = findModuleChild((m) => {
-  if (typeof m !== 'object') return undefined;
-  for (let prop in m) {
-    if (typeof m[prop] === 'function' && m[prop].toString().includes('stopPropagation))')) {
-      return m[prop];
-    }
-  }
-});
-
-export interface MenuProps extends FooterLegendProps {
-  label: string;
-  onCancel?(): void;
-  cancelText?: string;
-  children?: ReactNode;
-}
-
-export const Menu: FC<MenuProps> = findModuleChild((m) => {
-  if (typeof m !== 'object') return undefined;
-
-  for (let prop in m) {
-    if (m[prop]?.prototype?.HideIfSubmenu && m[prop]?.prototype?.HideMenu) {
-      return m[prop];
-    }
-  }
-});
-
-export interface MenuGroupProps {
-  label: string;
-  disabled?: boolean;
-  children?: ReactNode;
-}
-
-export const MenuGroup: FC<MenuGroupProps> = findModuleChild((m) => {
-  if (typeof m !== 'object') return undefined;
-
-  for (let prop in m) {
-    if (
-      (m[prop]?.toString()?.includes?.('bInGamepadUI:') &&
-        fakeRenderComponent(() => m[prop]({overview: {appid: 7}}))?.type?.prototype?.RenderSubMenu) ||
-      (m[prop]?.prototype?.RenderSubMenu && m[prop]?.prototype?.ShowSubMenu)
-    ) {
-      return m[prop];
-    }
-  }
-});
-
-export interface MenuItemProps extends FooterLegendProps {
-  bInteractableItem?: boolean;
-  onClick?(evt: Event): void;
-  onSelected?(evt: Event): void;
-  onMouseEnter?(evt: MouseEvent): void;
-  onMoveRight?(): void;
-  selected?: boolean;
-  disabled?: boolean;
-  bPlayAudio?: boolean;
-  tone?: 'positive' | 'emphasis' | 'destructive';
-  children?: ReactNode;
-}
-
-export const MenuItem: FC<MenuItemProps> = findModuleChild((m) => {
-  if (typeof m !== 'object') return undefined;
-
-  for (let prop in m) {
-    if (
-      m[prop]?.render?.toString()?.includes('bPlayAudio:') ||
-      (m[prop]?.prototype?.OnOKButton && m[prop]?.prototype?.OnMouseEnter)
-    ) {
-      return m[prop];
-    }
-  }
-});
-
-/*
-all().map(m => {
-if (typeof m !== "object") return undefined;
-for (let prop in m) { if (m[prop]?.prototype?.OK && m[prop]?.prototype?.Cancel && m[prop]?.prototype?.render) return m[prop]}
-}).find(x => x)
-*/
--- a/src/deck-components/Modal.tsx
+++ b/src/deck-components/Modal.tsx
@@ -1,169 +0,0 @@
-import { FC, ReactNode } from 'react';
-
-import { findSP } from '../utils';
-import { findModule, findModuleChild } from '../webpack';
-
-// All of the popout options + strTitle are related. Proper usage is not yet known...
-export interface ShowModalProps {
-  browserContext?: unknown; // This is another Deck Object that is yet to be found
-  bForcePopOut?: boolean;
-  bHideActionIcons?: boolean;
-  bHideMainWindowForPopouts?: boolean;
-  bNeverPopOut?: boolean;
-  fnOnClose?: () => void; // Seems to be the same as "closeModal" callback, but only when the modal is a popout. Will no longer work after "Update" invocation!
-  popupHeight?: number;
-  popupWidth?: number;
-  promiseRenderComplete?: Promise<void>; // Invoked once the render is complete. Currently, it seems to be used as image loading success/error callback...
-  strTitle?: string;
-}
-
-export interface ShowModalResult {
-  // This method will not invoke any of the variations of "closeModal" callbacks!
-  Close: () => void;
-
-  // This method will replace the modal element completely and will not update the callback chains,
-  // meaning that "closeModal" and etc. will not automatically close the modal anymore (also "fnOnClose"
-  // will not be even called upon close anymore)! You have to manually call the "Close" method when, for example,
-  // the "closeModal" is invoked in the newly updated modal:
-  //   <ModalRoot closeModal={() => { console.log("ABOUT TO CLOSE"); showModalRes.Close(); }} />
-  Update: (modal: ReactNode) => void;
-}
-
-const showModalRaw:
-  | ((
-      modal: ReactNode,
-      parent?: EventTarget,
-      title?: string,
-      props?: ShowModalProps,
-      unknown1?: unknown,
-      hideActions?: { bHideActions?: boolean },
-      modalManager?: unknown,
-    ) => ShowModalResult)
-  | void = findModuleChild((m) => {
-  if (typeof m !== 'object') return undefined;
-  for (let prop in m) {
-    if (
-      typeof m[prop] === 'function' &&
-      m[prop].toString().includes('props.bDisableBackgroundDismiss') &&
-      !m[prop]?.prototype?.Cancel
-    ) {
-      return m[prop];
-    }
-  }
-});
-
-const oldShowModalRaw: ((modal: ReactNode, parent?: EventTarget, props?: ShowModalProps) => ShowModalResult) | void =
-  findModuleChild((m) => {
-    if (typeof m !== 'object') return undefined;
-    for (let prop in m) {
-      if (typeof m[prop] === 'function' && m[prop].toString().includes('bHideMainWindowForPopouts:!0')) {
-        return m[prop];
-      }
-    }
-  });
-
-export const showModal = (
-  modal: ReactNode,
-  parent?: EventTarget,
-  props: ShowModalProps = {
-    strTitle: 'Decky Dialog',
-    bHideMainWindowForPopouts: false,
-  },
-): ShowModalResult => {
-  if (showModalRaw) {
-    return showModalRaw(modal, parent || findSP(), props.strTitle, props, undefined, {
-      bHideActions: props.bHideActionIcons,
-    });
-  } else if (oldShowModalRaw) {
-    return oldShowModalRaw(modal, parent || findSP(), props);
-  } else {
-    throw new Error('[DFL:Modals]: Cannot find showModal function');
-  }
-};
-
-export interface ModalRootProps {
-  children?: ReactNode;
-  onCancel?(): void;
-  closeModal?(): void;
-  onOK?(): void;
-  onEscKeypress?(): void;
-  className?: string;
-  modalClassName?: string;
-  bAllowFullSize?: boolean;
-  bDestructiveWarning?: boolean;
-  bDisableBackgroundDismiss?: boolean;
-  bHideCloseIcon?: boolean;
-  bOKDisabled?: boolean;
-  bCancelDisabled?: boolean;
-}
-
-export interface ConfirmModalProps extends ModalRootProps {
-  onMiddleButton?(): void; // setting this prop will enable the middle button
-  strTitle?: ReactNode;
-  strDescription?: ReactNode;
-  strOKButtonText?: ReactNode;
-  strCancelButtonText?: ReactNode;
-  strMiddleButtonText?: ReactNode;
-  bAlertDialog?: boolean; // This will open a modal with only OK button enabled
-  bMiddleDisabled?: boolean;
-}
-
-export const ConfirmModal = findModuleChild((m) => {
-  if (typeof m !== 'object') return undefined;
-  for (let prop in m) {
-    if (!m[prop]?.prototype?.OK && m[prop]?.prototype?.Cancel && m[prop]?.prototype?.render) {
-      return m[prop];
-    }
-  }
-}) as FC<ConfirmModalProps>;
-
-// new as of december 2022 on beta
-export const ModalRoot = (Object.values(
-  findModule((m: any) => {
-    if (typeof m !== 'object') return false;
-
-    for (let prop in m) {
-      if (m[prop]?.m_mapModalManager && Object.values(m)?.find((x: any) => x?.type)) {
-        return true;
-      }
-    }
-
-    return false;
-  }) || {},
-)?.find((x: any) => x?.type?.toString()?.includes('((function(){')) ||
-  // before december 2022 beta
-  Object.values(
-    findModule((m: any) => {
-      if (typeof m !== 'object') return false;
-
-      for (let prop in m) {
-        if (m[prop]?.toString()?.includes('"ModalManager","DialogWrapper"')) {
-          return true;
-        }
-      }
-
-      return false;
-    }) || {},
-  )?.find((x: any) => x?.type?.toString()?.includes('((function(){')) ||
-  // old
-  findModuleChild((m) => {
-    if (typeof m !== 'object') return undefined;
-    for (let prop in m) {
-      if (m[prop]?.prototype?.OK && m[prop]?.prototype?.Cancel && m[prop]?.prototype?.render) {
-        return m[prop];
-      }
-    }
-  })) as FC<ModalRootProps>;
-
-interface SimpleModalProps{
-  active?: boolean,
-  children: ReactNode
-}
-
-const ModalModule = findModule((mod) => {
-  if (typeof mod !== 'object' || !mod.__esModule) return undefined;
-  if (mod.SimpleModal && mod.ModalPosition) return mod;
-})
-
-export const SimpleModal = ModalModule.SimpleModal as FC<SimpleModalProps>
-export const ModalPosition = ModalModule.ModalPosition as FC<SimpleModalProps>
--- a/src/deck-components/Panel.tsx
+++ b/src/deck-components/Panel.tsx
@@ -1,33 +0,0 @@
-import { FC, ReactNode } from 'react';
-
-import { findModuleChild } from '../webpack';
-
-export const Panel: FC<{ children?: ReactNode; }> = findModuleChild((mod) => {
-  if (typeof mod !== 'object' || !mod.__esModule) return undefined;
-  return mod.Panel;
-})
-
-export interface PanelSectionProps {
-  title?: string;
-  spinner?: boolean;
-  children?: ReactNode;
-}
-
-const [panelSection, mod] = findModuleChild((mod: any) => {
-  for (let prop in mod) {
-    if (mod[prop]?.toString()?.includes('.PanelSection')) {
-      return [mod[prop], mod];
-    }
-  }
-  return null;
-});
-
-export const PanelSection = panelSection as FC<PanelSectionProps>;
-
-export interface PanelSectionRowProps {
-  children?: ReactNode;
-}
-// New as of Feb 22 2023 Beta || Old
-export const PanelSectionRow =
-  (mod.PanelSectionRow ||
-  Object.values(mod).filter((exp: any) => !exp?.toString()?.includes('.PanelSection'))[0]) as FC<PanelSectionRowProps>;
--- a/src/deck-components/ProgressBar.tsx
+++ b/src/deck-components/ProgressBar.tsx
@@ -1,44 +0,0 @@
-import { ReactNode, VFC } from 'react';
-
-import { findModuleChild } from '../webpack';
-import { ItemProps } from './Item';
-
-export interface ProgressBarItemProps extends ItemProps {
-  indeterminate?: boolean;
-  nTransitionSec?: number;
-  nProgress?: number;
-  focusable?: boolean;
-}
-
-export interface ProgressBarProps {
-  indeterminate?: boolean;
-  nTransitionSec?: number;
-  nProgress?: number;
-  focusable?: boolean;
-}
-
-export interface ProgressBarWithInfoProps extends ProgressBarItemProps {
-  sTimeRemaining?: ReactNode;
-  sOperationText?: ReactNode;
-}
-
-export const ProgressBar = findModuleChild((m) => {
-  if (typeof m !== 'object') return undefined;
-  for (let prop in m) {
-    if (m[prop]?.toString()?.includes('.ProgressBar,"standard"==')) return m[prop];
-  }
-}) as VFC<ProgressBarProps>;
-
-export const ProgressBarWithInfo = findModuleChild((m) => {
-  if (typeof m !== 'object') return undefined;
-  for (let prop in m) {
-    if (m[prop]?.toString()?.includes('.ProgressBarFieldStatus},')) return m[prop];
-  }
-}) as VFC<ProgressBarWithInfoProps>;
-
-export const ProgressBarItem = findModuleChild((m) => {
-  if (typeof m !== 'object') return undefined;
-  for (let prop in m) {
-    if (m[prop]?.toString()?.includes('"indeterminate","nTransitionSec"')) return m[prop];
-  }
-}) as VFC<ProgressBarItemProps>;
--- a/src/deck-components/Router.tsx
+++ b/src/deck-components/Router.tsx
@@ -1,186 +0,0 @@
-import { sleep } from '../utils';
-import { Module, findModuleChild } from '../webpack';
-
-export enum SideMenu {
-  None,
-  Main,
-  QuickAccess,
-}
-
-export enum QuickAccessTab {
-  Notifications,
-  RemotePlayTogetherControls,
-  VoiceChat,
-  Friends,
-  Settings,
-  Perf,
-  Help,
-  Music,
-  Decky = 999,
-}
-
-export enum DisplayStatus {
-  Invalid = 0,
-  Launching = 1,
-  Uninstalling = 2,
-  Installing = 3,
-  Running = 4,
-  Validating = 5,
-  Updating = 6,
-  Downloading = 7,
-  Synchronizing = 8,
-  ReadyToInstall = 9,
-  ReadyToPreload = 10,
-  ReadyToLaunch = 11,
-  RegionRestricted = 12,
-  PresaleOnly = 13,
-  InvalidPlatform = 14,
-  PreloadComplete = 16,
-  BorrowerLocked = 17,
-  UpdatePaused = 18,
-  UpdateQueued = 19,
-  UpdateRequired = 20,
-  UpdateDisabled = 21,
-  DownloadPaused = 22,
-  DownloadQueued = 23,
-  DownloadRequired = 24,
-  DownloadDisabled = 25,
-  LicensePending = 26,
-  LicenseExpired = 27,
-  AvailForFree = 28,
-  AvailToBorrow = 29,
-  AvailGuestPass = 30,
-  Purchase = 31,
-  Unavailable = 32,
-  NotLaunchable = 33,
-  CloudError = 34,
-  CloudOutOfDate = 35,
-  Terminating = 36,
-}
-
-export type AppOverview = {
-  appid: string;
-  display_name: string;
-  display_status: DisplayStatus;
-  sort_as: string;
-};
-
-export interface MenuStore {
-  OpenSideMenu(sideMenu: SideMenu): void;
-  OpenQuickAccessMenu(quickAccessTab?: QuickAccessTab): void;
-  OpenMainMenu(): void;
-}
-
-export interface WindowRouter {
-  BrowserWindow: Window;
-  MenuStore: MenuStore;
-  Navigate(path: string): void;
-  NavigateToChat(): void;
-  NavigateToSteamWeb(url: string): void;
-  NavigateBack(): void;
-}
-
-export interface WindowStore {
-  GamepadUIMainWindowInstance?: WindowRouter; // Current
-  SteamUIWindows: WindowRouter[];
-  OverlayWindows: WindowRouter[]; // Used by desktop GamepadUI
-}
-
-export interface Router {
-  WindowStore?: WindowStore;
-  CloseSideMenus(): void;
-  Navigate(path: string): void;
-  NavigateToAppProperties(): void;
-  NavigateToExternalWeb(url: string): void;
-  NavigateToInvites(): void;
-  NavigateToChat(): void;
-  NavigateToLibraryTab(): void;
-  NavigateToLayoutPreview(e: unknown): void;
-  OpenPowerMenu(unknown?: any): void;
-  get RunningApps(): AppOverview[];
-  get MainRunningApp(): AppOverview | undefined;
-}
-
-export const Router = findModuleChild((m: Module) => {
-  if (typeof m !== 'object') return undefined;
-  for (let prop in m) {
-    if (m[prop]?.Navigate && m[prop]?.NavigationManager) return m[prop];
-  }
-}) as Router;
-
-export interface Navigation {
-  Navigate(path: string): void;
-  NavigateBack(): void;
-  NavigateToAppProperties(): void;
-  NavigateToExternalWeb(url: string): void;
-  NavigateToInvites(): void;
-  NavigateToChat(): void;
-  NavigateToLibraryTab(): void;
-  NavigateToLayoutPreview(e: unknown): void;
-  NavigateToSteamWeb(url: string): void;
-  OpenSideMenu(sideMenu: SideMenu): void;
-  OpenQuickAccessMenu(quickAccessTab?: QuickAccessTab): void;
-  OpenMainMenu(): void;
-  OpenPowerMenu(unknown?: any): void;
-  CloseSideMenus(): void;
-}
-
-export let Navigation = {} as Navigation;
-
-try {
-  (async () => {
-    let InternalNavigators: any = {};
-    if (!Router.NavigateToAppProperties || (Router as unknown as any).deckyShim) {
-      function initInternalNavigators() {
-        try {
-          InternalNavigators = findModuleChild((m: any) => {
-            if (typeof m !== 'object') return undefined;
-            for (let prop in m) {
-              if (m[prop]?.GetNavigator && m[prop]?.SetNavigator) {
-                return m[prop];
-              }
-            }
-          })?.GetNavigator();
-        } catch (e) {
-          console.error('[DFL:Router]: Failed to init internal navigators, trying again');
-        }
-      }
-      initInternalNavigators();
-      while (!InternalNavigators?.AppProperties) {
-        console.log('[DFL:Router]: Trying to init internal navigators again');
-        await sleep(2000);
-        initInternalNavigators();
-      }
-    }
-    const newNavigation = {
-      Navigate: Router.Navigate?.bind(Router),
-      NavigateBack: Router.WindowStore?.GamepadUIMainWindowInstance?.NavigateBack?.bind(
-        Router.WindowStore.GamepadUIMainWindowInstance,
-      ),
-      NavigateToAppProperties: InternalNavigators?.AppProperties || Router.NavigateToAppProperties?.bind(Router),
-      NavigateToExternalWeb: InternalNavigators?.ExternalWeb || Router.NavigateToExternalWeb?.bind(Router),
-      NavigateToInvites: InternalNavigators?.Invites || Router.NavigateToInvites?.bind(Router),
-      NavigateToChat: InternalNavigators?.Chat || Router.NavigateToChat?.bind(Router),
-      NavigateToLibraryTab: InternalNavigators?.LibraryTab || Router.NavigateToLibraryTab?.bind(Router),
-      NavigateToLayoutPreview: Router.NavigateToLayoutPreview?.bind(Router),
-      NavigateToSteamWeb: Router.WindowStore?.GamepadUIMainWindowInstance?.NavigateToSteamWeb?.bind(
-        Router.WindowStore.GamepadUIMainWindowInstance,
-      ),
-      OpenSideMenu: Router.WindowStore?.GamepadUIMainWindowInstance?.MenuStore.OpenSideMenu?.bind(
-        Router.WindowStore.GamepadUIMainWindowInstance.MenuStore,
-      ),
-      OpenQuickAccessMenu: Router.WindowStore?.GamepadUIMainWindowInstance?.MenuStore.OpenQuickAccessMenu?.bind(
-        Router.WindowStore.GamepadUIMainWindowInstance.MenuStore,
-      ),
-      OpenMainMenu: Router.WindowStore?.GamepadUIMainWindowInstance?.MenuStore.OpenMainMenu?.bind(
-        Router.WindowStore.GamepadUIMainWindowInstance.MenuStore,
-      ),
-      CloseSideMenus: Router.CloseSideMenus?.bind(Router),
-      OpenPowerMenu: Router.OpenPowerMenu?.bind(Router),
-    } as Navigation;
-
-    Object.assign(Navigation, newNavigation);
-  })();
-} catch (e) {
-  console.error('[DFL:Router]: Error initializing Navigation interface', e);
-}
--- a/src/deck-components/Scroll.tsx
+++ b/src/deck-components/Scroll.tsx
@@ -1,14 +0,0 @@
-import { FC, ReactNode } from "react";
-import { findModuleChild, findModule } from "../webpack";
-
-const ScrollingModule = findModule((mod) => {
-  if (typeof mod !== 'object' || !mod.__esModule) return undefined;
-  if (mod.ScrollPanel) return mod;
-});
-
-export const ScrollPanel: FC<{ children?: ReactNode; }> = ScrollingModule.ScrollPanel;
-
-export const ScrollPanelGroup: FC<{ children?: ReactNode; }> = findModuleChild((mod) => {
-  if (typeof mod !== 'object' || !mod.__esModule) return undefined;
-  return mod.ScrollPanelGroup;
-})
--- a/src/deck-components/Spinner.tsx
+++ b/src/deck-components/Spinner.tsx
@@ -1,8 +0,0 @@
-import { FC, SVGAttributes } from 'react';
-
-import { IconsModule } from '../webpack';
-
-// TODO type this and other icons?
-export const Spinner = Object.values(IconsModule).find(
-  (mod: any) => mod?.toString && /Spinner\)}\),.\.createElement\(\"path\",{d:\"M18 /.test(mod.toString()),
-) as FC<SVGAttributes<SVGElement>>;
--- a/src/deck-components/SteamSpinner.tsx
+++ b/src/deck-components/SteamSpinner.tsx
@@ -1,13 +0,0 @@
-import { FC, SVGAttributes } from 'react';
-
-import { findModuleChild } from '../webpack';
-
-export const SteamSpinner = findModuleChild((m) => {
-  if (typeof m !== 'object') return undefined;
-  for (let prop in m) {
-    if (
-      m[prop]?.toString?.()?.includes('Steam Spinner') && m[prop]?.toString?.()?.includes('src')
-    )
-      return m[prop];
-  }
-}) as FC<SVGAttributes<SVGElement>>;
--- a/src/deck-components/Tabs.tsx
+++ b/src/deck-components/Tabs.tsx
@@ -1,134 +0,0 @@
-import { FC, ReactNode, createElement, useEffect, useState } from 'react';
-
-import { fakeRenderComponent, findInReactTree, sleep } from '../utils';
-import { findModule } from '../webpack';
-import { FooterLegendProps } from './FooterLegend';
-import { SteamSpinner } from './SteamSpinner';
-
-/**
- * Individual tab objects for the Tabs component
- *
- * `id` ID of this tab, can be used with activeTab to auto-focus a given tab
- * `title` Title shown in the header bar
- * `renderTabAddon` Return a {@link ReactNode} to render it next to the tab title, i.e. the counts for each tab on the Media page
- * `content` Content of the tab
- * `footer` Sets up button handlers and labels
- */
-export interface Tab {
-  id: string;
-  title: string;
-  renderTabAddon?: () => ReactNode;
-  content: ReactNode;
-  footer?: FooterLegendProps;
-}
-
-/**
- * Props for the {@link Tabs}
- *
- * `tabs` array of {@link Tab}
- * `activeTab` tab currently active, needs to be one of the tabs {@link Tab.id}, must be set using a `useState` in the `onShowTab` handler
- * `onShowTab` Called when the active tab should change, needs to set `activeTab`. See example.
- * `autoFocusContents` Whether to automatically focus the tab contents or not.
- * `footer` Sets up button handlers and labels
- *
- * @example
- * const Component: FC = () => {
- * const [currentTab, setCurrentTab] = useState<string>("Tab1");
- *
- * return (
- *   <Tabs
- *     title="Theme Manager"
- *     activeTab={currentTabRoute}
- *     onShowTab={(tabID: string) => {
- *        setCurrentTabRoute(tabID);
- *     }}
- *     tabs={[
- *       {
- *         title: "Tab 1",
- *         content: <Tab1Component />,
- *         id: "Tab1",
- *       },
- *       {
- *         title: "Tab 2",
- *         content: <Tab2Component />,
- *         id: "Tab2",
- *       },
- *     ]}
- *   />
- *  );
- * };
- */
-export interface TabsProps {
-  tabs: Tab[];
-  activeTab: string;
-  onShowTab: (tab: string) => void;
-  autoFocusContents?: boolean;
-}
-
-let tabsComponent: any;
-
-const getTabs = async () => {
-  if (tabsComponent) return tabsComponent;
-  // @ts-ignore
-  while (!window?.DeckyPluginLoader?.routerHook?.routes) {
-    console.debug('[DFL:Tabs]: Waiting for Decky router...');
-    await sleep(500);
-  }
-  return (tabsComponent = fakeRenderComponent(
-    () => {
-      return findInReactTree(
-        findInReactTree(
-          // @ts-ignore
-          window.DeckyPluginLoader.routerHook.routes
-            .find((x: any) => x.props.path == '/library/app/:appid/achievements')
-            .props.children.type(),
-          (x) => x?.props?.scrollTabsTop,
-        ).type({ appid: 1 }),
-        (x) => x?.props?.tabs,
-      ).type;
-    },
-    {
-      useRef: () => ({ current: { reaction: { track: () => {} } } }),
-      useContext: () => ({ match: { params: { appid: 1 } } }),
-      useMemo: () => ({ data: {} }),
-    },
-  ));
-};
-
-let oldTabs: any;
-
-try {
-  const oldTabsModule = findModule((m: any) => {
-    if (typeof m !== 'object') return false;
-    for (let prop in m) {
-      if (m[prop]?.Unbleed) return true;
-    }
-    return false;
-  });
-  if (oldTabsModule)
-    oldTabs = Object.values(oldTabsModule).find((x: any) => x?.type?.toString()?.includes('((function(){'));
-} catch (e) {
-  console.error('Error finding oldTabs:', e);
-}
-
-/**
- * Tabs component as used in the library and media tabs. See {@link TabsProps}.
- * Unlike other components in `decky-frontend-lib`, this requires Decky Loader to be running.
- */
-export const Tabs =
-  (oldTabs ||
-  ((props: TabsProps) => {
-    const found = tabsComponent;
-    const [tc, setTC] = useState<FC<TabsProps>>(found);
-    useEffect(() => {
-      if (found) return;
-      (async () => {
-        console.debug('[DFL:Tabs]: Finding component...');
-        const t = await getTabs();
-        console.debug('[DFL:Tabs]: Found!');
-        setTC(t);
-      })();
-    }, []);
-    console.log('tc', tc);
-    return tc ? createElement(tc, props) : <SteamSpinner />;
-  })) as FC<TabsProps>;
--- a/src/deck-components/static-classes.ts
+++ b/src/deck-components/static-classes.ts
@@ -1,748 +0,0 @@
-import { findModule } from '../webpack';
-
-type QuickAccessMenuClasses = Record<
-  | 'ActiveTab'
-  | 'AllTabContents'
-  | 'BatteryDetailsLabels'
-  | 'BatteryIcon'
-  | 'BatteryPercentageLabel'
-  | 'BatteryProjectedLabel'
-  | 'BatteryProjectedValue'
-  | 'BatterySectionContainer'
-  | 'Blocked'
-  | 'ComingSoon'
-  | 'Container'
-  | 'ContentTransition'
-  | 'Down'
-  | 'EmptyNotifications'
-  | 'Enter'
-  | 'EnterActive'
-  | 'Exit'
-  | 'ExitActive'
-  | 'FooterBoxShadow'
-  | 'FriendsListTabPanel'
-  | 'FriendsTitle'
-  | 'FullHeight'
-  | 'HeaderAndFooterVisible'
-  | 'HeaderContainer'
-  | 'ItemFocusAnim-darkGrey'
-  | 'ItemFocusAnim-darkerGrey'
-  | 'ItemFocusAnim-darkerGrey-nocolor'
-  | 'ItemFocusAnim-green'
-  | 'ItemFocusAnim-grey'
-  | 'ItemFocusAnimBorder-darkGrey'
-  | 'KeyboardButton'
-  | 'Label'
-  | 'LowBattery'
-  | 'LowBatteryGauge'
-  | 'Menu'
-  | 'Open'
-  | 'PanelExitAnchor'
-  | 'PanelOuterNav'
-  | 'PanelSection'
-  | 'PanelSectionRow'
-  | 'PanelSectionTitle'
-  | 'QuickAccessMenu'
-  | 'ReallyLow'
-  | 'Remaining'
-  | 'Selected'
-  | 'Tab'
-  | 'TabContentColumn'
-  | 'TabGroupPanel'
-  | 'TabPanelHidden'
-  | 'Tabs'
-  | 'Text'
-  | 'Title'
-  | 'TransitionMenuDelay'
-  | 'Up'
-  | 'ViewPlaceholder'
-  | 'VoiceTab'
-  | 'duration-app-launch'
-  | 'focusAnimation'
-  | 'hoverAnimation',
-  string
->;
-
-type ScrollPanelClasses = Record<'ScrollBoth' | 'ScrollPanel' | 'ScrollX' | 'ScrollY', string>;
-
-type GamepadDialogClasses = Record<
-  | 'duration-app-launch'
-  | 'GamepadDialogContent'
-  | 'GamepadDialogContent_InnerWidth'
-  | 'Field'
-  | 'Button'
-  | 'NoMinWidth'
-  | 'ActiveAndUnfocused'
-  | 'StandaloneFieldSeparator'
-  | 'StandardPadding'
-  | 'CompactPadding'
-  | 'WithDescription'
-  | 'WithBottomSeparatorStandard'
-  | 'WithBottomSeparatorThick'
-  | 'HighlightOnFocus'
-  | 'ItemFocusAnim-darkerGrey'
-  | 'ItemFocusAnim-darkGrey'
-  | 'WithBottomSeparator'
-  | 'Disabled'
-  | 'Clickable'
-  | 'FieldClickTarget'
-  | 'FieldChildren'
-  | 'FieldLeadIcon'
-  | 'FieldLabelRow'
-  | 'VerticalAlignCenter'
-  | 'InlineWrapShiftsChildrenBelow'
-  | 'ExtraPaddingOnChildrenBelow'
-  | 'ChildrenWidthFixed'
-  | 'ChildrenWidthGrow'
-  | 'WithFirstRow'
-  | 'WithChildrenBelow'
-  | 'FieldLabel'
-  | 'FieldLabelValue'
-  | 'FieldDescription'
-  | 'ModalPosition'
-  | 'WithStandardPadding'
-  | 'slideInAnimation'
-  | 'BasicTextInput'
-  | 'Toggle'
-  | 'ToggleRail'
-  | 'On'
-  | 'ToggleSwitch'
-  | 'LabelFieldValue'
-  | 'DropDownControlButtonContents'
-  | 'Spacer'
-  | 'ControlsListOuterPanel'
-  | 'StandardSpacing'
-  | 'ExtraSpacing'
-  | 'AlignRight'
-  | 'AlignLeft'
-  | 'AlignCenter'
-  | 'ControlsListChild'
-  | 'QuickAccess-Menu'
-  | 'BigButtons'
-  | 'BottomButtons'
-  | 'ItemFocusAnim-darkerGrey-nocolor'
-  | 'ItemFocusAnim-grey'
-  | 'ItemFocusAnimBorder-darkGrey'
-  | 'ItemFocusAnim-green'
-  | 'focusAnimation'
-  | 'hoverAnimation',
-  string
->;
-
-type QuickAccessControlsClasses = Record<
-  | 'duration-app-launch'
-  | 'PanelSection'
-  | 'PanelSectionTitle'
-  | 'Text'
-  | 'PanelSectionRow'
-  | 'Label'
-  | 'ComingSoon'
-  | 'LowBattery'
-  | 'ReallyLow'
-  | 'LowBatteryGauge'
-  | 'Remaining'
-  | 'EmptyNotifications'
-  | 'BatterySectionContainer'
-  | 'BatteryIcon'
-  | 'BatteryPercentageLabel'
-  | 'BatteryDetailsLabels'
-  | 'BatteryProjectedValue'
-  | 'BatteryProjectedLabel'
-  | 'ItemFocusAnim-darkerGrey-nocolor'
-  | 'ItemFocusAnim-darkerGrey'
-  | 'ItemFocusAnim-darkGrey'
-  | 'ItemFocusAnim-grey'
-  | 'ItemFocusAnimBorder-darkGrey'
-  | 'ItemFocusAnim-green'
-  | 'focusAnimation'
-  | 'hoverAnimation',
-  string
->;
-
-type UpdaterFieldClasses = Record<
-  | 'duration-app-launch'
-  | 'OOBEUpdateStatusContainer'
-  | 'UpdateScreen'
-  | 'UpdatePanel'
-  | 'CurrentStatus'
-  | 'TotalUpdateSize'
-  | 'ProgressInfoContainer'
-  | 'TimeRemaining'
-  | 'BatteryLowWarning'
-  | 'fadeInAnimation'
-  | 'ProgressStatus'
-  | 'UpdateStatusContainer'
-  | 'UpdaterFieldStatusSuccess'
-  | 'UpdaterFieldStatusApplying'
-  | 'TextContainer'
-  | 'ApplyingText'
-  | 'UpdateBytesRemaining'
-  | 'Label'
-  | 'Numerator'
-  | 'Separator'
-  | 'Denominator'
-  | 'PatchNotes'
-  | 'PostedTime'
-  | 'EventDetailTitle'
-  | 'EventDetailsSubTitle'
-  | 'EventDetailsBody'
-  | 'InsufficientBatteryText'
-  | 'UnsupportedHardwareWarning'
-  | 'Title'
-  | 'Text'
-  | 'Body'
-  | 'ItemFocusAnim-darkerGrey-nocolor'
-  | 'ItemFocusAnim-darkerGrey'
-  | 'ItemFocusAnim-darkGrey'
-  | 'ItemFocusAnim-grey'
-  | 'ItemFocusAnimBorder-darkGrey'
-  | 'ItemFocusAnim-green'
-  | 'focusAnimation'
-  | 'hoverAnimation',
-  string
->;
-
-type PlaySectionClasses = Record<
-  | 'AchievementCountLabel'
-  | 'AchievementProgressRow'
-  | 'ActionSection'
-  | 'AppButtonsContainer'
-  | 'Arrow'
-  | 'AvatarAndPersona'
-  | 'BreakNarrow'
-  | 'BreakShort'
-  | 'BreakTall'
-  | 'BreakUltraWide'
-  | 'BreakWide'
-  | 'ClickablePlayBarItem'
-  | 'CloudStatusIcon'
-  | 'CloudStatusLabel'
-  | 'CloudStatusRow'
-  | 'CloudSyncProblem'
-  | 'CloudSynching'
-  | 'ComingSoon'
-  | 'Container'
-  | 'DetailsProgressBar'
-  | 'DetailsProgressContainer'
-  | 'DetailsSection'
-  | 'DetailsSectionExtra'
-  | 'DetailsSectionStatus'
-  | 'DotDotDot'
-  | 'DownloadPaused'
-  | 'DownloadProgressBar'
-  | 'Downloading'
-  | 'FavoriteButton'
-  | 'Favorited'
-  | 'GameInfoButton'
-  | 'GameStat'
-  | 'GameStatIcon'
-  | 'GameStatIconForced'
-  | 'GameStatRight'
-  | 'GameStatsSection'
-  | 'GamepadUIBreakNarrow'
-  | 'GamepadUIBreakShort'
-  | 'GamepadUIBreakWide'
-  | 'Glassy'
-  | 'HideWhenNarrow'
-  | 'Icon'
-  | 'Icons'
-  | 'InPage'
-  | 'InnerContainer'
-  | 'InvalidPlatform'
-  | 'ItemFocusAnim-darkGrey'
-  | 'ItemFocusAnim-darkerGrey'
-  | 'ItemFocusAnim-darkerGrey-nocolor'
-  | 'ItemFocusAnim-green'
-  | 'ItemFocusAnim-grey'
-  | 'ItemFocusAnimBorder-darkGrey'
-  | 'Label'
-  | 'LastPlayed'
-  | 'LastPlayedInfo'
-  | 'MenuActive'
-  | 'MenuButton'
-  | 'MiniAchievements'
-  | 'OfflineMode'
-  | 'OnlyDownloadBar'
-  | 'PermanentlyUnavailable'
-  | 'PlayBar'
-  | 'PlayBarCloudStatusContainer'
-  | 'PlayBarDetailLabel'
-  | 'PlayBarGameIcon'
-  | 'PlayBarGameName'
-  | 'PlayBarIconAndGame'
-  | 'PlayBarLabel'
-  | 'Playtime'
-  | 'PlaytimeIcon'
-  | 'PlaytimeIconForced'
-  | 'PortraitBar'
-  | 'Presale'
-  | 'RecentlyUpdated'
-  | 'RecentlyUpdatedIcon'
-  | 'RecentlyUpdatedLink'
-  | 'RecentlyUpdatedText'
-  | 'RightBreakNarrow'
-  | 'RightBreakUltraNarrow'
-  | 'RightBreakUltraWide'
-  | 'RightBreakWide'
-  | 'RightControls'
-  | 'Row'
-  | 'SharedLibrary'
-  | 'StatusAndStats'
-  | 'StatusNameContainer'
-  | 'StickyHeader'
-  | 'StickyHeaderShadow'
-  | 'SuperimposedGridItems'
-  | 'SyncAnim'
-  | 'Visible'
-  | 'duration-app-launch'
-  | 'favorited'
-  | 'focusAnimation'
-  | 'hoverAnimation',
-  string
->;
-
-type GamepadSliderClasses = Record<
-  | 'error-shake-duration'
-  | 'SliderControlPanelGroup'
-  | 'SliderControlAndNotches'
-  | 'WithDefaultValue'
-  | 'SliderControl'
-  | 'Disabled'
-  | 'SliderTrack'
-  | 'SliderHasNotches'
-  | 'SliderTrackDark'
-  | 'SliderHandleContainer'
-  | 'VerticalLineSliderHandleContainer'
-  | 'ParenSliderHandleContainer'
-  | 'SliderHandle'
-  | 'SliderHandleFocusPop'
-  | 'VerticalLineSliderHandle'
-  | 'ParenSliderHandle'
-  | 'Left'
-  | 'SliderControlWithIcon'
-  | 'Icon'
-  | 'SliderNotchContainer'
-  | 'SliderNotch'
-  | 'AlignToEnds'
-  | 'SliderNotchLabel'
-  | 'AlignToLeft'
-  | 'AlignToRight'
-  | 'SliderNotchTick'
-  | 'TickActive'
-  | 'LabelText'
-  | 'DescriptionValue'
-  | 'EditableValue'
-  | 'FakeEditableValue'
-  | 'RedBorder'
-  | 'EditableValueSuffix'
-  | 'ErrorShake'
-  | 'error-shake'
-  | 'CompoundSlider'
-  | 'CompoundSliderSubSlider'
-  | 'Right'
-  | 'CompoundSliderSubSliderLabelContainer'
-  | 'CompoundSliderSubSliderLabelPositioner'
-  | 'CompoundSliderSubSliderLabel'
-  | 'CompoundSliderSubSliderLabelInternal'
-  | 'DefaultValueTickContainer'
-  | 'DefaultValueTick',
-  string
->;
-
-type AppDetailsHeaderClasses = Record<
-  | 'AddBoxSizer'
-  | 'Background'
-  | 'Bottom'
-  | 'BottomCenter'
-  | 'BottomLeft'
-  | 'BottomRight'
-  | 'BoxSizer'
-  | 'BoxSizerButtonContainer'
-  | 'BoxSizerContainer'
-  | 'BoxSizerDelete'
-  | 'BoxSizerDragBox'
-  | 'BoxSizerEdge'
-  | 'BoxSizerGridBox'
-  | 'BoxSizerInfo'
-  | 'BoxSizerSettings'
-  | 'BoxSizerValidRegion'
-  | 'CenterCenter'
-  | 'DialogButton'
-  | 'EdgeDown'
-  | 'FallbackArt'
-  | 'Features'
-  | 'FullscreenEnterActive'
-  | 'FullscreenEnterDone'
-  | 'FullscreenEnterStart'
-  | 'FullscreenExitActive'
-  | 'FullscreenExitDone'
-  | 'FullscreenExitStart'
-  | 'HeaderBackgroundImage'
-  | 'ImgBlur'
-  | 'ImgBlurBackdrop'
-  | 'ImgContainer'
-  | 'ImgSrc'
-  | 'Left'
-  | 'Loaded'
-  | 'Middle'
-  | 'NoArt'
-  | 'PinBox'
-  | 'Right'
-  | 'SVGTitle'
-  | 'SaveBoxSizer'
-  | 'TextNameSpace'
-  | 'TitleImageContainer'
-  | 'TitleLogo'
-  | 'TitleSection'
-  | 'Top'
-  | 'TopCapsule'
-  | 'TopGradient'
-  | 'TopLeft'
-  | 'TopRight'
-  | 'UpperCenter'
-  | 'UpperLeft'
-  | 'duration-app-launch',
-  string
->;
-
-type AppDetailsClasses = Record<
-  | 'BreakNarrow'
-  | 'BreakShort'
-  | 'BreakTall'
-  | 'BreakUltraWide'
-  | 'BreakWide'
-  | 'Container'
-  | 'GamepadUIBreakNarrow'
-  | 'GamepadUIBreakShort'
-  | 'GamepadUIBreakWide'
-  | 'Glassy'
-  | 'Header'
-  | 'HeaderLoaded'
-  | 'InnerContainer'
-  | 'ItemFocusAnim-darkGrey'
-  | 'ItemFocusAnim-darkerGrey'
-  | 'ItemFocusAnim-darkerGrey-nocolor'
-  | 'ItemFocusAnim-green'
-  | 'ItemFocusAnim-grey'
-  | 'ItemFocusAnimBorder-darkGrey'
-  | 'PlayBar'
-  | 'PreventScrolling'
-  | 'RightBreakNarrow'
-  | 'RightBreakUltraNarrow'
-  | 'RightBreakUltraWide'
-  | 'RightBreakWide'
-  | 'ScrollContainer'
-  | 'ShowPlayBar'
-  | 'Throbber'
-  | 'duration-app-launch'
-  | 'fadein'
-  | 'focusAnimation'
-  | 'hoverAnimation',
-  string
->;
-
-type GamepadUIClasses = Record<
-  | 'duration-app-launch'
-  | 'TransitionMenuDelay'
-  | 'PanelSection'
-  | 'PanelSectionTitle'
-  | 'Text'
-  | 'PanelSectionRow'
-  | 'Label'
-  | 'ComingSoon'
-  | 'LowBattery'
-  | 'ReallyLow'
-  | 'LowBatteryGauge'
-  | 'Remaining'
-  | 'EmptyNotifications'
-  | 'BatterySectionContainer'
-  | 'BatteryIcon'
-  | 'BatteryPercentageLabel'
-  | 'BatteryDetailsLabels'
-  | 'BatteryProjectedValue'
-  | 'BatteryProjectedLabel'
-  | 'ViewPlaceholder'
-  | 'FullHeight'
-  | 'Title'
-  | 'Container'
-  | 'Open'
-  | 'QuickAccessMenu'
-  | 'HeaderContainer'
-  | 'Menu'
-  | 'HeaderAndFooterVisible'
-  | 'TabContentColumn'
-  | 'Tabs'
-  | 'Tab'
-  | 'Selected'
-  | 'ItemFocusAnim-darkerGrey'
-  | 'ItemFocusAnim-darkerGrey-nocolor'
-  | 'VoiceTab'
-  | 'ItemFocusAnim-green'
-  | 'Blocked'
-  | 'TabPanelHidden'
-  | 'FriendsTitle'
-  | 'FriendsListTabPanel'
-  | 'PanelOuterNav'
-  | 'PanelExitAnchor'
-  | 'TabGroupPanel'
-  | 'FooterBoxShadow'
-  | 'AllTabContents'
-  | 'ContentTransition'
-  | 'ActiveTab'
-  | 'Up'
-  | 'Enter'
-  | 'EnterActive'
-  | 'Exit'
-  | 'ExitActive'
-  | 'Down'
-  | 'KeyboardButton'
-  | 'ItemFocusAnim-darkGrey'
-  | 'ItemFocusAnim-grey'
-  | 'ItemFocusAnimBorder-darkGrey'
-  | 'focusAnimation'
-  | 'hoverAnimation',
-  string
->;
-
-type GamepadTabbedPageClasses = Record<
-  | 'duration-app-launch'
-  | 'headerHeight'
-  | 'contentPadding'
-  | 'GamepadTabbedPage'
-  | 'TabHeaderRowWrapper'
-  | 'Floating'
-  | 'TabRow'
-  | 'TabRowTabs'
-  | 'BleedGlyphs'
-  | 'TabsRowScroll'
-  | 'FixCenterAlignScroll'
-  | 'Tab'
-  | 'Selected'
-  | 'HasAddon'
-  | 'RightAddon'
-  | 'TabTitle'
-  | 'LeftAddon'
-  | 'TabCount'
-  | 'Active'
-  | 'TabBadge'
-  | 'TabCountBadge'
-  | 'TabRowSpacer'
-  | 'Glyphs'
-  | 'Show'
-  | 'TabContents'
-  | 'ContentTransition'
-  | 'TabContentsScroll'
-  | 'Right'
-  | 'Enter'
-  | 'EnterActive'
-  | 'Exit'
-  | 'ExitActive'
-  | 'Left'
-  | 'TabIcon',
-  string
->;
-
-type GamepadContextMenuClasses = Record<
-  | "duration-app-launch"
-  | "BasicContextMenuModal"
-  | "BasicContextMenuHeader"
-  | "BasicContextMenuHeaderShrinkableSpacing"
-  | "BasicContextMenuContainer"
-  | "slideInAnimation"
-  | "contextMenu"
-  | "contextMenuContents"
-  | "hasSubMenu"
-  | "contextMenuFade"
-  | "contextMenuItem"
-  | "active"
-  | "Selected"
-  | "Focused"
-  | "Positive"
-  | "Emphasis"
-  | "Destructive"
-  | "Capitalized"
-  | "MenuSectionHeader"
-  | "UpperCase"
-  | "SubMenu"
-  | "ContextMenuSeparator"
-  | "Label"
-  | "Arrow"
-  | "ItemFocusAnim-darkerGrey-nocolor"
-  | "ItemFocusAnim-darkerGrey"
-  | "ItemFocusAnim-darkGrey"
-  | "ItemFocusAnim-grey"
-  | "ItemFocusAnimBorder-darkGrey"
-  | "ItemFocusAnim-green"
-  | "focusAnimation"
-  | "hoverAnimation",
-  string
->;
-
-type AchievementClasses = Record<
-  | "nAchievementHeight"
-  | "nGlobalAchievementHeight"
-  | "nAchievementsListTitleHeight"
-  | "nAchievementGap"
-  | "AchievementList"
-  | "ListTitle"
-  | "AchievementListItemBase"
-  | "Container"
-  | "Content"
-  | "Right"
-  | "Footer"
-  | "AchievementTitle"
-  | "AchievementDescription"
-  | "AchievementGlobalPercentage"
-  | "InBody"
-  | "VerticalContent"
-  | "UnlockDate"
-  | "AlignEnd"
-  | "ProgressBar"
-  | "ProgressCount"
-  | "AchievementContent"
-  | "HiddenAchievementContent"
-  | "FriendAchievementFooter"
-  | "GlobalPercentage"
-  | "UserUnlockDateTime"
-  | "GlobalAchievementsListHeader"
-  | "SearchField"
-  | "Avatar"
-  | "HeaderText"
-  | "GlobalAchievementListItem"
-  | "UnlockContainer"
-  | "Info"
-  | "Title"
-  | "Description"
-  | "Percent"
-  | "ImageContainer"
-  | "ProgressFill"
-  | "SpoilerWarning"
-  | "Hidden"
-  | "ComparisonAchieverColumn"
-  | "ComparisonAchieverInfo"
-  | "ProgressContainer"
-  | "ProgressLabel"
-  | "Secondary"
-  | "AvatarContainer"
-  | "Unachieved",
-  string
->;
-
-type MainMenuAppRunningClasses = Record<
-  | "duration-app-launch"
-  | "ScrollMask"
-  | "HideMask"
-  | "MainMenuAppRunning"
-  | "MenuOpen"
-  | "NavigationColumn"
-  | "ControllerColumnFocused"
-  | "NavColumnFocused"
-  | "NavigationBox"
-  | "NavigationMenuItem"
-  | "ItemFocusAnim-darkerGrey"
-  | "Active"
-  | "Disabled"
-  | "SwitchAppsTitle"
-  | "SelectableAppWindow"
-  | "ActiveDot"
-  | "NavigationMenuItemSeparator"
-  | "AppColumn"
-  | "FocusedColumn"
-  | "AppColumnContent"
-  | "ActiveContent"
-  | "CurrentGameBackground"
-  | "CurrentGameLogo"
-  | "OverlayAchievements"
-  | "Container"
-  | "OverlayGuides"
-  | "OverlayNotes"
-  | "OverlayInplaceBrowser"
-  | "ItemFocusAnim-darkerGrey-nocolor"
-  | "ItemFocusAnim-darkGrey"
-  | "ItemFocusAnim-grey"
-  | "ItemFocusAnimBorder-darkGrey"
-  | "ItemFocusAnim-green"
-  | "focusAnimation"
-  | "hoverAnimation",
-  string
->;
-
-type BasicAppDetailsSectionStylerClasses = Record<
-  | "duration-app-launch"
-  | "headerPadding"
-  | "Header"
-  | "AppDetailsContent"
-  | "AppDetailsContainer"
-  | "AppDetailsRoot"
-  | "GameInfoContainer"
-  | "GameInfoQuickLinks"
-  | "GameInfoCollections"
-  | "CollectionsHeader"
-  | "PlaySection"
-  | "ActionRow"
-  | "AppDetailSectionList"
-  | "AppActionButton"
-  | "ActionButtonAndStatusPanel"
-  | "AppButtons"
-  | "InvertFocusedIcon"
-  | "DeckVerifiedFeedbackContainer"
-  | "DeckVerifiedFeedbackConfirmationContainer"
-  | "DeckVerifiedFeedbackButton"
-  | "DeckVerifiedFeedbackQuestion"
-  | "DeckVerifiedFeedbackConfirmation",
-  string
->;
-
-export const quickAccessMenuClasses: QuickAccessMenuClasses = findModule(
-  (mod) => typeof mod === 'object' && mod?.Title?.includes('quickaccessmenu'),
-);
-/**
- * @depreciated please use quickAccessMenuClasses instead
- */
-export const staticClasses = quickAccessMenuClasses;
-export const scrollPanelClasses: ScrollPanelClasses = findModule(
-  (mod) => typeof mod === 'object' && mod?.ScrollPanel?.includes('scrollpanel'),
-);
-/**
- * @depreciated please use scrollPanelClasses instead
- */
-export const scrollClasses = scrollPanelClasses;
-export const gamepadDialogClasses: GamepadDialogClasses = findModule(
-  (mod) => typeof mod === 'object' && mod?.GamepadDialogContent?.includes('gamepaddialog'),
-);
-export const quickAccessControlsClasses: QuickAccessControlsClasses = findModule(
-  (mod) => typeof mod === 'object' && typeof mod?.PanelSection === 'string' && mod?.PanelSection?.includes('quickaccesscontrols'),
-);
-export const updaterFieldClasses: UpdaterFieldClasses = findModule(
-  (mod) => typeof mod === 'object' && mod?.OOBEUpdateStatusContainer?.includes('updaterfield'),
-);
-export const playSectionClasses: PlaySectionClasses = findModule(
-  (mod) => typeof mod === 'object' && mod?.Container?.includes('appdetailsplaysection'),
-);
-export const gamepadSliderClasses: GamepadSliderClasses = findModule(
-  (mod) => typeof mod === 'object' && mod?.SliderControlPanelGroup?.includes('gamepadslider'),
-);
-export const appDetailsHeaderClasses: AppDetailsHeaderClasses = findModule(
-  (mod) => typeof mod === 'object' && mod?.TopCapsule?.includes('sharedappdetailsheader'),
-);
-export const appDetailsClasses: AppDetailsClasses = findModule(
-  (mod) => typeof mod === 'object' && mod?.HeaderLoaded?.includes('appdetails_'),
-);
-export const gamepadUIClasses: GamepadUIClasses = findModule(
-  (mod) => typeof mod === 'object' && mod?.BasicUiRoot?.includes('gamepadui_'),
-);
-export const gamepadTabbedPageClasses: GamepadTabbedPageClasses = findModule(
-  (mod) => typeof mod === 'object' && mod?.GamepadTabbedPage?.includes('gamepadtabbedpage_')
-);
-export const gamepadContextMenuClasses: GamepadContextMenuClasses = findModule(
-  (mod) => typeof mod === 'object' && mod?.BasicContextMenuModal?.includes('gamepadcontextmenu')
-);
-export const achievementClasses: AchievementClasses = findModule(
-  (mod) => typeof mod === 'object' && mod?.AchievementListItemBase?.includes('achievementslist')
-);
-export const mainMenuAppRunningClasses: MainMenuAppRunningClasses = findModule(
-  (mod) => typeof mod === 'object' && mod?.MainMenuAppRunning?.includes('mainmenuapprunning')
-);
-export const basicAppDetailsSectionStylerClasses: BasicAppDetailsSectionStylerClasses = findModule(
-  (mod) => typeof mod === 'object' && mod?.AppDetailsRoot?.includes('basicappdetailssectionstyler_')
-);
--- a/src/deck-components/SteamClient.ts
+++ b/src/deck-components/SteamClient.ts
@@ -1,3 +1,7 @@
+declare global {
+  var SteamClient: SteamClient;
+}
+
 export interface Apps {
  RegisterForAppOverviewChanges: any;
  RegisterForAppDetails: any;
@@ -223,7 +227,7 @@ export interface LogoPosition {
  pinnedPosition: LogoPinPositions;
  nWidthPct: number;
  nHeightPct: number;
-};
+}

 export interface AppDetails {
  achievements: AppAchievements;
--- a/src/globals/index.ts
+++ b/src/globals/index.ts
@@ -0,0 +1,2 @@
+export * from './SteamClient';
+export * from './stores';
--- a/src/deck-components/index.ts
+++ b/src/deck-components/index.ts
@@ -1,37 +1,6 @@
-export * from './Button';
-export * from './ButtonItem';
-export * from './Carousel';
-export * from './ControlsList';
-export * from './Dialog';
-export * from './DialogCheckbox';
-export * from './Dropdown';
-export * from './Field';
-export * from './Focusable';
-export * from './FocusRing';
-export * from './FooterLegend';
-export * from './Marquee';
-export * from './Menu';
-export * from './Modal';
-export * from './Panel';
-export * from './ProgressBar';
-export * from './Router';
-export * from './SidebarNavigation';
-export * from './SliderField';
-export * from './Spinner';
-export * from './static-classes';
-export * from './SteamSpinner';
-export * from './Tabs';
-export * from './TextField';
-export * from './Toggle';
-export * from './ToggleField';
-export * from './SteamClient';
-export * from './Scroll';
-
-import { AppDetails, LogoPosition, SteamAppOverview, SteamClient } from './SteamClient';
-
+import { WindowRouter } from '../modules/Router';
+import { AppDetails, LogoPosition, SteamAppOverview } from './SteamClient';
 declare global {
-  var SteamClient: SteamClient;
-
  interface Window {
    LocalizationManager: {
      m_mapTokens: Map<string, string>;
@@ -78,5 +47,11 @@ declare global {
      GetCustomLogoPosition: (app: SteamAppOverview) => LogoPosition | null;
      SaveCustomLogoPosition: (app: SteamAppOverview, logoPositions: LogoPosition) => any;
    };
+    SteamUIStore: {
+      GetFocusedWindowInstance: () => WindowRouter;
+    };
+    securitystore: {
+      IsLockScreenActive: () => boolean;
+    };
  }
 }
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,8 +1,20 @@
 // export * from './deck-libs';
 export * from './custom-components';
 export * from './custom-hooks';
-export * from './deck-components';
+export * from './components';
 export * from './deck-hooks';
-export * from './plugin';
+export * from './modules';
+export * from './globals';
 export * from './webpack';
 export * from './utils';
+export * from './class-mapper';
+
+/**
+ * @deprecated use @decky/api instead
+ */
+export const definePlugin = (fn: any): any => {
+  return (...args: any[]) => {
+    // TODO: Maybe wrap this
+    return fn(...args);
+  };
+};
--- a/src/logger.ts
+++ b/src/logger.ts
@@ -0,0 +1,77 @@
+const bgStyle1 = 'background: #16a085; color: black;';
+
+export const log = (name: string, ...args: any[]) => {
+  console.log(
+    `%c @decky/ui %c ${name} %c`,
+    bgStyle1,
+    'background: #1abc9c; color: black;',
+    'background: transparent;',
+    ...args,
+  );
+};
+
+export const group = (name: string, ...args: any[]) => {
+  console.group(
+    `%c @decky/ui %c ${name} %c`,
+    bgStyle1,
+    'background: #1abc9c; color: black;',
+    'background: transparent;',
+    ...args,
+  );
+};
+
+export const groupEnd = (name: string, ...args: any[]) => {
+  console.groupEnd();
+  if (args?.length > 0)
+    console.log(
+      `^ %c @decky/ui %c ${name} %c`,
+      bgStyle1,
+      'background: #1abc9c; color: black;',
+      'background: transparent;',
+      ...args,
+    );
+};
+
+export const debug = (name: string, ...args: any[]) => {
+  console.debug(`%c @decky/ui %c ${name} %c`, bgStyle1, 'background: #1abc9c; color: black;', 'color: blue;', ...args);
+};
+
+export const warn = (name: string, ...args: any[]) => {
+  console.warn(`%c @decky/ui %c ${name} %c`, bgStyle1, 'background: #ffbb00; color: black;', 'color: blue;', ...args);
+};
+
+export const error = (name: string, ...args: any[]) => {
+  console.error(`%c @decky/ui %c ${name} %c`, bgStyle1, 'background: #FF0000;', 'background: transparent;', ...args);
+};
+
+class Logger {
+  constructor(private name: string) {
+    this.name = name;
+  }
+
+  log(...args: any[]) {
+    log(this.name, ...args);
+  }
+
+  debug(...args: any[]) {
+    debug(this.name, ...args);
+  }
+
+  warn(...args: any[]) {
+    warn(this.name, ...args);
+  }
+
+  error(...args: any[]) {
+    error(this.name, ...args);
+  }
+
+  group(...args: any[]) {
+    group(this.name, ...args);
+  }
+
+  groupEnd(...args: any[]) {
+    groupEnd(this.name, ...args);
+  }
+}
+
+export default Logger;
--- a/src/modules/Router.ts
+++ b/src/modules/Router.ts
@@ -0,0 +1,183 @@
+import Logger from '../logger';
+import { Export, findModuleExport } from '../webpack';
+
+export enum SideMenu {
+  None,
+  Main,
+  QuickAccess,
+}
+
+export enum QuickAccessTab {
+  Notifications,
+  RemotePlayTogetherControls,
+  VoiceChat,
+  Friends,
+  Settings,
+  Perf,
+  Help,
+  Music,
+  Decky = 999,
+}
+
+export enum DisplayStatus {
+  Invalid = 0,
+  Launching = 1,
+  Uninstalling = 2,
+  Installing = 3,
+  Running = 4,
+  Validating = 5,
+  Updating = 6,
+  Downloading = 7,
+  Synchronizing = 8,
+  ReadyToInstall = 9,
+  ReadyToPreload = 10,
+  ReadyToLaunch = 11,
+  RegionRestricted = 12,
+  PresaleOnly = 13,
+  InvalidPlatform = 14,
+  PreloadComplete = 16,
+  BorrowerLocked = 17,
+  UpdatePaused = 18,
+  UpdateQueued = 19,
+  UpdateRequired = 20,
+  UpdateDisabled = 21,
+  DownloadPaused = 22,
+  DownloadQueued = 23,
+  DownloadRequired = 24,
+  DownloadDisabled = 25,
+  LicensePending = 26,
+  LicenseExpired = 27,
+  AvailForFree = 28,
+  AvailToBorrow = 29,
+  AvailGuestPass = 30,
+  Purchase = 31,
+  Unavailable = 32,
+  NotLaunchable = 33,
+  CloudError = 34,
+  CloudOutOfDate = 35,
+  Terminating = 36,
+}
+
+export type AppOverview = {
+  appid: string;
+  display_name: string;
+  display_status: DisplayStatus;
+  sort_as: string;
+};
+
+export interface MenuStore {
+  OpenSideMenu(sideMenu: SideMenu): void;
+  OpenQuickAccessMenu(quickAccessTab?: QuickAccessTab): void;
+  OpenMainMenu(): void;
+}
+
+export interface WindowRouter {
+  BrowserWindow: Window;
+  MenuStore: MenuStore;
+  Navigate(path: string): void;
+  NavigateToChat(): void;
+  NavigateToSteamWeb(url: string): void;
+  NavigateBack(): void;
+}
+
+export interface WindowStore {
+  GamepadUIMainWindowInstance?: WindowRouter; // Current
+  SteamUIWindows: WindowRouter[];
+  OverlayWindows: WindowRouter[]; // Used by desktop GamepadUI
+}
+
+export interface Router {
+  WindowStore?: WindowStore;
+  /** @deprecated use {@link Navigation} instead */
+  CloseSideMenus(): void;
+  /** @deprecated use {@link Navigation} instead */
+  Navigate(path: string): void;
+  /** @deprecated use {@link Navigation} instead */
+  NavigateToAppProperties(): void;
+  /** @deprecated use {@link Navigation} instead */
+  NavigateToExternalWeb(url: string): void;
+  /** @deprecated use {@link Navigation} instead */
+  NavigateToInvites(): void;
+  /** @deprecated use {@link Navigation} instead */
+  NavigateToChat(): void;
+  /** @deprecated use {@link Navigation} instead */
+  NavigateToLibraryTab(): void;
+  /** @deprecated use {@link Navigation} instead */
+  NavigateToLayoutPreview(e: unknown): void;
+  /** @deprecated use {@link Navigation} instead */
+  OpenPowerMenu(unknown?: any): void;
+  get RunningApps(): AppOverview[];
+  get MainRunningApp(): AppOverview | undefined;
+}
+
+export const Router = findModuleExport((e: Export) => e.Navigate && e.NavigationManager) as Router;
+
+export interface Navigation {
+  Navigate(path: string): void;
+  NavigateBack(): void;
+  NavigateToAppProperties(): void;
+  NavigateToExternalWeb(url: string): void;
+  NavigateToInvites(): void;
+  NavigateToChat(): void;
+  NavigateToLibraryTab(): void;
+  NavigateToLayoutPreview(e: unknown): void;
+  NavigateToSteamWeb(url: string): void;
+  OpenSideMenu(sideMenu: SideMenu): void;
+  OpenQuickAccessMenu(quickAccessTab?: QuickAccessTab): void;
+  OpenMainMenu(): void;
+  OpenPowerMenu(unknown?: any): void;
+  /** if calling this to perform navigation, call it after Navigate to prevent a race condition in desktop Big Picture mode that hides the overlay unintentionally */
+  CloseSideMenus(): void;
+}
+
+export let Navigation = {} as Navigation;
+
+const logger = new Logger("Navigation");
+
+try {
+  function createNavigationFunction(fncName: string, handler?: (win: any) => any) {
+    return (...args: any) => {
+      let win: WindowRouter | undefined;
+      try {
+        win = window.SteamUIStore.GetFocusedWindowInstance();
+      } catch (e) {
+        logger.warn("Navigation interface failed to call GetFocusedWindowInstance", e);
+      }
+      if (!win) {
+        logger.warn("Navigation interface could not find any focused window. Falling back to Main Window Instance");
+        win = Router.WindowStore?.GamepadUIMainWindowInstance || Router?.WindowStore?.SteamUIWindows?.[0];
+      }
+
+      if (win) {
+        try {
+          const thisObj = handler && handler(win);
+          (thisObj || win)[fncName](...args);
+        } catch (e) {
+          logger.error("Navigation handler failed", e);
+        }
+      } else {
+        logger.error("Navigation interface could not find a window to navigate");
+      }
+    }
+  }
+  const newNavigation = {
+    Navigate: createNavigationFunction("Navigate"),
+    NavigateBack: createNavigationFunction("NavigateBack"),
+    NavigateToAppProperties: createNavigationFunction("AppProperties", win => win.Navigator),
+    NavigateToExternalWeb: createNavigationFunction("ExternalWeb", win => win.Navigator),
+    NavigateToInvites: createNavigationFunction("Invites", win => win.Navigator),
+    NavigateToChat: createNavigationFunction("Chat", win => win.Navigator),
+    NavigateToLibraryTab: createNavigationFunction("LibraryTab", win => win.Navigator),
+    NavigateToLayoutPreview: Router.NavigateToLayoutPreview?.bind(Router),
+    NavigateToSteamWeb: createNavigationFunction("NavigateToSteamWeb"),
+    OpenSideMenu: createNavigationFunction("OpenSideMenu", win => win.MenuStore),
+    OpenQuickAccessMenu: createNavigationFunction("OpenQuickAccessMenu", win => win.MenuStore),
+    OpenMainMenu: createNavigationFunction("OpenMainMenu", win => win.MenuStore),
+    CloseSideMenus: createNavigationFunction("CloseSideMenus", win => win.MenuStore),
+    OpenPowerMenu: Router.OpenPowerMenu?.bind(Router),
+  } as Navigation;
+
+  Object.assign(Navigation, newNavigation);
+} catch (e) {
+  logger.error('Error initializing Navigation interface', e);
+}
--- a/src/modules/index.ts
+++ b/src/modules/index.ts
@@ -0,0 +1 @@
+export * from './Router';
--- a/src/plugin.tsx
+++ b/src/plugin.tsx
@@ -1,96 +0,0 @@
-import type { ComponentType, ReactNode } from 'react';
-import { RouteProps } from 'react-router';
-
-export interface Plugin {
-  title: JSX.Element;
-  icon: JSX.Element;
-  content?: JSX.Element;
-  onDismount?(): void;
-  alwaysRender?: boolean;
-}
-
-interface ServerResponseSuccess<TRes> {
-  success: true;
-  result: TRes;
-}
-
-interface ServerResponseError {
-  success: false;
-  result: string;
-}
-
-export type ServerResponse<TRes> = ServerResponseSuccess<TRes> | ServerResponseError;
-
-export type RoutePatch = (route: RouteProps) => RouteProps;
-
-export interface RouterHook {
-  addRoute(path: string, component: ComponentType, props?: Omit<RouteProps, 'path' | 'children'>): void;
-  addPatch(path: string, patch: RoutePatch): RoutePatch;
-  addGlobalComponent(name: string, component: ComponentType): void;
-  removeRoute(path: string): void;
-  removePatch(path: string, patch: RoutePatch): void;
-  removeGlobalComponent(name: string): void;
-}
-
-export interface ToastData {
-  title: ReactNode;
-  body: ReactNode;
-  onClick?: () => void;
-  logo?: ReactNode;
-  icon?: ReactNode;
-  className?: string;
-  contentClassName?: string;
-  duration?: number;
-  critical?: boolean;
-  eType?: number;
-  sound?: number;
-  playSound?: boolean;
-  showToast?: boolean;
-}
-
-export interface Toaster {
-  toast(toast: ToastData): void;
-}
-
-export interface FilePickerRes {
-  path: string;
-  realpath: string;
-}
-
-export const enum FileSelectionType {
-  FILE,
-  FOLDER,
-}
-
-export interface ServerAPI {
-  routerHook: RouterHook;
-  toaster: Toaster;
-  openFilePicker(startPath: string, includeFiles?: boolean, regex?: RegExp): Promise<FilePickerRes>;
-  openFilePickerV2(
-    select: FileSelectionType,
-    startPath: string,
-    includeFiles?: boolean,
-    includeFolders?: boolean,
-    filter?: RegExp | ((file: File) => boolean),
-    extensions?: string[],
-    showHiddenFiles?: boolean,
-    allowAllFiles?: boolean,
-    max?: number,
-  ): Promise<FilePickerRes>;
-  callPluginMethod<TArgs = {}, TRes = {}>(methodName: string, args: TArgs): Promise<ServerResponse<TRes>>;
-  callServerMethod<TArgs = {}, TRes = {}>(methodName: string, args: TArgs): Promise<ServerResponse<TRes>>;
-  fetchNoCors<TRes = {}>(url: RequestInfo, request?: RequestInit): Promise<ServerResponse<TRes>>;
-  executeInTab(tab: string, runAsync: boolean, code: string): Promise<unknown>;
-  injectCssIntoTab<TRes = string>(tab: string, style: string): Promise<ServerResponse<TRes>>;
-  removeCssFromTab(tab: string, cssId: string): Promise<unknown>;
-}
-
-type DefinePluginFn = (serverAPI: ServerAPI) => Plugin;
-
-// TypeScript helper function
-export const definePlugin = (fn: DefinePluginFn): DefinePluginFn => {
-  return (...args) => {
-    // TODO: Maybe wrap this
-    return fn(...args);
-  };
-};
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1,5 +1,8 @@
 export * from './patcher';
-export * from './react';
+export * from './static-classes';
+export * from './react/react';
+export * from './react/fc';
+export * from './react/treepatcher';

 declare global {
  var FocusNavController: any;
@@ -22,7 +25,7 @@ export function findSP(): Window {
  if (document.title == 'SP') return window;
  // new (SP as popup)
  const navTrees = getGamepadNavigationTrees();
-  return navTrees?.find((x: any) => x.m_ID == 'root_1_').Root.Element.ownerDocument.defaultView;
+  return navTrees?.find((x: any) => x.m_ID == 'GamepadUI_Full_Root' || x.m_ID == 'root_1_')?.Root?.Element?.ownerDocument?.defaultView;
 }

 /**
@@ -37,6 +40,6 @@ export function getFocusNavController(): any {
 */
 export function getGamepadNavigationTrees(): any {
  const focusNav = getFocusNavController();
-  const context = focusNav.m_ActiveContext || focusNav.m_LastActiveContext;
+  const context = focusNav?.m_ActiveContext || focusNav?.m_LastActiveContext;
  return context?.m_rgGamepadNavigationTrees;
 }
--- a/src/utils/patcher.ts
+++ b/src/utils/patcher.ts
@@ -6,7 +6,7 @@ export interface PatchOptions {
  singleShot?: boolean;
 }

-type GenericPatchHandler = (args: any[], ret?: any) => any;
+export type GenericPatchHandler = (args: any[], ret?: any) => any;

 export interface Patch {
  original: Function;
--- a/src/utils/react/fc.ts
+++ b/src/utils/react/fc.ts
@@ -0,0 +1,139 @@
+// Utilities for patching function components
+import { createElement, type FC } from 'react';
+import { applyHookStubs, removeHookStubs } from './react';
+import Logger from '../../logger';
+
+export interface FCTrampoline {
+    component: FC
+}
+
+let loggingEnabled = false;
+
+export function setFCTrampolineLoggingEnabled(value: boolean = true) { loggingEnabled = value };
+
+let logger = new Logger('FCTrampoline');
+
+/**
+ * Directly hooks a function component from its reference, redirecting it to a user-patchable wrapper in its returned object.
+ * This only works if the original component when called directly returns either nothing, null, or another child element.
+ * 
+ * This works by tricking react into thinking it's a class component by cleverly working around its class component checks,
+ * keeping the unmodified function component intact as a mostly working constructor (as it is impossible to direcly modify a function),
+ * stubbing out hooks to prevent errors by detecting setter/getter triggers that occur direcly before/after the class component is instantiated by react,
+ * and creating a fake class component render method to trampoline out into your own handler.
+ * 
+ * Due to the nature of this method of hooking a component, please only use this where it is *absolutely necessary.*
+ * Incorrect hook stubs can cause major instability, be careful when writing them. Refer to fakeRenderComponent for the hook stub implementation.
+ * Make sure your hook stubs can handle all the cases they could possibly need to within the component you are injecting into.
+ * You do not need to worry about its children, as they are never called due to the first instance never actually rendering.
+ */
+export function injectFCTrampoline(component: FC, customHooks?: any): FCTrampoline {
+    // It needs to be wrapped so React doesn't infinitely call the fake class render method.
+    const newComponent = function (this: any, ...args: any) {
+        loggingEnabled && logger.debug("new component rendering with props", args);
+        return component.apply(this, args);
+    }
+    const userComponent = { component: newComponent };
+    // Create a fake class component render method
+    component.prototype.render = function (...args: any[]) {
+        loggingEnabled && logger.debug("rendering trampoline", args, this);
+        // Pass through rendering via creating the component as a child so React can use function component logic instead of class component logic (setting up the hooks)
+        return createElement(userComponent.component, this.props, this.props.children);
+    };
+    component.prototype.isReactComponent = true;
+    let stubsApplied = false;
+    let oldCreateElement = window.SP_REACT.createElement;
+
+    const applyStubsIfNeeded = () => {
+        if (!stubsApplied) {
+            loggingEnabled && logger.debug("applied stubs");
+            stubsApplied = true;
+            applyHookStubs(customHooks)
+            // we have to redirect this to return an object with component's prototype as a constructor returning a value overrides its prototype
+            window.SP_REACT.createElement = () => {
+                loggingEnabled && logger.debug("createElement hook called");
+                loggingEnabled && console.trace("createElement trace");
+                return Object.create(component.prototype);
+            };
+        }
+    }
+
+    const removeStubsIfNeeded = () => {
+        if (stubsApplied) {
+            loggingEnabled && logger.debug("removed stubs");
+            stubsApplied = false;
+            removeHookStubs();
+            window.SP_REACT.createElement = oldCreateElement;
+        }
+    }
+
+    let renderHookStep = 0;
+
+    // Accessed two times, once directly before class instantiation, and again in some extra logic we don't need to worry about that we hanlde below just in case.
+    Object.defineProperty(component, "contextType", {
+        configurable: true,
+        get: function () {
+            loggingEnabled && logger.debug("get contexttype", this, stubsApplied, renderHookStep);
+            loggingEnabled && console.trace("contextType trace");
+            if (renderHookStep == 0) renderHookStep = 1;
+            else if (renderHookStep == 3) renderHookStep = 4;
+            return this._contextType;
+        },
+        set: function (value) {
+            this._contextType = value;
+        }
+    });
+
+    // Always accessed directly after contextType for the path we want to catch.
+    Object.defineProperty(component, "contextTypes", {
+        configurable: true,
+        get: function () {
+            loggingEnabled && logger.debug("get contexttypes", this, stubsApplied, renderHookStep);
+            loggingEnabled && console.trace("contextTypes trace");
+            if (renderHookStep == 1) {
+                renderHookStep = 2;
+                applyStubsIfNeeded();
+            };
+            return this._contextTypes;
+        },
+        set: function (value) {
+            this._contextTypes = value;
+        }
+    });
+
+    // Set directly after class is instantiated
+    Object.defineProperty(component.prototype, "updater", {
+        configurable: true,
+        get: function () {
+            return this._updater;
+        },
+        set: function (value) {
+            loggingEnabled && logger.debug("set updater", this, value, stubsApplied, renderHookStep);
+            loggingEnabled && console.trace("updater trace");
+            if (renderHookStep == 2) {
+                renderHookStep = 0;
+                removeStubsIfNeeded();
+            }
+            return this._updater = value;
+        }
+    });
+
+    // Prevents the second contextType+contextTypes access from leaving its hooks around
+    Object.defineProperty(component, "getDerivedStateFromProps", {
+        configurable: true,
+        get: function () {
+            loggingEnabled && logger.debug("get getDerivedStateFromProps", this, stubsApplied, renderHookStep);
+            loggingEnabled && console.trace("getDerivedStateFromProps trace");
+            if (renderHookStep == 2) {
+                renderHookStep = 0;
+                removeStubsIfNeeded();
+            }
+            return this._getDerivedStateFromProps;
+        },
+        set: function (value) {
+            this._getDerivedStateFromProps = value;
+        }
+    });
+
+    return userComponent;
+}
--- a/src/utils/react/react.ts
+++ b/src/utils/react/react.ts
@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { Ref, useState } from 'react';

 // this shouldn't need to be redeclared but it does for some reason

@@ -8,13 +9,37 @@ declare global {
  }
 }

-export function fakeRenderComponent(fun: Function, customHooks: any = {}): any {
+/**
+ * Create a Regular Expression to search for a React component that uses certain props in order.
+ *
+ * @export
+ * @param {string[]} propList Ordererd list of properties to search for
+ * @returns {RegExp} RegEx to call .test(component.toString()) on
+ */
+export function createPropListRegex(propList: string[], fromStart: boolean = true): RegExp {
+  let regexString = fromStart ? "const\{" : "";
+  propList.forEach((prop: any, propIdx) => {
+    regexString += `"?${prop}"?:[a-zA-Z_$]{1,2}`;
+    if (propIdx < propList.length - 1) {
+      regexString += ",";
+    }
+  });
+
+  // TODO provide a way to enable this
+  // console.debug(`[DFL:Utils] createPropListRegex generated regex "${regexString}" for props`, propList);
+
+  return new RegExp(regexString);
+}
+
+let oldHooks = {};
+
+export function applyHookStubs(customHooks: any = {}): any {
  const hooks = (window.SP_REACT as any).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher
    .current;

  // TODO: add more hooks

-  let oldHooks = {
+  oldHooks = {
    useContext: hooks.useContext,
    useCallback: hooks.useCallback,
    useLayoutEffect: hooks.useLayoutEffect,
@@ -38,9 +63,22 @@ export function fakeRenderComponent(fun: Function, customHooks: any = {}): any {

  Object.assign(hooks, customHooks);

-  const res = fun(hooks);
+  return hooks;
+}

+export function removeHookStubs() {
+  const hooks = (window.SP_REACT as any).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher
+    .current;
  Object.assign(hooks, oldHooks);
+  oldHooks = {};
+}
+
+export function fakeRenderComponent(fun: Function, customHooks?: any): any {
+  const hooks = applyHookStubs(customHooks);
+
+  const res = fun(hooks); // TODO why'd we do this?
+
+  removeHookStubs();

  return res;
 }
@@ -67,15 +105,15 @@ export function wrapReactClass(node: any, prop: any = 'type') {

 export function getReactRoot(o: HTMLElement | Element | Node) {
  return (
-    o[Object.keys(o).find((k) => k.startsWith('__reactContainer$')) as string] ||
-    o['_reactRootContainer']?._internalRoot?.current
+    (o as any)[Object.keys(o).find((k) => k.startsWith('__reactContainer$')) as string] ||
+    (o as any)['_reactRootContainer']?._internalRoot?.current
  );
 }

 export function getReactInstance(o: HTMLElement | Element | Node) {
  return (
-    o[Object.keys(o).find((k) => k.startsWith('__reactFiber')) as string] ||
-    o[Object.keys(o).find((k) => k.startsWith('__reactInternalInstance')) as string]
+    (o as any)[Object.keys(o).find((k) => k.startsWith('__reactFiber')) as string] ||
+    (o as any)[Object.keys(o).find((k) => k.startsWith('__reactInternalInstance')) as string]
  );
 }

@@ -113,3 +151,21 @@ export const findInReactTree = (node: any, filter: findInTreeFilter) =>
    // Specialised findInTree for React nodes
    walkable: ['props', 'children', 'child', 'sibling'],
  });
+
+/**
+ * Finds the parent window of a DOM element
+ */
+export function getParentWindow<WindowType = Window>(elem: HTMLElement | null): WindowType | null | undefined {
+  return elem?.ownerDocument?.defaultView as any;
+}
+
+/**
+ * React hook to find the host window of a component
+ * Pass the returned ref into a React element and window will be its host window.
+ * @returns [ref, window]
+ */
+export function useWindowRef<RefElementType extends HTMLElement, WindowType = Window>(): [Ref<RefElementType>, WindowType | null | undefined] {
+  const [win, setWin] = useState<WindowType | null | undefined>(null);
+
+  return [(elem) => setWin(getParentWindow<WindowType>(elem)), win];
+}
--- a/src/utils/react/treepatcher.ts
+++ b/src/utils/react/treepatcher.ts
@@ -0,0 +1,100 @@
+import Logger from '../../logger';
+import { GenericPatchHandler, afterPatch } from '../patcher';
+import { wrapReactClass, wrapReactType } from './react';
+
+// TODO max size limit? could implement as a class extending map perhaps
+type PatchedComponentCache = Map<any, any>;
+export type GenericNodeStep = (node: any) => any;
+// to patch a specific method of a class component other than render. TODO implement
+// export type ClassNodeStep = [finder: GenericNodeStep, method: string];
+// export type NodeStep = GenericNodeStep | ClassNodeStep;
+export type NodeStep = GenericNodeStep;
+export type ReactPatchHandler = GenericPatchHandler;
+
+// These will get *very* spammy.
+let loggingEnabled = false;
+let perfLoggingEnabled = false;
+
+export function setReactPatcherLoggingEnabled(value: boolean = true) { loggingEnabled = value };
+export function setReactPatcherPerformanceLoggingEnabled(value: boolean = true) { perfLoggingEnabled = value };
+
+function patchComponent(node: any, handler: GenericPatchHandler, steps: NodeStep[], step: number, caches: PatchedComponentCache[], logger: Logger, prop: string = 'type') {
+    loggingEnabled && logger.group('Patching node:', node);
+    // We need to take extra care to not mutate the original node.type
+    switch (typeof node?.[prop]) {
+        case 'function':
+            // Function component
+            const patch = afterPatch(node, prop, steps[step + 1] ? createStepHandler(handler, steps, step + 1, caches, logger) : handler);
+            loggingEnabled && logger.debug('Patched a function component', patch);
+            break;
+        case 'object':
+            if (node[prop]?.prototype?.render) {
+                // Class component
+                // TODO handle patching custom methods
+                wrapReactClass(node);
+                const patch = afterPatch(node[prop].prototype, 'render', steps[step + 1] ? createStepHandler(handler, steps, step + 1, caches, logger) : handler);
+                loggingEnabled && logger.debug('Patched class component', patch);
+            } else {
+                loggingEnabled && logger.debug('Patching forwardref/memo');
+                wrapReactType(node, prop);
+                // Step down the object
+                patchComponent(node[prop], handler, steps, step, caches, logger, node[prop]?.render ? 'render' : 'type'); 
+            }
+            break;
+        default:
+            logger.error('Unhandled component type', node);
+            break;
+    }
+    loggingEnabled && logger.groupEnd();
+}
+
+function handleStep(tree: any, handler: GenericPatchHandler, steps: NodeStep[], step: number, caches: PatchedComponentCache[], logger: Logger): any {
+    const startTime = (loggingEnabled || perfLoggingEnabled) ? performance.now() : 0;
+    const stepHandler = steps[step];
+    const cache = caches[step] || (caches[step] = new Map());
+    loggingEnabled && logger.debug(`Patch step ${step} running`, { tree, stepHandler, step, caches });
+
+    const node = stepHandler(tree);
+    if (node && node.type) {
+        loggingEnabled && logger.debug('Found node', node);
+    } else if (node) {
+        loggingEnabled && logger.error('Found node without type. Something is probably wrong.', node);
+        return tree;
+    } else {
+        loggingEnabled && logger.warn('Found no node. Depending on your usecase, this might be fine.', node);
+        return tree;
+    }
+
+    let cachedType;
+    if (cachedType = cache.get(node.type)) {
+        loggingEnabled && logger.debug('Found cached patched component', node);
+        node.type = cachedType;
+        (loggingEnabled || perfLoggingEnabled) && logger.debug(`Patch step ${step} took ${performance.now() - startTime}ms with cache`);
+        return tree;
+    }
+
+    const originalType = node.type;
+
+    patchComponent(node, handler, steps, step, caches, logger);
+
+    cache.set(originalType, node.type);
+
+    (loggingEnabled || perfLoggingEnabled) && logger.debug(`Patch step ${step} took ${performance.now() - startTime}ms`);
+    return tree;
+};
+
+function createStepHandler(handler: GenericPatchHandler, steps: NodeStep[], step: number, caches: PatchedComponentCache[], logger: Logger) {
+    loggingEnabled && logger.debug(`Creating handler for step ${step}`);
+    return (_: any, tree: any) => handleStep(tree, handler, steps, step, caches, logger);
+}
+
+// TODO handle createReactTreePatcher inside handler and cache it (or warn)
+export function createReactTreePatcher(steps: NodeStep[], handler: GenericPatchHandler, debugName: string = 'ReactPatch'): GenericPatchHandler {
+    const caches: PatchedComponentCache[] = [];
+
+    const logger = new Logger(`ReactTreePatcher -> ${debugName}`);
+
+    loggingEnabled && logger.debug('Init with options:', steps, debugName);
+
+    return createStepHandler(handler, steps, 0, caches, logger);
+}
--- a/src/utils/static-classes.ts
+++ b/src/utils/static-classes.ts
--- a/src/webpack.ts
+++ b/src/webpack.ts
@@ -1,65 +1,105 @@
+import Logger from './logger';
+
 declare global {
  interface Window {
-    webpackJsonp: any;
    webpackChunksteamui: any;
  }
 }

-// TODO
+const logger = new Logger('Webpack');
+
+// In most case an object with getters for each property. Look for the first call to r.d in the module, usually near or at the top.
+export type ModuleID = string; // number string
 export type Module = any;
+export type Export = any;
 type FilterFn = (module: any) => boolean;
+type ExportFilterFn = (moduleExport: any, exportName?: any) => boolean;
 type FindFn = (module: any) => any;

-export let webpackCache: any = {};
-let hasWebpack5 = false;
+export let modules = new Map<ModuleID, Module>();

-if (window.webpackJsonp && !window.webpackJsonp.deckyShimmed) {
-  // Webpack 4, currently on stable
-  const wpRequire = window.webpackJsonp.push([
-    [],
-    { get_require: (mod: any, _exports: any, wpRequire: any) => (mod.exports = wpRequire) },
-    [['get_require']],
-  ]);
-
-  delete wpRequire.m.get_require;
-  delete wpRequire.c.get_require;
-  webpackCache = wpRequire.c;
-} else {
+function initModuleCache() {
+  const startTime = performance.now();
+  logger.group('Webpack Module Init');
  // Webpack 5, currently on beta
-  hasWebpack5 = true;
-  const id = Math.random();
-  let initReq: any;
+  // Generate a fake module ID
+  const id = Symbol("@decky/ui");
+  let webpackRequire!: ((id: any) => Module) & { m: object };
+  // Insert our module in a new chunk.
+  // The module will then be called with webpack's internal require function as its first argument
  window.webpackChunksteamui.push([
    [id],
    {},
    (r: any) => {
-      initReq = r;
+      webpackRequire = r;
    },
  ]);
-  for (let i of Object.keys(initReq.m)) {
+
+  logger.log(
+    'Initializing all modules. Errors here likely do not matter, as they are usually just failing module side effects.',
+  );
+
+  // Loop over every module ID
+  for (let id of Object.keys(webpackRequire.m)) {
    try {
-      webpackCache[i] = initReq(i);
+      const module = webpackRequire(id);
+      if (module) {
+        modules.set(id, module);
+      }
    } catch (e) {
-      console.debug("[DFL:Webpack]: Ignoring require error for module", i, e);
+      logger.debug('Ignoring require error for module', id, e);
    }
  }
+
+  logger.groupEnd(`Modules initialized in ${performance.now() - startTime}ms...`);
 }

-export const allModules: Module[] = hasWebpack5
-  ? Object.values(webpackCache).filter((x) => x)
-  : Object.keys(webpackCache)
-      .map((x) => webpackCache[x].exports)
-      .filter((x) => x);
+initModuleCache();

 export const findModule = (filter: FilterFn) => {
-  for (const m of allModules) {
+  for (const m of modules.values()) {
    if (m.default && filter(m.default)) return m.default;
    if (filter(m)) return m;
  }
 };

+export const findModuleDetailsByExport = (
+  filter: ExportFilterFn,
+  minExports?: number,
+): [module: Module | undefined, moduleExport: any, exportName: any, moduleID: string | undefined] => {
+  for (const [id, m] of modules) {
+    if (!m) continue;
+    for (const mod of [m.default, m]) {
+      if (typeof mod !== 'object') continue;
+      if (minExports && Object.keys(mod).length < minExports) continue;
+      for (let exportName in mod) {
+        if (mod?.[exportName]) {
+          const filterRes = filter(mod[exportName], exportName);
+          if (filterRes) {
+            return [mod, mod[exportName], exportName, id];
+          } else {
+            continue;
+          }
+        }
+      }
+    }
+  }
+  return [undefined, undefined, undefined, undefined];
+};
+
+export const findModuleByExport = (filter: ExportFilterFn, minExports?: number) => {
+  return findModuleDetailsByExport(filter, minExports)?.[0];
+};
+
+export const findModuleExport = (filter: ExportFilterFn, minExports?: number) => {
+  return findModuleDetailsByExport(filter, minExports)?.[1];
+};
+
+/**
+ * @deprecated use findModuleExport instead
+ */
 export const findModuleChild = (filter: FindFn) => {
-  for (const m of allModules) {
+  for (const m of modules.values()) {
    for (const mod of [m.default, m]) {
      const filterRes = filter(mod);
      if (filterRes) {
@@ -71,10 +111,13 @@ export const findModuleChild = (filter: FindFn) => {
  }
 };

+/**
+ * @deprecated use createModuleMapping instead
+ */
 export const findAllModules = (filter: FilterFn) => {
  const out = [];

-  for (const m of allModules) {
+  for (const m of modules.values()) {
    if (m.default && filter(m.default)) out.push(m.default);
    if (filter(m)) out.push(m);
  }
@@ -82,7 +125,18 @@ export const findAllModules = (filter: FilterFn) => {
  return out;
 };

-export const CommonUIModule = allModules.find((m: Module) => {
+export const createModuleMapping = (filter: FilterFn) => {
+  const mapping = new Map<ModuleID, Module>();
+
+  for (const [id, m] of modules) {
+    if (m.default && filter(m.default)) mapping.set(id, m.default);
+    if (filter(m)) mapping.set(id, m);
+  }
+
+  return mapping;
+};
+
+export const CommonUIModule = findModule((m: Module) => {
  if (typeof m !== 'object') return false;
  for (let prop in m) {
    if (m[prop]?.contextType?._currentValue && Object.keys(m).length > 60) return true;
@@ -90,18 +144,8 @@ export const CommonUIModule = allModules.find((m: Module) => {
  return false;
 });

-export const IconsModule = findModule((m: Module) => {
-  if (typeof m !== 'object') return false;
-  for (let prop in m) {
-    if (m[prop]?.toString && /Spinner\)}\),.\.createElement\(\"path\",{d:\"M18 /.test(m[prop].toString())) return true;
-  }
-  return false;
-});
+export const IconsModule = findModuleByExport(
+  (e) => e?.toString && /Spinner\)}\)?,.\.createElement\(\"path\",{d:\"M18 /.test(e.toString()),
+);

-export const ReactRouter = allModules.find((m: Module) => {
-  if (typeof m !== 'object') return undefined;
-  for (let prop in m) {
-    if (m[prop]?.computeRootMatch) return true;
-  }
-  return false;
-});
+export const ReactRouter = findModuleByExport((e) => e.computeRootMatch);
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -14,10 +14,9 @@
    "noImplicitThis": true,
    "noImplicitAny": true,
    "strict": true,
-    "suppressImplicitAnyIndexErrors": true,
-    "allowSyntheticDefaultImports": true,
-    "skipLibCheck": true
+    "removeComments": true,
+    "allowSyntheticDefaultImports": true
  },
-  "include": ["src", "globals.d.ts"],
+  "include": ["src"],
  "exclude": ["node_modules"]
 }
--- a/typedoc.json
+++ b/typedoc.json
@@ -1,4 +1,4 @@
 {
-    "categorizeByGroup": false,
-    "excludeExternals": true
-}
+  "categorizeByGroup": false,
+  "excludeExternals": true
+}
Author	SHA1	Message	Date
semantic-release-bot	200125cb98	chore(release): 4.8.3 [CI SKIP]	2024-12-14 03:28:48 +00:00
AAGaming	5ab8472ffe	Merge branch 'main' of github.com:steamdeckhomebrew/decky-frontend-lib	2024-12-13 22:28:22 -05:00
AAGaming	a43cd7f3c5	fix(utils): add new nav root name	2024-12-13 22:27:26 -05:00
semantic-release-bot	41401b1d01	chore(release): 4.8.2 [CI SKIP]	2024-11-20 19:50:37 +00:00
Lukas Senionis	8117693427	fix(Footer): add missing focus/nav properties (#113 )	2024-11-20 14:50:10 -05:00
semantic-release-bot	d6ecba605d	chore(release): 4.8.1 [CI SKIP]	2024-10-11 19:00:25 +00:00
AAGaming	bf58e08e4b	fix(DialogCheckbox): prevent some potential issues in dialogcheckbox	2024-10-11 14:59:42 -04:00
AAGaming	e965816144	fix(*): prevent issues where toString may not be a function (what)	2024-10-11 14:47:27 -04:00
semantic-release-bot	59ce9e450c	chore(release): 4.8.0 [CI SKIP]	2024-10-05 03:52:37 +00:00
AAGaming	980df687e7	fix(components/Router): dont break in desktop ui	2024-10-04 23:52:04 -04:00
AAGaming	bea9ac7774	fix(components/Modal): dont break in desktop ui	2024-10-04 23:51:49 -04:00
AAGaming	063dedbbc1	feat(utils/react): add some window-related utils	2024-10-04 23:51:36 -04:00
semantic-release-bot	723e2ff76e	chore(release): 4.7.4 [CI SKIP]	2024-10-04 17:16:01 +00:00
AAGaming	241b22cad7	fix(DialogCheckbox): don't access getters to prevent their side effects from breaking the component	2024-10-04 13:15:29 -04:00
semantic-release-bot	93c59d8026	chore(release): 4.7.3 [CI SKIP]	2024-10-03 20:50:33 +00:00
AAGaming	0f9fb5a3b8	fix(components): fix missing components on oct 2 2024 beta	2024-10-03 16:46:50 -04:00
semantic-release-bot	8c6043b5a7	chore(release): 4.7.2 [CI SKIP]	2024-09-16 23:30:08 +00:00
AAGaming	3aa07dc9ce	fix(utils): fix potential race condition in findSP	2024-09-16 19:29:38 -04:00
semantic-release-bot	3f335b3583	chore(release): 4.7.1 [CI SKIP]	2024-08-08 18:18:52 +00:00
AAGaming	4c97097757	fix(utils/react): fix potential race condition in injectFCTrampoline	2024-08-08 14:18:19 -04:00
AAGaming	1ee43e86d6	chore(utils/react): get rid of ts-expect-error	2024-08-03 13:50:33 -04:00
AAGaming	db6ab9c448	chore(docs): add note to CloseSideMenus	2024-07-28 18:51:08 -04:00
semantic-release-bot	4646f22b0c	chore(release): 4.7.0 [CI SKIP]	2024-07-28 22:18:51 +00:00
AAGaming	7eb484d55c	feat(router): support desktop bpm overlay	2024-07-28 18:17:52 -04:00
AAGaming	5164f980b3	chore(stores): add SteamUIStore, securitystore	2024-07-28 18:15:51 -04:00
AAGaming	0457feec95	chore(tabs): port back to normal find	2024-07-28 18:15:34 -04:00
semantic-release-bot	73b8d52c7f	chore(release): 4.6.0 [CI SKIP]	2024-07-26 18:33:10 +00:00
AAGaming	2b8d2ae4db	feat(classMapper): add findClassByName back	2024-07-26 14:32:34 -04:00
AAGaming	48de8928e4	chore(deprecation): deprecate useQuickAccessVisible as it has been moved to @decky/api	2024-07-26 14:07:58 -04:00
semantic-release-bot	d60715b755	chore(release): 4.5.0 [CI SKIP]	2024-07-24 04:59:59 +00:00
AAGaming	a370c1f7d3	feat(classMapper): add classModuleMap, make findClass require ID	2024-07-24 00:59:28 -04:00
AAGaming	d83bada4af	feat(webpack): refactor to prepare for classMapper changes	2024-07-24 00:59:04 -04:00
semantic-release-bot	1f7178f175	chore(release): 4.4.0 [CI SKIP]	2024-07-18 04:55:06 +00:00
AAGaming	44fdf9ed3b	feat(utils/react): add injectFCTrampoline	2024-07-18 00:54:29 -04:00
semantic-release-bot	1b5fd78bc2	chore(release): 4.3.1 [CI SKIP]	2024-07-17 23:30:02 +00:00
AAGaming	d64c42ac31	fix(Menu/MenuGroup): rewrite filter to work on beta and prevent future errors	2024-07-17 19:29:25 -04:00
semantic-release-bot	0ec60edf4d	chore(release): 4.3.0 [CI SKIP]	2024-07-09 06:38:22 +00:00
AAGaming	2c3a9f81de	feat(utils): react tree patching api	2024-07-09 02:37:46 -04:00
semantic-release-bot	00079a71cc	chore(release): 4.2.2 [CI SKIP]	2024-07-04 05:18:57 +00:00
AAGaming	c04f024b34	fix(SteamSpinner): add background option	2024-07-04 01:18:27 -04:00
AAGaming	5dae77b003	chore(ci): update actions to remove deprecation warnings	2024-06-29 17:53:00 -04:00
semantic-release-bot	6b8c28e69c	chore(release): 4.2.1 [CI SKIP]	2024-06-27 04:17:41 +00:00
AAGaming	3ef9648355	fix(errorboundary): work around broken react types for the billionth time	2024-06-27 00:16:14 -04:00
semantic-release-bot	0da85355c2	chore(release): 4.2.0 [CI SKIP]	2024-06-27 04:07:06 +00:00
AAGaming	dcdbb2d6c7	feat(components): add ErrorBoundary	2024-06-27 00:06:32 -04:00
semantic-release-bot	58e3d35e1e	chore(release): 4.1.1 [CI SKIP]	2024-06-27 03:19:49 +00:00
Ava Johnson	bd1dc85b92	fix(ReorderableList): avoid mutating props (#109 ) Co-authored-by: AAGaming <aagaming@riseup.net> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2024-06-26 23:19:18 -04:00
semantic-release-bot	aa78f4c0a2	chore(release): 4.1.0 [CI SKIP]	2024-06-27 03:11:23 +00:00
AAGaming	b04044451a	feat(release): release v4.1.0	2024-06-26 23:10:47 -04:00
semantic-release-bot	5d8f141114	chore(release): 4.0.1 [CI SKIP]	2024-06-27 03:10:04 +00:00
AAGaming	2bfe62409f	fix(release): empty commit to bump to v4.0.1	2024-06-26 23:09:36 -04:00
semantic-release-bot	f5cefa9eea	chore(release): 4.0.0 [CI SKIP]	2024-06-27 03:08:08 +00:00
AAGaming	abfd2c0105	fix(ci): temp remove npm publisher BREAKING CHANGE: v4 release	2024-06-26 23:07:29 -04:00
AAGaming	8cb7c273eb	fix(ci): empty commit so semantic-release shuts up BREAKING CHANGE: v4 release	2024-06-26 23:03:39 -04:00
AAGaming	c440fa76b1	chore(ci): empty commit so semantic-release shuts up	2024-06-26 23:00:30 -04:00
AAGaming	4e4859deb6	chore(ci): empty commit so semantic-release shuts up	2024-06-26 22:56:50 -04:00
AAGaming	9579c41c6d	chore(ci): empty commit so semantic-release shuts up	2024-06-26 22:53:34 -04:00
AAGaming	4dd6afd91b	chore(ci): add v4-dev to release branches	2024-06-26 22:41:52 -04:00
AAGaming	b092d49bf8	chore(ci): return of the CI	2024-06-26 22:39:30 -04:00
AAGaming	7e0cb153b1	fix(*): fixes for jun 26 beta	2024-06-26 22:28:58 -04:00
AAGaming	b1e503853f	fix(package): unbreak react	2024-06-13 18:26:38 -04:00
AAGaming	832ad697c7	chore(package): v4.0.3	2024-06-13 18:23:06 -04:00
AAGaming	62b454f712	fix(package): pin react properly	2024-06-13 18:22:18 -04:00
AAGaming	ea19d62dab	fix(package): fix ts memes	2024-06-13 17:00:37 -04:00
AAGaming	9f262097b9	fix(Menu): work around ConfigContext error	2024-06-13 15:53:06 -04:00
AAGaming	e6e8c91ec7	fix(components): forgot one	2024-05-27 13:20:03 -04:00
AAGaming	688c7471cd	fix(components): fix missing children prop also remove unnessecary use of tsx	2024-05-27 13:19:11 -04:00
AAGaming	6c1b12b95f	chore(ci): disable on v4 for now	2024-05-27 13:15:49 -04:00
semantic-release-bot	0dfb2cedb6	chore(release): 3.26.1 [CI SKIP]	2024-05-25 23:15:00 +00:00
AAGaming	2a78cc0116	fix(Field): add children prop	2024-05-25 19:14:30 -04:00
AAGaming	1716782183	chore(package): ver bump [skip ci]	2024-05-24 18:04:31 -04:00
AAGaming	0cd498beac	fix(plugin): shim definePlugin for now [ci skip]	2024-05-24 18:04:05 -04:00
AAGaming	b728d90263	chore(plugin): delete	2024-05-24 17:10:51 -04:00
AAGaming	3384d2910d	chore(*): fix version lol	2024-05-24 16:35:31 -04:00
semantic-release-bot	78c4cdb9e9	chore(release): 3.26.0 [CI SKIP]	2024-05-24 20:24:30 +00:00
AAGaming	d20659e073	chore(releaserc): add v4-dev branch	2024-05-24 16:23:59 -04:00
AAGaming	d91f49e728	fix(utils/react): shut it ts	2024-05-24 16:22:51 -04:00
AAGaming	735080fee3	chore(*): init v4 package.json and release.yaml	2024-05-24 16:21:58 -04:00
jbofill	86e6e4c0f5	chore(static-classes): add/fix/update css classes (#102 )	2024-05-24 16:17:48 -04:00
shadow	46b1d6e8ea	Dropdown contextMenuPositionOptions prop definition (#104 )	2024-05-24 16:17:12 -04:00
AAGaming	a7635b6305	chore(*): run prettier	2024-05-12 15:48:13 -04:00
AAGaming	bffd530bda	feat(*): add v4 webpack api and port everything to it also restructures a bunch	2024-05-12 15:45:26 -04:00
AAGaming	9c79187d37	chore(package): init v4	2024-05-12 12:43:26 -04:00
semantic-release-bot	29e6439115	chore(release): 3.25.0 [CI SKIP]	2024-03-09 22:17:49 +00:00
AAGaming	a8eeb917e2	feat(classMapper): add class mapper thanks valve	2024-03-09 17:13:39 -05:00
AAGaming	17b99dfed8	fix(staticclasses): unbreak on latest beta unsure if this works for all of them but it works Enough	2024-03-09 17:13:05 -05:00
AAGaming	9ef419cee1	chore(modal): remove useless comments	2024-02-03 00:49:11 -05:00
semantic-release-bot	5aad952936	chore(release): 3.24.5 [CI SKIP]	2024-02-03 05:32:01 +00:00
AAGaming	c2b0fad298	fix(finds): make modal and scroll components work on latest betaa THEY INCREASED THE MINIFIER PRESET AAAAAAAAAAAAAAAAAAAAAAAAAA	2024-02-03 00:31:29 -05:00